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

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}

.card:nth-child(1) { animation: fadeUp 0.6s ease 0.1s both; }
.card:nth-child(2) { animation: fadeUp 0.6s ease 0.2s both; }
.card:nth-child(3) { animation: fadeUp 0.6s ease 0.3s both; }
.card:nth-child(4) { animation: fadeUp 0.6s ease 0.4s both; }