/* =========================
   NOVA DARK THEME
   ========================= */

:root{
  --bg1:#0d0018;
  --bg2:#19002e;
  --bg3:#2a0047;

  --text:#ffffff;
  --muted: rgba(255,255,255,.72);

  --btn1:#ff2bd6;
  --btn2:#a100ff;

  --shadow: 0 24px 70px rgba(0,0,0,.45);
}

/* Fondo global */
body{
  background:
    radial-gradient(1000px 600px at 50% 0%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(700px 600px at 15% 25%, rgba(255,43,214,.18), transparent 65%),
    radial-gradient(700px 600px at 85% 75%, rgba(0,140,255,.10), transparent 65%),
    linear-gradient(135deg, var(--bg1), var(--bg2) 40%, var(--bg3));
}

/* Card glass más oscuro */
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  box-shadow: var(--shadow);
}

/* Inputs */
.field{
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.14);
}

/* Botón */
.btn{
  background: linear-gradient(90deg, var(--btn1), var(--btn2));
}
.error-field {
  border: 1px solid #ff3b30 !important;
  box-shadow: 0 0 0 2px rgba(255,59,48,.35) !important;
}