/* ========================================
   PARTICLES BACKGROUND
   ======================================== */

.particles-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

.particles-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .particles-container {
    opacity: 0.4;
  }
}

@media (max-width: 480px) {
  .particles-container {
    opacity: 0.3;
  }
}