.hover-scale:hover { transform: scale(1.05); transition: transform 0.3s ease-in-out; }
.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.8s, transform 0.8s; }
.fade-in.visible { opacity: 1; transform: translateY(0); }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(50px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 1s ease-out forwards; }
.slide-up { animation: slideUp 1s ease-out forwards; }