.auth-page{min-height:100vh;background:linear-gradient(145deg,#f8fbff 0%,#fffaf1 100%);position:relative;isolation:isolate;overflow-x:hidden}
.auth-header{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.auth-header .brand{width:138px;height:52px}.back-home{display:inline-flex;align-items:center;gap:8px;color:#40506b;font-size:.88rem;font-weight:900;transition:color .2s,transform .2s}.back-home:hover{color:var(--blue);transform:translateX(-3px)}
.auth-main{min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center;padding-top:20px;padding-bottom:54px;position:relative;z-index:2}
.auth-shell{width:min(100%,1010px);display:grid;grid-template-columns:.92fr 1.08fr;background:#fff;border:1px solid rgba(207,224,239,.9);border-radius:32px;box-shadow:0 30px 80px rgba(20,66,108,.16);overflow:hidden}
.auth-story{position:relative;overflow:hidden;padding:58px 48px;background:linear-gradient(145deg,#0755aa,#1687dc);color:#fff;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.auth-story:before,.auth-story:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}.auth-story:before{width:290px;height:290px;right:-140px;top:-90px}.auth-story:after{width:190px;height:190px;left:-85px;bottom:-95px}
.story-kicker{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.auth-story h1{font-size:clamp(2.25rem,4vw,3.45rem);line-height:1.03;letter-spacing:-.045em;margin:22px 0 17px;color:#fff}.auth-story p{color:rgba(255,255,255,.79);font-size:.98rem;margin-bottom:30px}
.story-preview{display:flex;flex-direction:column;gap:11px;margin:4px 0 28px}.story-card{display:flex;align-items:center;gap:12px;width:92%;padding:13px;background:#fff;color:var(--ink);border-radius:17px;box-shadow:0 15px 30px rgba(0,40,85,.14);transform:rotate(-1deg)}.story-card.offset{align-self:flex-end;transform:rotate(1deg)}.story-card>span{width:39px;height:39px;border-radius:12px;background:#e7f4ff;color:var(--blue);display:grid;place-items:center}.story-card>span.orange{background:#fff0e8;color:var(--coral)}.story-card>div{display:flex;flex:1;flex-direction:column;line-height:1.3}.story-card small{font-size:.62rem;color:#718096}.story-card strong{font-size:.86rem}.story-card em{color:#169276;background:#e7faf4;border-radius:9px;padding:3px 7px;font-size:.64rem;font-style:normal;font-weight:900}.story-card .success{color:#21ad88}
.story-note{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px}.story-note>i{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.13);border-radius:13px}.story-note span{display:flex;flex-direction:column;line-height:1.3}.story-note strong{font-size:.78rem}.story-note small{color:rgba(255,255,255,.7);font-size:.66rem}
.auth-form-panel{padding:52px 55px;display:flex;flex-direction:column;justify-content:center}.form-heading{text-align:center;margin-bottom:27px}.form-heading.compact{margin-bottom:23px}.form-icon{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border-radius:18px;background:#e7f4ff;color:var(--blue);font-size:1.4rem;box-shadow:0 10px 22px rgba(18,104,211,.1)}.coral-icon{background:#fff0e9;color:var(--coral)}.aqua-icon{background:#e4faf5;color:#168c76}.purple-icon{background:#f0ebff;color:#7959ce}.form-heading h2{font-size:1.85rem;line-height:1.15;letter-spacing:-.025em;margin:0 0 8px;font-weight:900}.form-heading p{margin:0 auto;color:var(--muted);font-size:.87rem;max-width:390px}.form-heading p strong{color:var(--ink)}
.auth-form{display:flex;flex-direction:column;gap:18px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group label,.otp-label{color:#35435a;font-size:.8rem;font-weight:900}.field-group label small{color:#8793a4;font-weight:700}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a{color:var(--blue);font-size:.73rem;font-weight:900}.field-control{height:52px;display:flex;align-items:center;background:#f8fbfe;border:1.5px solid #dce7f1;border-radius:15px;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}.field-control:focus-within{background:#fff;border-color:#62a5e8;box-shadow:0 0 0 4px rgba(18,104,211,.09)}.field-control>i{width:45px;text-align:center;color:#8493a6;font-size:.86rem}.field-control input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;padding:0 13px 0 0}.field-control input::placeholder{color:#a2adba}.has-error .field-control{border-color:#e86b5b;background:#fff9f7}.password-toggle{width:46px;height:100%;border:0;background:transparent;color:#7e8c9e;cursor:pointer}.password-toggle:hover{color:var(--blue)}.field-hint{color:#8390a2;font-size:.68rem}.country-code{height:32px;display:grid;place-items:center;margin-left:9px;padding:0 10px;border-radius:10px;background:#e7f4ff;color:var(--blue);font-size:.78rem;font-weight:900}.phone-control input{padding-left:11px}.auth-submit{width:100%;margin-top:3px;cursor:pointer}.auth-submit:disabled{opacity:.7;cursor:wait;transform:none}.remember-row,.terms-row{display:flex;align-items:flex-start;gap:9px;color:#5d6b7d;font-size:.76rem;cursor:pointer}.remember-row input,.terms-row input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--blue);flex:0 0 auto}.terms-row a{color:var(--blue);font-weight:900}.auth-switch{text-align:center;color:#718095;font-size:.78rem;margin:25px 0 0}.auth-switch a{color:var(--blue);font-weight:900}
.auth-alert{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:11px 13px;margin-bottom:18px;font-size:.76rem;line-height:1.45}.auth-alert[hidden]{display:none}.auth-alert>i{margin-top:3px}.auth-alert ul{margin:3px 0 0;padding-left:17px}.error-alert{color:#9d382c;background:#fff0ed;border:1px solid #ffd9d2}.success-alert{color:#15745f;background:#e9faf5;border:1px solid #c8f1e7}.info-alert{color:#195fa7;background:#eaf5ff;border:1px solid #cee8ff}
.auth-blob{position:fixed;border-radius:50%;z-index:-1}.auth-blob-one{width:340px;height:340px;right:-120px;top:-90px;background:#fff0bd}.auth-blob-two{width:260px;height:260px;left:-100px;bottom:-100px;background:#cff5ed}
.register-shell{width:min(100%,1080px);grid-template-columns:.9fr 1.1fr}.register-story{padding:48px 44px}.register-story h1{font-size:2.75rem}.register-benefits{list-style:none;margin:0 0 25px;padding:0;display:flex;flex-direction:column;gap:15px}.register-benefits li{display:flex;gap:11px;align-items:center}.register-benefits li>span{width:35px;height:35px;flex:0 0 35px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:.76rem;font-weight:900}.register-benefits div{display:flex;flex-direction:column;line-height:1.3}.register-benefits strong{font-size:.78rem}.register-benefits small{font-size:.66rem;color:rgba(255,255,255,.67)}.register-panel{padding:34px 48px}.step-progress{display:flex;align-items:center;justify-content:center;margin-bottom:26px}.step-progress span{display:flex;align-items:center;gap:6px;color:#8b98a8;font-size:.68rem;font-weight:900;white-space:nowrap}.step-progress span b{width:25px;height:25px;display:grid;place-items:center;border-radius:9px;background:#edf2f7;color:#7e8a99;font-size:.65rem}.step-progress span.active{color:var(--blue)}.step-progress span.active b{background:var(--blue);color:#fff;box-shadow:0 6px 13px rgba(18,104,211,.22)}.step-progress span.done{color:#168c76}.step-progress span.done b{background:#dff8f1;color:#168c76}.step-progress>i{width:38px;height:2px;background:#e5ebf1;margin:0 8px}.register-step{animation:stepIn .35s ease}.register-step[hidden]{display:none}.step-links{display:flex;justify-content:space-between;margin-top:16px}.step-links button{border:0;background:transparent;color:var(--blue);font-size:.74rem;font-weight:900;cursor:pointer;padding:5px}.step-links button:disabled{color:#9aa6b4;cursor:not-allowed}.otp-label{display:block;text-align:center;margin-bottom:9px}.otp-inputs{display:flex;justify-content:center;gap:10px;margin:0 0 19px}.otp-input{width:55px;height:59px;border:1.5px solid #d9e5ef;border-radius:16px;background:#f8fbfe;text-align:center;color:var(--ink);font:900 1.45rem 'Nunito',sans-serif;outline:0;transition:.2s}.otp-input:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,104,211,.09);transform:translateY(-2px)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.details-form{gap:13px}.password-meter{display:flex;align-items:center;gap:5px;color:#7c8999;font-size:.62rem}.password-meter i{width:28px;height:4px;border-radius:4px;background:#e4eaf0}.password-meter.weak i:first-child{background:var(--coral)}.password-meter.medium i:nth-child(-n+2){background:var(--yellow)}.password-meter.strong i{background:#25b28c}.password-meter span{margin-left:4px}.register-switch{margin-top:18px}
@keyframes stepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.auth-main{align-items:flex-start}.auth-shell{grid-template-columns:1fr;width:min(100%,580px)}.auth-story{display:none}.auth-form-panel{padding:46px 45px}.register-panel{padding:34px 42px}}
@media(max-width:560px){.auth-header{height:70px}.auth-header .brand{width:112px;height:44px}.back-home{font-size:.74rem}.auth-main{min-height:calc(100vh - 70px);padding:8px 0 28px}.auth-shell{border-radius:24px}.auth-form-panel,.register-panel{padding:32px 20px}.form-heading h2{font-size:1.55rem}.form-icon{width:50px;height:50px;border-radius:16px}.field-row{grid-template-columns:1fr}.step-progress>i{width:18px;margin-inline:4px}.step-progress span{font-size:.6rem}.otp-input{width:48px;height:54px}.auth-blob-one{width:220px;height:220px}.auth-blob-two{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.register-step{animation:none}}
.otp-countdown{display:flex;align-items:center;justify-content:center;gap:7px;margin:-8px 0 1px;color:#718095;font-size:.73rem}.otp-countdown i{color:var(--blue)}.otp-countdown strong{min-width:40px;color:var(--blue);font-size:.82rem;font-variant-numeric:tabular-nums}
.promo-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;background:#fff3cf;color:#956a00;font-size:.61rem;font-weight:900}.promo-spinner{display:none;width:38px;text-align:center;color:var(--blue);font-size:.78rem}.promo-feedback{min-height:17px;color:#7c8999;font-size:.68rem;font-weight:700}.promo-group.checking .promo-spinner{display:block}.promo-group.checking .field-control{border-color:#86b9e9}.promo-group.valid .field-control{border-color:#35b994;background:#f5fffc}.promo-group.valid .promo-feedback{color:#16866c}.promo-group.invalid .field-control{border-color:#ef927f;background:#fffaf8}.promo-group.invalid .promo-feedback{color:#b64b3a}
.recovery-shell{width:min(100%,1040px)}.recovery-panel{padding-top:38px;padding-bottom:38px}.recovery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;border:0}.recovery-options legend{grid-column:1/-1;margin-bottom:5px;color:#35435a;font-size:.8rem;font-weight:900}.recovery-option{position:relative;cursor:pointer}.recovery-option input{position:absolute;opacity:0;pointer-events:none}.recovery-option>span{min-height:78px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:11px;border:1.5px solid #dce7f1;border-radius:15px;background:#f8fbfe;transition:.2s}.recovery-option i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e7f4ff;color:var(--blue)}.recovery-option b{align-self:end;font-size:.76rem}.recovery-option small{align-self:start;color:#7e8b9b;font-size:.58rem}.recovery-option input:checked+span{border-color:var(--blue);background:#f1f8ff;box-shadow:0 0 0 3px rgba(18,104,211,.07)}.recovery-option input:focus-visible+span{outline:3px solid rgba(18,104,211,.2)}.recovery-field[hidden]{display:none}.recovery-illustration{margin:5px 0 32px;display:flex;align-items:center;gap:13px}.recovery-lock{width:82px;height:82px;flex:0 0 82px;border-radius:26px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:2rem;box-shadow:0 18px 35px rgba(0,37,80,.18);transform:rotate(-5deg)}.recovery-illustration>div{display:flex;flex-direction:column}.recovery-illustration>div>i{color:#83ead6;font-size:1.1rem;margin-bottom:5px}.recovery-illustration strong{font-size:.85rem}.recovery-illustration small{color:rgba(255,255,255,.68);font-size:.67rem;line-height:1.35}.password-tips{list-style:none;margin:4px 0 30px;padding:0;display:flex;flex-direction:column;gap:10px}.password-tips li{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.82);font-size:.8rem;font-weight:800}.password-tips i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.14);color:#8ef0db;font-size:.58rem}
@media(max-width:560px){.recovery-options{grid-template-columns:1fr}.recovery-option>span{min-height:65px}.recovery-panel{padding-top:28px;padding-bottom:28px}}
.reset-link-notice{margin-top:-8px}.verified-email{display:inline-flex;align-items:center;gap:4px;color:#16866c;font-size:.61rem;font-weight:900}.readonly-control{background:#f1f7fb}.readonly-control input{color:#58687b;cursor:not-allowed}.password-rules{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:-5px;color:#8995a4;font-size:.64rem;font-weight:800}.password-rules span{display:inline-flex;align-items:center;gap:4px}.password-rules i{font-size:.45rem}.password-rules .passed{color:#16866c}.password-rules .passed i{font-size:.68rem}.confirmation-feedback{min-height:17px;font-size:.68rem;font-weight:800}.confirmation-group.valid .field-control{border-color:#35b994;background:#f5fffc}.confirmation-group.valid .confirmation-feedback{color:#16866c}.confirmation-group.invalid .field-control{border-color:#ef927f;background:#fffaf8}.confirmation-group.invalid .confirmation-feedback{color:#b64b3a}.auth-submit:disabled{box-shadow:none;filter:grayscale(.15)}