:root{--auth-gradient:linear-gradient(135deg,#f5f7fa,#c3cfe2);--auth-card-radius:16px;--input-radius:12px}.auth-page-wrapper{align-items:center;background:var(--auth-gradient);display:flex;min-height:calc(100vh - 80px);padding:2rem 0}[x-cloak]{display:none!important}.marketing-badge{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:50px;box-shadow:0 2px 5px rgba(0,0,0,.03);color:#6c757d;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.marketing-dot{background-color:#20c997;border-radius:50%;height:8px;width:8px}.marketing-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-top:1rem}.marketing-text{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.feature-list-item{align-items:center;color:#495057;display:flex;font-weight:500;gap:1rem;margin-bottom:1rem}.feature-icon-box{align-items:center;background:rgba(13,110,253,.1);border-radius:12px;color:var(--brand-2,#0d6efd);display:flex;height:40px;justify-content:center;width:40px}.auth-card{background:#fff;border:1px solid rgba(0,0,0,.02);border-radius:var(--auth-card-radius);box-shadow:0 20px 40px rgba(0,0,0,.08);overflow:hidden;padding:2.5rem;position:relative}.auth-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.auth-title{color:#343a40;font-size:1.5rem;font-weight:700;margin:0}.auth-subtitle{color:#adb5bd;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.home-link{border:1px solid #dee2e6;border-radius:20px;color:#6c757d;font-size:.85rem;padding:.4rem .8rem;text-decoration:none;transition:all .2s}.home-link:hover{background:#f8f9fa;color:#212529}.auth-tabs{background:#f8f9fa;border:1px solid #e9ecef;border-radius:50px;display:flex;margin-bottom:2rem;padding:.35rem}.auth-tab-btn{background:transparent;border:none;border-radius:40px;color:#6c757d;flex:1;font-size:.9rem;font-weight:600;padding:.6rem;transition:all .3s}.auth-tab-btn.active{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05);color:#212529}.form-label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-control{background-color:#fcfcfc;border:1px solid #dee2e6;border-radius:var(--input-radius);font-size:.95rem;padding:.75rem 1rem}.form-control:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 4px rgba(13,110,253,.15)}.form-text{color:#868e96;font-size:.8rem}.btn-auth{background:var(--gradient,linear-gradient(135deg,#0d6efd 0,#0d6efd 100%));border:none;border-radius:var(--input-radius);color:#fff;font-size:1rem;font-weight:600;padding:.8rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-auth:hover{box-shadow:0 8px 15px rgba(13,110,253,.2);color:#fff;transform:translateY(-2px)}.btn-auth:active{transform:translateY(0)}.link-primary-custom{color:var(--brand-2,#0d6efd);font-size:.9rem;font-weight:500;text-decoration:none}.link-primary-custom:hover{text-decoration:underline}.otp-input,.reset-otp-input{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;font-size:1.25rem;font-weight:700;height:56px;margin:0 .25rem;text-align:center;width:48px}.otp-input:focus,.reset-otp-input:focus{background:#fff;border-color:var(--brand-2,#0d6efd);box-shadow:0 0 0 4px rgba(13,110,253,.15);outline:none}@media (max-width:991.98px){.auth-page-wrapper{padding:1rem}.marketing-section{margin-bottom:3rem;text-align:center}.marketing-badge{margin:0 auto}.feature-list{align-items:center;display:flex;flex-direction:column}}