body{min-height:100vh;min-height:100dvh;background:var(--soft)}
.auth{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--magenta);border-radius:var(--radius);padding:28px 28px 30px;box-shadow:0 16px 40px -24px var(--shadow);display:grid;gap:24px}
.auth-brand{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.18em;color:var(--heading);padding-bottom:14px;border-bottom:1px solid var(--line)}
.auth-form{display:grid;gap:16px}
.auth-form h1{font-size:1.8rem}
.muted{color:var(--muted);margin-top:4px}
.hint{font-size:.85rem;color:var(--muted);margin-top:-8px}
.auth-form .linkbtn{justify-self:center}
@media (max-width:480px){
  .auth{place-items:start center;padding-top:40px}
  .auth-card{padding:22px 20px 24px}
}