@keyframes waveAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.animated-gradient-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    -45deg,
    rgba(34, 197, 94, 0.2),
    rgba(59, 130, 246, 0.2),
    rgba(249, 115, 22, 0.2),
    rgba(168, 85, 247, 0.2)
  );
  background-size: 400% 400%;
  animation: waveAnimation 5s ease infinite;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: soft-light;
}

.animated-gradient-overlay-light {
  background: linear-gradient(
    -45deg,
    rgba(34, 197, 94, 0.1),
    rgba(59, 130, 246, 0.1),
    rgba(249, 115, 22, 0.1),
    rgba(168, 85, 247, 0.1)
  );
}