.auth-page {
  display: flex; align-items: center; justify-content: center; height: 100%; overflow: auto;
}
.auth-card { width: min(var(--panel-w), calc(100% - var(--sp-8))); padding: var(--sp-8); gap: var(--sp-4); }
.auth-card form { display: flex; flex-direction: column; gap: var(--sp-3); }
.auth-notice { padding: var(--sp-2) var(--sp-3); border-radius: var(--r-ctl); font-size: var(--md-small); }
.auth-notice--info { color: var(--notif-info-text); background: var(--notif-info-bg); border: 1px solid var(--notif-info-border); }
.auth-notice--error { color: var(--notif-err-text); background: var(--notif-err-bg); border: 1px solid var(--notif-err-border); }
.auth-links { display: flex; flex-direction: column; gap: var(--sp-1); font-size: var(--md-small); }
.auth-links a { color: var(--accent); }
.auth-links a:hover { color: var(--hover-text); }