.auth-page .login-screen{min-height:100svh;padding:48px 28px;background:#f0f2f5}
.auth-page .login-layout{max-width:1000px;grid-template-columns:minmax(0,1fr) 396px;gap:96px;align-items:center}
.auth-page .login-intro .brand{font-size:36px;letter-spacing:-1px;margin-bottom:30px}
.auth-page .login-intro h1{font-size:30px;line-height:1.45;letter-spacing:-.7px;font-weight:650;margin-bottom:14px}
.auth-page .login-intro>p{font-size:15px;line-height:1.9;color:var(--muted)}
.auth-page .auth-panel{min-width:0}
.auth-page .lbox{padding:28px;border-radius:12px;border-color:var(--line);box-shadow:0 4px 20px #172b4d06}
.auth-page .auth-form-header{margin-bottom:24px}
.auth-page .lbox h2{font-size:23px;line-height:1.4;letter-spacing:-.3px;margin:0 0 8px}
.auth-page .lbox .intro{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.auth-page .auth-fields{display:grid;gap:18px}
.auth-page .field{margin:0;min-width:0;gap:8px}
.auth-page .field>label,.auth-page .challenge-heading>label{font-size:13px;font-weight:600}
.auth-page .inp{height:44px;border-radius:8px;font-size:14px}
.auth-page .lbox>.error{min-height:0;margin:0}
.auth-page .lbox>.error:not(:empty){margin-top:16px}
.auth-page #submit{width:100%;height:44px;min-height:44px;font-size:14px;border-radius:8px;margin-top:24px}
.auth-page .auth-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}
.auth-page .auth-switch{display:flex;align-items:center;gap:2px;color:var(--muted)}
.auth-page .auth-actions>.btn:last-child{margin-left:auto}
.auth-page .auth-actions .btn.link{font-size:13px;min-height:30px;padding:5px 7px;border-radius:6px}
.auth-page .login-footer{max-width:none;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 16px;margin-top:20px;color:var(--faint);font-size:12px;line-height:1.6}
.auth-page .login-footer strong{font-weight:500;color:var(--muted)}
.auth-page .login-footer a{color:var(--muted)}
.auth-page[data-auth-mode="signup"] .login-layout,.auth-page[data-auth-mode="reset"] .login-layout{max-width:1120px;grid-template-columns:minmax(0,1fr) 580px;gap:72px}
.auth-page:not([data-auth-mode="login"]) .auth-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auth-page:not([data-auth-mode="login"]) #username-field:has(+[hidden]),.auth-page[data-auth-mode="reset"] #email-field{grid-column:1/-1}
.auth-page .auth-verification{margin-top:22px;padding:16px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}
.auth-page .auth-verification-header{margin-bottom:14px}
.auth-page .auth-verification-header h3{font-size:14px;margin-bottom:3px}
.auth-page #captcha-status{color:var(--muted);font-size:12px;line-height:1.6;min-height:19px}
.auth-page .auth-image-challenge{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:10px 14px;min-width:0}
.auth-page .challenge-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:30px;gap:8px}
.auth-page .challenge-heading .btn{font-weight:500}
.auth-page .signup-captcha-row{display:grid;place-items:center;height:88px;background:#fff;border:1px solid #e3e9f1;border-radius:8px;margin:0;overflow:hidden}
.auth-page .signup-captcha-row img{width:100%;height:80px;border-radius:0;object-fit:contain}
.auth-page #captcha-answer{font-size:14px;background:#fff}
.auth-page #send-email-code{width:100%;margin-top:14px}
.auth-page #mail-code-field{margin-top:20px}
@media(max-width:1000px){.auth-page .login-layout{gap:48px}.auth-page:not([data-auth-mode="login"]) .login-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(440px,1.4fr)}.auth-page .login-intro h1{font-size:26px}.auth-page .auth-image-challenge{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.auth-page .login-screen{padding:28px 16px}.auth-page .login-layout,.auth-page:not([data-auth-mode="login"]) .login-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;max-width:580px}.auth-page .login-intro{text-align:center}.auth-page .login-intro .brand{justify-content:center;font-size:28px;margin-bottom:0}.auth-page .login-intro .mark{width:40px;height:40px}.auth-page .login-intro h1,.auth-page .login-intro>p{display:none}.auth-page .auth-panel{max-width:580px;width:100%;justify-self:center}.auth-page[data-auth-mode="login"] .auth-panel{max-width:396px}.auth-page .lbox{padding:24px}.auth-page .login-footer{gap:4px 14px}.auth-page .inp{font-size:16px}}
@media(max-width:480px){.auth-page .login-screen{padding:22px 14px}.auth-page .lbox{padding:22px}.auth-page:not([data-auth-mode="login"]) .auth-fields{grid-template-columns:minmax(0,1fr)}.auth-page .auth-verification{padding:14px}.auth-page .signup-captcha-row{height:74px}.auth-page .signup-captcha-row img{height:70px}.auth-page .auth-actions{font-size:12px;gap:8px}.auth-page .auth-actions .btn.link{font-size:12px}.auth-page .login-footer{font-size:11px}.auth-page .auth-form-header{margin-bottom:20px}}

@media(max-width:760px){.auth-page #captcha-answer{font-size:16px}}
