/* Approved mountain-and-neon login screen, mobile-first */
body:has(#login-view:not(.hidden)){background:#01071c!important}
body:has(#login-view:not(.hidden)) .shell{width:100%;max-width:500px;min-height:100dvh;padding:0!important}
body:has(#login-view:not(.hidden)) .stars{opacity:.45}
#login-view.login{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-height:100dvh;margin:0!important;padding:clamp(26px,6vh,65px) 26px 36px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(1,5,23,.06),rgba(1,5,22,.08) 45%,rgba(1,4,17,.12) 73%,#010615 100%),url('/login-mountains.svg?v=1') center bottom / cover no-repeat!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
#login-view .login-brand{position:relative;z-index:1;margin:0!important;display:flex;align-items:center;flex-direction:column}
#login-view .login-brand img{display:none!important}
#login-view .login-brand::before{content:'☾';width:clamp(158px,48vw,226px);height:clamp(158px,48vw,226px);margin:0 auto 18px!important;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:clamp(116px,37vw,175px);font-weight:bold;line-height:1;color:#d7efff;text-shadow:0 2px 0 #fff,0 0 14px #4bbaff,0 0 32px #345bff;background:radial-gradient(circle at 42% 40%,#1b3d93 0%,#030b29 57%,#050a27 62%,#3d82ff 64%,#a3e3ff 67%,#102f9b 70%,#020824 73%);border:3px solid #69baff;box-shadow:0 0 0 6px #091c62,0 0 0 8px #357cff,0 0 25px 10px #2a67ff99,inset 0 0 23px #3a75ff}
#login-view .spin-brand-login{margin:0!important;align-items:center}
#login-view .spin-brand-login .parent-brand{font-size:clamp(1.8rem,8vw,2.6rem)!important;letter-spacing:.02em!important;line-height:1.03;color:#e3f3ff;text-shadow:0 2px #2b64d7,0 0 13px #6c8fff}
#login-view .spin-brand-login .spin-subbrand{font-size:clamp(1.6rem,7.6vw,2.5rem)!important;letter-spacing:.015em!important;line-height:1.1;color:#c3dcff;text-shadow:0 2px #2b64d7,0 0 13px #6c8fff}
#login-view .login-brand .muted{font-size:.66rem!important;letter-spacing:.16em;text-transform:uppercase;color:#e6eeff;margin:13px 0 0!important}
#login-view .login-brand .muted{font-size:0!important}
#login-view .login-brand .muted::after{content:'CREATE · AUTOMATE · PUBLISH · GROW';font-size:.66rem}
#login-view form{z-index:1;width:100%;max-width:370px;margin:0 auto;display:grid;gap:9px;padding-top:16px}
#login-view form>label:not(.check-row){font-size:.72rem;color:#b8d7ff;margin:0!important;gap:5px}
#login-view form input:not([type=checkbox]),#login-view form select{min-height:43px!important;padding:9px 12px!important;background:#030a22db!important;border:1px solid #3268d1!important;border-radius:10px!important;box-shadow:inset 0 0 12px #0c266c}
#login-view .check-row{margin:0!important;font-size:.72rem!important}
#login-view .check-row input{accent-color:#187dff}
#login-view .primary{margin-top:5px!important;min-height:49px!important;border:1px solid #5ecaff!important;border-radius:11px!important;background:linear-gradient(180deg,#18c5ff,#0764ff 65%,#1741e8)!important;box-shadow:0 0 18px #008fffaa,inset 0 1px #a4f5ff;font-size:1rem}
#login-view .error{margin:0;font-size:.8rem}
@media(min-width:700px){#login-view.login{min-height:100dvh;border-left:1px solid #2452a5!important;border-right:1px solid #2452a5!important}}
@media(max-height:700px){#login-view.login{padding-top:16px!important;gap:8px}#login-view .login-brand::before{width:130px;height:130px;font-size:95px;margin-bottom:12px!important}#login-view form{gap:5px;padding-top:0}}