html, body {
  width: 100%;
  height: 100%;
}

#bg-particles {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  pointer-events: none;
}

.parallax-bg {
  position: fixed;
  inset: 0;
  z-index: -1;

  background:
    radial-gradient(
      circle at 80% 20%,
      rgba(0, 180, 255, 0.08),
      transparent 45%
    );
}

body {
  background:
    radial-gradient(
      circle at top center,
      rgba(0, 255, 255, 0.18),
      transparent 45%
    ),

    radial-gradient(
      circle at 20% 40%,
      rgba(0, 180, 255, 0.18),
      transparent 50%
    ),

    radial-gradient(
      circle at 80% 70%,
      rgba(0, 120, 200, 0.22),
      transparent 55%
    ),

    linear-gradient(
      180deg,
      #061b26 0%,
      #04131c 40%,
      #020b12 100%
    );

  min-height: 100vh;
  color: #eaffff;
}