/* Floating particles effect */
.particles {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(240, 185, 11, 0.15);
  border-radius: 50%;
  animation: float linear infinite;
}

@keyframes float {
  0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }
}

/* Subtle gradient animation on body */
@keyframes gradientShift {
  0% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}

/* Glow pulse on gold elements */
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 0 20px rgba(240, 185, 11, 0.1); }
  50% { box-shadow: 0 0 40px rgba(240, 185, 11, 0.25); }
}

/* Moving light beam across the page */
.light-beam {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, transparent, rgba(240, 185, 11, 0.03), transparent, transparent);
  animation: rotateBeam 20s linear infinite;
  z-index: -1;
  pointer-events: none;
}

@keyframes rotateBeam {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}