.auth-header { flex-wrap: wrap; }
[data-screen-label="AUTH"] .console-main { justify-content: center; padding-block: var(--space-8); }
.auth-card { width: 100%; max-width: 440px; margin: auto; padding: var(--space-8); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-md); }
.auth-card h1 { font-size: clamp(28px, 6vw, 42px); }
.auth-card form, .auth-field { display: flex; flex-direction: column; gap: var(--space-2); }
.auth-card form { gap: var(--space-4); margin-top: var(--space-6); }
.auth-field label { font-weight: 700; }
.auth-field .input { width: 100%; min-width: 0; font-size: 16px; }
[data-part="auth.error"] { padding: var(--space-3); border: 1px solid currentColor; border-radius: var(--radius-sm); }
[data-part="auth.error"] p { margin: 0; }
@media (max-width: 480px) { .auth-card { padding: var(--space-6); } .auth-header { padding-inline: var(--space-4); } }