* {
        box-sizing: border-box;
    }

    @import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&subset=cyrillic');

    @font-face {
        font-family: 'Museo Sans Cyrl';
        src: local('Museo Sans Cyrl 700'), local('MuseoSansCyrl-700'), url('fonts/MuseoSansCyrl_2.otf') format('opentype');
        font-weight: 700;
        font-style: normal;
    }

    @font-face {
        font-family: 'Museo Sans Cyrl';
        src: local('Museo Sans Cyrl 900'), local('MuseoSansCyrl-900'), url('fonts/MuseoSansCyrl_3.otf') format('opentype');
        font-weight: 900;
        font-style: normal;
    }

    @keyframes appearence-header {
        from {
            transform: translateY(-100px);
        }
    }

    @keyframes bottom {
        from {
            transform: translateY(200px);
        }
    }

    @keyframes opacity {
        from {
            opacity: 0;
        }
    }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 90px;
    }

    html,
    body {
        padding: 0;
        margin: 0;
        width: 100%;
        min-height: 100%;
        font-size: 16px;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
    }

    .body--popup-open {
        overflow: hidden;
    }

    .skt-section {
        padding: 64px 0;
    }

    .flush-section {
        padding: 0 !important;
    }

    .flush-section .skt-container {
        padding: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    @media (max-width: 768px) {
        .flush-section .skt-container {
            padding: 0 !important;
        }
    }

    @media (max-width: 768px) {
        .flush-section .skt-container {
            padding-left: 24px;
            padding-right: 24px;
        }
    }

    .skt-container {
        max-width: 1312px;
        margin: 0 auto;
        padding: 0 64px;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .skt-container {
            padding: 0 24px;
        }
    }

    .skt-flex-grid {
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
    }

    .skt-card {
        padding: 32px;
        border-radius: 16px;
        background: white;
        margin-right: 32px;
    }

    .skt-card-title {
        font-family: 'Museo Sans Cyrl', sans-serif !important;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0;
        line-height: 1.2;
        display: block;
    }

    .skt-card-slogan {
        font-family: 'Roboto', sans-serif !important;
        font-size: 0.95rem;
        font-weight: 400;
        margin: 12px 0 0;
        opacity: 0.8;
        line-height: 1.4;
        display: block;
    }

    .skt-card-text {
        font-family: 'Roboto', sans-serif !important;
        font-size: 1rem;
        opacity: .54;
    }

    .skt-avatar {
        width: 40px;
        height: 40px;
        background-position: center;
        background-size: cover;
        border-radius: 50%;
    }

    .skt-container--flex {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    h1,
    h2,
    h3,
    h4 {
        font-family: 'Museo Sans Cyrl', sans-serif !important;
    }

    p,
    a,
    li,
    span,
    div {
        font-family: 'Roboto', sans-serif !important;
    }

    .skt-a {
        color: #00A0E3;
        ;
    }

    .skt-input {
        width: 320px;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid #00A0E3;
        padding: 5px;
        font-size: 1rem;
        margin-bottom: 33px;
    }

    .skt-input:active:not(select),
    .skt-input:focus:not(select) {
        outline: none;
        border-bottom: 2px solid #008DD2;
        margin-bottom: 32px;
    }

    .skt-input:last-child:not(select),
    .skt-input:last-child:focus:not(select) {
        margin-bottom: 0;
    }

    header {
        /* position: fixed; */
        /* background-color: #fff; */
        /* top: 0; */
        /* left: 0; */
    }

    .skt-section--top {
        background-image: url(img/header-background.png);
        background-size: cover;
        background-position: center;
        height: 800px;
        box-sizing: border-box;
        padding-top: 100px;
        /* Space for fixed header */
        padding-bottom: 48px;
    }

    .skt-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 90px;
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(10px);
        display: flex;
        align-items: center;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        animation: appearence-header .8s;
    }

    .skt-header .skt-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .skt-header__logo {
        margin-right: 32px;
    }

    .skt-header__logo-img {
        height: 56px;
        width: auto;
    }

    .skt-header-nav {
        display: flex;
        align-items: center;
        height: 80px;
        z-index: 1001;
    }

    .skt-header-nav-item {
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.1rem;
        color: #333;
        margin-left: 40px;
        transition: color 0.2s;
    }

    .skt-header-nav-item:hover {
        color: #00A0E3;
    }

    .skt-header-nav-item--bold {
        font-weight: 900;
        color: #00A0E3;
    }

    .skt-header-menu-button {
        display: none;
    }

    .skt-header-nav-close {
        display: none;
    }

    .skt-slogan {
        margin-top: auto;
        margin-bottom: 0;
        font-size: 6rem;
        font-weight: 900;
        color: white;
        font-size: 76px;
    }

    /* Sections */

    .skt-section-header {
        font-size: 3rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .skt-section-subheader {
        opacity: .54;
        font-size: 14px;
        display: flex;
    }

    /* Advantages */

    .skt-section--advantages {
        background-image: url(img/advantages-background.svg);
        background-repeat: no-repeat;
        background-position: top center;
    }

    .skt-section--advantages .skt-container {
        display: flex;
    }

    .skt-column {
        flex-basis: 50%;
        float: none;
    }

    .skt-advantage-item {
        display: flex;
        align-items: center;
        margin-bottom: 32px;
    }

    .skt-advantage-item__image {
        flex: none;
        width: 80px;
        height: 80px;
        background-repeat: no-repeat;
        background-position: center;
        filter: drop-shadow(0px 11px 12px rgba(0, 0, 0, .2));
    }

    .skt-advantage-item__text {
        font-size: 1.5rem;
        margin-left: 24px;
    }

    /* Courses */

    .skt-course-card {
        background-color: #00A0E3;
        color: white !important;
        box-sizing: border-box;
        width: calc(33.333% - 32px);
        min-width: 300px;
        flex-grow: 1;
        min-height: 320px;
        height: auto;
        box-shadow: 0px 16px 32px rgba(0, 0, 0, .15);
        cursor: pointer;
        transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
        margin-bottom: 32px;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        text-decoration: none !important;
        padding: 32px;
        border-radius: 20px;
    }

    @media (max-width: 768px) {
        .skt-course-card {
            width: 100%;
            margin-right: 0;
            min-height: 220px;
            height: auto;
        }
    }

    .skt-course-card h3,
    .skt-course-card p {
        color: white !important;
        text-decoration: none !important;
    }

    .skt-course-card__chip {
        display: inline-block;
        align-self: flex-start;
        text-transform: uppercase;
        font-family: 'Museo Sans Cyrl';
        font-weight: 900;
        background-color: white;
        background-image: linear-gradient(135deg, rgba(229, 138, 0, 1) 0%, rgba(255, 184, 0, 1) 100%);
        color: white;
        padding: 6px 12px;
        border-radius: 20px;
    }

    .skt-course-card:hover {
        background-color: #0088c2;
        box-shadow: 0px 24px 48px rgba(0, 0, 0, .2);
        transform: translateY(-8px) scale(1.02);
    }

    .skt-course-card__icon-wrapper {
        margin-top: auto;
        align-self: flex-end;
        width: 80px;
        height: 80px;
        background: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        transition: transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        margin-right: -8px;
        margin-bottom: -8px;
        padding: 12px;
        box-sizing: border-box;
    }

    .sct-course-card__icon {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        opacity: 1;
        transition: all .4s;
        mix-blend-mode: multiply;
    }

    .skt-course-card:hover .skt-course-card__icon-wrapper {
        transform: scale(1.15) translate(-8px, -8px);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    }

    .skt-course-card:hover .sct-course-card__icon {
        filter: grayscale(0) opacity(1);
    }

    .skt-card.skt-children-link-card {
        background: rgba(245, 245, 245, 1);
        color: rgba(0, 0, 0, .4);
        margin-top: 32px;
        transition: .2s;
        text-decoration: none;
    }

    .skt-card.skt-children-link-card:hover {
        box-shadow: 0px 8px 24px rgba(0, 0, 0, .25);
        transform: translateY(-4px);
    }

    /* ===== Lecturers Section — Based on saikt.ru production CSS ===== */

    .lecturers-slider-wrapper {
        position: relative;
        margin: 40px auto 0;
        max-width: 1340px;
        padding: 0;
    }

    .lecturers-swiper {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 40px 0;
        box-sizing: border-box;
        overflow: hidden !important;
    }

    .lecturer {
        min-width: 0;
        box-sizing: border-box;
        margin: 0;
        /* Make slide transparent and add padding for absolute avatar */
        padding-top: 110px;
        background: transparent;
        cursor: pointer;
    }

    .lecturer-card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border: none;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
        /* drawn INSIDE, never clipped */
        border-radius: 30px;
        padding: 0 10px 57px;
        box-sizing: border-box;
        position: relative;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        background: #fff;
        height: 100%;
    }

    .lecturer-card:hover {
        transform: translateY(-5px);
        box-shadow: inset 0 0 0 1.5px #008bd2;
        /* blue highlight, also inset */
    }

    .lecturer-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        position: relative;
    }

    .lecturer__icon {
        position: absolute;
        top: -100px;
        /* moves it up out of flow */
        border-radius: 50%;
        width: 192px;
        height: 195px;
        object-fit: cover;
        left: 50%;
        transform: translateX(-50%);
    }

    .lecturer__name-block {
        margin: 110px 0 0;
        /* space for the absolute avatar */
        text-align: center;
    }

    .lecturer__name {
        color: #28282b;
        font-size: 24px;
        line-height: 29px;
        margin: 0;
        cursor: pointer;
        font-family: 'Museo Sans Cyrl', sans-serif;
        font-weight: 700;
    }

    .lecturer__text {
        color: #a2a2a2;
        font-size: 18px;
        line-height: 22px;
        margin: 24px 0 0;
        text-align: center;
        font-family: 'Museo Sans Cyrl', sans-serif;
    }

    .lecturer__experience {
        color: #ff5e5e;
        font-size: 50px;
        line-height: 61px;
        font-family: 'Museo Sans Cyrl', sans-serif;
        font-weight: 700;
        margin: 10px 0 0;
    }

    .lecturer__education {
        color: #008bd2;
        font-size: 24px;
        line-height: 29px;
        font-family: 'Museo Sans Cyrl', sans-serif;
        width: 100%;
        margin: 12px 0 0;
        font-weight: 700;
        text-align: center;
    }

    .lecturer-courses {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 27px auto 0;
        width: 90%;
    }

    .lecturer-courses .lecturer-course:first-child {
        margin-top: 0;
    }

    .lecturer-course {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: 'Museo Sans Cyrl', sans-serif;
        background: #73c9ff;
        border-radius: 60px;
        font-weight: 700;
        padding: 6px 25px;
        box-sizing: border-box;
        margin-top: 19px;
        text-align: center;
        max-width: 100%;
        word-break: break-word;
    }

    .lecturer__more-info {
        color: #004789;
        font-size: 18px;
        line-height: 22px;
        font-family: 'Museo Sans Cyrl', sans-serif;
        text-decoration-line: underline;
        font-weight: 500;
        margin: 45px 0 0;
        cursor: pointer;
        z-index: 10;
    }

    /* Swiper Navigation Custom Styles */
    .lecturers-prev,
    .lecturers-next {
        width: 50px !important;
        height: 50px !important;
        background: #f0f0f0 !important;
        border-radius: 50% !important;
        color: #008bd2 !important;
        transition: all 0.3s ease !important;
        top: 50% !important;
        margin-top: -25px !important;
    }

    .lecturers-prev:after,
    .lecturers-next:after {
        font-size: 20px !important;
        font-weight: bold;
    }

    .lecturers-prev {
        left: -60px !important;
    }

    .lecturers-next {
        right: -60px !important;
    }

    .lecturers-prev:hover,
    .lecturers-next:hover {
        background: #008bd2 !important;
        color: #fff !important;
        transform: scale(1.1);
    }

    /* Hide arrows on small screens or move them inside */
    @media screen and (max-width: 1400px) {
        .lecturers-prev {
            left: 10px !important;
        }

        .lecturers-next {
            right: 10px !important;
        }

        .lecturers-prev,
        .lecturers-next {
            background: rgba(240, 240, 240, 0.8) !important;
            backdrop-filter: blur(4px);
            z-index: 10;
        }
    }

    @media screen and (max-width: 768px) {

        .lecturers-prev,
        .lecturers-next {
            width: 40px !important;
            height: 40px !important;
            margin-top: -20px !important;
        }

        .lecturers-prev:after,
        .lecturers-next:after {
            font-size: 16px !important;
        }
    }

    /* Responsive lecturer widths removed entirely. Mathematics now handled by Swiper JS natively */

    @media screen and (min-width: 1120px) {
        .controls {
            width: calc(100% - 174px);
        }
    }

    @media screen and (max-width: 586px) {
        .controls {
            width: calc(100% - 37px);
        }
    }

    @media screen and (min-width: 1200px) {
        .controls {
            width: calc(956px - 20px);
        }
    }

    @media screen and (min-width: 1290px) {
        .controls {
            width: calc(1046px - 20px);
        }
    }

    @media screen and (min-width: 1580px) {
        .controls {
            width: calc(1210px - 20px);
        }
    }

    @media screen and (min-width: 1640px) {
        .controls {
            width: calc(1210px - 10px);
        }
    }

    @media screen and (min-width: 1800px) {
        .controls {
            width: calc(1340px - 10px);
        }
    }

    /* Popup Styles — from saikt.ru */
    .skt-popup__wrapper {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .4);
        z-index: 1000;
        animation: opacity .4s;
        transition: opacity .2s;
        overflow-y: scroll;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .skt-popup__wrapper--open {
        display: flex;
    }

    .skt-popup__wrapper--closing {
        display: flex;
        opacity: 0;
    }

    .body--popup-open {
        overflow: hidden;
    }

    .skt-popup {
        margin: auto;
        width: 100%;
        max-width: 960px;
        background: white;
        border-radius: 16px;
        padding: 48px;
        box-shadow: 0px 12px 48px rgba(0, 0, 0, .4);
        position: relative;
    }

    .skt-popup__close {
        border: none;
        background: none;
        cursor: pointer;
        width: 48px;
        height: 48px;
        background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38 12.83L35.17 10L24 21.17L12.83 10L10 12.83L21.17 24L10 35.17L12.83 38L24 26.83L35.17 38L38 35.17L26.83 24L38 12.83Z" fill="%232C3E50"/></svg>');
        background-position: center;
        background-repeat: no-repeat;
        opacity: .54;
        transition: opacity .2s;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    .skt-popup__close:hover {
        opacity: 1;
    }

    .skt-popup__title {
        margin: 0 auto 0 0;
        max-width: 500px;
        font-size: 3rem;
        font-family: 'Museo Sans Cyrl', sans-serif;
    }

    .skr-popup-header__image {
        width: 96px;
        height: 96px;
        background-position: center;
        background-size: cover;
        margin-right: 32px;
        align-self: center;
    }

    .skt-popup-header {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin-bottom: 48px;
    }

    .skt-popup-description-item {
        margin-bottom: 32px;
    }

    .skt-popup .skt-popup__text-primary {
        font-size: 1.5rem;
        margin: 0 0 32px;
    }

    .skt-popup-icon-item {
        display: flex;
        align-items: center;
    }

    .skt-popup-icon-item__icon {
        width: 40px;
        height: 40px;
        background-position: center;
        background-size: cover;
        border-radius: 50%;
        margin-right: 12px;
    }

    /* Micro Reviews */
    .skt-micro-review {
        margin-top: 24px;
        padding: 16px 20px;
        background-color: #f9f9fa;
        border-left: 4px solid #73c9ff;
        border-radius: 0 12px 12px 0;
    }

    .skt-micro-review__text {
        font-style: italic;
        color: #555;
        font-size: 14px;
        margin-bottom: 12px;
        line-height: 1.5;
    }

    .skt-micro-review__link {
        display: inline-block;
        font-size: 13px;
        color: #008bd2;
        text-decoration: underline;
        font-weight: 500;
        transition: color 0.2s;
    }

    .skt-micro-review__link:hover {
        color: #005a8a;
    }

    /* FAQ Styles from saikt.ru */
    .FAQ details {
        border: 1px solid #008bd221;
        border-radius: 5px;
        margin-bottom: 20px;
        background: #008bd21c;
        box-shadow: 0px 0px 10px 3px #008bd21c;
        cursor: pointer;
        transition: all 150ms ease;
    }

    .FAQ summary::-webkit-details-marker {
        display: none;
    }

    .FAQ summary::-moz-list-bullet {
        list-style-type: none;
    }

    .FAQ summary::marker {
        display: none;
    }

    .FAQ summary {
        display: inline-block;
        padding: 15px;
        padding-left: 35px;
        font-size: 1.25em;
        /* Adjusted to look proportional for intensive */
        font-family: 'Museo Sans Cyrl', sans-serif;
        color: #2c3e50;
        cursor: pointer;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }

    .FAQ summary:before {
        left: 10px;
        top: 20px;
        /* Centered visually */
        color: transparent;
        background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
        width: 1em;
        height: 1em;
        content: "";
        position: absolute;
        transition: transform .3s ease;
    }

    .FAQ details[open]>summary:before {
        transform: rotateZ(90deg);
    }

    .FAQ summary~* {
        padding: 0 1.5em 1em 1.5em;
        margin: 0;
        color: #4a5568;
        line-height: 1.5;
        font-size: 16px;
    }

    .FAQ details[open] summary~* {
        animation: sweep .5s ease-in-out;
    }

    @keyframes sweep {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .FAQ details {
        display: block;
        margin-bottom: 15px;
    }

    /* Feedback Fixes */
    .skt-feedback-card {
        box-sizing: border-box;
        border: 1px solid rgba(0, 0, 0, .08);
        background: #fff;
        border-radius: 24px;
        transition: .4s;
        margin-bottom: 32px;
        padding: 30px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.03);
    }

    .skt-feedback-card-header {
        display: flex;
        align-items: center;
        margin-bottom: 32px;
    }

    .skt-feedback-card__avatar {
        width: 64px;
        height: 64px;
        background-image: url(img/avatar-placeholder.svg);
        margin-right: 24px;
    }

    /* Sales */

    .skt-sale-card {
        text-align: center;
        color: white;
        box-sizing: border-box;
        width: 396px;
        height: 466px;
        background-position: center;
        background-image: url(img/sale-badge.svg), linear-gradient(135deg, rgba(229, 138, 0, 1) 0%, rgba(255, 184, 0, 1) 100%);
        background-repeat: no-repeat;
        border: 2px solid #FBDFA3;
        box-shadow: 0px 16px 32px rgba(0, 0, 0, .25);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .skt-sale-card h2 {
        margin-top: 0;
    }

    /* Form */

    .skt-section--purple {
        background-color: #66C6EF;
        color: white;
    }

    .skt-section-form {
        background-image: url(img/form-background.svg);
        background-position: top center;
    }

    .skt-form-card {
        width: 100%;
        max-width: 680px;
        margin: 0;
        color: black;
        box-shadow: 0px 16px 32px rgba(0, 0, 0, .25);
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        background: #fff;
        border-radius: 24px;
    }

    .skt-form-card-inputs {
        display: flex;
        flex-direction: column;
    }

    .skt-form-card__submit {
        margin: -32px;
        background: none;
        border: none;
        background-image: url(img/submit-background.svg);
        background-position: left center;
        background-repeat: no-repeat;
        font-size: 0.875rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #3ecf70;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 80px;
        width: 240px;
        cursor: pointer;
        transition: .2s;
        transform-origin: right center;
    }

    .skt-form-card__submit:hover {
        transform: scale(1.2);
    }

    /* Map */

    .skt-map {
        margin: 0;
        position: relative;
        background-color: #ffffff;
        color: #000000;
        min-height: 640px;
    }

    .skt-map .skt-h3 {
        font-size: 2rem;
        font-weight: 500;
    }

    .skt-map .skt-h4 {
        font-weight: 500;
        font-family: 'Roboto';
        font-size: 1.25rem;
    }

    .skt-map .skt-a {
        display: block;
        margin: -8px 0 12px;
    }

    @media(min-width: 676px) {
        .skt-map {
            display: flex;
        }
    }

    .skt-map__container {
        height: 640px;
        width: 100%;
    }

    .skt-map-info__wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
    }

    .skt-map__info {
        flex: none;
    }

    .skt-card.skt-map-info-card {
        z-index: 2;
        box-shadow: 0px 16px 32px rgba(0, 0, 0, .25);
        color: black;
        padding: 12px 32px;
        border-radius: 0;
    }

    .skt-map-info__text {
        font-size: 1.1rem;
        margin: 0 0 12px;
        display: flex;
        align-items: center;
        transition: all 150ms ease;
    }

    .skt-map-info__text:hover:not(.phone) {
        color: #929292;
    }

    .skt-map-info__icon {
        margin-right: 12px;
        vertical-align: bottom;
    }

    .skt-map__map-trigger {
        padding-right: 32px;
        cursor: pointer;
        background-image: none;
        background-size: 40px;
        background-position: right 4px bottom;
        background-repeat: no-repeat;
    }

    .skt-map__map-trigger:hover {
        background-image: url(img/map-triger-arrow.png);
    }

    /* Footer */

    footer {
        background-color: #666666;
        color: rgba(255, 255, 255, .54);
        z-index: 3;
        position: relative;
        padding-bottom: 48px;
    }

    .skt-container--footer {
        display: flex;
        justify-content: space-between;
    }

    .footer-column--right {
        text-align: right;
    }

    footer a {
        display: flex;
        margin-bottom: 16px;
        text-decoration: none;
        color: unset;
        align-items: center;
    }

    .footer-column--right a {
        justify-content: flex-end;
    }

    .footer-link__icon {
        margin-left: 12px;
    }

    /* Popup */

    .skt-popup__wrapper {
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        backdrop-filter: blur(5px);
        z-index: 2000;
        animation: opacity .3s;
        transition: opacity .3s;
        overflow-y: auto;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .skt-popup__wrapper--open {
        display: flex;
    }

    .skt-popup__wrapper--closing {
        display: flex;
        opacity: 0;
    }

    .skt-popup {
        margin: auto;
        width: 100%;
        max-width: 800px;
        background: #fff;
        border-radius: 30px;
        padding: 40px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        animation: bottom .4s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
        overflow: hidden;
    }

    .skt-popup p {
        font-size: 1rem;
        margin: 0 0 8px;
    }

    .skt-popup__wrapper--closing .skt-popup {
        transform: translateY(100px);
    }

    .skt-popup-header {
        width: 100%;
        display: flex;
        align-items: flex-start;
        margin-bottom: 48px;
        /* justify-content: space-between; */
    }

    .skr-popup-header__image {
        width: 96px;
        height: 96px;
        background-position: center;
        background-size: cover;
        margin-right: 32px;
        align-self: center;
    }

    .skt-popup__title {
        margin: 0 auto 0 0;
        max-width: 500px;
        font-size: 3rem;
    }

    .skt-popup-header__actions {
        display: flex;
        align-items: center;
    }

    .skt-popup-header__link {
        color: #7C5EA4;
        opacity: .54;
    }

    .skt-popup__close {
        border: none;
        background: none;
        cursor: pointer;
        width: 48px;
        height: 48px;
        background-image: url(img/close.svg);
        opacity: .54;
        margin-left: 48px;
        transition: opacity .2s;
    }

    .skt-popup__close:hover {
        opacity: 1;
    }

    .skt-popup-description-item {
        margin-bottom: 24px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        padding-bottom: 16px;
    }

    .skt-popup-description-item:last-child {
        border-bottom: none;
        margin-bottom: 0;
    }

    .skt-popup .skt-popup__text-primary {
        font-size: 1.15rem;
        margin: 0 0 16px;
        font-weight: 600;
        color: var(--text-main);
    }

    .skt-text--light {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: var(--text-secondary);
        margin-bottom: 6px !important;
        font-weight: 700;
        opacity: 0.7;
    }

    .skt-popup__achievement {
        display: flex;
        align-items: flex-start;
        margin-bottom: 8px;
        max-width: 60%;
    }

    .skt-popup__achievement img {
        margin-right: 12px;
    }

    .skt-popup-icon-item {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        padding: 4px 0;
    }

    .skt-popup-icon-item:last-child {
        margin-bottom: 0;
    }

    .skt-popup-icon-item__icon {
        width: 48px;
        height: 48px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 18px;
        flex-shrink: 0;
    }

    .skt-popup-icon-item p {
        margin: 0 !important;
        font-weight: 500;
        font-size: 1.1rem;
        color: var(--text-main);
    }

    /* Helpers */

    .skt-flex {
        display: flex;
    }

    .skt-reviews-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-top: 48px;
    }

    .skt-feedback-card {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 1px solid rgba(0, 0, 0, 0.05);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
        position: relative;
        background: #fff;
    }

    .skt-feedback-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    }

    .skt-feedback-card::before {
        content: '“';
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 8rem;
        font-family: 'Museo Sans Cyrl';
        color: rgba(0, 139, 210, 0.05);
        line-height: 1;
        pointer-events: none;
    }

    .skt-feedback-card__main-title {
        font-size: 1.5rem !important;
        margin-bottom: 16px !important;
        line-height: 1.3 !important;
        z-index: 1;
    }

    .skt-micro-review {
        margin-top: auto;
        padding: 24px;
        background: #f8fafd;
        border-radius: 12px;
        border-left: 4px solid #008bd2;
    }

    .skt-micro-review__text {
        font-style: italic;
        font-size: 0.95rem;
        line-height: 1.6;
        color: #555;
        margin-bottom: 16px;
    }

    .skt-micro-review__link {
        color: #008bd2;
        text-decoration: none;
        font-weight: 700;
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .skt-micro-review__link:hover {
        text-decoration: underline;
    }

    @media (max-width: 991px) {
        .skt-reviews-grid {
            grid-template-columns: 1fr;
            gap: 24px;
        }
    }

    .skt-text--light {
        opacity: .54;
    }

    .skt-text--medium {
        font-weight: 500;
    }

    .skt-img--responsive {
        max-width: 100%;
    }

    /* Mobile */

    @media (max-width: 1069px) {
        .skt-slogan {
            font-size: 4rem;
        }
    }

    @media (max-width: 1100px) {
        .skt-header-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 280px;
            height: 100vh;
            box-sizing: border-box;
            background: white;
            padding: 80px 24px 24px;
            box-shadow: 24px 0px 48px rgba(0, 0, 0, .15);
            display: flex;
            flex-direction: column;
            z-index: 2000;
            transform: translateX(-100%);
            transition: transform .4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .skt-header-nav--open {
            transform: translateX(0);
        }

        .skt-header-nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0.4);
            z-index: 1999;
            display: none;
            backdrop-filter: blur(2px);
        }

        .skt-header-nav--open~.skt-header-nav-overlay {
            display: block;
        }

        .skt-header-nav-item {
            margin-left: 0;
            margin-bottom: 24px;
            color: #1a1a2e;
            font-size: 1.25rem;
            text-align: left;
            width: 100%;
        }

        .skt-header-nav-close {
            display: flex;
            position: absolute;
            top: 24px;
            right: 24px;
            width: 40px;
            height: 40px;
            background: #f5f5f5;
            border: none;
            border-radius: 50%;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #333;
            cursor: pointer;
            z-index: 2001;
        }

        .skt-header-menu-button {
            display: flex;
            margin-left: auto
        }
    }

    @media (max-width: 768px) {
        html {
            font-size: 12px;
        }

        input, select, textarea {
            font-size: 16px !important;
        }

        .skt-section--top {
            min-height: 480px;
            padding-top: 80px;
            padding-bottom: 40px;
            background-image: url(img/header-background.png);
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }

        .skt-section--top::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            /* Darker overlay */
            z-index: 1;
        }

        .skt-section--top .skt-container--flex {
            position: relative;
            z-index: 2;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: auto;
        }



        .skt-slogan {
            display: block !important;
            font-size: 2.2rem !important;
            line-height: 1.1;
            text-align: center;
            width: 100%;
            margin: 0 !important;
            color: white !important;
            text-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);
            padding: 0 15px;
            box-sizing: border-box;
            opacity: 1 !important;
            visibility: visible !important;
        }

        .skt-slogan p {
            font-size: 1.15rem !important;
            margin-top: 15px !important;
            color: white !important;
            line-height: 1.4;
            opacity: 1 !important;
            margin-bottom: 0 !important;
            text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
        }





        .skt-section {
            padding: 24px 0 64px;
        }

        /* Advantages Mobile Fixes */
        .skt-section--advantages {
            background-size: 100% auto;
            background-position: top center;
        }

        .skt-section--advantages .skt-container {
            flex-direction: column;
        }

        .skt-section--advantages .skt-column {
            flex-basis: 100%;
        }

        .skt-section--advantages .skt-column:last-child {
            padding-top: 0;
        }

        .skt-advantage-item {
            margin-bottom: 24px;
        }

        .skt-advantage-item__image {
            width: 60px;
            height: 60px;
            background-size: contain;
        }

        .skt-advantage-item__text {
            font-size: 1.25rem;
            margin-left: 16px;
        }

        .skt-form-card {
            width: 100%;
            flex-direction: column;
            border-radius: 16px;
        }

        .skt-input {
            width: 100%;
            box-sizing: border-box;
            font-size: 16px;
        }

        .skt-form-card__submit {
            margin: 32px -24px -24px;
            background: #baeecc;
            padding: 24px;
            width: unset;
        }

        .skt-map {
            margin: 0;
        }

        .skt-map__info {
            padding-top: 24px;
            padding-left: 24px;
            padding-right: 24px;
        }

        footer .footer-column--right a {
            flex-direction: row-reverse;
        }

        .footer-link__icon {
            margin-left: 0;
            margin-right: 12px;
        }

        .skt-popup {
            width: unset;
            padding: 24px;
            border-radius: 0;
        }

        .skt-popup p {
            font-size: 1.25rem;
        }

        .skt-popup-header {
            padding-top: 72px;
        }

        .skr-popup-header__image {
            width: 32px;
            height: 32px;
            margin-right: 16px;
        }

        .skt-popup__title {
            font-size: 1.75rem;
        }

        .skt-popup-header__actions {
            position: absolute;
            top: 0;
            left: 0;
            padding: 24px;
            box-sizing: border-box;
            width: 100%;
            justify-content: space-between;
        }

        .skt-popup__achievement {
            max-width: unset;
        }
    }

    /* begin begin Back to Top button  */

    .back_to_top {
        position: fixed;
        bottom: 80px;
        left: 40px;
        z-index: 9999;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background: #009FE3;
        color: white;
        cursor: pointer;
        border-radius: 2px;
        display: none;
        box-shadow: 0px 0px 5px 0px white;
    }

    .back_to_top:hover {
        background: #0291ce;
    }

    .back_to_top-show {
        display: block;
    }



    select {
        outline: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        padding: 5px;
    }

    /* Modern Order Modal */
    .order-modal__wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(8px);
        z-index: 5000;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 40px 20px;
        box-sizing: border-box;
        overflow-y: auto;
    }

    .order-modal__wrapper--open {
        display: flex;
    }

    .order-modal {
        background: #fff;
        border-radius: 30px;
        width: 100%;
        max-width: 480px;
        padding: 40px;
        position: relative;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        animation: modalSlideUp 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-sizing: border-box;
        margin: auto;
    }

    @keyframes modalSlideUp {
        from {
            transform: translateY(30px);
            opacity: 0;
        }

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

    .order-modal__close {
        position: absolute;
        top: 24px;
        right: 24px;
        width: 32px;
        height: 32px;
        background: url(img/close.svg) no-repeat center;
        background-size: 16px;
        border: 1px solid #eee;
        border-radius: 50%;
        cursor: pointer;
        opacity: 0.7;
        transition: all 0.2s;
        z-index: 10;
    }

    .order-modal__close:hover {
        opacity: 1;
        background-color: #f5f5f5;
        transform: rotate(90deg);
    }

    .order-modal h2 {
        margin: 0 0 12px 0;
        font-size: 1.8rem;
        color: #111;
        font-weight: 800;
    }

    .order-modal p.order-subtitle {
        margin: 0 0 32px 0;
        color: #666;
        line-height: 1.5;
        font-size: 1rem;
    }

    .order-form-inputs {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .order-input-group label {
        display: block;
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 0.9rem;
        color: #444;
    }

    .order-input-group input {
        width: 100%;
        padding: 16px 20px;
        border-radius: 12px;
        border: 2px solid #eee;
        font-size: 16px;
        box-sizing: border-box;
        outline: none;
        transition: all 0.2s;
        background: #fafafa;
    }

    .order-input-group input:focus {
        border-color: #ff6b6b;
        background: #fff;
        box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.1);
    }

    .order-submit-btn {
        background: #ff6b6b;
        color: #fff;
        border: none;
        padding: 18px;
        border-radius: 50px;
        font-weight: 800;
        font-size: 1.1rem;
        cursor: pointer;
        transition: all 0.3s;
        box-shadow: 0 10px 20px rgba(255, 107, 107, 0.3);
        margin-top: 10px;
    }

    .order-submit-btn:hover {
        background: #ff5252;
        transform: translateY(-2px);
        box-shadow: 0 15px 30px rgba(255, 107, 107, 0.4);
    }

    .order-form-hint {
        font-size: 0.75rem;
        color: #999;
        text-align: center;
        margin-top: 15px;
        line-height: 1.4;
    }

    .order-form-hint a {
        color: #666;
        text-decoration: underline;
    }

    .order-success-container {
        text-align: center;
        padding: 40px 0;
        display: none;
    }

    .order-success-container h3 {
        font-size: 1.8rem;
        color: #0088c2;
        margin-bottom: 15px;
    }

    .order-success-container p {
        color: #666;
        font-size: 1.1rem;
    }

    @media (max-width: 480px) {
        .order-modal {
            padding: 40px 24px;
            border-radius: 20px;
        }

        .order-modal h2 {
            font-size: 1.5rem;
        }
    }

    /* Custom Checkboxes */
    .custom-checkbox-container {
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        font-size: 0.85rem;
        color: #666;
        margin-bottom: 15px;
        user-select: none;
        line-height: 1.4;
        text-align: left;
    }

    .custom-checkbox-container input {
        display: none;
    }

    .checkbox-box {
        width: 18px;
        height: 18px;
        border: 1px solid #008bd2;
        border-radius: 4px;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
        background: #fff;
    }

    .custom-checkbox-container input:checked+.checkbox-box {
        background: #008bd2;
        border-color: #008bd2;
    }

    .checkbox-box::after {
        content: '';
        width: 10px;
        height: 5px;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(-45deg);
        display: none;
        margin-bottom: 2px;
    }

    .custom-checkbox-container input:checked+.checkbox-box::after {
        display: block;
    }

    .custom-checkbox-container a {
        color: #0088c2;
        text-decoration: underline;
    }

    /* Achievements Section */
    .skt-achievements-grid {
        display: grid;
        grid-template-columns: repeat(var(--columns, 4), 1fr);
        gap: 24px;
        margin-top: 40px;
    }

    @media (max-width: 1024px) {
        .skt-achievements-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 600px) {
        .skt-achievements-grid {
            grid-template-columns: 1fr;
        }

        .achievement-card {
            min-height: 180px;
            padding: 24px;
        }

        .achievement-card__number {
            font-size: 2.5rem;
        }
    }

    .achievement-card {
        background: #fff;
        border-radius: 20px;
        padding: 30px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        position: relative;
        overflow: hidden;
        border: 2px solid #eee;
        min-height: 240px;
    }

    .achievement-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        border-color: #ff6b6b;
    }

    .achievement-card::before {
        content: '';
        position: absolute;
        bottom: -20px;
        right: -20px;
        width: 100px;
        height: 100px;
        background: linear-gradient(135deg, rgba(255, 107, 107, 0), rgba(255, 107, 107, 0.05));
        border-radius: 50%;
        z-index: 0;
    }

    .achievement-card__number {
        font-size: 3.5rem;
        font-weight: 900;
        color: #ff6b6b;
        line-height: 1;
        margin-bottom: 15px;
        font-family: 'Museo Sans Cyrl', sans-serif;
    }

    .achievement-card__title {
        font-size: 1rem;
        font-weight: 700;
        color: #333;
        line-height: 1.4;
        position: relative;
        z-index: 1;
        font-family: 'Museo Sans Cyrl', sans-serif;
    }

    .achievement-card__btn {
        margin-top: 20px;
        align-self: flex-start;
        font-size: 0.9rem;
        color: #999;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: color 0.2s;
    }

    .achievement-card:hover .achievement-card__btn {
        color: #ff6b6b;
    }

    .achievement-card__btn::after {
        content: '→';
        transition: transform 0.2s;
    }

    .achievement-card:hover .achievement-card__btn::after {
        transform: translateX(4px);
    }

    /* ============================================ */
    /* Custom Gallery Slider - No Dependencies      */
    /* ============================================ */
    .gallery-overlay {
        display: none;
        /* JS sets to flex */
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.94);
        backdrop-filter: blur(12px);
        z-index: 9999998;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        overflow: hidden;
        box-sizing: border-box;
    }

    .gallery-close {
        position: absolute;
        top: 25px;
        right: 25px;
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        color: #fff;
        font-size: 30px;
        cursor: pointer;
        z-index: 10000000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
        line-height: 1;
    }

    .gallery-close:hover {
        background: #ff6b6b;
        border-color: #ff6b6b;
        transform: rotate(90deg) scale(1.1);
    }

    /* Desktop: nav is invisible wrapper, arrows are absolute */
    .gallery-nav {
        display: contents;
    }

    .gallery-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 60px;
        height: 60px;
        background: rgba(255, 255, 255, 0.15);
        border: 2px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        color: #fff;
        font-size: 24px;
        cursor: pointer;
        z-index: 9999999;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
    }

    .gallery-arrow:hover {
        background: #ff6b6b;
        border-color: #ff6b6b;
        transform: translateY(-50%) scale(1.1);
    }

    .gallery-arrow--left {
        left: 40px;
    }

    .gallery-arrow--right {
        right: 40px;
    }

    .gallery-viewport {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 60px 120px;
        box-sizing: border-box;
    }

    .gallery-viewport img {
        display: block;
        max-width: 100%;
        max-height: 85vh;
        object-fit: contain;
        border-radius: 12px;
        border: 4px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
        transition: opacity 0.3s ease-in-out;
    }

    /* === How it goes section === */
    .skt-how-it-goes-gallery {
        position: relative;
        padding: 40px 0;
    }

    .how-it-goes-swiper {
        padding-bottom: 50px !important;
    }

    .how-it-goes-swiper .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: transform 0.3s ease;
    }

    .how-it-goes-swiper .swiper-slide:hover {
        transform: translateY(-5px);
    }

    .how-it-goes-swiper img {
        width: 100%;
        height: auto;
        border-radius: 20px;
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .how-it-goes-prev,
    .how-it-goes-next {
        color: #66C6EF !important;
        width: 50px !important;
        height: 50px !important;
        background: white;
        border-radius: 50%;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .how-it-goes-prev::after,
    .how-it-goes-next::after {
        font-size: 20px !important;
    }

    .how-it-goes-swiper .swiper-pagination-bullet-active {
        background: #66C6EF !important;
    }


    .gallery-counter {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
        letter-spacing: 2px;
    }

    /* Mobile: arrows below the photo in a row */
    @media (max-width: 768px) {
        .gallery-overlay {
            padding: 50px 0 70px;
            gap: 16px;
        }

        .gallery-nav {
            display: flex;
            gap: 32px;
            justify-content: center;
        }

        .gallery-arrow {
            position: static;
            transform: none;
            width: 54px;
            height: 54px;
            font-size: 22px;
        }

        .gallery-arrow:hover {
            transform: scale(1.1);
        }

        .gallery-viewport {
            padding: 0 16px;
            height: auto;
            max-height: 60vh;
        }

        .gallery-viewport img {
            max-height: 55vh;
        }

        .gallery-counter {
            position: static;
            transform: none;
        }

        .gallery-close {
            top: 16px;
            right: 16px;
            width: 44px;
            height: 44px;
            font-size: 24px;
        }
    }

    /* Back to Top */
    .back_to_top {
        position: fixed;
        bottom: 40px;
        right: 40px;
        z-index: 5000;
        width: 50px;
        height: 50px;
        background: #00A0E3;
        color: #fff;
        display: none;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }

    .back_to_top-show {
        display: flex;
        opacity: 1;
        visibility: visible;
        animation: float-up 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    @keyframes float-up {
        from {
            transform: translateY(20px);
            opacity: 0;
        }

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

    @media (max-width: 768px) {
        .back_to_top {
            bottom: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
        }
    }

    /* ===== Pricing Card Layout ===== */
    .pricing-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        margin-top: 40px;
        align-items: stretch;
    }

    .pricing-card {
        background: #fff;
        border-radius: 24px;
        padding: 40px 30px;
        border: 2px solid #eee;
        display: flex;
        flex-direction: column;
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
        text-align: center;
    }

    .pricing-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
        border-color: #008bd2;
    }

    .pricing-card--highlight {
        background: #f0f9ff;
        border-color: #008bd2;
        box-shadow: 0 15px 35px rgba(0, 139, 210, 0.15);
    }

    .pricing-card--highlight .pricing-card__title {
        color: #008bd2;
    }

    .pricing-card__title {
        font-size: 1.5rem;
        font-weight: 900;
        margin: 0 0 10px 0;
        color: #1a1a2e;
        font-family: 'Museo Sans Cyrl', sans-serif;
    }

    .pricing-card__conditions {
        font-size: 0.95rem;
        color: #777;
        margin-bottom: 30px;
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pricing-card__content {
        margin-top: auto;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .pricing-card__price {
        padding: 20px 0;
    }

    .pricing-card__price.price-highlight-box {
        background: #fff;
        border-radius: 16px;
        border: 2px solid #008bd2;
        padding: 20px;
    }

    .price-main {
        display: block;
        font-size: 2rem;
        font-weight: 900;
        color: #1a1a2e;
        margin-bottom: 5px;
    }

    .price-sub {
        font-size: 0.9rem;
        color: #999;
    }

    .price-saving {
        color: #27ae60;
        font-weight: 800;
        font-size: 1rem;
        display: block;
        margin-top: 5px;
    }

    .pricing-tag {
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        background: #ff6b6b;
        color: #fff;
        padding: 6px 16px;
        border-radius: 50px;
        font-weight: 800;
        font-size: 0.85rem;
        box-shadow: 0 4px 10px rgba(255, 107, 107, 0.3);
        z-index: 2;
    }

    .pricing-card__btn {
        width: 100%;
        padding: 18px;
        border-radius: 50px;
        border: none;
        background: #f0f0f0;
        color: #444;
        font-weight: 800;
        font-size: 1rem;
        cursor: pointer;
        transition: all 0.3s;
    }

    .pricing-card__btn:hover {
        background: #e5e5e5;
        transform: translateY(-2px);
    }

    .pricing-card__btn--hit {
        background: #ff6b6b;
        color: #fff;
        box-shadow: 0 10px 20px rgba(255, 107, 107, 0.2);
    }

    .pricing-card__btn--hit:hover {
        background: #ff5252;
        box-shadow: 0 15px 30px rgba(255, 107, 107, 0.3);
    }

    .pricing-timer-compact {
        background: rgba(0, 139, 210, 0.05);
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 10px;
    }

    .timer-label {
        display: block;
        font-size: 0.75rem;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .timer-digits {
        font-family: inherit;
        font-size: 1.1rem;
        font-weight: 800;
        color: #1a1a2e;
    }

    @media (max-width: 1024px) {
        .pricing-cards {
            grid-template-columns: 1fr;
            max-width: 480px;
            margin-left: auto;
            margin-right: auto;
        }

        .pricing-card--highlight {
            order: -1;
            /* Keep highlight on top on mobile */
        }
    }

    /* footer-modern - Premium Glow Layout */
    .footer-modern {
        background-color: #03152d;
        background: linear-gradient(180deg, #03152d 0%, #020d1c 100%);
        color: #fff;
        padding: 100px 0 60px;
        font-family: 'Museo Sans Cyrl', 'Outfit', sans-serif;
        position: relative;
        overflow: hidden;
        width: 100%;
        display: block;
    }

    .footer-modern::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255, 107, 107, 0.3), transparent);
        z-index: 2;
    }

    .footer-modern::after {
        content: '';
        position: absolute;
        bottom: -10%;
        right: -10%;
        width: 400px;
        height: 400px;
        background: radial-gradient(circle, rgba(255, 107, 107, 0.05) 0%, transparent 70%);
        z-index: 1;
        pointer-events: none;
    }

    .footer-modern__container {
        display: grid;
        grid-template-columns: 1.4fr 1.3fr 1fr 2.3fr;
        gap: 30px;
        padding-bottom: 60px;
        position: relative;
        z-index: 2;
        align-items: start;
        width: 95%;
        max-width: 1600px;
        margin: 0 auto;
    }

    .footer-modern__col {
        display: flex;
        flex-direction: column;
    }

    .footer-title {
        font-size: 1.25rem;
        font-weight: 800;
        margin-top: 0;
        margin-bottom: 25px;
        color: #fff;
        position: relative;
    }

    .footer-title::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 30px;
        height: 2px;
        background: #ff6b6b;
    }

    /* Logo & Description */
    .footer-logo {
        max-width: 240px;
        margin-bottom: 25px;
    }

    .footer-description {
        font-size: 0.95rem;
        line-height: 1.7;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 30px;
        max-width: 450px;
    }

    /* Icons & License Column */
    .brand-col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-socials {
        display: flex;
        gap: 6px;
        margin-bottom: 25px;
        flex-wrap: nowrap;
        width: 100%;
    }

    .footer-socials a {
        width: 44px;
        height: 44px;
        background: #00A3FF;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        color: #03152D;
        text-decoration: none;
        flex-shrink: 0;
    }

    .footer-socials a:hover {
        transform: translateY(-5px) scale(1.1);
        background: #fff;
        color: #00A3FF;
        box-shadow: 0 10px 20px rgba(0, 163, 255, 0.3);
    }

    .footer-socials a i {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 20px;
    }

    .footer-socials a img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        filter: brightness(0) saturate(100%) invert(8%) sepia(34%) saturate(3015%) hue-rotate(185deg) brightness(97%) contrast(101%);
        transition: all 0.4s;
        display: block;
    }

    .footer-socials a svg {
        width: 20px;
        height: 20px;
        fill: #03152D;
        display: block;
    }

    /* Links List */
    .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .footer-links a {
        color: #fff;
        opacity: 0.65;
        text-decoration: none;
        font-size: 1.05rem;
        transition: all 0.3s;
        white-space: nowrap;
        display: inline-block;
        font-weight: 400;
    }

    .footer-links a:hover {
        opacity: 1;
        color: #00A3FF;
        transform: translateX(5px);
    }

    /* License Certificate Card */
    .footer-license-preview {
        position: relative;
        width: 140px;
        height: 190px;
        border-radius: 12px;
        overflow: hidden;
        cursor: pointer;
        padding: 5px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.4s;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        margin-top: 5px;
        align-self: flex-start;
    }

    .footer-license-preview:hover {
        transform: translateY(-5px) scale(1.02);
        border-color: #ff6b6b;
        box-shadow: 0 25px 50px rgba(255, 107, 107, 0.15);
    }

    .license-thumb {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
        transition: all 0.4s;
        background: #fff;
    }

    .footer-license-preview:hover .license-thumb {
        transform: scale(1.05);
    }

    .license-overlay {
        display: none;
    }

    .footer-license-preview:hover .license-overlay {
        background: rgba(255, 107, 107, 0.05);
    }

    .license-overlay span {
        color: #fff;
        font-size: 0.7rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        pointer-events: none;
        opacity: 0.9;
    }

    .license-overlay::before {
        content: '📜';
        font-size: 1.4rem;
        margin-bottom: 3px;
        filter: grayscale(1) brightness(2);
        opacity: 0.5;
        transition: all 0.4s;
    }

    .footer-license-preview:hover .license-overlay::before {
        transform: translateY(-5px);
        opacity: 1;
        filter: grayscale(0) brightness(1);
    }

    /* Contacts Col */
    .contacts-col {
        gap: 20px;
    }

    .footer-contacts {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .contact-item {
        display: flex;
        align-items: center;
        gap: 15px;
        text-decoration: none;
        color: #fff;
        transition: opacity 0.2s;
    }

    .contact-item:hover {
        opacity: 0.8;
    }

    .contact-item svg {
        width: 20px;
        height: 20px;
        fill: #00A3FF;
    }

    .contact-item span {
        font-size: 1rem;
        font-weight: 700;
    }

    .footer-cta {
        background: linear-gradient(135deg, #ff6b6b 0%, #ee5253 100%);
        color: #fff;
        border: none;
        padding: 14px 28px;
        border-radius: 100px;
        font-weight: 800;
        font-size: 0.9rem;
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3);
        margin-top: 15px;
        text-align: center;
        white-space: nowrap;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .footer-cta:hover {
        transform: translateY(-3px) scale(1.05);
        box-shadow: 0 15px 40px rgba(255, 107, 107, 0.4);
    }

    /* License Full Modal */
    .license-modal {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.95);
        backdrop-filter: blur(15px);
        z-index: 9999999;
        align-items: center;
        justify-content: center;
        padding: 20px;
    }

    .license-modal__content {
        max-width: 95%;
        max-height: 90vh;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .full-license-img {
        max-width: 100%;
        max-height: 85vh;
        border-radius: 12px;
        box-shadow: 0 0 100px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 255, 255, 0.1);
        object-fit: contain;
    }

    .license-modal__close {
        position: fixed;
        top: 30px;
        right: 30px;
        background: rgba(255, 255, 255, 0.1);
        border: 2px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        line-height: 1;
        font-size: 50px;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 10000000;
        padding: 0;
        margin: 0;
    }

    .brand-col {
        position: relative;
    }

    .footer-license-preview {
        cursor: pointer;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: absolute;
        right: 0;
        bottom: 80px;
        background: rgba(255, 255, 255, 0.05);
        padding: 6px;
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(8px);
        width: 100px;
        height: auto;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    }

    .footer-license-preview:hover {
        transform: scale(1.1) translateY(-5px);
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(0, 163, 255, 0.4);
        box-shadow: 0 15px 40px rgba(0, 163, 255, 0.2);
    }

    .license-thumb {
        width: 100%;
        height: auto;
        border-radius: 8px;
        display: block;
    }

    .license-modal__close:hover {
        background: #ff6b6b;
        border-color: #ff6b6b;
        transform: rotate(90deg) scale(1.1);
        box-shadow: 0 0 20px rgba(255, 107, 107, 0.4);
    }

    /* Responsive Grid */
    @media (max-width: 1300px) {
        .footer-modern__container {
            grid-template-columns: 1fr 1fr;
            gap: 50px;
        }

        .brand-col {
            grid-column: span 2;
            text-align: center;
            align-items: center;
        }

        .footer-socials {
            justify-content: center;
        }
    }

    @media (max-width: 768px) {
        .footer-modern {
            padding: 60px 0 40px;
            overflow: hidden;
        }

        .footer-modern__container {
            grid-template-columns: 1fr;
            gap: 50px;
            text-align: center;
        }

        .footer-modern__col {
            align-items: center;
        }

        .footer-description {
            max-width: 100%;
        }

        .footer-title::after {
            left: 50%;
            transform: translateX(-50%);
        }

        .brand-col {
            grid-column: span 1;
        }

        .footer-links {
            align-items: center;
        }

        .footer-links a:hover {
            transform: scale(1.1);
        }

        .license-modal {
            padding: 20px;
        }

        .license-modal__close {
            top: 20px;
            right: 20px;
            width: 44px;
            height: 44px;
            font-size: 30px;
        }
    }