/* Estilos propios de la pantalla: login. Aquí van los ajustes que
   solo apliquen a esta página, para no crecer componentes.css. */



/* ---------- Login ---------- */
.login-wrap {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 20% 20%, #1a1440 0%, #0a0a18 60%);
}


.login-card {
  background: var(--bg-panel); border: 1px solid var(--border); border-radius: 16px;
  padding: 2.5rem; width: 100%; max-width: 380px;
}


.login-logo { font-weight: 800; font-size: 1.4rem; letter-spacing: 0.5px; margin-bottom: 0.25rem; }


.login-logo span { background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }


.login-sub { color: var(--text-muted); font-size: 0.85rem; margin-bottom: 1.75rem; }