@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideInLeft {
  from { opacity: 0; transform: translateX(-50px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes bounceIn {
  0% { transform: scale(0.8); opacity: 0; }
  60% { transform: scale(1.05); opacity: 1; }
  100% { transform: scale(1); }
}

.animate-fade-in {
  animation: fadeIn 1.5s ease-in-out forwards;
}
.animate-slide-in-left {
  animation: slideInLeft 1.2s ease-out forwards;
}
.animate-zoom-in {
  animation: zoomIn 1.2s ease-in-out forwards;
}
.animate-bounce-in {
  animation: bounceIn 1.3s ease-in-out forwards;
}

.delay-1 {
  animation-delay: 0.3s;
}
.delay-2 {
  animation-delay: 0.6s;
}