/* Animation styles */
.animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate.active {
    opacity: 1;
    transform: translateY(0);
}

.about-section,
.advertising-section {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.about-section.active,
.advertising-section.active {
    opacity: 1;
    transform: translateY(0);
}

/* Slide animations */
.slide-in-left {
    transform: translateX(-100px);
}

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

.slide-in-left.active,
.slide-in-right.active {
    transform: translateX(0);
}

/* Ensure transitions work properly */
.about-section *,
.advertising-section * {
    opacity: 1;
    transform: none;
    transition: none;
}