/* ============================================================
   Page/Layout: login (auth ekranı)
   ============================================================ */
.auth-wrap {
  min-height: 100vh; display: grid; place-items: center;
  padding: var(--space-5);
  background:
    radial-gradient(1200px 600px at 80% -10%, var(--brand-glow), transparent 60%),
    var(--navy-deep);
}
.auth-card {
  width: 100%; max-width: 380px;
  background: var(--surface); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl); padding: var(--space-8) var(--space-6);
}
.auth-brand { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-6); }
.auth-logo {
  display: grid; place-items: center; width: 46px; height: 46px;
  border-radius: var(--radius); background: var(--brand); color: #fff;
  font-weight: 800; font-size: 18px;
}
.auth-title { font-size: var(--fs-lg); font-weight: 800; }
.auth-subtitle { font-size: var(--fs-sm); color: var(--text-muted); }

.login-form { margin-top: var(--space-2); }
.login-error {
  margin-bottom: var(--space-3); padding: 10px var(--space-3);
  background: var(--red-soft); color: var(--red);
  border-radius: var(--radius-sm); font-size: var(--fs-sm);
}
.login-hint {
  margin-top: var(--space-4); font-size: var(--fs-xs); color: var(--text-muted);
  text-align: center; line-height: 1.6;
}