/* Anthares Home — bg-fx.css
   Textura grunge é background nativo do .anth-home (base.css), rola
   com o conteúdo. Aqui fica só o que é fixo na viewport:
     __particles -> canvas com a constelação interativa (bg-fx.js)
     __vignette  -> escurece as bordas, por cima de tudo */

.anth-home .anth-bg-fx {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.anth-home .anth-bg-fx__particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.anth-home .anth-bg-fx__cloud {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform, opacity;
}

.anth-home .anth-bg-fx__vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 85% 78% at 50% 34%, transparent 42%, rgba(0, 2, 6, 0.55) 100%);
}

/* Tema claro não usa partículas/vinheta escura — some por completo. */
.anth-home[data-theme="light"] .anth-bg-fx {
  display: none;
}