/* Lightning background full screen */
.hero-bg{
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background:
    radial-gradient(1000px 600px at 65% 18%, rgba(255,220,0,.12), transparent 60%),
    radial-gradient(800px 500px at 20% 40%,  rgba(255,220,0,.10), transparent 55%),
    radial-gradient(1200px 700px at 85% 70%, rgba(255,220,0,.07), transparent 65%),
    #0a0a0a;
}

/* vignette + subtle texture */
.hero-bg::after{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse at center, transparent 55%, rgba(0,0,0,.65) 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 2px, rgba(0,0,0,0) 2px 4px);
  mix-blend-mode: multiply;
}

/* REMOVE bolt effect (disable streak) */
.hero-bg::before { content: none !important; }

/* glowing sparks */
.sparks{ position:absolute; inset:0; overflow:hidden; }
.spark{
  position:absolute; width:7px; height:7px; border-radius:50%;
  background:#ffda00;
  box-shadow:
    0 0 10px 3px rgba(255,218,0,.9),
    0 0 28px 12px rgba(255,218,0,.25);
  opacity:.9;
  animation: drift 14s linear infinite, flicker 1.8s infinite;
}
@keyframes drift{
  from{ transform: translateY(10vh) translateX(0); }
  to  { transform: translateY(-140vh) translateX(80px); }
}
@keyframes flicker{
  0%,100%{ filter: brightness(1); }
  45%    { filter: brightness(1.7); }
  60%    { filter: brightness(0.85); }
}

/* optional global flash (kidlat liwanag) */
.hero-bg.flashy{ animation: flash 6s infinite; }
@keyframes flash{
  0%, 93%, 100% { filter: brightness(1); }
  94%           { filter: brightness(2.3); }
  96%           { filter: brightness(1.5); }
}

/* make sure form stays on top */
.login-body, body { background:#0a0a0a; }
.login-container, .wrap { position: relative; z-index: 1; }