.particles-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* Fallback: gentle animated glow when WebGL is unavailable */
#particles-root.particles-fallback::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 30% 50%, rgba(212,165,74,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 40% 40% at 70% 60%, rgba(255,255,255,0.04) 0%, transparent 60%);
  animation: particles-fade-pulse 5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes particles-fade-pulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}