/* aurora.css — reusable aurora background utility driven by --aurora-shift */
.aurora-layer {
  position: absolute;
  inset: -25%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 25% 30%, hsla(265, 100%, 59%, 0.28), transparent 45%),
    radial-gradient(circle at 75% 65%, hsla(185, 100%, 50%, 0.22), transparent 45%),
    radial-gradient(circle at 55% 90%, hsla(335, 100%, 59%, 0.18), transparent 50%);
  filter: blur(50px) hue-rotate(var(--aurora-shift));
  transition: filter 0.2s linear;
  animation: auroraDrift 20s ease-in-out infinite alternate;
}
@keyframes auroraDrift {
  0% { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(3%,-4%,0) scale(1.12); }
}

.aurora-static {
  background:
    radial-gradient(circle at 30% 30%, rgba(123,47,255,.2), transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(0,245,255,.14), transparent 50%);
}