/* orb container behind everything */
#orb-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

/* individual orbs */
.orb {
  position: absolute;
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, var(--c1), var(--c2));
  filter: blur(80px);
  opacity: 0.6;
  border-radius: 50%;
  transition: transform 0.2s ease-out;
}