/* Reference-matched splash/login layout */
body:has(#login-view:not(.hidden)) .shell{max-width:500px}
#login-view.login{padding:0!important;min-height:100dvh;display:block;background:linear-gradient(180deg,rgba(0,4,19,.05) 0%,rgba(0,4,19,.0) 62%,rgba(0,3,17,.25) 100%),url('/login-mountains.svg?v=1') center bottom/100% 100% no-repeat!important}
#login-view .login-brand{height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(62px,11vh,120px) 14px 260px;margin:0!important}
#login-view .login-brand::before{content:none!important}
#login-view .login-brand img{display:none!important}
#login-view .spin-brand-login{margin-top:0!important}
#login-view .spin-brand-login .parent-brand{display:none}
#login-view .spin-brand-login .spin-subbrand{font-size:clamp(2rem,9.5vw,3rem)!important;font-weight:1000;line-height:.94;letter-spacing:.035em!important;max-width:370px;text-align:center;filter:drop-shadow(0 4px 1px #0c358e);text-shadow:0 1px #fff,0 0 12px #58bfff}
#login-view .login-brand .muted{font-size:0!important;margin-top:18px!important}
#login-view .login-brand .muted::after{font-size:clamp(.53rem,2.5vw,.7rem);white-space:nowrap}
#login-view .login-brand::after{content:'';order:-1;display:block;width:min(74vw,330px);aspect-ratio:1;margin:0 auto 30px;background:url('/marketing-emblem.svg?v=1') center/contain no-repeat;filter:drop-shadow(0 0 19px #136bff)}
#login-view form{position:absolute;bottom:clamp(17px,3.2vh,34px);left:7%;right:7%;width:86%;max-width:none;padding:0;display:flex;flex-direction:column;gap:11px}
#login-view form>label{display:none!important}
#login-view form .primary{margin:0!important;min-height:54px!important;font-size:1.08rem}
#login-view form .error{min-height:0}
#login-view form::after{content:'';display:none}
#login-view .splash-extra{display:flex;flex-direction:column;gap:11px}
#login-view .splash-extra button{width:100%;min-height:52px;border-radius:13px;border:1px solid #529dff;background:linear-gradient(180deg,#081944ed,#040a24f0);box-shadow:inset 0 0 9px #0d51bd,0 0 12px #155aff66;color:#fff;font:700 1rem system-ui}
#login-view .splash-extra button:last-child{border-color:#483d9f}
#login-view.splash-signin .login-brand{height:auto;padding-top:45px;padding-bottom:20px}
#login-view.splash-signin .login-brand::after{width:110px;margin-bottom:18px}
#login-view.splash-signin .spin-brand-login .spin-subbrand{font-size:1.7rem!important}
#login-view.splash-signin form{position:relative;left:auto;right:auto;bottom:auto;width:86%;margin:18px auto;display:grid}
#login-view.splash-signin form>label{display:grid!important}
#login-view.splash-signin .splash-extra{display:none}
#login-view.splash-signin .login-brand .muted{display:none}
#login-view.splash-signin{min-height:100dvh}
@media(max-height:760px){#login-view .login-brand{padding-top:48px}#login-view .login-brand::after{width:min(53vw,215px);margin-bottom:18px}#login-view .spin-brand-login .spin-subbrand{font-size:2rem!important}}