document.addEventListener('DOMContentLoaded', function () {
  if (typeof particlesJS === 'undefined') return;
  if (!document.getElementById('particles-js')) return;

  particlesJS('particles-js', {
    particles: {
      number: {
        value: 85,
        density: {
          enable: false,
          value_area: 400
        }
      },
      color: {
        value: ['#1fae6d', '#e8493b', '#ef91ab', '#3dbce1', '#86c147', '#1b68ad', '#ad7ab2', '#f5cb40']
      },
      shape: {
        type: 'polygon',
        stroke: {
          width: 0
        },
        polygon: {
          nb_sides: 4
        }
      },
      opacity: {
        value: 1,
        random: false,
        anim: {
          enable: true,
          speed: 20,
          opacity_min: 0,
          sync: false
        }
      },
      size: {
        value: 8,
        random: true,
        anim: {
          enable: true,
          speed: 1.345709068776642,
          size_min: 0.8,
          sync: false
        }
      },
      line_linked: {
        enable: false
      },
      move: {
        enable: true,
        speed: 2,
        direction: 'bottom',
        random: false,
        straight: false,
        out_mode: 'out',
        bounce: false,
        attract: {
          enable: false,
          rotateX: 600,
          rotateY: 1200
        }
      }
    },
    interactivity: {
      detect_on: 'canvas',
      events: {
        onhover: {
          enable: false
        },
        onclick: {
          enable: false
        },
        resize: true
      }
    },
    retina_detect: true
  });
});