@keyframes fadeInSlide {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}
.hero-image { animation: fadeInSlide 1s ease-out; }
.card-shadow { transition: box-shadow 0.3s ease; }
.card-shadow:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.card-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.card-lift:hover { transform: translateY(-10px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10); }