@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.card-modern.fade-in-up {
  opacity: 0;
  animation: fadeInUp 0.35s ease-out forwards;
}

.card-modern.fade-in-up.animate {
  opacity: 1;
}

.card-modern:hover {
  box-shadow: 0 10px 20px rgba(27, 84, 192, 0.10), 0 1px 4px rgba(27, 84, 192, 0.06);
  transform: translateY(-3px);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  .card-modern.fade-in-up {
    animation: none;
    opacity: 1;
  }

  .card-modern:hover {
    transform: none;
  }
}