.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: var(--bg, #0f1115);
}
.auth-card {
  width: 100%;
  max-width: 380px;
  background: var(--panel, #171a21);
  border: 1px solid var(--border, #262b36);
  border-radius: 12px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
}
.auth-logo { margin-bottom: 4px; font-size: 15px; }
.auth-title { font-size: 20px; margin: 4px 0 20px; }
.field-hint { font-size: 12px; color: var(--text-dim, #8a8f9c); margin: 4px 0 0; }
.mt { margin-top: 14px; }
.auth-error {
  color: #f87171;
  font-size: 13px;
  margin: 12px 0 0;
}
.auth-submit { margin-top: 20px; width: 100%; }
.auth-switch {
  margin: 16px 0 0;
  font-size: 13px;
  text-align: center;
  color: var(--text-dim, #8a8f9c);
}
.auth-switch a { color: var(--accent, #6366f1); }

@media (max-width: 480px) {
  .auth-card { padding: 22px 18px; border-radius: 8px; }
}