@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes grow {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes neon-glow {
  0%, 100% {
    text-shadow: 0 0 5px #DB2777, 0 0 10px #DB2777, 0 0 15px #DB2777;
  }
  50% {
    text-shadow: 0 0 10px #DB2777, 0 0 20px #DB2777, 0 0 30px #DB2777, 0 0 40px #A855F7;
  }
}

@keyframes pulse-neon {
  0%, 100% {
    box-shadow: 0 0 5px #DB2777, 0 0 10px #DB2777, inset 0 0 5px #DB2777;
  }
  50% {
    box-shadow: 0 0 20px #DB2777, 0 0 30px #DB2777, 0 0 40px #A855F7, inset 0 0 10px #DB2777;
  }
}

@keyframes spotlight {
  0%, 100% {
    background-position: -200% center;
  }
  50% {
    background-position: 200% center;
  }
}

@keyframes glitch {
  0% {
    transform: translate(0);
  }
  20% {
    transform: translate(-2px, 2px);
  }
  40% {
    transform: translate(-2px, -2px);
  }
  60% {
    transform: translate(2px, 2px);
  }
  80% {
    transform: translate(2px, -2px);
  }
  100% {
    transform: translate(0);
  }
}

@keyframes stage-lights {
  0%, 100% {
    opacity: 0.8;
    filter: brightness(1);
  }
  50% {
    opacity: 1;
    filter: brightness(1.5);
  }
}

.animate-fade {
  animation: fade 0.6s ease-in-out;
}

.animate-grow {
  animation: grow 0.8s ease-out;
}

.animate-blink {
  animation: blink 2s infinite;
}

.animate-shimmer {
  animation: shimmer 3s infinite;
  background: linear-gradient(90deg, transparent, rgba(219, 39, 119, 0.3), transparent);
  background-size: 1000px 100%;
}

.animate-neon {
  animation: neon-glow 2s ease-in-out infinite;
}

.animate-pulse-neon {
  animation: pulse-neon 2s ease-in-out infinite;
}

.animate-spotlight {
  animation: spotlight 3s ease-in-out infinite;
  background: linear-gradient(90deg, transparent, rgba(253, 224, 71, 0.4), transparent);
  background-size: 200% 100%;
}

.animate-glitch {
  animation: glitch 0.3s infinite;
}

.animate-stage-lights {
  animation: stage-lights 2s ease-in-out infinite;
}

