html {
            scroll-behavior: smooth;
            scroll-padding-top: 100px;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
        }
        
        /* Дополнительная плавность прокрутки */
        @media (prefers-reduced-motion: no-preference) {
            html, body {
                overscroll-behavior-y: smooth;
            }
            
            * {
                scroll-behavior: smooth;
            }
        }
        .hero-gradient {
            background: #fef9f7;
        }

        /* Hero блок на мобильных устройствах */
        @media (max-width: 1023px) {
            .hero-gradient {
                min-height: 100vh;
                display: flex;
                align-items: center;
                padding-top: 100px;
                padding-bottom: 40px;
            }
        }

        /* Фоновое изображение для десктопов */
        @media (min-width: 1024px) {
            body {
                margin: 0;
                padding: 0;
            }

            .hero-gradient {
                position: relative;
                min-height: 100vh;
                margin: 0;
                padding-top: 100px;
            }

            /* Фоновое изображение от края до края через псевдоэлемент */
            .hero-gradient::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-image: url('/uploads/hero/hero-bg.webp');
                background-color: #fef9f7;
                background-size: 80%;
                background-position: right bottom;
                background-repeat: no-repeat;
                z-index: 0;
            }

            .hero-gradient > * {
                position: relative;
                z-index: 1;
            }
        }

        /* Оптимизация производительности для главного контейнера hero */
        .max-w-7xl.mx-auto.px-6 {
            contain: layout style paint;
            transform: translateZ(0);
            will-change: contents;
        }
        /* --- Основной контейнер меню --- */
        .menu-widget {
            position: fixed; 
            top: 20px;
            left: 20px;
            z-index: 1000;
            background-color: rgba(254, 249, 247, 0.95);
            backdrop-filter: blur(10px);
            width: 300px;
            color: #705b4d;
            border-radius: 60px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(112, 91, 77, 0.15);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            border: 1px solid rgba(214, 207, 203, 0.3);
        }

        /* Состояние открытого меню */
        .menu-widget.active {
            border-radius: 30px;
            width: 320px;
        }

        /* --- Шапка (Лого + Кнопка) --- */
        .menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 20px 12px 12px;
            height: 60px;
            box-sizing: border-box;
        }

        .menu-header-right {
            display: flex;
            align-items: center;
            gap: 0;
        }

        .menu-logo-container {
            display: flex;
            align-items: center;
            gap: 8px;
            z-index: 2;
        }

        .menu-logo-img {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            object-fit: cover;
        }

        .menu-logo {
            font-weight: 700;
            font-size: 20px;
            letter-spacing: -0.5px;
            color: #705b4d;
        }

        /* Стили для кнопки калькулятора с анимацией */
        .calculator-btn,
        .calculator-btn-desktop {
            --duration: 7s;
            --easing: linear;
            --c-color-1: rgba(224, 196, 201, 0.7);
            --c-color-2: rgba(220, 182, 188, 0.8);
            --c-color-3: rgba(224, 196, 201, 0.6);
            --c-color-4: rgba(245, 237, 238, 0.7);
            --c-shadow: rgba(224, 196, 201, 0.5);
            --c-shadow-inset-top: rgba(220, 182, 188, 0.9);
            --c-shadow-inset-bottom: rgba(254, 249, 247, 0.8);
            --c-radial-inner: #e0c4c9;
            --c-radial-outer: #f5edee;
            --c-color: #fff;
            -webkit-tap-highlight-color: transparent;
            -webkit-appearance: none;
            appearance: none;
            outline: none;
            position: relative;
            cursor: pointer;
            border: none;
            display: table;
            border-radius: 24px;
            padding: 0;
            margin: 0;
            text-align: center;
            font-weight: 600;
            font-size: 16px;
            letter-spacing: 0.02em;
            line-height: 1.5;
            color: var(--c-color);
            text-decoration: none;
            background: radial-gradient(
                circle,
                var(--c-radial-inner),
                var(--c-radial-outer) 80%
            );
            box-shadow: 0 0 14px var(--c-shadow);
            z-index: 2;
        }

        .calculator-btn {
            height: 40px;
            font-size: 14px;
            margin-right: 8px;
        }

        .calculator-btn-desktop {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 1000;
            height: 60px;
            display: none;
            border-radius: 50px;
            box-shadow: 0 0 14px var(--c-shadow), 0 8px 24px rgba(112, 91, 77, 0.2);
            border: 1px solid rgba(214, 207, 203, 0.3);
        }

        .calculator-btn:before {
            content: "";
            pointer-events: none;
            position: absolute;
            z-index: 3;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border-radius: 24px;
            box-shadow:
                inset 0 3px 12px var(--c-shadow-inset-top),
                inset 0 -3px 4px var(--c-shadow-inset-bottom);
        }

        .calculator-btn-desktop:before {
            content: "";
            pointer-events: none;
            position: absolute;
            z-index: 3;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border-radius: 50px;
            box-shadow:
                inset 0 3px 12px var(--c-shadow-inset-top),
                inset 0 -3px 4px var(--c-shadow-inset-bottom);
        }

        .calculator-btn-desktop:hover {
            --duration: 1400ms;
        }

        .calculator-btn .wrapper,
        .calculator-btn-desktop .wrapper {
            -webkit-mask-image: -webkit-radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
            overflow: hidden;
            border-radius: 24px;
            min-width: 132px;
            padding: 12px 0;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .calculator-btn .wrapper {
            min-width: 100px;
            padding: 8px 16px;
            border-radius: 24px;
        }

        .calculator-btn-desktop .wrapper {
            min-width: 140px;
            padding: 0 24px;
            border-radius: 50px;
        }

        .calculator-btn .wrapper span,
        .calculator-btn-desktop .wrapper span {
            display: inline-block;
            position: relative;
            z-index: 1;
        }

        .calculator-btn .wrapper .circle,
        .calculator-btn-desktop .wrapper .circle {
            position: absolute;
            left: 0;
            top: 0;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            filter: blur(var(--blur, 8px));
            background: var(--background, transparent);
            transform: translate(var(--x, 0), var(--y, 0)) translateZ(0);
            animation: var(--animation, none) var(--duration) var(--easing) infinite;
            will-change: transform;
            animation-play-state: running;
        }

        .calculator-btn .wrapper .circle.circle-1,
        .calculator-btn .wrapper .circle.circle-9,
        .calculator-btn .wrapper .circle.circle-10,
        .calculator-btn-desktop .wrapper .circle.circle-1,
        .calculator-btn-desktop .wrapper .circle.circle-9,
        .calculator-btn-desktop .wrapper .circle.circle-10 {
            --background: var(--c-color-4);
        }

        .calculator-btn .wrapper .circle.circle-3,
        .calculator-btn .wrapper .circle.circle-4,
        .calculator-btn-desktop .wrapper .circle.circle-3,
        .calculator-btn-desktop .wrapper .circle.circle-4 {
            --background: var(--c-color-2);
            --blur: 14px;
        }

        .calculator-btn .wrapper .circle.circle-5,
        .calculator-btn .wrapper .circle.circle-6,
        .calculator-btn-desktop .wrapper .circle.circle-5,
        .calculator-btn-desktop .wrapper .circle.circle-6 {
            --background: var(--c-color-3);
            --blur: 16px;
        }

        .calculator-btn .wrapper .circle.circle-2,
        .calculator-btn .wrapper .circle.circle-7,
        .calculator-btn .wrapper .circle.circle-8,
        .calculator-btn .wrapper .circle.circle-11,
        .calculator-btn .wrapper .circle.circle-12,
        .calculator-btn-desktop .wrapper .circle.circle-2,
        .calculator-btn-desktop .wrapper .circle.circle-7,
        .calculator-btn-desktop .wrapper .circle.circle-8,
        .calculator-btn-desktop .wrapper .circle.circle-11,
        .calculator-btn-desktop .wrapper .circle.circle-12 {
            --background: var(--c-color-1);
            --blur: 12px;
        }

        .calculator-btn .wrapper .circle.circle-1,
        .calculator-btn-desktop .wrapper .circle.circle-1 {
            --x: 0;
            --y: -40px;
            --animation: circle-1;
        }

        .calculator-btn .wrapper .circle.circle-2 {
            --x: 60px;
            --y: 8px;
            --animation: circle-2-mobile;
        }
        .calculator-btn-desktop .wrapper .circle.circle-2 {
            --x: 92px;
            --y: 8px;
            --animation: circle-2;
        }

        .calculator-btn .wrapper .circle.circle-3,
        .calculator-btn-desktop .wrapper .circle.circle-3 {
            --x: -12px;
            --y: -12px;
            --animation: circle-3;
        }

        .calculator-btn .wrapper .circle.circle-4,
        .calculator-btn-desktop .wrapper .circle.circle-4 {
            --x: 80px;
            --y: -12px;
            --animation: circle-4;
        }

        .calculator-btn .wrapper .circle.circle-5,
        .calculator-btn-desktop .wrapper .circle.circle-5 {
            --x: 12px;
            --y: -4px;
            --animation: circle-5;
        }

        .calculator-btn .wrapper .circle.circle-6,
        .calculator-btn-desktop .wrapper .circle.circle-6 {
            --x: 56px;
            --y: 16px;
            --animation: circle-6;
        }

        .calculator-btn .wrapper .circle.circle-7,
        .calculator-btn-desktop .wrapper .circle.circle-7 {
            --x: 8px;
            --y: 28px;
            --animation: circle-7;
        }

        .calculator-btn .wrapper .circle.circle-8,
        .calculator-btn-desktop .wrapper .circle.circle-8 {
            --x: 28px;
            --y: -4px;
            --animation: circle-8;
        }

        .calculator-btn .wrapper .circle.circle-9,
        .calculator-btn-desktop .wrapper .circle.circle-9 {
            --x: 20px;
            --y: -12px;
            --animation: circle-9;
        }

        .calculator-btn .wrapper .circle.circle-10,
        .calculator-btn-desktop .wrapper .circle.circle-10 {
            --x: 64px;
            --y: 16px;
            --animation: circle-10;
        }

        .calculator-btn .wrapper .circle.circle-11,
        .calculator-btn-desktop .wrapper .circle.circle-11 {
            --x: 4px;
            --y: 4px;
            --animation: circle-11;
        }

        .calculator-btn .wrapper .circle.circle-12,
        .calculator-btn-desktop .wrapper .circle.circle-12 {
            --blur: 14px;
            --x: 52px;
            --y: 4px;
            --animation: circle-12;
        }

        @keyframes circle-1 {
            33% {
                transform: translate(0px, 16px) translateZ(0);
            }
            66% {
                transform: translate(12px, 64px) translateZ(0);
            }
        }

        @keyframes circle-2 {
            33% {
                transform: translate(80px, -10px) translateZ(0);
            }
            66% {
                transform: translate(72px, -48px) translateZ(0);
            }
        }

        @keyframes circle-3 {
            33% {
                transform: translate(20px, 12px) translateZ(0);
            }
            66% {
                transform: translate(12px, 4px) translateZ(0);
            }
        }

        @keyframes circle-4 {
            33% {
                transform: translate(76px, -12px) translateZ(0);
            }
            66% {
                transform: translate(112px, -8px) translateZ(0);
            }
        }

        @keyframes circle-5 {
            33% {
                transform: translate(84px, 28px) translateZ(0);
            }
            66% {
                transform: translate(40px, -32px) translateZ(0);
            }
        }

        @keyframes circle-6 {
            33% {
                transform: translate(28px, -16px) translateZ(0);
            }
            66% {
                transform: translate(76px, -56px) translateZ(0);
            }
        }

        @keyframes circle-7 {
            33% {
                transform: translate(8px, 28px) translateZ(0);
            }
            66% {
                transform: translate(20px, -60px) translateZ(0);
            }
        }

        @keyframes circle-8 {
            33% {
                transform: translate(32px, -4px) translateZ(0);
            }
            66% {
                transform: translate(56px, -20px) translateZ(0);
            }
        }

        @keyframes circle-9 {
            33% {
                transform: translate(20px, -12px) translateZ(0);
            }
            66% {
                transform: translate(80px, -8px) translateZ(0);
            }
        }

        @keyframes circle-10 {
            33% {
                transform: translate(68px, 20px) translateZ(0);
            }
            66% {
                transform: translate(100px, 28px) translateZ(0);
            }
        }

        @keyframes circle-11 {
            33% {
                transform: translate(4px, 4px) translateZ(0);
            }
            66% {
                transform: translate(68px, 20px) translateZ(0);
            }
        }

        @keyframes circle-12 {
            33% {
                transform: translate(56px, 0px) translateZ(0);
            }
            66% {
                transform: translate(60px, -32px) translateZ(0);
            }
        }

        @keyframes circle-2-mobile {
            33% {
                transform: translate(50px, -10px) translateZ(0);
            }
            66% {
                transform: translate(45px, -30px) translateZ(0);
            }
        }

        /* Адаптация размеров кругов для мобильной кнопки */
        .calculator-btn .wrapper .circle {
            width: 30px;
            height: 30px;
        }

        /* Гарантируем, что анимация всегда работает на мобильных устройствах */
        @media (max-width: 1023px) {
            .calculator-btn {
                --duration: 7s;
            }
            
            .calculator-btn .wrapper .circle {
                animation-play-state: running !important;
            }
            
            .calculator-btn .wrapper .circle.circle-1 {
                animation: circle-1 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-2 {
                animation: circle-2-mobile 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-3 {
                animation: circle-3 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-4 {
                animation: circle-4 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-5 {
                animation: circle-5 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-6 {
                animation: circle-6 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-7 {
                animation: circle-7 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-8 {
                animation: circle-8 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-9 {
                animation: circle-9 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-10 {
                animation: circle-10 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-11 {
                animation: circle-11 7s linear infinite !important;
            }
            .calculator-btn .wrapper .circle.circle-12 {
                animation: circle-12 7s linear infinite !important;
            }
        }

        /* Отключаем анимацию только для пользователей с prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .calculator-btn .wrapper .circle,
            .calculator-btn-desktop .wrapper .circle {
                animation: none;
            }
        }

        .burger-btn {
            background: none;
            border: none;
            cursor: pointer;
            padding: 0;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2;
            border-radius: 50%;
            transition: background 0.3s;
        }

        .menu-widget.active .burger-btn {
            border: 1px solid rgba(112, 91, 77, 0.2);
        }

        .burger-icon, .close-icon {
            fill: none;
            stroke: #705b4d;
            stroke-width: 2;
            stroke-linecap: round;
            width: 24px;
            height: 24px;
            transition: all 0.3s ease;
            position: absolute;
        }

        .close-icon {
            opacity: 0;
            transform: scale(0.5) rotate(-90deg);
        }

        .menu-widget.active .burger-icon {
            opacity: 0;
            transform: scale(0.5) rotate(90deg);
        }

        .menu-widget.active .close-icon {
            opacity: 1;
            transform: scale(1) rotate(0);
        }

        /* --- Выпадающий контент --- */
        .menu-content-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .menu-widget.active .menu-content-wrapper {
            grid-template-rows: 1fr;
        }

        .menu-inner {
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.4s ease;
            transform: translateY(10px); 
        }

        .menu-widget.active .menu-inner {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.1s;
            padding-bottom: 30px;
        }

        .nav-links {
            list-style: none;
            padding: 10px 30px;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .nav-links a {
            color: #705b4d;
            text-decoration: none;
            font-size: 28px;
            font-weight: 500;
            transition: opacity 0.2s;
        }

        .nav-links a:hover {
            opacity: 0.7;
        }

        .socials {
            display: flex;
            gap: 15px;
            padding: 40px 30px 10px;
        }

        .social-icon {
            width: 36px;
            height: 36px;
            background: rgba(112, 91, 77, 0.1);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: background 0.2s;
            text-decoration: none;
        }

        .social-icon:hover {
            background: rgba(112, 91, 77, 0.2);
        }

        .social-icon svg {
            width: 16px;
            height: 16px;
            fill: #705b4d;
        }

        /* Круглая иконка play для бесплатного урока */
        .play-button-wrapper {
            display: flex;
            align-items: center;
            gap: 12px;
            cursor: pointer;
            transition: opacity 0.2s;
            contain: layout style paint;
            transform: translateZ(0);
        }

        .play-button-wrapper:hover {
            opacity: 0.8;
        }

        .play-icon-circle {
            width: 56px;
            height: 56px;
            background-color: #e0c4c9;
            border: none;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            will-change: transform;
            transform: translateZ(0) scale(1);
        }

        .play-button-wrapper:hover .play-icon-circle {
            opacity: 0.9;
            transform: translateZ(0) scale(1.05);
        }

        .play-icon-circle svg {
            width: 24px;
            height: 24px;
            fill: white;
            margin-left: 2px;
        }

        .play-button-text {
            color: #705b4d;
            font-size: 18px;
            font-weight: 600;
            white-space: nowrap;
        }

        /* Анимация появления заголовка */
        .animated-word {
            display: inline-block;
            opacity: 0;
            filter: blur(12px);
            transform: translateY(16px);
            animation: wordIn 0.7s ease-out forwards;
            will-change: opacity, filter, transform;
        }

        @keyframes wordIn {
            to {
                opacity: 1;
                filter: blur(0);
                transform: translateY(0);
            }
        }

        /* Стили для заголовка hero блока в стиле "Почему выбирают меня" */
        #animated-title {
            font-size: clamp(48px, 7vw, 72px);
            font-family: 'Lora', serif;
            color: #705b4d;
            font-weight: 400;
            line-height: 1.2;
            margin-bottom: 24px;
        }

        #animated-title .text-primary {
            font-style: italic;
        }

        /* Стили для текста в hero блоке в стиле "Для кого это обучение" */
        .hero-gradient p {
            color: #9e9e9e;
            font-size: clamp(16px, 2vw, 18px);
            line-height: 1.6;
        }

        /* Стили для карточки профиля на мобильных и планшетах */
        .profile-card-wrapper {
            position: relative;
            width: clamp(280px, 85vw, 500px);
            height: clamp(280px, 85vw, 500px);
            margin: 0 auto;
            display: none;
            contain: layout style paint;
            transform: translateZ(0);
            will-change: transform;
        }

        .profile-main-photo-container {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            overflow: hidden;
        }

        .profile-main-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .profile-book-icon {
            position: absolute;
            top: clamp(12px, 3vw, 25px);
            right: clamp(12px, 3vw, 25px);
            width: 80px;
            height: 80px;
            min-width: 80px;
            min-height: 80px;
            background: linear-gradient(135deg, #eecfd5 0%, #dcb6bc 100%);
            border-radius: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 6px solid #ffffff;
            box-shadow: 0 10px 20px rgba(220, 182, 188, 0.4);
            transform: rotate(-5deg);
            z-index: 2;
        }

        .profile-book-icon svg {
            width: 40px;
            height: 40px;
            min-width: 40px;
            min-height: 40px;
            stroke: #ffffff;
            stroke-width: 2;
            fill: none;
        }

        .profile-stats-badge {
            position: absolute;
            bottom: clamp(25px, 6vw, 50px);
            right: clamp(-15px, -3vw, -25px);
            background: #ffffff;
            padding: clamp(8px, 2vw, 14px) clamp(16px, 4vw, 26px) clamp(8px, 2vw, 14px) clamp(12px, 3vw, 18px);
            border-radius: 50px;
            display: flex;
            align-items: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            z-index: 3;
            max-width: clamp(220px, 55vw, 320px);
        }

        .profile-avatars {
            display: flex;
            align-items: center;
            margin-right: clamp(10px, 2.5vw, 18px);
        }

        .profile-avatar {
            width: clamp(28px, 7vw, 48px);
            height: clamp(28px, 7vw, 48px);
            border-radius: 50%;
            border: clamp(2px, 0.5vw, 4px) solid #ffffff;
            object-fit: cover;
            margin-left: clamp(-10px, -2.5vw, -15px);
        }

        .profile-avatar:first-child {
            margin-left: 0;
        }

        .profile-stats-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            line-height: 1.2;
        }

        .profile-stats-title {
            font-size: clamp(12px, 3vw, 18px);
            font-weight: 600;
            color: #6a5a50;
            margin-bottom: 2px;
        }

        .profile-stats-subtitle {
            font-size: clamp(10px, 2.5vw, 16px);
            color: #9e9e9e;
        }

        /* Дополнительные стили для планшетов (481px - 1023px) */
        @media (min-width: 481px) and (max-width: 1023px) {
            .profile-card-wrapper {
                width: clamp(400px, 70vw, 500px);
                height: clamp(400px, 70vw, 500px);
            }
        }

        /* Дополнительные стили для маленьких телефонов (до 480px) */
        @media (max-width: 480px) {
            .profile-card-wrapper {
                width: clamp(280px, 85vw, 380px);
                height: clamp(280px, 85vw, 380px);
            }
        }

        /* Стили для десктопа - показываем картинку */
        @media (min-width: 1024px) {
            .calculator-btn-desktop {
                display: flex;
            }

            .menu-header-right .calculator-btn {
                display: none;
            }

            .profile-card-wrapper {
                display: none !important;
            }

            .hero-image-container {
                display: none;
            }

            .hero-image-container img {
                display: none;
            }
        }

        /* Меню от края до края с отступами на мобильных устройствах и планшетах */
        @media (max-width: 1023px) {
            .menu-widget {
                left: 20px;
                right: 20px;
                width: auto;
                max-width: none;
            }

            .menu-widget.active {
                width: auto;
                left: 20px;
                right: 20px;
            }

            .calculator-btn-desktop {
                display: none;
            }

            .menu-header-right .calculator-btn {
                display: flex;
            }

            .menu-logo {
                display: none;
            }

            /* Показываем карточку профиля на телефонах и планшетах */
            .profile-card-wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            /* Скрываем оригинальное изображение */
            .hero-image-container {
                display: none;
            }

            /* Скрываем фоновое изображение на мобильных и планшетах */
            .hero-gradient::before {
                display: none;
            }
        }

        /* Стили для блока статистики */
        .stats-container {
            max-width: 1100px;
            width: 100%;
            border: 1px solid #f2e1e4;
            border-radius: 40px;
            background-color: #ffffff;
            display: flex;
            padding: 60px 40px;
            box-sizing: border-box;
            margin: 60px auto;
        }

        .stat-item {
            flex: 1;
            padding: 0 40px;
            border-right: 1px solid #f2e1e4;
            display: flex;
            flex-direction: column;
        }

        .stat-item:last-child {
            border-right: none;
        }

        .stat-value {
            font-size: 48px;
            font-weight: 400;
            color: #dcb6bc;
            margin-bottom: 20px;
            line-height: 1.1;
        }

        .stat-title {
            font-size: 20px;
            font-weight: 500;
            color: #9e9e9e;
            margin-bottom: 25px;
            line-height: 1.4;
        }

        .stat-description {
            font-size: 14px;
            font-weight: 400;
            color: #b8b8b8;
            line-height: 1.6;
            margin-top: auto;
        }

        /* Адаптация блока статистики под мобильные устройства */
        @media (max-width: 900px) {
            .stats-container {
                flex-direction: column;
                padding: 30px 20px;
                border-radius: 30px;
                margin: 10px auto;
                max-width: calc(100% - 40px);
                width: calc(100% - 40px);
            }

            .stat-item {
                padding: 30px 0;
                border-right: none;
                border-bottom: 1px solid #f2e1e4;
                align-items: center;
                text-align: center;
            }

            .stat-item:last-child {
                border-bottom: none;
                padding-bottom: 0;
            }

            .stat-item:first-child {
                padding-top: 0;
            }

            .stat-value {
                font-size: 40px;
            }
        }

        /* Стили для блока с текстом и иконками */
        .content-wrapper {
            max-width: 1100px;
            padding: 0 20px;
            margin: 0 auto;
            text-align: center;
        }

        .main-text {
            font-size: 38px;
            font-weight: 400;
            line-height: 1.8;
            color: #333333;
            letter-spacing: -0.5px;
            margin: 0;
        }

        .icon-circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            background-color: #f5edee;
            border-radius: 50%;
            vertical-align: middle;
            margin: 0 10px;
        }

        .icon-circle span {
            font-size: 24px;
            filter: sepia(0.5) contrast(0.9);
        }

        /* Адаптация блока с текстом для мобильных устройств */
        @media (max-width: 768px) {
            .main-text {
                font-size: 26px;
                line-height: 1.6;
            }

            .icon-circle {
                width: 42px;
                height: 42px;
                margin: 0 5px;
            }

            .icon-circle span {
                font-size: 18px;
            }

            .content-wrapper {
                padding: 0 20px;
                max-width: calc(100% - 40px);
                width: calc(100% - 40px);
            }
        }

        /* Стили для блока "Путь к себе" */
        .course-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 60px 20px;
        }

        .course-header-section {
            text-align: center;
            margin-bottom: 80px;
        }

        .course-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .course-badge svg {
            width: 12px;
            height: 12px;
            flex-shrink: 0;
        }

        .course-title {
            font-size: clamp(40px, 6vw, 60px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 24px;
            line-height: 1.1;
            font-weight: 400;
        }

        .course-intro-text {
            color: #9e9e9e;
            font-size: clamp(16px, 2vw, 18px);
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
            max-width: 448px;
            margin: 0 auto;
        }

        .text-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            background: #f9f3f4;
            border-radius: 50%;
            vertical-align: middle;
            margin: 0 5px;
            font-size: 20px;
        }

        .course-services-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-top: 60px;
        }

        .course-service-card {
            background: #ffffff;
            border-radius: 40px;
            display: flex;
            overflow: hidden;
            border: 1px solid #f2e1e4;
            box-shadow: 0 10px 30px rgba(0,0,0,0.02);
            min-height: 220px;
            opacity: 0;
        }

        .course-service-card.slide-in-left {
            animation: slideInLeft 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }

        .course-service-card.slide-in-right {
            animation: slideInRight 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }

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

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

        .course-card-image {
            width: 35%;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .course-card-image::after {
            content: '';
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            background: linear-gradient(90deg, transparent, #ffffff);
        }

        .course-card-content {
            width: 65%;
            padding: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .course-card-content h3 {
            margin: 0 0 10px 0;
            font-size: 20px;
            font-weight: 500;
            color: #333333;
        }

        .course-card-content p {
            margin: 0;
            font-size: 14px;
            color: #9e9e9e;
            line-height: 1.5;
        }

        .course-features-box {
            margin-top: 100px;
            background-color: transparent;
            max-width: 1100px;
            margin-left: auto;
            margin-right: auto;
            padding: 0;
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 60px;
            align-items: center;
        }

        .course-features-image-wrapper {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(112, 91, 77, 0.08);
            background: #ffffff;
            padding-bottom: 60px;
        }

        .course-features-image-crop {
            height: 400px;
            width: 100%;
            overflow: hidden;
        }

        .course-features-image-crop img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .course-features-caption-plate {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: 'Caveat', cursive;
            font-size: 26px;
            color: #4a4a4a;
            border-top: 1px solid #f0f0f0;
            font-weight: 600;
        }

        .course-features-info-side {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .course-features-badge {
            display: inline-block;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1.5px;
            color: #8b6e73;
            background: #f5edee;
            padding: 8px 14px;
            border-radius: 50px;
            margin-bottom: 24px;
            text-transform: uppercase;
            width: fit-content;
        }

        .course-features-box h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(32px, 4vw, 48px);
            line-height: 1.1;
            color: #705b4d;
            margin: 0 0 30px 0;
            font-weight: 400;
        }

        .course-features-list {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .course-feature-item {
            display: flex;
            align-items: center;
            gap: 15px;
            background: #ffffff;
            padding: 12px 20px;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(112, 91, 77, 0.02);
            transition: transform 0.2s;
        }

        .course-feature-item:hover {
            transform: translateX(5px);
        }

        .course-feature-check-icon {
            width: 32px;
            height: 32px;
            background: #dcb6bc;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 14px;
            flex-shrink: 0;
        }

        .course-feature-check-icon i {
            font-size: 14px;
        }

        .course-feature-text {
            font-size: 16px;
            color: #705b4d;
            font-weight: 500;
        }

        /* Адаптация блока "Путь к себе" для мобильных устройств */
        @media (max-width: 850px) {
            .course-services-grid {
                grid-template-columns: 1fr;
            }

            .course-service-card {
                flex-direction: column;
            }

            .course-card-image {
                width: 100%;
                height: 150px;
            }

            .course-card-image::after {
                background: linear-gradient(0deg, #ffffff, transparent);
            }

            .course-card-content {
                width: 100%;
                text-align: center;
                padding: 20px;
            }

            .course-container {
                padding: 40px 20px;
                max-width: calc(100% - 40px);
                width: calc(100% - 40px);
            }

            .course-header-section {
                margin-bottom: 60px;
            }

            .course-features-box {
                margin-top: 60px;
                grid-template-columns: 1fr;
                padding: 0;
                gap: 30px;
                max-width: 100%;
                width: 100%;
            }

            .course-features-image-wrapper {
                max-width: 100%;
                margin: 0 auto;
                width: 100%;
            }

            .course-features-caption-plate {
                width: 100%;
                padding: 0 20px;
                font-size: 28px;
            }

            .course-features-box h2,
            .course-features-badge {
                text-align: center;
                margin-left: auto;
                margin-right: auto;
                display: table;
            }
        }

        /* Увеличение ширины блоков на мобильных устройствах */
        @media (max-width: 768px) {
            section.max-w-7xl {
                padding-left: 10px !important;
                padding-right: 10px !important;
            }

            .stats-container,
            .content-wrapper,
            .course-container {
                max-width: calc(100% - 20px) !important;
                width: calc(100% - 20px) !important;
            }
        }

        /* Стили для блока "Что такое Матрица Судьбы" */
        .matrix-section {
            width: 100%;
            padding: 80px 20px;
            background-color: #fef9f7;
        }

        .matrix-container {
            max-width: 1100px;
            margin: 0 auto;
        }

        .matrix-header {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-bottom: 64px;
        }

        .matrix-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .matrix-badge svg {
            width: 12px;
            height: 12px;
            flex-shrink: 0;
        }

        .matrix-title {
            font-size: clamp(40px, 6vw, 60px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 24px;
            line-height: 1.1;
            font-weight: 400;
        }

        .matrix-title .italic-accent {
            font-style: italic;
            color: #dcb6bc;
        }

        .matrix-description {
            color: #9e9e9e;
            font-size: clamp(16px, 2vw, 18px);
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
            max-width: 448px;
            margin: 0 auto;
        }

        .matrix-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
            align-items: start;
        }

        .matrix-card {
            background: #ffffff;
            border-radius: 32px;
            padding: 32px 40px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            transition: transform 0.3s;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
        }

        .matrix-card:hover {
            transform: translateY(-4px);
        }

        .matrix-card:nth-child(2) {
            margin-top: 64px;
        }

        .matrix-icon {
            color: #dcb6bc;
            font-size: 32px;
            margin-bottom: 24px;
        }

        .matrix-card h3 {
            font-size: 24px;
            font-family: 'Lora', serif;
            color: #705b4d;
            margin: 0 0 16px 0;
            font-weight: 500;
        }

        .matrix-card p {
            color: #9e9e9e;
            font-size: 15px;
            line-height: 1.6;
            margin: 0;
        }

        .matrix-quote {
            margin-top: 96px;
            max-width: 896px;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            padding: 0 16px;
        }

        .matrix-quote-text {
            font-size: clamp(24px, 4vw, 40px);
            line-height: 1.2;
            font-family: 'Lora', serif;
            color: #705b4d;
            margin: 0;
            overflow: hidden;
        }

        .word-animated {
            display: inline-block;
            opacity: 0;
            transform: translateY(1.1em);
            animation: slideUpWord 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
            will-change: transform, opacity;
        }

        @keyframes slideUpWord {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .matrix-quote-image {
            display: inline-block;
            vertical-align: middle;
            width: 48px;
            height: 48px;
            border-radius: 12px;
            object-fit: cover;
            margin: 0 8px;
            filter: grayscale(1);
            transition: filter 0.5s;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
        }

        .matrix-quote-image:hover {
            filter: grayscale(0);
        }

        /* Адаптация блока "Матрица Судьбы" для мобильных устройств */
        @media (max-width: 768px) {
            .matrix-section {
                padding: 60px 16px;
            }

            .matrix-header {
                margin-bottom: 48px;
            }

            .matrix-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }

            .matrix-card {
                padding: 24px;
                margin-top: 0 !important;
            }

            .matrix-card:nth-child(2) {
                margin-top: 0;
            }

            .matrix-quote {
                margin-top: 64px;
            }

            .matrix-quote-text {
                font-size: 24px;
                line-height: 1.4;
            }

            .matrix-quote-image {
                width: 40px;
                height: 40px;
            }
        }

        /* Стили для блока "Для кого это обучение" */
        .for-whom-section {
            width: 100%;
            padding: 16px;
            background-color: #ffffff;
        }

        @media (min-width: 768px) {
            .for-whom-section {
                padding: 32px;
            }
        }

        .for-whom-container {
            max-width: 1400px;
            margin: 0 auto;
            width: 100%;
        }

        .for-whom-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
        }

        @media (min-width: 1024px) {
            .for-whom-grid {
                grid-template-columns: repeat(12, 1fr);
            }
        }

        .for-whom-col-left {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        @media (min-width: 1024px) {
            .for-whom-col-left {
                grid-column: span 4;
            }
        }

        .for-whom-col-right {
            display: flex;
            flex-direction: column;
        }

        @media (min-width: 1024px) {
            .for-whom-col-right {
                grid-column: span 8;
            }
        }

        .for-whom-card-left {
            background: #fef9f7;
            border-radius: 32px;
            padding: 16px;
            display: flex;
            flex-direction: column;
            height: 100%;
            min-height: 500px;
            position: relative;
            transition: transform 0.3s;
        }

        .for-whom-card-left.group:hover {
            transform: translateY(-4px);
        }

        .for-whom-card-left:hover {
            transform: translateY(-4px);
        }

        .for-whom-image-wrapper {
            position: relative;
            height: 65%;
            width: 100%;
            border-radius: 24px;
            overflow: hidden;
        }

        .for-whom-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s;
        }

        .for-whom-card-left.group:hover .for-whom-image-wrapper img {
            transform: scale(1.05);
        }

        .for-whom-external-link {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
            transition: transform 0.3s;
        }

        .for-whom-external-link:hover {
            transform: scale(1.1);
        }

        .for-whom-external-link svg {
            width: 14px;
            height: 14px;
        }

        .for-whom-tags {
            position: absolute;
            bottom: 16px;
            left: 16px;
            display: flex;
            gap: 8px;
        }

        .for-whom-tag {
            padding: 4px 12px;
            background: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(10px);
            color: white;
            font-size: 12px;
            font-weight: 500;
            border-radius: 8px;
        }

        .for-whom-card-content {
            padding-top: 24px;
            padding-left: 8px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }

        .for-whom-card-content h3 {
            font-size: 24px;
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 12px;
            font-weight: 400;
        }

        .for-whom-card-content p {
            color: #9e9e9e;
            font-size: 14px;
            line-height: 1.6;
        }

        .for-whom-header {
            margin-bottom: 32px;
            padding-left: 8px;
        }

        .for-whom-header h2 {
            font-size: clamp(32px, 5vw, 48px);
            font-family: 'Lora', serif;
            font-style: italic;
            color: #705b4d;
            margin-bottom: 16px;
            font-weight: 400;
        }

        .for-whom-header p {
            color: #9e9e9e;
            font-size: clamp(16px, 2vw, 18px);
            max-width: 672px;
            line-height: 1.6;
        }

        .for-whom-cards-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
            flex-grow: 1;
        }

        @media (min-width: 768px) {
            .for-whom-cards-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .for-whom-slider-card {
            background: linear-gradient(135deg, #dcb6bc 0%, #e0c4c9 50%, #eecfd5 100%);
            border-radius: 32px;
            padding: 32px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 400px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
        }

        @media (min-width: 768px) {
            .for-whom-slider-card {
                height: auto;
            }
        }

        .for-whom-slider-card::before {
            content: '';
            position: absolute;
            inset: 0;
            opacity: 0.1;
            background-image: url('https://loader.tim-0fficial.ru/public/media/newsd/QOn4UH9otV.png');
        }

        .for-whom-slider-header {
            position: relative;
            z-index: 10;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

        .for-whom-icon-box {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .for-whom-badge {
            padding: 6px 12px;
            background: white;
            border-radius: 9999px;
            font-size: 10px;
            font-weight: 700;
            color: #705b4d;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .for-whom-slider-content {
            position: relative;
            z-index: 10;
            margin-top: 24px;
            margin-bottom: auto;
        }

        .for-whom-slider-content h3 {
            font-size: clamp(24px, 3vw, 32px);
            font-family: 'Lora', serif;
            color: white;
            margin-bottom: 16px;
            line-height: 1.2;
            font-weight: 400;
        }

        .for-whom-slider-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 12px;
            font-family: 'Inter', sans-serif;
            font-weight: 300;
        }

        .for-whom-slider-list li {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 14px;
            line-height: 1.4;
            color: rgba(255, 255, 255, 0.9);
        }

        .for-whom-slider-list li span:first-child {
            margin-top: 6px;
            width: 6px;
            height: 6px;
            background: white;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .for-whom-slider-list-item {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            font-size: 14px;
            line-height: 1.4;
            color: rgba(255, 255, 255, 0.9);
        }

        .for-whom-slider-controls {
            position: relative;
            z-index: 10;
            margin-top: 24px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .for-whom-slider-btn {
            color: rgba(255, 255, 255, 0.7);
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
            transition: color 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .for-whom-slider-btn:hover {
            color: white;
        }

        .for-whom-progress-container {
            flex-grow: 1;
            display: flex;
            gap: 6px;
            height: 4px;
        }

        .for-whom-progress-bar {
            flex: 1;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 9999px;
            overflow: hidden;
        }

        .for-whom-progress-fill {
            height: 100%;
            background-color: white;
            width: 0%;
            border-radius: 9999px;
        }

        .for-whom-progress-fill.animating {
            animation: fillProgress 5000ms linear forwards;
        }

        @keyframes fillProgress {
            from { width: 0%; }
            to { width: 100%; }
        }

        .fade-in-up {
            animation: fadeInUp 0.5s ease-out forwards;
        }

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

        .for-whom-teacher-card {
            background: #fef9f7;
            border-radius: 32px;
            position: relative;
            overflow: hidden;
            height: 400px;
            transition: transform 0.3s;
        }

        @media (min-width: 768px) {
            .for-whom-teacher-card {
                height: auto;
            }
        }

        .for-whom-teacher-card.group:hover {
            transform: translateY(-4px);
        }

        .for-whom-teacher-image {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s;
        }

        .for-whom-teacher-card.group:hover .for-whom-teacher-image {
            transform: scale(1.05);
        }

        .for-whom-teacher-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2), transparent);
            z-index: 1;
        }

        .for-whom-teacher-external-link {
            position: absolute;
            top: 24px;
            right: 24px;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 20;
            transition: transform 0.3s;
        }

        .for-whom-teacher-external-link:hover {
            transform: scale(1.1);
        }

        .for-whom-teacher-external-link svg {
            width: 14px;
            height: 14px;
        }

        .for-whom-teacher-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 32px;
            z-index: 10;
            color: white;
        }

        .for-whom-teacher-content h3 {
            font-size: 24px;
            font-family: 'Lora', serif;
            margin-bottom: 8px;
            font-weight: 400;
        }

        .for-whom-teacher-content p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
            margin-bottom: 16px;
        }

        .for-whom-teacher-stats {
            display: flex;
            gap: 32px;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 16px;
        }

        .for-whom-teacher-stat {
            display: flex;
            flex-direction: column;
        }

        .for-whom-teacher-stat span:first-child {
            font-size: 24px;
            font-family: 'Lora', serif;
            margin-bottom: 4px;
        }

        .for-whom-teacher-stat span:last-child {
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            opacity: 0.7;
        }

        /* Адаптация блока "Для кого это обучение" для мобильных устройств */
        @media (max-width: 1023px) {
            .for-whom-section {
                padding: 60px 16px;
            }

            .for-whom-card-left {
                min-height: 400px;
            }

            .for-whom-teacher-card {
                height: 350px;
            }
        }

        @media (max-width: 768px) {
            .for-whom-section {
                padding: 40px 16px;
            }

            .for-whom-card-left {
                min-height: 350px;
            }

            .for-whom-slider-card {
                min-height: 350px;
                padding: 24px;
            }

            .for-whom-teacher-card {
                height: 300px;
            }

            .for-whom-teacher-content {
                padding: 24px;
            }
        }

        /* Стили для блока "Программа курса" */
        .program-section {
            width: 100%;
            padding: 80px 20px;
            background-color: #ffffff;
        }

        .program-container {
            max-width: 1100px;
            margin: 0 auto;
        }

        .program-header {
            text-align: center;
            margin-bottom: 64px;
        }

        .program-badge {
            display: inline-block;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .program-title {
            font-size: clamp(32px, 5vw, 48px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin: 0 0 16px 0;
            font-weight: 400;
            font-style: italic;
        }

        .program-subtitle {
            color: #9e9e9e;
            font-size: clamp(14px, 2vw, 16px);
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .accordion-item {
            background: #ffffff;
            border-radius: 32px;
            border: 1px solid #f2e1e4;
            overflow: hidden;
            margin-bottom: 16px;
            transition: box-shadow 0.3s;
        }

        .accordion-item:hover {
            box-shadow: 0 4px 12px rgba(112, 91, 77, 0.08);
        }

        .accordion-item.active {
            box-shadow: 0 4px 12px rgba(112, 91, 77, 0.1);
        }

        .accordion-button {
            width: 100%;
            padding: 32px 40px;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            text-align: left;
            cursor: pointer;
            background: none;
            border: none;
            gap: 32px;
        }

        .accordion-button-content {
            display: flex;
            gap: 32px;
            flex: 1;
        }

        .accordion-number {
            color: #dcb6bc;
            font-family: 'Lora', serif;
            font-style: italic;
            font-size: clamp(24px, 3vw, 32px);
            flex-shrink: 0;
        }

        .accordion-title {
            font-size: clamp(18px, 2.5vw, 20px);
            font-family: 'Lora', serif;
            color: #705b4d;
            font-weight: 500;
            padding-top: 4px;
        }

        .accordion-icon-wrapper {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fef9f7;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .accordion-icon {
            color: #dcb6bc;
            font-size: 16px;
            transition: transform 0.3s ease;
        }

        .accordion-item.active .accordion-icon {
            transform: rotate(45deg);
        }

        .accordion-content {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
        }

        .accordion-item.active .accordion-content {
            opacity: 1;
        }

        .accordion-content-inner {
            padding: 0 40px 32px;
            padding-left: calc(40px + 32px + clamp(24px, 3vw, 32px));
        }

        .program-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .program-list li {
            position: relative;
            padding-left: 24px;
            margin-bottom: 12px;
            color: #9e9e9e;
            font-size: 15px;
            line-height: 1.6;
        }

        .program-list li::before {
            content: "•";
            color: #dcb6bc;
            position: absolute;
            left: 0;
            font-weight: bold;
            font-size: 18px;
        }

        .program-list li strong {
            color: #705b4d;
            font-weight: 500;
        }

        .program-sublist {
            margin-top: 12px;
            margin-left: 16px;
            padding-left: 16px;
            border-left: 1px solid #f2e1e4;
            list-style: none;
        }

        .program-sublist li {
            margin-bottom: 8px;
            font-size: 14px;
        }

        .program-sublist li::before {
            content: "—";
            color: #dcb6bc;
            font-size: 14px;
        }

        .program-item-special {
            background: linear-gradient(135deg, #fef9f7 0%, #f5edee 100%);
            border-color: #e0c4c9;
        }

        .program-item-special .accordion-icon-wrapper {
            background: #ffffff;
        }

        .program-item-special .accordion-icon {
            color: #dcb6bc;
        }

        /* Адаптация для мобильных устройств */
        @media (max-width: 768px) {
            .program-section {
                padding: 60px 16px;
            }

            .program-header {
                margin-bottom: 48px;
            }

            .accordion-button {
                padding: 24px;
                gap: 16px;
            }

            .accordion-button-content {
                gap: 16px;
            }

            .accordion-content-inner {
                padding: 0 24px 24px;
                padding-left: calc(24px + 16px + 24px);
            }

            .program-list li {
                font-size: 14px;
                padding-left: 20px;
            }
        }

        /* Стили для блока "Почему выбирают меня" */
        .why-choose-section {
            width: 100%;
            padding: 80px 20px;
            background-color: #fef9f7;
        }

        .why-choose-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .why-choose-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .why-choose-title {
            font-size: clamp(32px, 5vw, 48px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 24px;
            font-weight: 400;
        }

        .why-choose-title .italic-accent {
            font-style: italic;
            color: #dcb6bc;
        }

        .why-choose-subtitle {
            color: #9e9e9e;
            font-size: clamp(14px, 2vw, 18px);
            max-width: 672px;
            margin: 0 auto;
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
        }

        .why-choose-subtitle .bold-name {
            font-weight: 600;
            color: #705b4d;
        }

        .why-choose-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
        }

        @media (min-width: 1024px) {
            .why-choose-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .why-choose-cards-column {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .why-choose-card {
            background: #ffffff;
            border-radius: 32px;
            padding: 32px;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
            transition: box-shadow 0.3s, transform 0.3s;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .why-choose-card:hover {
            box-shadow: 0 4px 12px rgba(112, 91, 77, 0.15);
            transform: translateY(-2px);
        }

        .why-choose-icon {
            width: 48px;
            height: 48px;
            color: #dcb6bc;
            font-size: 32px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .why-choose-card h3 {
            font-size: 20px;
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 12px;
            font-weight: 500;
        }

        .why-choose-card p {
            color: #9e9e9e;
            font-size: 14px;
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
        }

        .why-choose-image-wrapper {
            height: 500px;
            border-radius: 32px;
            overflow: hidden;
            position: relative;
        }

        @media (min-width: 1024px) {
            .why-choose-image-wrapper {
                height: auto;
                display: flex;
                flex-direction: column;
            }
        }

        .why-choose-image-wrapper img,
        .why-choose-image-wrapper video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.7s;
            display: block;
        }

        @media (min-width: 1024px) {
            .why-choose-image-wrapper video {
                flex: 1;
                min-height: 0;
            }
        }

        .why-choose-image-wrapper:hover video {
            transform: scale(1.05);
        }

        .why-choose-image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 32px;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            pointer-events: none;
        }

        .why-choose-image-name {
            color: white;
            font-family: 'Lora', serif;
            font-size: 24px;
            font-style: italic;
            margin-bottom: 4px;
        }

        .why-choose-image-title {
            color: rgba(255, 255, 255, 0.8);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-family: 'Montserrat', sans-serif;
            margin-top: 4px;
        }

        /* Адаптация для мобильных устройств */
        @media (max-width: 1023px) {
            .why-choose-section {
                padding: 60px 16px;
            }
        }

        @media (max-width: 768px) {
            .why-choose-section {
                padding: 40px 16px;
            }

            .why-choose-card {
                padding: 24px;
            }
        }

        /* Стили для блока тарифов */
        .pricing-section {
            width: 100%;
            padding: 80px 20px;
            background-color: #ffffff;
        }

        .pricing-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .pricing-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .pricing-title {
            font-size: clamp(32px, 5vw, 48px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 24px;
            font-weight: 400;
        }

        .pricing-subtitle {
            color: #9e9e9e;
            font-size: clamp(14px, 2vw, 18px);
            max-width: 672px;
            margin: 0 auto;
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
            align-items: start;
        }

        @media (min-width: 1024px) {
            .pricing-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .pricing-card {
            background: #ffffff;
            border-radius: 32px;
            padding: 32px;
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
            transition: box-shadow 0.3s, transform 0.3s, border-color 0.3s;
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid transparent;
        }

        .pricing-card:hover {
            box-shadow: 0 4px 12px rgba(112, 91, 77, 0.15);
            border-color: #f0f0f0;
        }

        .pricing-card-featured {
            box-shadow: 0 1px 3px rgba(112, 91, 77, 0.1);
            position: relative;
            overflow: hidden;
            border: 2px solid rgba(220, 182, 188, 0.3);
        }

        .pricing-card-featured:hover {
            transform: none;
            box-shadow: 0 4px 12px rgba(112, 91, 77, 0.15);
        }

        .pricing-card-badge {
            position: absolute;
            top: 0;
            right: 0;
            background: #dcb6bc;
            color: white;
            font-size: 10px;
            font-weight: 700;
            padding: 8px 16px;
            border-bottom-left-radius: 16px;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .pricing-card-header {
            margin-bottom: 24px;
        }

        .pricing-card-type {
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 0.05em;
            color: #9e9e9e;
            text-transform: uppercase;
            margin-bottom: 8px;
            display: block;
        }

        .pricing-card-featured .pricing-card-type {
            color: #dcb6bc;
        }

        .pricing-card-name {
            font-size: 32px;
            font-family: 'Lora', serif;
            color: #705b4d;
            font-style: italic;
            margin-bottom: 12px;
            font-weight: 400;
        }

        .pricing-card-description {
            font-size: 14px;
            color: #9e9e9e;
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-card-price {
            margin-bottom: 24px;
            padding-bottom: 24px;
            border-bottom: 1px solid #f0f0f0;
        }

        .pricing-price-wrapper {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 8px;
        }

        .pricing-price-old {
            font-size: 18px;
            color: #9e9e9e;
            text-decoration: line-through;
            text-decoration-color: rgba(220, 182, 188, 0.5);
        }

        .pricing-price-current {
            font-size: 32px;
            font-weight: 600;
            color: #705b4d;
        }

        .pricing-installment {
            display: inline-block;
            background: #f5edee;
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 500;
            color: #8b6e73;
        }

        .pricing-card-featured .pricing-installment {
            background: rgba(220, 182, 188, 0.1);
            color: #dcb6bc;
        }

        .pricing-features-title {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #9e9e9e;
            margin-bottom: 12px;
        }

        .pricing-features-list {
            margin-bottom: 24px;
        }

        .pricing-feature-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 14px;
            color: #705b4d;
            margin-bottom: 12px;
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-feature-item i {
            color: #dcb6bc;
            margin-top: 4px;
            flex-shrink: 0;
        }

        .pricing-feature-item-featured {
            background: rgba(220, 182, 188, 0.05);
            padding: 8px;
            border-radius: 12px;
            margin-left: -8px;
            margin-right: -8px;
            font-weight: 600;
        }

        .pricing-features-excluded-title {
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #b8b8b8;
            margin-bottom: 12px;
        }

        .pricing-features-excluded {
            opacity: 0.6;
        }

        .pricing-feature-excluded {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 12px;
            color: #9e9e9e;
            margin-bottom: 8px;
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-feature-excluded i {
            color: #b8b8b8;
            margin-top: 2px;
            flex-shrink: 0;
        }

        .pricing-card-button {
            width: 100%;
            display: block;
            text-align: center;
            padding: 16px;
            border-radius: 9999px;
            font-weight: 500;
            color: #705b4d;
            background: transparent;
            border: 1px solid rgba(112, 91, 77, 0.2);
            text-decoration: none;
            transition: all 0.3s;
            margin-bottom: 16px;
            font-family: 'Montserrat', sans-serif;
        }

        .pricing-card-button:hover {
            background: #dcb6bc;
            color: white;
        }

        .pricing-card-button-featured {
            background: #dcb6bc;
            color: white;
            border: none;
            box-shadow: 0 4px 12px rgba(220, 182, 188, 0.2);
        }

        .pricing-card-button-featured:hover {
            background: #d0a8b0;
        }

        .pricing-care-service {
            text-align: center;
            font-size: 12px;
            color: #9e9e9e;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 4px;
            font-family: 'Montserrat', sans-serif;
            text-decoration: none;
            transition: color 0.3s;
        }

        .pricing-care-service:hover {
            color: #dcb6bc;
        }

        .pricing-care-service:hover i {
            color: #dcb6bc;
        }

        .pricing-care-service i {
            color: #dcb6bc;
            transition: color 0.3s;
        }

        .pricing-card-content {
            flex: 1;
            margin-bottom: 32px;
        }

        /* Адаптация для мобильных устройств */
        @media (max-width: 1023px) {
            .pricing-section {
                padding: 60px 16px;
            }
        }

        @media (max-width: 768px) {
            .pricing-section {
                padding: 40px 16px;
            }

            .pricing-card {
                padding: 24px;
            }
        }

        /* Стили для блока FAQ */
        .faq-section {
            width: 100%;
            padding: 80px 20px;
            background-color: #ffffff;
        }

        .faq-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .faq-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 48px;
            align-items: start;
        }

        @media (min-width: 1024px) {
            .faq-grid {
                grid-template-columns: repeat(12, 1fr);
                gap: 96px;
            }
        }

        .faq-sidebar {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        @media (min-width: 1024px) {
            .faq-sidebar {
                grid-column: span 5;
                position: sticky;
                align-self: start;
                top: 120px;
                align-items: flex-start;
                text-align: left;
            }
        }

        .faq-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            border-radius: 9999px;
            background: #f5edee;
            color: #8b6e73;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .faq-badge i {
            font-size: 10px;
        }

        .faq-title {
            font-size: clamp(40px, 6vw, 60px);
            font-family: 'Lora', serif;
            color: #705b4d;
            margin-bottom: 24px;
            line-height: 1.1;
            font-weight: 400;
        }

        .faq-title .italic-accent {
            font-style: italic;
            color: #dcb6bc;
        }

        .faq-description {
            color: #9e9e9e;
            font-size: clamp(16px, 2vw, 18px);
            line-height: 1.6;
            font-family: 'Montserrat', sans-serif;
            max-width: 448px;
        }

        .faq-list {
            display: flex;
            flex-direction: column;
            width: 100%;
            gap: 8px;
        }

        @media (min-width: 1024px) {
            .faq-list {
                grid-column: span 7;
            }
        }

        .faq-item {
            border-bottom: 1px solid #e5e5e5;
            background: transparent;
            transition: all 0.3s;
        }

        .faq-item.open {
            background: #f5edee;
            border-radius: 16px;
            border-bottom: none;
        }

        .faq-button {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            text-align: left;
            padding: 24px;
            background: none;
            border: none;
            cursor: pointer;
            transition: all 0.3s;
        }

        .faq-question {
            font-size: clamp(18px, 2.5vw, 20px);
            font-family: 'Lora', serif;
            color: #705b4d;
            padding-right: 24px;
            font-weight: 400;
        }

        .faq-icon {
            color: #705b4d;
            font-size: 14px;
            margin-top: 8px;
            transition: transform 0.3s;
            flex-shrink: 0;
        }

        .faq-item.open .faq-icon {
            transform: rotate(180deg);
        }

        .faq-content {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
        }

        .faq-item.open .faq-content {
            max-height: 500px;
            opacity: 1;
        }

        .faq-answer {
            padding: 0 24px 24px;
            color: #9e9e9e;
            font-family: 'Montserrat', sans-serif;
            line-height: 1.6;
            font-size: clamp(14px, 2vw, 16px);
        }

        /* Адаптация для мобильных устройств */
        @media (max-width: 1023px) {
            .faq-section {
                padding: 60px 16px;
            }
        }

        @media (max-width: 768px) {
            .faq-section {
                padding: 40px 16px;
            }

            .faq-button {
                padding: 20px;
            }

            .faq-answer {
                padding: 0 20px 20px;
            }
        }

        /* Стили для блока с вращающимся каруселем */
        .wheel-container {
            width: 2000px; 
            height: 2000px;
            border-radius: 50%;
            position: absolute;
            top: 5%; 
            left: 50%;
            transform: translateX(-50%);
        }

        .wheel-item {
            position: absolute;
            top: 0;
            left: 50%;
            transform-origin: bottom center;
            height: 1000px;
            width: 140px;
            margin-left: -70px;
            pointer-events: none;
        }

        .wheel-image-wrapper {
            width: 100%;
            height: 180px;
            border-radius: 16px;
            overflow: hidden;
            border: 3px solid white;
            box-shadow: 0 10px 20px rgba(112, 91, 77, 0.15);
        }

        @media (min-width: 768px) {
            .wheel-container {
                width: 4000px; 
                height: 4000px;
                top: 5%;
            }

            .wheel-item {
                height: 2000px;
                width: 180px;
                margin-left: -90px;
            }

            .wheel-image-wrapper {
                height: 220px;
                border-radius: 20px;
                border: 4px solid white;
                box-shadow: 0 15px 30px rgba(112, 91, 77, 0.15);
            }
        }

        .item-1 { transform: rotate(0deg); }
        .item-2 { transform: rotate(12deg); }
        .item-3 { transform: rotate(24deg); }
        .item-4 { transform: rotate(36deg); }
        .item-5 { transform: rotate(48deg); }
        .item-6 { transform: rotate(60deg); }
        .item-7 { transform: rotate(72deg); }
        .item-8 { transform: rotate(84deg); }
        .item-9 { transform: rotate(96deg); }
        .item-10 { transform: rotate(108deg); }
        .item-11 { transform: rotate(120deg); }
        .item-12 { transform: rotate(132deg); }
        .item-13 { transform: rotate(144deg); }
        .item-14 { transform: rotate(156deg); }
        .item-15 { transform: rotate(168deg); }
        .item-16 { transform: rotate(180deg); }
        .item-17 { transform: rotate(192deg); }
        .item-18 { transform: rotate(204deg); }
        .item-19 { transform: rotate(216deg); }
        .item-20 { transform: rotate(228deg); }
        .item-21 { transform: rotate(240deg); }
        .item-22 { transform: rotate(252deg); }
        .item-23 { transform: rotate(264deg); }
        .item-24 { transform: rotate(276deg); }
        .item-25 { transform: rotate(288deg); }
        .item-26 { transform: rotate(300deg); }
        .item-27 { transform: rotate(312deg); }
        .item-28 { transform: rotate(324deg); }
        .item-29 { transform: rotate(336deg); }
        .item-30 { transform: rotate(348deg); }

        /* Стили для блока "Истории трансформации" */
        .hide-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .hide-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .line-clamp-4 {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .modal-enter { opacity: 0; transform: scale(0.95); }
        .modal-enter-active { opacity: 1; transform: scale(1); transition: opacity 0.3s ease, transform 0.3s ease; }
        .modal-exit { opacity: 0; transform: scale(0.95); transition: opacity 0.2s ease, transform 0.2s ease; }
        
        .arrow-button {
            transform: rotate(45deg);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, color 0.3s ease !important;
        }
        .transformation-card:hover .arrow-button {
            transform: rotate(0deg);
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease, color 0.3s ease !important;
        }

/* === Style block 1 === */

/* Скрытие стандартной стрелки select для всех браузеров */
    .contact-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: none !important;
    }
    
    .contact-select::-ms-expand {
        display: none;
    }
    
    /* Стили для кнопки формы */
    #contactSubmitBtn:disabled {
        opacity: 1;
        cursor: not-allowed !important;
    }
    
    #contactSubmitBtn:not(:disabled) {
        cursor: pointer !important;
    }
    
    /* Стиль плейсхолдера для email в футере */
    #footerEmailInput::placeholder {
        color: #d5c4b7 !important;
        opacity: 0.8;
    }
    
    /* Кастомные стили для чекбокса согласия */
    #courseAgreement {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #dcb6bc;
        border-radius: 4px;
        background-color: #fef9f7;
        cursor: pointer;
        position: relative;
        transition: all 0.2s ease;
        flex-shrink: 0;
        outline: none;
        -webkit-outline: none;
    }
    
    #courseAgreement:focus {
        outline: none;
        box-shadow: none;
    }
    
    #courseAgreement:focus-visible {
        outline: none;
        box-shadow: none;
    }
    
    #courseAgreement:checked {
        background-color: #dcb6bc;
        border-color: #dcb6bc;
    }
    
    #courseAgreement:checked::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
    }
    
    #courseAgreement:hover {
        border-color: #c9a5a8;
        background-color: #f5edee;
    }
    
    #courseAgreement:checked:hover {
        background-color: #c9a5a8;
        border-color: #c9a5a8;
    }
    
    /* Анимация баннера куки */
    .cookie-slide-up-enter {
        transform: translateY(100%);
        opacity: 0;
    }
    .cookie-slide-up-enter-active {
        transform: translateY(0);
        opacity: 1;
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .cookie-slide-down-leave {
        transform: translateY(20px);
        opacity: 0;
        transition: all 0.3s ease;
    }
    
    /* Стили для модального окна видео */
    #video-modal {
        position: fixed;
        inset: 0;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        z-index: 3000;
        background-color: rgba(0, 0, 0, 0.75);
        backdrop-filter: blur(8px);
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    #video-modal.active {
        display: flex;
        opacity: 1;
    }
    
    #video-modal-content {
        position: relative;
        width: 100%;
        max-width: 1200px;
        background-color: #ffffff;
        border-radius: 1.5rem;
        padding: 1.5rem;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        transform: scale(0.9) translateY(20px);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    #video-modal.active #video-modal-content {
        transform: scale(1) translateY(0);
    }
    
    #video-modal-close {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        background-color: #ffffff;
        border: 2px solid #e0c4c9;
        color: #705b4d;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 10;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    #video-modal-close:hover {
        background-color: #e0c4c9;
        color: #ffffff;
        transform: scale(1.1) rotate(90deg);
        border-color: #e0c4c9;
    }
    
    #video-modal-close:active {
        transform: scale(0.95) rotate(90deg);
    }
    
    .video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%; /* 16:9 соотношение */
        height: 0;
        overflow: hidden;
        border-radius: 1rem;
        background-color: #000000;
    }
    
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
    
    @media (max-width: 768px) {
        #video-modal-content {
            padding: 1rem;
        }
        
        #video-modal-close {
            top: 0.5rem;
            right: 0.5rem;
            width: 2rem;
            height: 2rem;
            font-size: 1rem;
        }
    }

/* === Style block 2 === */