/* animations.css */
/* Fade in */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.fade-in { animation: fadeIn 0.8s ease-out forwards; }

/* Slide up */
@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
.slide-up { animation: slideUp 0.6s ease-out forwards; }

/* Counter up */
@keyframes countUp {
  from { counter-reset: count 0; }
  to { counter-reset: count var(--target-count); }
}
.counter {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-primary);
}