/* assets/css/animations.css */

.fade-in-up {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease, transform .6s ease;
}
.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hover-lift { transition: transform .2s ease; }
.hover-lift:hover { transform: translateY(-4px); }

@media (prefers-reduced-motion: reduce) {
  .fade-in-up, .hover-lift { transition: none !important; transform: none !important; }
}