/* BellexFire Launch — Background / Starfield */

#starfield {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

/* Reduced-motion fallback: static gradient, canvas hidden */
@media (prefers-reduced-motion: reduce) {
  #starfield { display: none; }

  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background:
      radial-gradient(circle at 20% 30%, rgba(168, 85, 247, 0.10) 0%, transparent 50%),
      radial-gradient(circle at 80% 70%, rgba(255, 43, 214, 0.07) 0%, transparent 50%),
      radial-gradient(circle at 50% 50%, rgba(255, 45, 149, 0.05) 0%, transparent 60%);
    pointer-events: none;
    z-index: -1;
  }
}

/* Animated radial glow layer that sits above the canvas */
.bg-glow {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 28%, rgba(168, 85, 247, 0.09) 0%, transparent 48%),
    radial-gradient(circle at 82% 72%, rgba(255, 43, 214, 0.07) 0%, transparent 48%),
    radial-gradient(circle at 50% 50%, rgba(255, 45, 149, 0.04) 0%, transparent 55%);
  animation: glowDrift 14s ease-in-out infinite alternate;
}

@keyframes glowDrift {
  0%   { opacity: 0.6; }
  50%  { opacity: 1;   }
  100% { opacity: 0.6; }
}

@media (prefers-reduced-motion: reduce) {
  .bg-glow { animation: none; opacity: 0.8; }
}