@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to   { opacity: 1; transform: none; }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.04); }
}

@keyframes shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.anim-fadeInUp  { animation: fadeInUp  0.55s ease both; }
.anim-fadeIn    { animation: fadeIn    0.5s  ease both; }
.anim-slideLeft { animation: slideInLeft 0.5s ease both; }
.anim-pulse     { animation: pulse 2.4s ease-in-out infinite; }

.hero-title   { animation: fadeInUp  0.6s  0.1s ease both; }
.hero-desc    { animation: fadeInUp  0.6s  0.2s ease both; }
.hero-bonuses { animation: fadeInUp  0.6s  0.3s ease both; }
.hero-btn-wrap { animation: fadeInUp 0.6s  0.4s ease both; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}