.auth-header{display:flex;align-items:center;justify-content:space-between;padding:30px 6vw}.auth-header button{background:var(--home-panel);color:var(--home-text);border:1px solid var(--home-line);border-radius:12px;padding:10px 15px}.auth-layout{min-height:75vh;display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;align-items:center;max-width:1350px;margin:auto;padding:35px 6vw 65px;position:relative}.auth-layout:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:url('/assets/translation-waves.svg') center/cover;opacity:.35}.auth-story h1{font-size:clamp(38px,4.6vw,70px);line-height:1.05;letter-spacing:-2px;margin:20px 0}.auth-story h1 span{color:var(--home-accent)}.auth-story>p{font-size:17px;color:var(--home-muted);max-width:510px}.auth-story ul{padding-left:20px;color:var(--home-muted);line-height:2.4}.auth-language-art{display:flex;gap:18px;margin-top:32px}.auth-language-art span{padding:9px 16px;border:1px solid var(--home-line);border-radius:12px;background:var(--home-gradient);color:white;box-shadow:0 8px 30px #6132f52a;transform:rotate(-7deg)}.auth-language-art span:nth-child(2){transform:rotate(6deg)}.auth-card{min-width:0;border:1px solid var(--home-line);border-radius:24px;padding:38px;background:linear-gradient(140deg,var(--home-panel-2),var(--home-panel));box-shadow:var(--home-shadow)}.auth-card h2{font-size:30px;line-height:1.2;margin:30px 0 10px}.auth-card>p{color:var(--home-muted)}.auth-card form{display:grid;gap:20px;margin-top:28px}.auth-card label{display:grid;gap:8px;font-weight:600}.auth-card input{min-width:0;width:100%;box-sizing:border-box;padding:13px;border:1px solid var(--home-line);border-radius:10px;background:var(--home-field);color:var(--home-text);font-size:15px}.auth-password{display:flex;border:1px solid var(--home-line);border-radius:10px;overflow:hidden}.auth-password input{border:0;border-radius:0}.auth-password button{border:0;background:var(--home-panel-2);color:var(--home-accent);padding:0 12px}.auth-card small{color:var(--home-muted);font-size:12px}.auth-card #auth-error{margin:0;color:#ff7194}.auth-card #auth-submit{width:100%;justify-content:center}.auth-switch{text-align:center;margin-top:24px}.auth-switch a{color:var(--home-accent);font-weight:600}.auth-back{display:block;text-align:center;color:var(--home-muted);font-size:12px}.auth-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 6vw;color:var(--home-muted);font-size:12px}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;max-width:570px;gap:30px;padding-top:10px}.auth-story h1{font-size:40px}.auth-story ul,.auth-language-art{display:none}.auth-card{padding:26px}.auth-header{padding:20px 6vw}.auth-footer{flex-wrap:wrap}}html[data-theme=light] .auth-card #auth-error{color:#a62045}

.registration-page .auth-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr);max-width:1520px;gap:5vw}.registration-page .auth-card{padding:30px}.registration-page .auth-card h2{margin-top:20px}.registration-contact{min-width:0;padding:16px;border:1px solid var(--home-line);border-radius:12px;background:var(--home-field)}.registration-contact-row{display:flex;align-items:center;gap:10px}.registration-contact-row>input{flex:1;width:0}.registration-contact-row>button{font-size:12px;padding:11px 14px;min-height:46px;white-space:nowrap;flex-shrink:0}.registration-contact [data-status]{margin:8px 0 0;min-height:18px;color:var(--home-muted);font-size:12px}.registration-contact [data-status].success{color:#28db9e}.registration-verified{border-radius:8px;padding:10px;background:#19c78e20;color:#28db9e;font-size:12px;white-space:nowrap;animation:registration-verified .25s ease-out}.registration-otp{margin-top:15px;padding-top:15px;border-top:1px solid var(--home-line)}.registration-otp-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.registration-otp-heading time{font-variant-numeric:tabular-nums;color:var(--home-accent)}.registration-otp-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.registration-otp-digits input{width:100%;padding:10px 0;text-align:center;font-size:22px;font-weight:700;min-width:0;border-radius:10px}.registration-otp [data-resend]{border:0;background:transparent;color:var(--home-accent);text-decoration:underline;padding:4px 0;font-size:12px}.registration-password-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.registration-page .auth-password button{font-size:11px;padding:0 8px}.registration-page .auth-story h1{font-size:clamp(38px,4vw,62px)}@keyframes registration-verified{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}html[data-theme=light] .registration-contact [data-status].success,html[data-theme=light] .registration-verified{color:#06734e}@media(max-width:950px){.registration-page .auth-layout{grid-template-columns:1fr;max-width:750px}.registration-page .auth-story{display:none}}@media(max-width:480px){.registration-page .auth-card{padding:20px}.registration-contact{padding:12px}.registration-password-pair{grid-template-columns:1fr}.registration-contact-row{gap:7px}.registration-contact-row>button{padding:10px;font-size:11px}.registration-otp-digits{gap:6px}.registration-otp-digits input{font-size:19px}}@media(prefers-reduced-motion:reduce){.registration-verified{animation:none}}

.auth-header .home-brand{font-size:25px;letter-spacing:-1px}.auth-header .home-brand img{width:40px}.auth-card>.home-brand{font-size:26px}@media(max-width:480px){.auth-header .home-brand{font-size:20px}.auth-header .home-brand img{width:32px}.auth-header{gap:12px}.auth-header button{font-size:11px;padding:9px}}

.registration-security{padding:18px;border:1px solid var(--home-line);border-radius:14px;background:var(--home-field)}.registration-security h3{display:flex;align-items:center;gap:11px;font-size:15px;margin:0 0 18px}.registration-security h3>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--home-gradient);color:white}.registration-security svg{width:18px;height:18px}.registration-security label{font-size:12px}.registration-security .auth-password{align-items:center;background:var(--home-panel-2)}.registration-security .password-lock{display:grid;place-items:center;padding-left:12px;color:var(--home-muted)}.registration-security .auth-password input{background:transparent;padding-left:9px;min-height:43px}.registration-security .auth-password button{align-self:stretch;display:grid;place-items:center;padding:0 12px;background:transparent;color:var(--home-muted)}.registration-security .auth-password:focus-within{border-color:var(--home-accent);box-shadow:0 0 0 3px var(--home-glow)}.password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:5px;width:min(220px,100%);margin:10px 0 7px}.password-strength span{border-radius:4px;background:var(--home-line);transition:background .2s}.password-strength .filled{background:#e2a33e}.password-strength[data-level="1"] .filled{background:#e8687f}.password-strength[data-level="3"] .filled,.password-strength[data-level="4"] .filled{background:#20cc8d}.registration-security small{display:block;font-size:10px;line-height:1.6}.registration-security #password-strength-label{margin-top:4px}.registration-security #password-match{margin:10px 0 0;font-size:12px;color:var(--home-muted)}.registration-security #password-match.success{color:#28db9e}.registration-security #password-match.mismatch{color:#ff819b}html[data-theme=light] .registration-security #password-match.success{color:#06734e}html[data-theme=light] .registration-security #password-match.mismatch{color:#ad2047}@media(prefers-reduced-motion:reduce){.password-strength span{transition:none}}@media(max-width:480px){.registration-security{padding:14px}}

/* Account security: one focus ring around a balanced input group. */
.registration-security{padding:22px;border-radius:16px;background:linear-gradient(145deg,var(--home-panel),var(--home-field));box-shadow:0 4px 18px #11234b06}.registration-security h3{margin-bottom:7px;font-size:16px;letter-spacing:-.2px}.registration-security h3>span{width:35px;height:35px;border-radius:11px;box-shadow:0 4px 12px #7435dc20}.registration-security-description{margin:0 0 23px 46px;font-size:12px;line-height:1.6;color:var(--home-muted)}.registration-security .registration-password-pair{gap:20px;align-items:start}.registration-password-pair>div{min-width:0}.registration-security label{font-size:12px;gap:9px}.registration-security .auth-password{display:flex;align-items:center;height:50px;min-width:0;overflow:hidden;border:1px solid var(--home-line);border-radius:11px;background:var(--home-field);transition:border-color .18s,box-shadow .18s}.registration-security .password-lock{flex:0 0 42px;width:42px;height:100%;padding:0;pointer-events:none}.registration-security .auth-password input{flex:1;width:0;min-width:0;min-height:0;height:100%;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent;padding:0 8px 0 0;font-size:15px;line-height:normal;letter-spacing:.4px}.registration-security .auth-password button{flex:0 0 42px;width:42px;height:100%;padding:0;border:0;border-radius:0;background:transparent;transition:color .18s,background .18s}.registration-security .auth-password button:hover{background:var(--home-panel-2);color:var(--home-accent)}.registration-security .auth-password button:focus-visible{outline:2px solid var(--home-accent);outline-offset:-5px;border-radius:10px}.registration-security .auth-password:focus-within{border-color:var(--home-accent);box-shadow:0 0 0 3px var(--home-glow)}.registration-security .auth-password:focus-within .password-lock{color:var(--home-accent)}.registration-security .password-strength{width:100%;max-width:250px;height:4px;gap:5px;margin:12px 0 8px}.registration-security small{font-size:11px;font-weight:400;line-height:1.6}.registration-security #password-strength-label{font-size:10px;margin-top:4px;max-width:35ch}.registration-security #password-strength-label:empty{display:none}.registration-security #password-match{display:flex;align-items:center;min-height:20px;margin-top:10px;font-size:11px;font-weight:500}.registration-security #password-match:empty{visibility:hidden}@media(max-width:540px){.registration-security{padding:17px}.registration-security .registration-password-pair{grid-template-columns:minmax(0,1fr);gap:18px}.registration-security-description{margin-left:0;margin-bottom:20px}.registration-security .password-strength{max-width:none}}@media(prefers-reduced-motion:reduce){.registration-security .auth-password,.registration-security .auth-password button{transition:none}}

.auth-header #auth-theme{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;min-height:46px;padding:10px;border:1px solid #8f78c8;border-radius:14px;background:linear-gradient(145deg,#343456,#19213d);color:#c9bbff;box-shadow:inset 0 1px 0 #ffffff15,0 4px 14px #080b2420;transition:transform .2s,box-shadow .2s,border-color .2s}.auth-header #auth-theme svg{width:24px;height:24px;animation:auth-theme-enter .25s ease-out}.auth-header #auth-theme:hover{border-color:#b6a2ff;box-shadow:0 0 16px #8b5cf62b;transform:translateY(-1px)}.auth-header #auth-theme:active{transform:scale(.95)}html[data-theme=light] .auth-header #auth-theme{background:linear-gradient(145deg,#fff,#eeeaff);color:#7051bb;border-color:#c8b9ed;box-shadow:0 4px 14px #6451a512}.auth-header #auth-theme:focus-visible{outline:2px solid var(--home-accent);outline-offset:4px}@keyframes auth-theme-enter{from{opacity:.3;transform:rotate(-25deg) scale(.8)}to{opacity:1;transform:none}}@media(max-width:480px){.auth-header #auth-theme{flex-basis:42px;width:42px;height:42px;min-height:42px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.auth-header #auth-theme,.auth-header #auth-theme svg{animation:none;transition:none}}

.registration-page .auth-layout{align-items:start;gap:4vw;padding-top:18px}.registration-page .auth-story{padding-top:60px}.registration-page .auth-card{padding:28px;max-width:840px;width:100%;box-sizing:border-box}.registration-page .auth-card h2{font-size:30px;letter-spacing:-.7px;margin:22px 0 8px}.registration-page .auth-card>p{font-size:14px;line-height:1.7}.registration-page .auth-card form{gap:18px;margin-top:24px}.registration-form-heading{padding-bottom:14px;border-bottom:1px solid var(--home-line)}.registration-form-heading>span{color:var(--home-accent);font-size:10px;letter-spacing:1.5px;font-weight:700}.registration-form-heading p{font-size:12px;color:var(--home-muted);line-height:1.6;margin:6px 0 0}.registration-page .auth-card label{font-size:12px;gap:9px}.registration-page .auth-card input{min-height:46px;padding:11px 13px;font-size:14px}.registration-contact{padding:16px;background:var(--home-panel);border-radius:12px}.registration-contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.registration-contact-row>input{width:100%}.registration-contact[data-contact=phone] .registration-contact-row{grid-template-columns:minmax(125px,.85fr) minmax(100px,1.15fr) auto}#registration-country{width:100%;min-width:0;height:46px;padding:10px 28px 10px 10px;border:1px solid var(--home-line);border-radius:9px;background:var(--home-field);color:var(--home-text);font:400 12px/1.5 Inter,'Segoe UI',sans-serif;cursor:pointer}.registration-phone-help{display:block;margin-top:9px;font-size:11px!important;line-height:1.6}.registration-contact-row>button{height:46px;min-height:46px;padding:10px 15px;border-radius:9px}.registration-contact [data-status]:empty{display:none}.registration-contact [data-status]{line-height:1.6;margin-top:10px}.registration-page .registration-security{padding:18px;border-radius:12px}.registration-page .registration-security h3{font-size:15px}.registration-page .auth-card #auth-submit{min-height:48px;font-size:14px}.registration-page select:focus-visible{outline:2px solid var(--home-accent);outline-offset:3px}.registration-contact-row>[hidden]{display:none!important}@media(max-width:1100px){.registration-contact[data-contact=phone] .registration-contact-row{grid-template-columns:1fr 1.2fr}.registration-contact[data-contact=phone] [data-send],.registration-contact[data-contact=phone] [data-verified]{grid-column:1/-1;justify-self:end}}@media(max-width:950px){.registration-page .auth-layout{max-width:760px}.registration-contact[data-contact=phone] .registration-contact-row{grid-template-columns:minmax(130px,.9fr) minmax(90px,1.1fr) auto}.registration-contact[data-contact=phone] [data-send],.registration-contact[data-contact=phone] [data-verified]{grid-column:auto}}@media(max-width:520px){.registration-page .auth-card{padding:20px}.registration-page .auth-card h2{font-size:26px}.registration-contact[data-contact=phone] .registration-contact-row{grid-template-columns:minmax(110px,1fr) minmax(90px,1fr)}.registration-contact[data-contact=phone] [data-send],.registration-contact[data-contact=phone] [data-verified]{grid-column:1/-1;justify-self:end}.registration-contact-row>button{padding:10px 12px;font-size:12px}.registration-page .registration-security{padding:14px}}

/* Auth pages reveal immediately and settle into place without a loading screen. */
@media(prefers-reduced-motion:no-preference){
 .auth-header{animation:auth-page-reveal .45s cubic-bezier(.2,.7,.25,1) both}
 .auth-story{animation:auth-story-reveal .65s cubic-bezier(.2,.7,.25,1) .05s both}
 .auth-card{animation:auth-card-reveal .6s cubic-bezier(.2,.7,.25,1) .08s both;transform-origin:50% 35%}
 .auth-card>h2,.auth-card>#auth-description{animation:auth-page-reveal .5s ease-out .18s both}
 .auth-card #auth-form{animation:auth-page-reveal .5s ease-out .24s both}
 .auth-card .auth-switch,.auth-card .auth-back{animation:auth-page-reveal .45s ease-out .3s both}
 .auth-card:focus-within,.auth-card:focus-within *{animation:none}
}
@keyframes auth-page-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes auth-story-reveal{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes auth-card-reveal{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.auth-header,.auth-story,.auth-card,.auth-card *{animation:none!important}}
html[data-reduce-motion=true] .auth-header,html[data-reduce-motion=true] .auth-story,html[data-reduce-motion=true] .auth-card,html[data-reduce-motion=true] .auth-card *{animation:none!important}
