.auth-page {
  min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;
}
.auth-card {
  background: var(--color-surface); border-radius: 12px; box-shadow: var(--shadow);
  padding: 32px; width: 100%; max-width: 380px; border: 1px solid var(--color-border);
}
.auth-title { margin: 0 0 20px; font-size: 20px; font-weight: 700; text-align: center; }
.auth-form { display: flex; flex-direction: column; gap: 14px; }
.auth-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--color-text-muted); }
.auth-form input[type="text"],
.auth-form input[type="email"],
.auth-form input[type="password"] {
  padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius); font-size: 14px;
}
.auth-remember { flex-direction: row !important; align-items: center; gap: 8px !important; }
.auth-links { text-align: center; margin-top: 16px; font-size: 13px; }