/* Aurora ambiente: luz verde lenta atrás do conteúdo, adaptada do efeito 21st.dev para CSS puro. */
body {
  position: relative;
  isolation: isolate;
}

body::before {
  position: fixed;
  z-index: 0;
  inset: -18%;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(ellipse 38% 32% at 13% 18%, rgb(44 168 108 / 24%), transparent 74%),
    radial-gradient(ellipse 34% 38% at 84% 30%, rgb(153 207 74 / 21%), transparent 72%),
    radial-gradient(ellipse 42% 34% at 54% 82%, rgb(23 132 105 / 19%), transparent 76%);
  transform: translate3d(0, 0, 0) scale(1);
  animation: background-aurora-drift 20s ease-in-out infinite alternate;
  will-change: transform;
}

body > :not(script) {
  position: relative;
  z-index: 1;
}

@keyframes background-aurora-drift {
  0% {
    transform: translate3d(-1.5%, -1%, 0) scale(1);
  }
  50% {
    transform: translate3d(1.5%, 1%, 0) scale(1.035);
  }
  100% {
    transform: translate3d(-.5%, 1.5%, 0) scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before {
    animation: none;
    will-change: auto;
  }
}