

   @keyframes pulseCyan {
    0% {
      box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.7);
    }
    70% {
      box-shadow: 0 0 0 10px rgba(0, 240, 255, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 240, 255, 0);
    }
  }
  
  @keyframes floatOrb {
    0%, 100% {
      transform: translateY(0px) scale(1);
    }
    50% {
      transform: translateY(-12px) scale(1.03);
    }
  }
  
  @keyframes floatElement {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  }
  
  @keyframes spinClockwise {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  
  @keyframes spinCounterClockwise {
    from {
      transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(0deg);
    }
  }
  
  @keyframes spinOrbit {
    from {
      transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
  
  @keyframes spinOrbitCounter {
    from {
      transform: translate(-50%, -50%) rotate(360deg);
    }
    to {
      transform: translate(-50%, -50%) rotate(0deg);
    }
  }
  
  @keyframes equalize {
    0% {
      height: 15%;
      opacity: 0.6;
    }
    50% {
      height: 85%;
      opacity: 1;
    }
    100% {
      height: 40%;
      opacity: 0.8;
    }
  }
  
  @keyframes scanLine {
    0% {
      top: 0%;
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      top: 100%;
      opacity: 0;
    }
  }
  
  @keyframes glowPulse {
    0%, 100% {
      opacity: 0.6;
    }
    50% {
      opacity: 1;
    }
  }
  
  .glow-ambient {
    animation: glowPulse 4s ease-in-out infinite;
  }
  