/* Blur animations */
@keyframes tcg-fadeInUp-blur {
  from {
    opacity: 0;
    filter: blur(20px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes tcg-slideUp-blur {
  from {
    transform: translate3d(0, 80px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes tcg-zoomIn-blur {
  from {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
    filter: blur(20px);
  }
  50% {
    opacity: 1;
    filter: blur(0);
  }
}

.tcg-motion-blur-enabled.fadeInUp.animated {
  animation-name: tcg-fadeInUp-blur, tcg-slideUp-blur !important;
  animation-fill-mode: both, backwards !important;
}

.tcg-motion-blur-enabled.zoomIn.animated {
  animation-name: tcg-zoomIn-blur !important;
  animation-fill-mode: both !important;
}

/* Original animations (backward compatibility) */
@keyframes tce-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes tce-slideUp {
  from {
    transform: translate3d(0, 80px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: tce-fadeIn, tce-slideUp !important;
  animation-fill-mode: both, backwards !important;
}

/* All existing animation classes remain unchanged */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    animation: unset !important;
    transition: none !important;
  }
}