.auth-left { min-height: 420px; }
.auth-headline { font-size: clamp(42px, 5vw, 68px); line-height: 1.05; }
.form-card form { display: grid; gap: 20px; }
.form-card form[hidden], .form-card button[hidden], .form-card a[hidden] { display: none; }
.form-card form .btn-primary { justify-self: start; margin-top: 4px; }
.account-back { margin-top: 28px; }
.account-back a, #account-new-link { color: var(--surface-fg); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; }
.account-message { padding: 14px 18px; margin: 0 0 22px; border: 1px solid var(--surface-line); border-radius: var(--r-card); color: var(--surface-fg); }
.account-message--error { border-color: var(--accent); }
.account-message[hidden] { display: none; }
.form-card :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 960px) { .auth-left { min-height: auto; } }