/* ── Login page (login.php) ── */
.pg-login .nebula-1 { width: 500px; height: 400px; background: radial-gradient(ellipse, #2a4a1018 0%, transparent 70%); top: -80px; left: 10%; }
.pg-login .nebula-2 { width: 400px; height: 400px; background: radial-gradient(ellipse, #6530b812 0%, transparent 70%); bottom: -60px; right: 5%; }

.login-card {
  width: 100%; max-width: 420px;
  background: var(--bg-card); border: 1px solid var(--border); border-radius: 4px; overflow: hidden;
}
.login-card .card-title      { font-size: 1.3rem; font-weight: 700; color: var(--text-bright); letter-spacing: 0.06em; }
.login-card .card-title span { color: var(--accent-hi); }
.login-card .card-body       { display: flex; flex-direction: column; gap: 1rem; }

/* Remember-me + forgot-password row */
.form-footer-row { display: flex; align-items: center; justify-content: space-between; font-size: 0.74rem; }
.remember-row    { display: flex; align-items: center; gap: 0.4rem; color: var(--text-muted); cursor: pointer; }
.remember-row input { accent-color: var(--accent); cursor: pointer; }
.forgot-link     { color: var(--text-muted); text-decoration: none; transition: color 0.13s; }
.forgot-link:hover { color: var(--accent); }

@media (max-width: 480px) {
  .login-card .card-body { gap: 0.85rem; }
}