.gradient-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.3;
  z-index: -5;
}

.orb-indigo {
  background: rgba(62, 62, 72, 0.4);
  top: -80px;
  left: -80px;
  width: 288px;
  height: 288px;
}

.orb-emerald {
  background: rgba(34,197,94,0.3);
  top: -40px;
  right: 40px;
  width: 320px;
  height: 320px;
}

.stars-field {
  position: fixed;
  inset: 0;
  z-index: -10;
  pointer-events: none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.35) 50%, transparent 90%),
    radial-gradient(1px 1px at 80% 20%, rgba(255,255,255,0.35) 50%, transparent 90%),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,0.25) 50%, transparent 90%),
    radial-gradient(1px 1px at 30% 80%, rgba(255,255,255,0.25) 50%, transparent 90%);
  background-repeat: repeat;
  background-size: 200px 200px;
  animation: twinkle 3s ease-in-out infinite alternate;
}

@keyframes twinkle {
  from { filter: brightness(0.5); }
  to { filter: brightness(1.5); }
}