@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes revealDate {
  0% {
    opacity: 0;
    transform: translateX(-50px) skewX(-15deg);
  }
  60% {
    opacity: 1;
    transform: translateX(10px) skewX(5deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(0deg);
  }
}

@keyframes revealLetter {
  0% {
    opacity: 0;
    transform: translateY(-30px) rotate(-10deg);
  }
  60% {
    opacity: 1;
    transform: translateY(5px) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}

@keyframes mobileGlow {
  0% {
    text-shadow: 0 0 2px var(--accent1), 0 0 5px var(--accent2light);
  }
  50% {
    text-shadow: 0 0 8px var(--accent2), 0 0 12px var(--accent2dark);
  }
  100% {
    text-shadow: 0 0 2px var(--accent1), 0 0 5px var(--accent2light);
  }
}

@keyframes mobileUnderline {
  0% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 200% 100%;
  }
}

@keyframes shineText {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}

@keyframes underlineWave {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}