.qf-bg-animated-particles::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 12% 18%, rgba(57, 255, 20, 0.22) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 24%, rgba(31, 182, 255, 0.24) 0 2px, transparent 3px),
    radial-gradient(circle at 45% 72%, rgba(177, 76, 255, 0.20) 0 2px, transparent 3px);
  background-size: 180px 180px, 220px 220px, 260px 260px;
  animation: qf-particles 16s linear infinite;
  opacity: 0.8;
}

@keyframes qf-particles {
  from { background-position: 0 0, 0 0, 0 0; }
  to { background-position: 180px 360px, -220px 220px, 260px -260px; }
}