.auth-body { display: block; overflow: auto; height: auto; min-height: 100dvh; padding: 8vh 20px; }
.auth-card { max-width: 370px; margin: 0 auto; }
.auth-brand { display: block; color: var(--text); font-size: 24px; font-weight: 600; text-decoration: none; margin-bottom: 52px; }
.auth-card h1 { font-size: 28px; font-weight: 500; letter-spacing: -.025em; margin-bottom: 10px; }
.auth-card label { display: block; margin: 20px 0 8px; font-size: 14px; }
.auth-card input { width: 100%; border: 1px solid #555; background: #171717; color: var(--text); border-radius: 10px; padding: 12px; }
.auth-card .primary { width: 100%; margin: 24px 0; padding: 12px; }
.auth-card a { color: var(--text); }
.auth-links { display: flex; gap: 20px; font-size: 14px; margin-bottom: 24px; }
.auth-card .errorlist { color: #f4c197; font-size: 13px; padding-left: 18px; }
.auth-card input:focus-visible, .auth-card a:focus-visible { outline: 2px solid #eee; outline-offset: 3px; }