/* Premium Space Background — space-bg.css
   Fixed full-viewport canvas with nebula, parallax stars, and particles.
   Designed to be non-intrusive, performant, and looping.
*/

#space-bg {
  position: fixed;
  inset: 0;
  /* cover entire viewport */
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  /* never interfere with UI */
  z-index: -1;
  /* behind content */
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
}

#space-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #05010A 0%, #0b0214 60%, rgba(88, 24, 163, 0.12) 100%);
  mix-blend-mode: normal;
  opacity: 1;
  pointer-events: none;
}

#spaceCanvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* subtle particle fade at the bottom to blend into page content */
.space-foreground-fade {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 18%;
  background: linear-gradient(180deg, rgba(5, 1, 10, 0) 0%, rgba(5, 1, 10, 0.6) 100%);
  pointer-events: none;
}

/* CTA / notice-aware safe-area: keep content readable over background */
@media (prefers-reduced-motion: reduce) {
  #space-bg {
    display: none;
  }
}