.fade-in {
  animation: fadeIn ease 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.slide-up {
  animation: slideUp ease 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
  transform: translateY(20px);
}

@keyframes slideUp {
  0% { transform: translateY(20px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}