/* Scoped authentication layout: login, registration, recovery and preregistration. */
body[data-page="login"]{min-height:100svh}
body[data-page="login"] *,body[data-page="login"] *::before,body[data-page="login"] *::after{box-sizing:border-box}
body[data-page="login"] .account-top{width:min(100%,1200px);margin:0 auto;padding:24px clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:100}
body[data-page="login"] .account-top .brand{width:auto;flex:1 1 220px;min-width:0;max-width:100%;display:flex}
body[data-page="login"] .mobile-brand-logo{display:block;width:clamp(165px,23vw,240px);max-width:100%;flex:none}
body[data-page="login"] .mobile-brand-logo img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
body[data-page="login"] .brand-wordmark{display:none}
body[data-page="login"] .account-top .session-link{max-width:none;min-height:44px;font-size:14px;line-height:1.4}
body[data-page="login"] .account-language{margin-left:0}
body[data-page="login"] .account-language>div{max-width:calc(100vw - 32px);background:#19364b}
body[data-page="login"] .auth-wrap{width:min(100%,1120px);max-width:1120px;padding:0 clamp(16px,4vw,48px);margin:clamp(20px,5vw,64px) auto 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
body[data-page="login"] .auth-wrap>*{min-width:0;max-width:100%}
body[data-page="login"] .auth-intro{align-self:center}
body[data-page="login"] .auth-intro h1{font-size:clamp(32px,4vw,54px);line-height:1.12;overflow-wrap:anywhere;margin:20px 0}
body[data-page="login"] .auth-intro .muted{font-size:16px;line-height:1.65;max-width:40ch}
body[data-page="login"] .auth-card{width:100%;padding:clamp(20px,3vw,32px);border-radius:28px}
body[data-page="login"] .auth-card h2{font-size:clamp(22px,3vw,30px);line-height:1.25;overflow-wrap:anywhere}
body[data-page="login"] .auth-card .tabs{border-radius:22px;gap:4px}
body[data-page="login"] .auth-card .tabs button{min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:10px;font-size:14px;border-radius:18px}
body[data-page="login"] .auth-card .field{font-size:14px;line-height:1.5}
body[data-page="login"] .auth-card input{max-width:100%;min-width:0;font-size:16px;min-height:48px}
body[data-page="login"] .auth-card .button{min-height:48px;white-space:normal;overflow-wrap:anywhere;line-height:1.45;border-radius:999px}
body[data-page="login"] .auth-card .provider-buttons{grid-template-columns:1fr}
body[data-page="login"] .auth-card .text-button{min-height:44px;font-size:14px;text-align:start}
body[data-page="login"] .auth-card .status{overflow-wrap:anywhere}
body[data-page="login"] .preregistration-panel{margin:0;max-width:none}
@media(max-width:900px){
 body[data-page="login"] .auth-wrap{grid-template-columns:minmax(0,1fr);max-width:640px;gap:24px;margin-top:16px}
 body[data-page="login"] .auth-intro .muted{max-width:none}
 body[data-page="login"] .auth-intro .vice-city-signature{width:130px;margin-bottom:12px}
 body[data-page="login"] .auth-intro h1{font-size:clamp(30px,5vw,42px);margin:14px 0}
 body[data-page="login"] .preregistration-panel{grid-column:1}
}
@media(max-width:540px){
 body[data-page="login"] .account-top{gap:8px 16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:12px}
 body[data-page="login"] .account-top .brand{flex-basis:100%}
 body[data-page="login"] .account-top .account-language{margin-left:auto}
 body[data-page="login"] .auth-card{border-radius:24px}
 body[data-page="login"] .auth-wrap{padding-bottom:env(safe-area-inset-bottom)}
}