:root{--login-ink:#07141d;--login-lime:#a7f51e}.loginPage{background:radial-gradient(circle at 75% 12%,#17394b 0,transparent 28rem),var(--login-ink);color:#eff8f4;min-height:100vh;padding:32px;font-family:Arial,sans-serif}.loginBrand{color:#eef7f3;letter-spacing:.09em;font-weight:700;text-decoration:none}.loginBrand span{color:var(--login-lime)}.loginCard{background:#0c1d29;border:1px solid #2c5263;max-width:500px;margin:11vh auto;padding:42px}.loginEyebrow{color:var(--login-lime);letter-spacing:.13em;font-size:11px;font-weight:700}.loginCard h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(38px,6vw,58px);line-height:.95}.loginCard>p:not(.loginEyebrow){color:#bbced3;line-height:1.6}.loginCard form{gap:10px;margin-top:30px;display:grid}.loginCard label{font-size:14px;font-weight:700}.loginCard input{color:#eff8f4;width:100%;font:inherit;background:#07141d;border:1px solid #507182;padding:13px}.loginCard small{color:#9eb4bc;line-height:1.45}.loginCard button{background:var(--login-lime);color:#10200d;font-weight:700;font:inherit;cursor:pointer;border:0;margin-top:10px;padding:14px}.loginCard button:disabled{opacity:.7;cursor:wait}.loginCard [role=status]{color:#d1e2e1;line-height:1.5}.loginGuest{color:#c8d8d9;margin-top:24px;display:inline-block}.loginPage a:focus-visible,.loginCard input:focus-visible,.loginCard button:focus-visible{outline:3px solid var(--login-lime);outline-offset:4px}@media (max-width:600px){.loginPage{padding:20px}.loginCard{margin:8vh auto;padding:28px}}
