/* Анимации для сайта */

/* Плавное появление */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 1s ease-out;
}

/* Анимация для карточек при наведении */
.feature-card,
.event-card,
.performance-card,
.photo-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover,
.event-card:hover,
.performance-card:hover,
.photo-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* Плавное появление элементов при скролле */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

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

/* Задержки для анимации */
.delay-1 {
    transition-delay: 0.2s;
}

.delay-2 {
    transition-delay: 0.4s;
}

.delay-3 {
    transition-delay: 0.6s;
}

/* Анимация для кнопок */
.btn,
.auth-btn,
.user-menu-btn {
    transition: all 0.3s ease;
}

.btn:hover,
.auth-btn:hover,
.user-menu-btn:hover {
    transform: translateY(-2px);
}

/* Анимация для выпадающего меню */
.user-menu-dropdown.show {
    animation: fadeIn 0.3s ease-out;
}

/* Анимация для модального окна */
@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modal.show {
    animation: modalFadeIn 0.3s ease;
}