/* ===== ТРЕНД 2: ИММЕРСИВНЫЙ ОПЫТ ===== */



/* Параллакс фоны */

.parallax-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 120%;

    z-index: -1;

    background: radial-gradient(

            circle at 20% 30%,

            rgba(4, 184, 175, 0.05) 0%,

            transparent 50%

        ),

        radial-gradient(

            circle at 80% 70%,

            rgba(18, 60, 58, 0.03) 0%,

            transparent 50%

        );

    will-change: transform;

}



/* 3D эффект для карточек */

.card-3d {

    transform-style: preserve-3d;

    perspective: 1000px;

    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);

}



.card-3d:hover {

    transform: translateY(-10px) rotateX(5deg);

}



/* Плавные анимации появления */

.fade-in {

    opacity: 0;

    transform: translateY(30px);

    transition: opacity 0.8s ease, transform 0.8s ease;

}



.fade-in.visible {

    opacity: 1;

    transform: translateY(0);

}



/* Пошаговые анимации для карточек вакансий */

.staggered-card {

    animation: slideUp 0.6s ease-out;

}



.delayed {

    animation-delay: 0.2s;

}



.delayed-2 {

    animation-delay: 0.4s;

}



.delayed-3 {

    animation-delay: 0.6s;

}