.animate-pulse-slow {
  animation: pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
/* Disable fade-up animations on mobile */
@media (max-width: 1023px) {
  .fade-up {
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (min-width: 1024px) {
  .fade-up {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .fade-up.visible {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Disable reveal animations on mobile for better UX */
@media (max-width: 1023px) {
  .reveal-on-scroll {
    opacity: 1 !important;
    transform: none !important;
  }
}
@media (min-width: 1024px) {
  .reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .reveal-on-scroll.revealed {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Animated stats counter */
.stat-counter {
  display: inline-block;
  position: relative;
}
/* Advanced CTA styles */
.cta-gradient-btn {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent-gold) 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.5s ease;
}
.cta-gradient-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.cta-gradient-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: rotate(45deg);
  z-index: -1;
  transition: all 0.8s ease;
}
.cta-gradient-btn:hover::after {
  animation: shine 1.5s ease;
}
@keyframes shine {
  0% {
    left: -50%;
    opacity: 0.5;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}
.parallax-element {
  transform-style: preserve-3d;
  will-change: transform;
}
/* Game schedule styling */
.game-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.game-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  transform: translateY(-3px);
}
/* Testimonial card */
.testimonial-card {
  transform: translateY(0);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}
.testimonial-card:hover {
  transform: translateY(-8px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}