@keyframes fadeInUp {
  from { opacity:0; transform: translateY(6px); }
  to { opacity:1; transform: translateY(0); }
}
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.03); }
  100% { transform: scale(1); }
}

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

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


.card, .slot-card { animation: fadeInUp 220ms ease-out; }
.hero { animation: fadeInUp 320ms ease-out; }