/* =========================================================
   Festive New Year Eve Theme
   Dark • Gold • Neon • Celebration
   Safe override on top of existing style.css
   ========================================================= */

/* ---------- Color Overrides ---------- */
:root{
  --ny-bg: #05070f;
  --ny-gold: #f6c453;
  --ny-gold-soft: rgba(246,196,83,0.35);
  --ny-neon: #7cf3ff;
  --ny-purple: #a78bfa;
  --ny-red: #fb7185;
}

/* ---------- Background Night Sky ---------- */
body{
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(246,196,83,0.15), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(124,243,255,0.12), transparent 60%),
    radial-gradient(800px 600px at 50% 90%, rgba(167,139,250,0.15), transparent 60%),
    linear-gradient(180deg, #05070f 0%, #070b1a 100%);
}

/* ---------- Header Glow ---------- */
.header{
  box-shadow:
    0 0 0 1px rgba(246,196,83,0.15),
    0 12px 40px rgba(246,196,83,0.08);
}

/* ---------- Brand Logo Festive ---------- */
.brand__logo{
  background:
    radial-gradient(circle at top left, #fff3c4, var(--ny-gold)),
    linear-gradient(135deg, var(--ny-gold), var(--ny-neon));
  color: #1a1304;
  box-shadow:
    0 0 0 2px rgba(246,196,83,0.35),
    0 0 25px rgba(246,196,83,0.6);
}

/* ---------- Hero Celebration ---------- */
.hero__content{
  border: 1px solid rgba(246,196,83,0.25);
  box-shadow:
    0 0 0 1px rgba(246,196,83,0.2),
    0 30px 80px rgba(246,196,83,0.15);
}

/* Gold badge */
.badge{
  border-color: var(--ny-gold);
  color: var(--ny-gold);
  background: rgba(246,196,83,0.08);
  box-shadow: 0 0 20px rgba(246,196,83,0.35);
}

/* ---------- Headings Glow ---------- */
h1, h2, h3{
  text-shadow:
    0 0 10px rgba(246,196,83,0.35),
    0 0 25px rgba(246,196,83,0.15);
}

/* ---------- Buttons ---------- */
.btn--primary{
  background:
    linear-gradient(135deg, var(--ny-gold), var(--ny-neon));
  color: #1a1304;
  box-shadow:
    0 10px 30px rgba(246,196,83,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.35);
}

.btn--primary:hover{
  transform: translateY(-1px);
  box-shadow:
    0 15px 40px rgba(246,196,83,0.6