@keyframes fade-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes slide-in-right {
  from { opacity: 0; transform: translateX(16px); }
  to   { opacity: 1; transform: translateX(0); }
}

@keyframes scale-in {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

.animate-fade-in  { animation: fade-in 0.3s ease-out both; }
.animate-slide-in { animation: slide-in-right 0.3s ease-out both; }
.animate-scale-in { animation: scale-in 0.2s ease-out both; }