.animate-hover-card {
  transition: 
    transform 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease;
}

.animate-hover-card:hover, .animate-hover-card:focus-visible {
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.3);
  filter: brightness(1.1);
}

@media (prefers-reduced-motion: no-preference) {
  .animate-hover-card:hover, .animate-hover-card:focus-visible {
    transform: scale(1.05) translateY(-10px);
  }
}