.fade-in {
    animation: fadeIn 700ms ease both;
}

.slide-up {
    animation: slideUp 700ms ease both;
}

.hover-lift {
    transition: transform var(--transition), box-shadow var(--transition);
}

.hover-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.24);
}

.image-zoom {
    transition: transform 800ms ease;
}

.image-zoom:hover {
    transform: scale(1.03);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}