/* Sign-in page. Same tokens as app.css (loaded first). A dark ink band with the stamp-red registered mark, one quiet card. No inline styles. */
.login-body{background:var(--deep);min-height:100vh}
.login{min-height:100vh;display:grid;grid-template-rows:auto 1fr;justify-items:center;padding:28px 18px 60px;gap:8vh}
.login-brand{justify-self:start;display:flex;align-items:baseline;gap:2px;font-family:var(--f-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:#fff;width:100%;max-width:980px;margin:0 auto}
.login-brand sup{font-size:.55em;color:var(--stamp);font-weight:700;margin-left:1px;position:relative;top:-.35em}
.login-brand span{font-family:var(--f-mono);font-size:.62rem;font-weight:500;letter-spacing:.08em;color:var(--on-deep-2);margin-left:10px;padding:2px 6px;border:1px solid var(--deep-line);border-radius:4px;align-self:center}
.login-card{align-self:start;width:100%;max-width:420px;background:var(--surface);border-radius:14px;padding:28px 26px 24px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);display:grid;gap:14px}
.login-card h1{font-size:1.7rem}
.login-lead{color:var(--muted)}
.login-card form{display:grid;gap:14px}
.login-card .btn{min-height:44px;width:100%}
.login-msg{min-height:1.4em;font-size:.92rem;color:var(--ink)}
.login-msg.bad{color:var(--stamp);font-weight:600}
@media (max-width:480px){.login-card{padding:22px 18px}.login{padding-top:20px;gap:5vh}}
.login-test{border-top:1px dashed var(--line);padding-top:16px;margin-top:4px}
.login-test h2{font-size:1rem}
.login-test .login-lead{font-size:.88rem}