.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: var(--ivory); }
.auth-shell { width: min(100%, 470px); }
.auth-panel { padding: 34px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); }
.auth-logo { display: block; width: 96px; height: 96px; object-fit: contain; margin: 0 auto 20px; }
.auth-panel h1 { text-align: center; }
.auth-panel .form-hint { text-align: center; margin-inline: auto; }
.auth-panel .button-primary { width: 100%; margin-top: 4px; }
@media (max-width: 520px) { .auth-page { padding: 0; align-items: stretch; } .auth-panel { min-height: 100vh; padding: 28px 20px; border: 0; border-radius: 0; } }