/* Sign-in screens only (/login, /signup, /forgot, /reset, /confirm, /logout). On top of hb.css; tokens only. */
.auth-box { max-width: 440px; margin: var(--s-8) auto; padding: 0 var(--gutter); }
.auth-box .card { padding: var(--s-6); box-shadow: var(--shadow); }
.auth-logo { display: flex; justify-content: center; margin-bottom: var(--s-5); font-size: 28px; }
.auth-box h1 { text-align: center; }
.auth-logo svg { width: 26px; height: 26px; }
@media (max-width: 767px) { .auth-box { margin: var(--s-6) auto; } .auth-box .card { padding: var(--s-5); } }