.auth { display: grid; place-items: center; min-height: calc(100vh - 160px); padding: 20px; }
.auth-card { width: min(520px, 96%); }
.auth-card h1 { margin: 0 0 6px; font-family: "Space Grotesk", sans-serif; }
.auth-card .muted { color: var(--muted); margin: 0 0 16px; }
.field { display: grid; gap: 8px; margin-bottom: 14px; }
label { color: var(--muted); }
input, textarea { width: 100%; padding: 12px 14px; border-radius: var(--radius-sm); border: 1px solid rgba(154,175,214,.16); background: rgba(10,14,28,.7); color: var(--text); outline: none; transition: .2s ease; }
input:focus, textarea:focus { border-color: rgba(90,168,255,.55); box-shadow: 0 0 0 4px rgba(90,168,255,.12); }
.switch { color: var(--muted); margin-top: 10px; }
.switch a { color: var(--primary); }