html,
body {
  overflow-x: hidden;
}

#aceleraParticleCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 50% 45%, rgba(173, 198, 255, 0.08) 0%, rgba(10, 14, 25, 0.98) 70%);
}

/* Mantém overlays globais, como toast, livres para usar position: fixed. */
body > *:not(#aceleraParticleCanvas):not(#acelera-toast-container) {
  position: relative;
  z-index: 1;
}