/* =========================
   BACKGROUND
========================= */

.aether-bg {
  position: fixed;
  inset: 0;

  background:
    radial-gradient(circle at 20% 30%, rgba(120, 80, 255, 0.15), transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(0, 200, 255, 0.12), transparent 45%),
    radial-gradient(circle at 40% 80%, rgba(11, 145, 179, 0.1), transparent 50%);

  filter: blur(40px);

  z-index: -2;
}

.aether-glow {
  position: fixed;
  inset: -20%;

  background:
    radial-gradient(circle at 30% 40%, rgba(160, 120, 255, 0.18), transparent 50%),
    radial-gradient(circle at 60% 70%, rgba(0, 255, 220, 0.10), transparent 55%);

  filter: blur(60px);
  opacity: 0.7;

  z-index: -1;

  animation: aetherMove 18s ease-in-out infinite;
}

@keyframes aetherMove {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  50% {
    transform: translate(-40px, 30px) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}