.auth-mobile-brand{display:none}
@media(max-width:540px){
 body:has(.modern-auth){min-height:100svh;background:#06162a}
 body:has(.modern-auth):before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% -8%,#0e526f 0,transparent 34%),radial-gradient(circle at 100% 70%,#0acda70c 0,transparent 34%)}
 body:has(.modern-auth) .app-header{display:none!important}
 body:has(.modern-auth) main:not(.app-main){position:relative;z-index:1;width:100%;max-width:none;min-height:100svh;margin:0;padding:0}
 .modern-auth{width:100%;max-width:430px;min-height:100svh;margin:0 auto;padding:calc(28px + env(safe-area-inset-top)) 21px calc(34px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
 .auth-mobile-brand{display:grid;place-items:center;text-align:center}
 .auth-mobile-brand i{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border:1px solid #1b5570;border-radius:20px;background:linear-gradient(145deg,#0d3456,#081a31);box-shadow:0 15px 42px #0007,0 0 35px #10bfe821}
 .auth-mobile-brand img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
 .auth-mobile-brand b{margin-top:11px;font-size:20px;letter-spacing:.2px}
 .auth-mobile-brand small{margin-top:1px;color:#62809d;font-size:8px;letter-spacing:2.2px;font-weight:800}
 .auth-showcase{min-height:0;padding:27px 0 0;display:block;text-align:center;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
 .auth-showcase:before,.auth-showcase:after{display:none}
 .auth-kicker{display:inline-flex;width:auto;margin:auto;padding:6px 10px;border:1px solid #1e5369;border-radius:99px;background:#08283f;color:#55e5a4;font-size:8px;letter-spacing:1.25px}
 .auth-showcase h1{max-width:370px;margin:13px auto 9px;font-size:clamp(28px,8.5vw,35px);line-height:1.07;letter-spacing:-1px;text-align:center}
 .auth-showcase>p{max-width:350px;margin:auto;color:#8fa6bf;font-size:12px;line-height:1.6;text-align:center}
 .auth-benefits{display:none!important}
 .auth-panel{position:relative;width:100%;min-width:0;margin:27px 0 0;padding:0;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
 .auth-panel:before{display:none}
 .auth-panel>header{text-align:center}
 .auth-panel>header>span{display:none}
 .auth-panel>header h2{margin:0;font-size:25px;letter-spacing:-.45px}
 .auth-panel>header p{margin:4px 0 19px;color:#7f96ae;font-size:12px}
 .google-auth-button{width:100%;height:50px;border:0;border-radius:15px;background:#f7faff;color:#14243a;font-size:13px;box-shadow:0 12px 32px #0004}
 .google-auth-button svg{width:21px;height:21px}
 .google-auth-disabled{min-height:50px;border:1px dashed #284863;border-radius:15px;background:#081a30}
 .auth-divider{margin:18px 0;color:#526b85;font-size:9px}.auth-divider:before,.auth-divider:after{background:#1d3854}
 .auth-form{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;width:100%;min-width:0;margin:0}
 .auth-form label{width:100%;min-width:0}
 .auth-form label>span{margin:0 0 6px;color:#9db0c5;font-size:10px;letter-spacing:.2px}
 .auth-input{width:100%;min-width:0;height:52px;border:0;border-radius:16px;background:#091b31;box-shadow:inset 0 0 0 1px #1d3b58;transition:.2s}
 .auth-input:focus-within{border:0;box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px #10bfe810;background:#0a1f37}
 .auth-input i{width:34px;height:34px;margin-left:9px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#0e2b47;color:#7991aa}
 .auth-input i svg{width:17px;height:17px}
 .auth-input input{width:0;min-width:0;height:100%;flex:1;padding:0 14px 0 10px;font-size:14px}
 .auth-submit{width:100%;height:52px;margin-top:4px;border-radius:16px;font-size:13px;box-shadow:0 14px 34px #08c79c22}
 .auth-submit>svg{width:18px;height:18px}
 .auth-panel>footer{margin-top:20px;color:#7189a2;font-size:11px;text-align:center}
 .auth-panel>footer a{color:#4eeaa3}
}
@media(max-width:360px){.modern-auth{padding-left:16px;padding-right:16px}.auth-mobile-brand i{width:56px;height:56px;border-radius:18px}.auth-showcase{padding-top:23px}.auth-showcase h1{font-size:28px}.auth-panel{margin-top:23px}}
