/* Strictly scoped to the signed-out view; dashboard styles and auth logic are untouched. */
#login-view{background:#0d1c22;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);min-height:100svh}
#login-view .login-brand{padding:clamp(2rem,4vw,5rem);justify-content:center;background:radial-gradient(ellipse at 10% 5%,#24484b88,transparent 60%),#0d1c22;border-right:1px solid #ffffff18}
#login-view .login-brand::before,#login-view .login-brand::after{display:none}
#login-view .login-home{display:flex;align-items:center;gap:.7rem;width:fit-content;text-decoration:none;color:#fff;margin-bottom:3rem;position:relative;z-index:2}
#login-view .login-home>span{font-family:var(--display-font);font-size:1.8rem;font-weight:800;letter-spacing:-.04em;line-height:1.2}
#login-view .login-home b{color:#ff731f}#login-view .login-home small{display:block;font:600 .5rem var(--body-font);letter-spacing:.16em;color:#b6cbca;margin-top:.3rem}
#login-view .login-brand .eyebrow{color:#f8ad7f;font:700 .62rem var(--body-font);letter-spacing:.13em;margin-bottom:1.2rem}
#login-view .login-brand h1{max-width:none;font-size:clamp(2.6rem,4.5vw,5.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0 0 1rem;color:#fff}
#login-view .login-brand h1 span{color:#b0df88}#login-view .login-brand h1 span::after{content:none}
#login-view .login-brand>p:not(.eyebrow){font-size:.94rem;line-height:1.7;color:#b9cdcc;max-width:36rem;margin:0}
#login-view .login-art{display:block;position:relative;margin-top:1.7rem;border:1px solid #ffffff28;border-radius:14px;overflow:hidden;box-shadow:0 15px 45px #0004;transition:transform .3s;animation:login-art-in .65s ease both}
#login-view .login-art:hover{transform:translateY(-3px)}#login-view .login-art img{display:block;width:100%;height:auto}#login-view .login-art>span{display:block;background:#10262b;color:#d6e4de;letter-spacing:.12em;font-size:.55rem;font-weight:700;padding:.9rem 1rem}
#login-view .trust-row{gap:.5rem;margin-top:1.3rem}#login-view .trust-row span{background:#ffffff05;color:#c9dad5;border:1px solid #ffffff24;border-radius:6px;font:600 .6rem var(--body-font);text-transform:none;letter-spacing:0;padding:.5rem .7rem}
#login-view .login-brand>p.login-storage-note{font-size:.65rem;line-height:1.7;margin-top:1rem;color:#98b2af;max-width:36rem}
#login-view .login-card{padding:clamp(2rem,5vw,5rem);background:#f7faf7;color:#152b28;box-shadow:none;min-width:0;justify-content:center}
#login-view .brand-logo-wrap{justify-content:flex-start;margin-bottom:.5rem}#login-view .login-logo{width:200px!important;height:auto!important;border-radius:0;max-width:100%}
#login-view .product-name{font-size:.6rem;letter-spacing:.14em;color:#6c8074;margin:.6rem 0 2rem}#login-view .release-badge{background:#e7eee7;border-color:#d4e0d4;color:#385b40;font-size:.55rem}
#login-view .login-card h2{font-size:clamp(2rem,3vw,3rem);text-transform:none;line-height:1.1;letter-spacing:-.05em;font-weight:800;color:#142c27}
#login-view .login-card>.muted{font-size:.85rem;line-height:1.65;margin:.8rem 0 1.5rem;color:#576c61;max-width:30rem}
#login-view .login-tab-toggle{padding:5px;background:#e9efea;border:1px solid #d8e2da;border-radius:10px;gap:3px;display:flex;flex-wrap:wrap}#login-view .login-tab{flex:1;min-height:44px;border:0;border-radius:7px;background:transparent;color:#52675b;font-size:.72rem;padding:.6rem .4rem;white-space:normal}#login-view .login-tab.active{background:#fff;color:#183e2b;box-shadow:0 2px 5px #102a2412}
#login-view .login-card label{font-size:.76rem;color:#314a3c}#login-view .login-card input:not([type=radio]):not([type=checkbox]),#login-view select,#login-view textarea{border-radius:8px;background:#fff;border:1px solid #cbd8cd;padding:.9rem;min-height:48px;font-size:1rem;color:#183126}
#login-view input:focus-visible,#login-view select:focus-visible,#login-view textarea:focus-visible{outline:2px solid #2b7145;outline-offset:2px;box-shadow:none}
#login-view .primary{background:#ff731f;border:1px solid #ff731f;color:#17251e;border-radius:8px;min-height:49px;font:750 .85rem var(--body-font);text-transform:none;letter-spacing:0;box-shadow:0 5px 18px #e56a1516;transition:background .2s,transform .2s}
#login-view .primary:hover{background:#ff8f4b;transform:translateY(-1px)}#login-view .primary:disabled{transform:none;opacity:.6}#login-view .text-button{color:#275537;text-transform:none;letter-spacing:0;min-height:44px}#login-view button:focus-visible,#login-view a:focus-visible{outline:3px solid #82b86b;outline-offset:3px}#login-view .context-panel{border-radius:8px;background:#eaf1e9;border-color:#cedecc}#login-view .form-error{color:#a8271b}#login-view form[hidden]{display:none!important}
@keyframes login-art-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){#login-view{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}#login-view .login-brand,#login-view .login-card{padding:2rem}#login-view .login-home{margin-bottom:2rem}#login-view .login-brand h1{font-size:2.7rem}}
@media(max-width:760px){#login-view{display:flex;flex-direction:column}#login-view .login-brand{padding:1.6rem 1.4rem;min-height:0}#login-view .login-home{margin-bottom:1.4rem}#login-view .login-brand h1{font-size:2.5rem}#login-view .login-brand .eyebrow{font-size:.53rem}#login-view .login-brand>p:not(.eyebrow){font-size:.82rem}#login-view .login-art{display:none}#login-view .trust-row{margin-top:1rem}#login-view .login-brand>p.login-storage-note{font-size:.6rem;margin-top:.8rem}#login-view .login-card{padding:2rem 1.4rem 3rem;border-radius:20px 20px 0 0}#login-view .brand-logo-wrap,#login-view .product-name{display:none}#login-view .login-card h2{font-size:2.1rem}#login-view .login-card form{margin-top:1.2rem}#login-view .login-tab{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){#login-view *,#login-view *::before,#login-view *::after{animation:none!important;transition:none!important}}