/* ============================================
   Анимации для оживления страницы
   ============================================ */

/* 1. Плавное появление блоков при скролле (fade-in + slide-up) */
/* .t-rec {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.t-rec.animated {
    opacity: 1;
    transform: translateY(0);
} */

/* 2. Пульсация кнопок (мягкое свечение) */
/* .tn-atom__button-content {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.tn-atom:hover .tn-atom__button-content {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(54, 185, 80, 0.4);
} */

/* 3. Плавное появление картинок (scale + fade) */
/* .tn-atom__img {
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.tn-elem:hover .tn-atom__img {
    transform: scale(1.1);
} */

/* 5. Плавающая анимация для иконок в бегущей строке */
/* #molecule-1779192426728000022 .tn-atom__img {
    animation: floatIcon 3s ease-in-out infinite;
} */

/* @keyframes floatIcon {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
} */

/* 6. Мягкое свечение для логотипа */
/* #molecule-1779189475676000004 .tn-atom__img {
    transition: filter 0.3s ease;
}

#molecule-1779189475676000004:hover .tn-atom__img {
    filter: drop-shadow(0 0 10px rgba(54, 185, 80, 0.5));
} */

/* 7. Анимация появления секций с задержкой */
/* .t-rec:nth-child(1) {
    transition-delay: 0.1s;
}

.t-rec:nth-child(2) {
    transition-delay: 0.2s;
}

.t-rec:nth-child(3) {
    transition-delay: 0.3s;
}

.t-rec:nth-child(4) {
    transition-delay: 0.4s;
}

.t-rec:nth-child(5) {
    transition-delay: 0.5s;
} */

/* 8. Плавное появление фоновых элементов */
/* .t396__artboard {
    transition: background-color 0.5s ease;
} */

/* 9. Анимация для карточек в секции "Станьте пользователем" */
/* #molecule-1779194063250000001 {
    transition: transform 0.5s ease;
}

#molecule-1779194063250000001:hover {
    transform: translateY(-5px);
} */

/* 10. Пульсирующее свечение для кнопки "Получить доступ" */
/* @keyframes pulseGlow {

    0%,
    100% {
        box-shadow: 0 0 5px rgba(54, 185, 80, 0.3);
    }

    50% {
        box-shadow: 0 0 20px rgba(54, 185, 80, 0.6);
    }
}

.tn-elem[data-elem-type="button"] .tn-atom {
    animation: pulseGlow 2s ease-in-out infinite;
} */


/* Общие стили */

.slide.slide_active {
    background: linear-gradient(0.362turn, rgba(54, 185, 80, 1) 0%, rgba(47, 197, 162, 1) 49%, rgba(16, 170, 189, 1) 100%);
    border-radius: 32px;
    overflow: hidden;
}

.slide .img_active {
    display: none !important;
}

.slide .img_not_active {
    display: block !important;
}

.slide.slide_active .img_active {
    display: block !important;
}

.slide.slide_active .img_not_active {
    display: none !important;
}

.tn-slider-spacing {
    left: 0px !important;
}