/* Animation Styles */
.fade-in, .slide-up, .slide-right, .slide-left, .scale-in, .rotate-in, .reveal {
    opacity: 0;
    transition: all 0.8s ease-out;
}

.fade-in.revealed {
    opacity: 1;
}

.slide-up {
    transform: translateY(50px);
}

.slide-up.revealed {
    opacity: 1;
    transform: translateY(0);
}

.slide-right {
    transform: translateX(-50px);
}

.slide-right.revealed {
    opacity: 1;
    transform: translateX(0);
}

.slide-left {
    transform: translateX(50px);
}

.slide-left.revealed {
    opacity: 1;
    transform: translateX(0);
}

.scale-in {
    transform: scale(0.8);
}

.scale-in.revealed {
    opacity: 1;
    transform: scale(1);
}

.rotate-in {
    transform: rotate(-5deg) scale(0.8);
}

.rotate-in.revealed {
    opacity: 1;
    transform: rotate(0) scale(1);
}

.reveal.revealed {
    opacity: 1;
}