/* Shared starfield background used by index.html, landing.html, waitlist.html.
   The body::before pseudo-element renders 4 radial gradients tiled at 400px
   to produce the signature "starfield" look across the PWA + marketing pages. */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(2px 2px at 20% 30%, rgba(255, 216, 107, 0.4), transparent),
    radial-gradient(1px 1px at 70% 60%, rgba(179, 107, 255, 0.5), transparent),
    radial-gradient(1.5px 1.5px at 40% 80%, rgba(255, 79, 163, 0.3), transparent),
    radial-gradient(1px 1px at 85% 20%, rgba(255, 255, 255, 0.3), transparent);
  background-size: 400px 400px;
  pointer-events: none;
  z-index: 0;
  opacity: 0.6;
}

@media (prefers-reduced-motion: reduce) {
  body::before { opacity: 0.4; }
}