/* Анимации для плавного появления */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

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

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

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* Анимация для изображения */
.plate_box {
    animation: fadeInLeft 1s ease forwards;
    opacity: 0;
    animation-delay: 0.3s;
}

/* Анимация для текста */
.element_txt > * {
    animation: fadeInUp 1.8s ease forwards;
    opacity: 0;
}

.element_txt > *:nth-child(1) { animation-delay: 0.4s; }
.element_txt > *:nth-child(2) { animation-delay: 0.5s; }
.element_txt > *:nth-child(3) { animation-delay: 0.6s; }
.element_txt > *:nth-child(4) { animation-delay: 0.7s; }
.element_txt > *:nth-child(5) { animation-delay: 0.8s; }
.element_txt > *:nth-child(6) { animation-delay: 0.9s; }

/* Анимация для таймера */
.countdown-container {
    animation: fadeInUp 1s ease forwards;
    animation-delay: 1s;
    opacity: 0;
}