.auth-page { margin:0; font-family:Inter,system-ui,sans-serif; }
.auth-header,.auth-footer { max-width:1440px; margin:auto; padding:25px 5%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.auth-brand { display:flex; align-items:center; gap:11px; font-size:14px; font-weight:600; letter-spacing:.03em; }
.auth-brand img { width:36px; height:36px; border-radius:9px; }
.auth-back { font-size:12px; color:var(--site-muted); display:flex; gap:15px; }
.auth-layout { max-width:1320px; margin:5px auto 25px; padding:0 30px; display:grid; grid-template-columns:1.05fr 1fr; min-height:690px; }
.auth-story { position:relative; overflow:hidden; padding:46px 45px 25px; border:1px solid var(--site-border); border-radius:24px; background:radial-gradient(ellipse at 50% 64%,color-mix(in srgb,var(--site-primary) 14%,var(--site-inset)),var(--site-inset) 75%); display:flex; flex-direction:column; }
.auth-kicker { font-size:10px; font-weight:600; letter-spacing:.13em; color:var(--site-accent); display:block; }
.auth-story h2 { margin:20px 0 16px; font-size:clamp(32px,3.2vw,45px); font-weight:500; line-height:1.12; letter-spacing:-.055em; max-width:410px; text-wrap:balance; }
.auth-story > p { font-size:14px; line-height:1.85; color:var(--site-muted); max-width:370px; }
.auth-story-bottom { margin-top:auto; padding-top:25px; border-top:1px solid var(--site-border); }
.auth-story-bottom > span { color:var(--site-muted); font-size:9px; letter-spacing:.1em; }
.auth-story-bottom > div { display:flex; align-items:center; gap:9px; font-size:12px; margin-top:13px; }
.auth-story-bottom img { width:21px; height:21px; object-fit:contain; }
.auth-story-bottom i { width:1px; height:15px; margin-inline:14px; background:var(--site-border); }
.auth-form-side { display:flex; flex-direction:column; justify-content:center; padding:40px 65px; min-width:0; }
.auth-form-wrap { width:100%; max-width:390px; margin:auto; }
.auth-form-card { padding:0; }
.auth-form-heading { margin-bottom:29px; text-align:left; }
.auth-form-heading h1 { font-size:32px; font-weight:500; letter-spacing:-.045em; margin-top:13px; }
.auth-form-heading p { font-size:13px; line-height:1.8; margin-top:9px; }
.auth-page form { display:grid; gap:18px; }
.auth-page form > * { margin-top:0!important; }
.auth-page form label { font-size:12px; font-weight:500; }
.auth-page form input:not([type=checkbox]) { width:100%; min-width:0; min-height:46px!important; background:var(--site-panel)!important; border-radius:8px; font-size:14px; box-shadow:0 2px 3px #00000002; }
.auth-page form input:focus { border-color:var(--site-primary)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--site-primary) 12%,transparent); }
.auth-page form input[type=checkbox] { width:15px; height:15px; }
.auth-page form button[type=submit] { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:13px 18px; background:var(--site-primary)!important; color:var(--site-on-primary)!important; border:1px solid transparent; border-radius:8px; box-shadow:0 4px 10px color-mix(in srgb,var(--site-primary) 13%,transparent); font-size:13px; font-weight:550; transition:filter .2s,transform .2s; }
.auth-page form button[type=submit]:hover { filter:brightness(1.08); transform:translateY(-1px); }
.auth-page a[class*=text-brand] { color:var(--site-accent); }
.auth-page #btn-refresh-captcha { width:42px; height:46px; flex-shrink:0; color:var(--site-muted); }
.auth-page #captcha { width:80px; }
.auth-page .auth-message { border:1px solid var(--site-border); padding:12px; border-radius:8px; font-size:12px; line-height:1.7; margin-bottom:18px; }
.auth-register .auth-form-side { padding-block:24px; }
.auth-register .auth-form-heading { margin-bottom:22px; }
.auth-register form { gap:14px; }
.auth-footer { border-top:1px solid var(--site-border); font-size:11px; color:var(--site-muted); padding-block:23px; margin-inline:5%; max-width:none; padding-inline:0; }
.auth-footer nav { display:flex; gap:24px; }
.auth-footer a:hover,.auth-back:hover { color:var(--site-primary); }
.auth-page .site-theme-toggle { bottom:72px; }
@media(min-width:1000px) { .auth-register .auth-story { position:sticky; top:20px; max-height:760px; } }
@media(max-width:1000px) { .auth-form-side { padding:35px; }.auth-story { padding:35px 28px 25px; }.robot-chip { font-size:9px; padding:9px; }.auth-layout { padding-inline:22px; } }
@media(max-width:767px) { .auth-layout { grid-template-columns:1fr; padding:0 22px; min-height:0; margin-top:8px; }.auth-header { padding:22px; }.auth-brand { font-size:12px; }.auth-back { font-size:11px; }.auth-story { padding:26px; min-height:0; }.auth-story h2 { font-size:28px; max-width:310px; margin-block:12px; }.auth-story > p { font-size:12px; }.auth-story .robot-scene { height:195px; margin-block:0; }.robot-orbit { width:190px; height:190px; }.orbit-two { width:250px; height:250px; }.friendly-robot { scale:.78; }.robot-shadow { bottom:5px; }.chip-one { top:18px; }.chip-two { bottom:12px; }.auth-story-bottom { display:none; }.auth-form-side,.auth-register .auth-form-side { padding:35px 3px; }.auth-form-wrap { max-width:440px; }.auth-form-heading h1 { font-size:29px; }.auth-footer { align-items:flex-start; flex-direction:column; gap:17px; margin-inline:22px; padding-bottom:85px; }.auth-footer nav { gap:20px; flex-wrap:wrap; }.auth-page .site-theme-toggle { bottom:18px; } }
@media(prefers-reduced-motion:reduce) { .auth-page *, .signup-transition * { animation:none!important; transition:none!important; } }
.auth-page .password-field { position:relative; }
.auth-page .password-field input { padding-right:49px; }
.auth-page .password-toggle { position:absolute; right:5px; top:5px; height:36px; width:38px; display:grid; place-items:center; color:var(--site-muted); border-radius:6px; background:transparent; cursor:pointer; }
.auth-page .password-toggle:hover { color:var(--site-primary); background:var(--site-inset); }
.auth-page .password-toggle svg { width:20px; height:20px; }
.auth-page .password-toggle .eye-slash { display:none; }
.auth-page .password-toggle[aria-pressed=true] .eye-slash { display:block; }
.auth-page .human-verification { padding:17px; border-radius:11px; background:var(--site-inset)!important; border-color:var(--site-border); }
.auth-page .human-verification > div:first-child { gap:12px; align-items:center; flex-wrap:wrap; }
.auth-page .human-verification > div:first-child > span { background:var(--site-panel)!important; border-color:var(--site-border); color:var(--site-accent)!important; font-family:inherit; font-size:9px; padding:4px 7px; }
.auth-page .human-verification > div:nth-child(2) { margin-top:13px; }
.auth-page .human-verification > div:nth-child(2) > div { background:var(--site-panel)!important; color:var(--site-ink)!important; border-color:var(--site-border); box-shadow:none; min-width:100px; font-size:16px; border-radius:8px; }
.auth-page #btn-refresh-captcha { background:var(--site-panel)!important; border-color:var(--site-border); border-radius:8px; }
.auth-page #btn-refresh-captcha:hover { color:var(--site-primary); border-color:var(--site-primary); }
.auth-page #verification-hint { font-size:11px; line-height:1.8; margin-top:11px; color:var(--site-muted); }