<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    {!! $settings->meta !!}

    <title>{{$settings->name}}</title>
    <link rel="stylesheet" href="/assets/css/e8c4c91.css">
    <link rel="stylesheet" href="/assets/css/xstyle.css?v=2.3.2">
    <link rel="manifest" href="/manifest.json">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />

    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script src="https://unpkg.com/@popperjs/core@2"></script>
    <script src="https://unpkg.com/tippy.js@6"></script>
    <script src="/assets/js/notify.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"
        integrity="sha512-ZwR1/gSZM3ai6vCdI+LVF1zSq/5HznD3ZSTk7kajkaj4D292NLuduDCO1c/NT8Id+jE58KYLKT7hXnbtryGmMg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/@vkid/sdk@latest/dist-sdk/umd/index.js"></script>

</head>

<body>
    <header class="container visible">
        <div class="nav-left">
            <img src="/assets/img/logo.png" alt="">
            <ul class="nav-items">
                <li><a class="nav-link active" href="#">Главная</a></li>
                <li><a class="nav-link" href="#benefits">Преимущества</a></li>
                <li><a class="nav-link" href="#offer">Наш оффер</a></li>
                <li><a class="nav-link" href="#geo">ГЕО</a></li>
                <li><a class="nav-link" href="#faq">F.A.Q</a></li>
                <li><a class="nav-link" href="#contacts">Контакты</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <div class="language-switcher">
                <button class="language-btn" onclick="toggleLanguage()">
                    <div class="language-circle">
                        <div class="language-half ru active">
                            <img src="/assets/img/ru.svg" alt="RU" style="pointer-events: none; user-select: none;">
                        </div>
                        <div class="language-half en">
                            <img src="/assets/img/en-land.png" alt="EN" style="pointer-events: none; user-select: none;">
                        </div>
                    </div>
                </button>
            </div>
            <style>
                .language-switcher {
                    position: relative;
                    margin-right: 15px;
                }
                .language-btn {
                    background: none;
                    border: none;
                    cursor: pointer;
                    padding: 0;
                }
                .language-circle {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    position: relative;
                    overflow: hidden;
                    background: #1E2531;
                    box-shadow: 0 0 15px rgba(0,0,0,0.3);
                    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
                }
                .language-circle:hover {
                    transform: scale(1.1);
                    box-shadow: 0 0 20px rgba(61, 82, 124, 0.4);
                }
                .language-half {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    background: linear-gradient(145deg, #273242, #1E2531);
                }
                .language-half img {
                    width: 24px;
                    height: 24px;
                    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
                    transition: all 0.4s ease;
                }
                .language-half.ru {
                    transform: translateY(0) rotate(0deg);
                    opacity: 1;
                }
                .language-half.en {
                    transform: translateY(100%) rotate(-180deg);
                    opacity: 0;
                }
                .language-circle.switched .language-half.ru {
                    transform: translateY(-100%) rotate(180deg);
                    opacity: 0;
                }
                .language-circle.switched .language-half.en {
                    transform: translateY(0) rotate(0deg);
                    opacity: 1;
                }
                .language-circle::after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: radial-gradient(circle at center, rgba(61, 82, 124, 0.2) 0%, transparent 70%);
                    opacity: 0;
                    transition: opacity 0.3s ease;
                }
                .language-circle:hover::after {
                    opacity: 1;
                }
            </style>
            <script>
                function toggleLanguage() {
                    const circle = document.querySelector('.language-circle');
                    circle.classList.toggle('switched');
                    
                    circle.style.transform = 'scale(0.9)';
                    setTimeout(() => {
                        circle.style.transform = 'scale(1.1)';
                    }, 150);
                    setTimeout(() => {
                        circle.style.transform = '';
                    }, 300);
                }
            </script>
            <a class="btn" href="#" onclick="showPopup('popup--signup')">Стать партнером</a>
            <div id="js-burger-wrapper" class="header__burger">
                <a class="burger">
                    <span class="burger__line"></span>
                    <span class="burger__line"></span>
                    <span class="burger__line"></span>
                </a>
            </div>
        </div>
    </header>
    <section class="container visible" id="main">
        <h2>Самая лучшая партнерская программа для твоего трафика</h2>
        <a class="btn" href="#" onclick="showPopup('popup--signup')">Стать партнером</a>
        <div class="models">
            <div class="model" style="--image: url('../img/revshareggr.svg');">
                <div class="flex">
                    <span class="name">
                        REVSHARE GGR
                    </span>
                    <span class="tooltip">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img src="/assets/img/tooltip.png" alt="" style="user-select: none; pointer-events: none;">
                        <span class="tooltiptext">Отчисления с проигрышей</span>
                    </span>
                </div>
                <span class="profit">от 60%</span>
            </div>
            <div class="model" style="--image: url('../img/revsharedep.svg');">
                <div class="flex">
                    <span class="name">
                        REVSHARE DEPOSIT
                    </span>
                    <span class="tooltip">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img src="/assets/img/tooltip.png" alt="" style="user-select: none; pointer-events: none;">
                        <span class="tooltiptext">Отчисления с депозитов</span>
                    </span>
                </div>
                <span class="profit">15%</span>
            </div>
            <div class="model" style="--image: url('../img/cpa.svg');">
                <div class="flex">
                    <span class="name">
                        CPA
                    </span>
                </div>
                <span class="profit">до $200</span>
            </div>
            <div class="model" style="--image: url('../img/cpm.svg');">
                <div class="flex">
                    <span class="name">
                        CPM
                    </span>
                </div>
                <span class="profit">от 20$</span>
            </div>
        </div>
    </section>
    <section class="container hidden mt-150" id="benefits">
        <h2 class="title">Преимущества</h2>
        <div class="benefits">
            <div class="benefit light h-400">
                <div class="info">
                    <h2>СОБСТВЕННЫЕ ИГРЫ</h2>
                    <span>Наши игры - наша визитная карточка для новых игроков</span>
                </div>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/games-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/games.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img src="/assets/img/games.svg" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
            <div class="benefit-group">
                <div class="benefit h-200 product">
                    <div class="info">
                        <h2>СВОЙ ПРОДУКТ</h2>
                        <span>Лучший проект iGaming-рынка с лучшей конверсией и понятным интерфейсом</span>
                    </div>
                    <picture>
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <source srcset="/assets/img/product-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                        <source srcset="/assets/img/product.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                        <img src="/assets/img/product.svg" alt="" style="user-select: none; pointer-events: none;">
                    </picture>
                </div>
                <div class="benefit h-200">
                    <div class="info">
                        <h2>КАЧЕСТВЕННЫЕ ПРОМОМАТЕРИАЛЫ</h2>
                        <span>У нас всегда есть свежие промо для ваших источников</span>
                    </div>
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img src="/assets/img/promo.svg" srcset="/assets/img/promo.svg 200w, /assets/img/promo.svg 270w"
                            sizes="(max-width: 768px) 200px, 270px" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="benefits">
            <div class="benefit h-300">
                <div class="info">
                    <h2>ДЕТАЛЬНАЯ СТАТИСТИКА</h2>
                    <span>Статистика без лишних показателей, мешающих анализу</span>
                </div>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/chart-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/chart.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img class="chart" src="/assets/img/chart.svg" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
            <div class="benefit h-300">
                <div class="info">
                    <h2>РАЗНЫЕ МОДЕЛИ СОТРУДНИЧЕСТВА</h2>
                    <span>Только у нас вы сможете работать по 4 моделям получения прибыли</span>
                </div>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/models-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/models.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img src="/assets/img/models.svg" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
        </div>
        <div class="benefits">
            <div class="benefit-group">
                <div class="benefit h-200">
                    <div class="info">
                        <h2>УДОБНЫЙ КАБИНЕТ</h2>
                        <span>У нас самый удобный личный кабинет партнера</span>
                    </div>
                    <picture>
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <source srcset="/assets/img/cabinet-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                        <source srcset="/assets/img/cabinet.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                        <img src="/assets/img/cabinet.svg" alt="" style="user-select: none; pointer-events: none;">
                    </picture>
                </div>
                <div class="benefit h-200">
                    <div class="info">
                        <h2>СУБПАРТНЕРСТВО</h2>
                        <span>Получайте доход, приглашая новых партнеров</span>
                    </div>
                    <picture>
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <source srcset="/assets/img/partners-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                        <source srcset="/assets/img/partners.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                        <img src="/assets/img/partners.svg" alt="" style="user-select: none; pointer-events: none;">
                    </picture>
                </div>
            </div>
            <div class="benefit purple h-400">
                <div class="info">
                    <h2>СОБСТВЕННАЯ НЕЙРОСЕТЬ</h2>
                    <span>Наша разработанная нейросеть автоматизирует получения вашего дохода</span>
                </div>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/ai-mobile.svg" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/ai.svg" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img src="/assets/img/ai.svg" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
        </div>
    </section>
    <section class="container-fluid hidden mt-150" id="offer">
        <h2 class="title">Наш оффер</h2>
        <div class="offer">
            <div class="sidebar">
                <div class="sidebar-background"></div>
                <div class="sidebar-item active" data-product="platform.svg">
                    <div class="sidebar-item-header">
                        <div class="sidebar-item-icon">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/crown.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                        <span>Быстрорастущий IGaming проект - BetusX</span>
                    </div>
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img class="mobile-img" src="/assets/img/platform.svg" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
                <div class="sidebar-item" data-product="our_games.png">
                    <div class="sidebar-item-header">
                        <div class="sidebar-item-icon">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/gamepad.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                        <span>Уникальные игры собственной разработки</span>
                    </div>
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img class="mobile-img" src="/assets/img/our_games.png" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
                <div class="sidebar-item" data-product="our_slots.png">
                    <div class="sidebar-item-header">
                        <div class="sidebar-item-icon">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/slots.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                        <span>Множество слотов и Live-дилеров</span>
                    </div>
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img class="mobile-img" src="/assets/img/our_slots.png" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
                <div class="sidebar-item" data-product="bonuses.png">
                    <div class="sidebar-item-header">
                        <div class="sidebar-item-icon">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/star.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                        <span>Постоянные бонусы для удержания игроков</span>
                    </div>
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img class="mobile-img" src="/assets/img/bonuses.png" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
            </div>
            <div class="product-info">
                <div style="position: relative;">
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <img src="/assets/img/platform.svg" alt="" style="user-select: none; pointer-events: none;">
                </div>
            </div>
            <div class="arrows">
                <div class="prev disabled">
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img src="/assets/img/arrow2.svg" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
                <div class="divider"></div>
                <div class="next">
                    <div style="position: relative;">
                        <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                        <img src="/assets/img/arrow2.svg" alt="" style="user-select: none; pointer-events: none;">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="container hidden mt-150" id="geo">
        <h2 class="title">ГЕО</h2>
        <picture>
            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
            <source srcset="/assets/img/map2.svg" media="(max-width: 768px)" style="user-select: none; pointer-events: none;">
            <source srcset="/assets/img/map1.svg" media="(min-width: 769px)" style="user-select: none; pointer-events: none;">
            <img class="map" src="/assets/img/map1.svg" alt="Карта" style="user-select: none; pointer-events: none;">
        </picture>
    </section>
    <section class="container hidden mt-150" id="faq">
        <h2 class="title">F.A.Q</h2>
        <div class="faq-info">
            <div class="accordion">
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>Как заработать с вами ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">
                            Если у вас есть интернет-сайт или любой другой ресурс с аудиторией, вы можете разместить на
                            нем партнерскую ссылку или баннер или любой другой подходящий вам и вашей аудитории
                            промоматериал, ведущий на сайт нашего продукта (оффера) - BetusX.

                            Любой игрок, пришедший с вашего ресурса и прошедший регистрацию, будет приносить вам прибыль
                            в зависимости от модели, которую вы выбрали. Партнерские ссылки и баннеры доступны в разделе
                            «ПРОМОМАТЕРИАЛЫ» партнерского кабинета
                        </div>
                    </div>
                </div>
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>В чем различия RevShare моделей сотрудничества ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">
                            На данный момент у нас существует 2 модели сотрудничества: RevShare 15% с депозитов и
                            RevShare 60% с GGR

                            RevShare 15% - это процент, который начисляется партнеру за каждый депозит его игроков, вне
                            зависимости от выигрышей и проигрышей

                            RevShare 60% с проигрыша - это процент, который начисляется партнеру с каждого проигрыша его
                            игроков. То есть если игрок сделал депозит в размере 100$, сделал ставку в размере 50$ и
                            проиграл ее, то партнеру зачисляется 30$, но если человек с изначального депозита в 100$
                            смог заработать 500$, то он сможет сделать больше ставок. Следовательно у него может быть
                            больше выигрышей или проигрышей, что влечет за собой возможный больший заработок для
                            партнера
                        </div>
                    </div>
                </div>
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>Как мне привлекать игроков ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">
                            В личном кабинете партнера вы можете создать кампанию и получить вашу реферальную ссылку и
                            разместить их на ресурсах с активной аудиторией. Формат рекламы BetusX остается полностью на
                            ваше усмотрение
                        </div>
                    </div>
                </div>
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>В чем преимущества работы с XPartners ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">
                            Как один из лучших проектов и его ответвлений iGaming-рынка мы предлагаем высокую и
                            постоянную стартовую ставку по RevShare, которая будет расти, приватные условия по СРА и
                            продукт с отличной конверсией click2reg и reg2dep на любом источнике трафика
                        </div>
                    </div>
                </div>
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>Как часто происходят выплаты из партнерской программы ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">Выплаты происходят ежедневно.</div>
                    </div>
                </div>
                <div class="accordion-tab">
                    <div class="accordion-tab__header">
                        <div class="accordion-tab__question">?</div>
                        <p>С каким ГЕО вы работаете ?</p>
                        <div class="accordion-tab__arrow">
                            <div style="position: relative;">
                                <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                                <img src="/assets/img/arrow.svg" alt="" style="user-select: none; pointer-events: none;">
                            </div>
                        </div>
                    </div>
                    <div class="accordion-tab__content">
                        <div class="accordion-tab_answer">
                            Мы работаем на данный момент с Россией, СНГ, Турцией, Индией и активно развиваемся в других
                            регионах мир
                        </div>
                    </div>
                </div>
            </div>
            <div class="about">
                <div class="chat">
                    <div class="message in">
                        <span>
                            Здравствуйте. У меня есть много трафика, как мне на нем заработать ?
                        </span>
                        <div style="position: relative;">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/avatar1.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                    </div>
                    <div class="message out">
                        <span>
                            Здравствуйте ! Начните привлекать пользователей на наш оффер BetusX и вы узнаете насколько
                            доходным может быть ваш трафик :)
                        </span>
                        <div style="position: relative;">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/avatar2.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                    </div>
                    <div class="message in">
                        <span>
                            Ого ! Спасибо, скорее регистрируюсь и начинаю лить
                        </span>
                        <div style="position: relative;">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/avatar1.png" alt="" style="user-select: none; pointer-events: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="container hidden mt-150" id="socials">
        <h2 class="title">Наши соцсети</h2>
        <div class="socials">
            <div class="social red">
                <p>Наш YouTube канал</p>
                <a class="btn" href="https://www.youtube.com/@XPARTNERSTRAFF" target="_blank">Перейти</a>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/youtube-sm.png" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/youtube.png" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img src="/assets/img/youtube.png" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
            <div class="social blue">
                <p>Наш Telegram канал</p>
                <a class="btn" href="https://t.me/xpartnerstg" target="_blank">Перейти</a>
                <picture>
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <source srcset="/assets/img/telegram-sm.png" media="(max-width: 1249px)" style="user-select: none; pointer-events: none;">
                    <source srcset="/assets/img/telegram.png" media="(min-width: 1250px)" style="user-select: none; pointer-events: none;">
                    <img src="/assets/img/telegram.png" alt="" style="user-select: none; pointer-events: none;">
                </picture>
            </div>
        </div>
    </section>
    <section class="container hidden mt-150" id="contacts">
        <h2 class="title">Контакты</h2>
        <div class="contacts">
            <p>Начни зарабатывать<br>прямо сейчас !</p>
            <a href="https://t.me/xpartnerstg" target="_blank">
                <div style="position: relative;">
                    <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                    <img src="/assets/img/telegram-icon.png" alt="" style="user-select: none; pointer-events: none;">
                </div>
                <div>
                    <span class="secondary">Telegram</span>
                    <span>@xpartnerstg</span>
                </div>
            </a>
        </div>
    </section>
    <footer>
        <div class="container footer-container">
            <div class="footer-nav">
                <div class="footer-socials">
                    <a class="social-btn" href="https://www.youtube.com/@XPARTNERSTRAFF" target="_blank">
                        <div style="position: relative;">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/yt-icon.png" alt="">
                        </div>
                    </a>
                    <a class="social-btn" href="https://t.me/xpartnerstg" target="_blank">
                        <div style="position: relative;">
                            <div style="position: absolute; width: 100%; height: 100%; z-index: 1; user-select: none; pointer-events: none;"></div>
                            <img src="/assets/img/tg-icon.png" alt="">
                        </div>
                    </a>
                </div>
                <a href="#">Главная</a>
                <a href="#">Преимущества</a>
                <a href="#">Наш оффер</a>
                <a href="#">ГЕО</a>
                <a href="#">F.A.Q</a>
                <a href="#">Контакты</a>
                <a href="#">Пользовательское соглашение</a>
                <a href="#">Политика конфиденциальности</a>
            </div>
            <div class="copyright">
                <span>
                    © 2024 XPartners LTD. Все права защищены. Содержимое этого сайта является исключительной
                    собственностью XPartners. Несанкционированное воспроизведение, модификация, распространение,
                    публикация, передача или любая форма копирования строго запрещены.
                </span>
            </div>
        </div>
    </footer>
    <div class="vm--container scrollable">
        <div data-modal="walletModal" aria-expanded="true" class="vm--overlay">
            <div class="vm--top-right-slot"></div>
        </div>
        <div aria-expanded="true" role="dialog" aria-modal="true" class="vm--modal popup popup--signup"
            style="width: 700px; height: auto;">
            <div class="modal-wrapper">
                <div class="modal-overlay"></div>
                <div class="modal-top-bar">
                    <div class="login-modal-warn">
                        <div class="login-modal-warn__message">Регистрация более 1 аккаунта
                            <strong>запрещена</strong>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="currentColor"
                            viewBox="0 0 512 512" class="">
                            <g>
                                <circle cx="256" cy="256" r="256" opacity=".2"></circle>
                                <path fill-rule="evenodd"
                                    d="M253.691 123h5.539c13.636 0 24.69 11.054 24.69 24.691v118.017c0 13.637-11.054 24.691-24.69 24.691h-5.539c-13.637 0-24.691-11.054-24.691-24.691V147.691C229 134.054 240.054 123 253.691 123Zm30.229 233.54c0 15.166-12.294 27.46-27.46 27.46S229 371.706 229 356.54s12.294-27.46 27.46-27.46 27.46 12.294 27.46 27.46Z">
                                </path>
                            </g>
                        </svg>
                    </div>
                </div>
                <div class="modal login-modal">
                    <div class="modal__close-button" onclick="closePopup()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="currentColor"
                            viewBox="0 0 512 512" class="">
                            <g>
                                <path
                                    d="M494.692 100.847L339.56 255.996l155.132 155.142c23.076 23.084 23.076 60.477 0 83.561-11.529 11.529-26.645 17.299-41.754 17.299-15.133 0-30.251-5.761-41.772-17.299L256 339.54 100.845 494.697c-11.528 11.53-26.645 17.299-41.767 17.299-15.118 0-30.225-5.76-41.763-17.299-23.075-23.073-23.075-60.468 0-83.561l155.128-155.141L17.306 100.847c-23.075-23.075-23.075-60.477 0-83.552 23.07-23.058 60.45-23.058 83.53 0l155.162 155.149 155.151-155.15c23.084-23.057 60.468-23.057 83.535 0 23.084 23.076 23.084 60.478.008 83.553z">
                                </path>
                            </g>
                        </svg>
                    </div>
                    <div class="modal__processing">
                        <div class="modal__processing-line">
                            <div class="modal__processing-gradient"></div>
                        </div>
                    </div>
                    <div class="modal-sidebar modal-sidebar_img"
                        style="background-image: url('/assets/img/login-poster.png');">
                    </div>
                    <div class="modal-content">
                        <form action="" method="post" id="signup-form">
                            <div class="modal-content-header">
                                <h2>Регистрация</h2>
                            </div>
                            <div class="modal-content-body">
                                <div class="login-methods-wrapper">
                                    <div class="input">
                                        <div class="input-wrapper">
                                            <input placeholder="Введите логин" autocomplete="off" type="text" id="login"
                                                name="login" style="--help-width: 48px;" required />
                                            <small class="error" id="userExists"></small>
                                        </div>
                                        <div class="input-wrapper">
                                            <input placeholder="Введите пароль" autocomplete="off" type="password"
                                                id="password" name="password" style="--help-width: 48px;" required />
                                        </div>
                                        <div class="input-wrapper">
                                            <input placeholder="Telegram" autocomplete="off" type="text" id="telegram"
                                                name="telegram" style="--help-width: 48px;" required />
                                        </div>
                                        <div class="btn-wrapper w-100 mt-1.5" style="margin-top: 18px;">
                                            <button class="btn btn_primary w-100" type="submit" name="signup">
                                                <span>Зарегистрироваться</span>
                                            </button>
                                            <div class="btn-loading"></div>
                                        </div>
                                    </div>
                                    <p style="margin-top: 10px;">Или выберите способ регистрации:</p>
                                    <div class="login-basic-methods">
                                        <a class="login-basic-methods__item login-basic-methods__item_vkontakte VKAuthBtn"
                                            href="{{route('vk.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path
                                                    d="M279.296 416C104.355 416 4.697 295.889 0 96h87.597c2.793 146.704 67.412 208.795 118.574 221.646V96h82.519v126.473C339.471 217.129 392.284 158.855 410.184 96h82.392a244.438 244.438 0 01-39.284 91.435 243.847 243.847 0 01-72.434 68.12 251.97 251.97 0 0182.772 66.1A252.646 252.646 0 01512 416h-90.771c-19.424-60.819-68.047-107.897-132.285-114.513V416h-9.648z">
                                                </path>
                                            </svg>
                                            <span>ВКонтакте</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_yandex"
                                            href="{{route('yandex.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path
                                                    d="M363.009 0h-72.745c-73.701 0-148.066 54.422-148.066 176.006 0 62.978 26.693 112.028 75.621 139.922l-89.555 162.091c-4.245 7.666-4.355 16.354-.296 23.24 3.963 6.725 11.208 10.741 19.379 10.741h45.298c10.291 0 18.316-4.974 22.163-13.688l83.966-164.232h6.128v157.451c0 11.096 9.363 20.469 20.445 20.469h39.576c12.427 0 21.106-8.678 21.106-21.104V22.403C386.03 9.213 376.565 0 363.009 0zm-58.105 261.126h-10.81c-41.915 0-66.939-34.214-66.939-91.523 0-71.259 31.611-96.648 61.195-96.648h16.554v188.171z">
                                                </path>
                                            </svg>
                                            <span>Яндекс</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_google"
                                            href="{{route('google.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <g>
                                                    <path
                                                        d="M492.668 211.489l-208.84-.01c-9.222 0-16.697 7.474-16.697 16.696v66.715c0 9.22 7.475 16.696 16.696 16.696h117.606c-12.878 33.421-36.914 61.41-67.58 79.194L384 477.589c80.442-46.523 128-128.152 128-219.53 0-13.011-.959-22.312-2.877-32.785-1.458-7.957-8.366-13.785-16.455-13.785z">
                                                    </path>
                                                    <path
                                                        d="M256 411.826c-57.554 0-107.798-31.446-134.783-77.979l-86.806 50.034C78.586 460.443 161.34 512 256 512c46.437 0 90.254-12.503 128-34.292v-.119l-50.147-86.81c-22.938 13.304-49.482 21.047-77.853 21.047z">
                                                    </path>
                                                    <path
                                                        d="M384 477.708v-.119l-50.147-86.809c-22.938 13.303-49.48 21.046-77.853 21.046V512c46.437 0 90.256-12.503 128-34.292zM100.174 256c0-28.369 7.742-54.91 21.043-77.847l-86.806-50.034C12.502 165.746 0 209.444 0 256s12.502 90.254 34.411 127.881l86.806-50.034c-13.301-22.937-21.043-49.478-21.043-77.847zM256 100.174c37.531 0 72.005 13.336 98.932 35.519 6.643 5.472 16.298 5.077 22.383-1.008l47.27-47.27c6.904-6.904 6.412-18.205-.963-24.603C378.507 23.673 319.807 0 256 0 161.34 0 78.586 51.557 34.411 128.119l86.806 50.034c26.985-46.533 77.229-77.979 134.783-77.979z">
                                                    </path>
                                                    <path
                                                        d="M354.932 135.693c6.643 5.472 16.299 5.077 22.383-1.008l47.27-47.27c6.903-6.904 6.411-18.205-.963-24.603C378.507 23.672 319.807 0 256 0v100.174c37.53 0 72.005 13.336 98.932 35.519z">
                                                    </path>
                                                </g>
                                            </svg>
                                            <span>Google</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_telegram"
                                            href="{{route('tg.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100"
                                                height="100" viewBox="0,0,256,256">
                                                <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1"
                                                    stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10"
                                                    stroke-dasharray="" stroke-dashoffset="0" font-family="none"
                                                    font-weight="none" font-size="none" text-anchor="none"
                                                    style="mix-blend-mode: normal">
                                                    <g transform="scale(5.12,5.12)">
                                                        <path
                                                            d="M46.137,6.552c-0.75,-0.636 -1.928,-0.727 -3.146,-0.238h-0.002c-1.281,0.514 -36.261,15.518 -37.685,16.131c-0.259,0.09 -2.521,0.934 -2.288,2.814c0.208,1.695 2.026,2.397 2.248,2.478l8.893,3.045c0.59,1.964 2.765,9.21 3.246,10.758c0.3,0.965 0.789,2.233 1.646,2.494c0.752,0.29 1.5,0.025 1.984,-0.355l5.437,-5.043l8.777,6.845l0.209,0.125c0.596,0.264 1.167,0.396 1.712,0.396c0.421,0 0.825,-0.079 1.211,-0.237c1.315,-0.54 1.841,-1.793 1.896,-1.935l6.556,-34.077c0.4,-1.82 -0.156,-2.746 -0.694,-3.201zM22,32l-3,8l-3,-10l23,-17z">
                                                        </path>
                                                    </g>
                                                </g>
                                            </svg>
                                            <span>Telegram</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="login-agreement">
                                    <p>
                                        Регистрируясь на сайте, Вы подтверждаете, что достигли совершеннолетия и
                                        ознакомились с <a href="/help/rules/terms-of-service" target="_blank">условиями
                                            предоставления услуг</a> и
                                        <a href="/help/rules/privacy-policy" target="_blank">политикой
                                            конфиденциальности</a>.
                                    </p>
                                </div>
                                <div class="login-mode">
                                    <p>
                                        Уже есть аккаунт?
                                        <strong onclick="showPopup('popup--signin')">
                                            Вход
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path fill-rule="evenodd"
                                                    d="M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm80.93-242.067l-79.298 124.122c-7.693 12.041-23.689 15.566-35.733 7.869-7.727-4.937-11.946-13.292-11.946-21.828 0-4.768 1.318-9.591 4.074-13.907l70.398-110.188-70.398-110.191c-7.692-12.044-4.17-28.039 7.873-35.735 12.039-7.697 28.039-4.168 35.732 7.873L336.93 242.07a25.877 25.877 0 010 27.863z">
                                                </path>
                                            </svg>
                                        </strong>
                                    </p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div aria-expanded="true" role="dialog" aria-modal="true" class="vm--modal popup popup--signin"
            style="width: 700px;">
            <div class="modal-wrapper">
                <div class="modal-overlay"></div>
                <div class="modal-top-bar">
                    <div class="login-modal-warn">
                        <div class="login-modal-warn__message">Регистрация более 1 аккаунта
                            <strong>запрещена</strong>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="currentColor"
                            viewBox="0 0 512 512" class="">
                            <g>
                                <circle cx="256" cy="256" r="256" opacity=".2"></circle>
                                <path fill-rule="evenodd"
                                    d="M253.691 123h5.539c13.636 0 24.69 11.054 24.69 24.691v118.017c0 13.637-11.054 24.691-24.69 24.691h-5.539c-13.637 0-24.691-11.054-24.691-24.691V147.691C229 134.054 240.054 123 253.691 123Zm30.229 233.54c0 15.166-12.294 27.46-27.46 27.46S229 371.706 229 356.54s12.294-27.46 27.46-27.46 27.46 12.294 27.46 27.46Z">
                                </path>
                            </g>
                        </svg>
                    </div>
                </div>
                <div class="modal login-modal">
                    <div class="modal__close-button" onclick="closePopup()">
                        <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" fill="currentColor"
                            viewBox="0 0 512 512" class="">
                            <g>
                                <path
                                    d="M494.692 100.847L339.56 255.996l155.132 155.142c23.076 23.084 23.076 60.477 0 83.561-11.529 11.529-26.645 17.299-41.754 17.299-15.133 0-30.251-5.761-41.772-17.299L256 339.54 100.845 494.697c-11.528 11.53-26.645 17.299-41.767 17.299-15.118 0-30.225-5.76-41.763-17.299-23.075-23.073-23.075-60.468 0-83.561l155.128-155.141L17.306 100.847c-23.075-23.075-23.075-60.477 0-83.552 23.07-23.058 60.45-23.058 83.53 0l155.162 155.149 155.151-155.15c23.084-23.057 60.468-23.057 83.535 0 23.084 23.076 23.084 60.478.008 83.553z">
                                </path>
                            </g>
                        </svg>
                    </div>
                    <div class="modal__processing">
                        <div class="modal__processing-line">
                            <div class="modal__processing-gradient"></div>
                        </div>
                    </div>
                    <div class="modal-sidebar modal-sidebar_img"
                        style="background-image: url('/assets/img/login-poster.png');">
                    </div>
                    <div class="modal-content">
                        <form action="" method="post" id="signin-form">
                            <div class="modal-content-header">
                                <h2>Вход</h2>
                            </div>
                            <div class="modal-content-body">
                                <div class="login-methods-wrapper">
                                    <div class="input">
                                        <div class="input-wrapper">
                                            <div class="input__error"></div>
                                            <input placeholder="Введите логин" autocomplete="off" type="text" id="login"
                                                name="login" style="--help-width: 48px;" />
                                            <small class="error" id="userWrong"></small>
                                        </div>
                                        <div class="input-wrapper">
                                            <div class="input__error"></div>
                                            <input placeholder="Введите пароль" autocomplete="off" type="password"
                                                id="password" name="password" style="--help-width: 48px;" />
                                        </div>
                                        <div class="btn-wrapper w-100 mt-1.5" style="margin-top: 18px;">
                                            <button class="btn btn_primary w-100" type="submit" name="signin">
                                                <span>Войти</span>
                                            </button>
                                            <div class="btn-loading"></div>
                                        </div>
                                    </div>
                                    <p style="margin-top: 10px;">Или выберите способ входа:</p>
                                    <div class="login-basic-methods">
                                        <a class="login-basic-methods__item login-basic-methods__item_vkontakte VKAuthBtn"
                                            href="{{route('vk.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path
                                                    d="M279.296 416C104.355 416 4.697 295.889 0 96h87.597c2.793 146.704 67.412 208.795 118.574 221.646V96h82.519v126.473C339.471 217.129 392.284 158.855 410.184 96h82.392a244.438 244.438 0 01-39.284 91.435 243.847 243.847 0 01-72.434 68.12 251.97 251.97 0 0182.772 66.1A252.646 252.646 0 01512 416h-90.771c-19.424-60.819-68.047-107.897-132.285-114.513V416h-9.648z">
                                                </path>
                                            </svg>
                                            <span>ВКонтакте</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_yandex"
                                            href="{{route('yandex.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path
                                                    d="M363.009 0h-72.745c-73.701 0-148.066 54.422-148.066 176.006 0 62.978 26.693 112.028 75.621 139.922l-89.555 162.091c-4.245 7.666-4.355 16.354-.296 23.24 3.963 6.725 11.208 10.741 19.379 10.741h45.298c10.291 0 18.316-4.974 22.163-13.688l83.966-164.232h6.128v157.451c0 11.096 9.363 20.469 20.445 20.469h39.576c12.427 0 21.106-8.678 21.106-21.104V22.403C386.03 9.213 376.565 0 363.009 0zm-58.105 261.126h-10.81c-41.915 0-66.939-34.214-66.939-91.523 0-71.259 31.611-96.648 61.195-96.648h16.554v188.171z">
                                                </path>
                                            </svg>
                                            <span>Яндекс</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_google"
                                            href="{{route('google.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <g>
                                                    <path
                                                        d="M492.668 211.489l-208.84-.01c-9.222 0-16.697 7.474-16.697 16.696v66.715c0 9.22 7.475 16.696 16.696 16.696h117.606c-12.878 33.421-36.914 61.41-67.58 79.194L384 477.589c80.442-46.523 128-128.152 128-219.53 0-13.011-.959-22.312-2.877-32.785-1.458-7.957-8.366-13.785-16.455-13.785z">
                                                    </path>
                                                    <path
                                                        d="M256 411.826c-57.554 0-107.798-31.446-134.783-77.979l-86.806 50.034C78.586 460.443 161.34 512 256 512c46.437 0 90.254-12.503 128-34.292v-.119l-50.147-86.81c-22.938 13.304-49.482 21.047-77.853 21.047z">
                                                    </path>
                                                    <path
                                                        d="M384 477.708v-.119l-50.147-86.809c-22.938 13.303-49.48 21.046-77.853 21.046V512c46.437 0 90.256-12.503 128-34.292zM100.174 256c0-28.369 7.742-54.91 21.043-77.847l-86.806-50.034C12.502 165.746 0 209.444 0 256s12.502 90.254 34.411 127.881l86.806-50.034c-13.301-22.937-21.043-49.478-21.043-77.847zM256 100.174c37.531 0 72.005 13.336 98.932 35.519 6.643 5.472 16.298 5.077 22.383-1.008l47.27-47.27c6.904-6.904 6.412-18.205-.963-24.603C378.507 23.673 319.807 0 256 0 161.34 0 78.586 51.557 34.411 128.119l86.806 50.034c26.985-46.533 77.229-77.979 134.783-77.979z">
                                                    </path>
                                                    <path
                                                        d="M354.932 135.693c6.643 5.472 16.299 5.077 22.383-1.008l47.27-47.27c6.903-6.904 6.411-18.205-.963-24.603C378.507 23.672 319.807 0 256 0v100.174c37.53 0 72.005 13.336 98.932 35.519z">
                                                    </path>
                                                </g>
                                            </svg>
                                            <span>Google</span>
                                        </a>
                                        <a class="login-basic-methods__item login-basic-methods__item_telegram"
                                            href="{{route('tg.auth')}}">
                                            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100"
                                                height="100" viewBox="0,0,256,256">
                                                <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1"
                                                    stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10"
                                                    stroke-dasharray="" stroke-dashoffset="0" font-family="none"
                                                    font-weight="none" font-size="none" text-anchor="none"
                                                    style="mix-blend-mode: normal">
                                                    <g transform="scale(5.12,5.12)">
                                                        <path
                                                            d="M46.137,6.552c-0.75,-0.636 -1.928,-0.727 -3.146,-0.238h-0.002c-1.281,0.514 -36.261,15.518 -37.685,16.131c-0.259,0.09 -2.521,0.934 -2.288,2.814c0.208,1.695 2.026,2.397 2.248,2.478l8.893,3.045c0.59,1.964 2.765,9.21 3.246,10.758c0.3,0.965 0.789,2.233 1.646,2.494c0.752,0.29 1.5,0.025 1.984,-0.355l5.437,-5.043l8.777,6.845l0.209,0.125c0.596,0.264 1.167,0.396 1.712,0.396c0.421,0 0.825,-0.079 1.211,-0.237c1.315,-0.54 1.841,-1.793 1.896,-1.935l6.556,-34.077c0.4,-1.82 -0.156,-2.746 -0.694,-3.201zM22,32l-3,8l-3,-10l23,-17z">
                                                        </path>
                                                    </g>
                                                </g>
                                            </svg>
                                            <span>Telegram</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="login-agreement">
                                    <p>
                                        Посещая сайт, Вы подтверждаете, что достигли совершеннолетия и ознакомились с <a
                                            href="/help/rules/terms-of-service" target="_blank">условиями предоставления
                                            услуг</a> и
                                        <a href="/help/rules/privacy-policy" target="_blank">политикой
                                            конфиденциальности</a>.
                                    </p>
                                </div>
                                <div class="login-mode">
                                    <p>
                                        Еще нет аккаунта?
                                        <strong onclick="showPopup('popup--signup')">
                                            Регистрация
                                            <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"
                                                fill="currentColor" viewBox="0 0 512 512" class="">
                                                <path fill-rule="evenodd"
                                                    d="M256 512c141.385 0 256-114.615 256-256S397.385 0 256 0 0 114.615 0 256s114.615 256 256 256zm80.93-242.067l-79.298 124.122c-7.693 12.041-23.689 15.566-35.733 7.869-7.727-4.937-11.946-13.292-11.946-21.828 0-4.768 1.318-9.591 4.074-13.907l70.398-110.188-70.398-110.191c-7.692-12.044-4.17-28.039 7.873-35.735 12.039-7.697 28.039-4.168 35.732 7.873L336.93 242.07a25.877 25.877 0 010 27.863z">
                                                </path>
                                            </svg>
                                        </strong>
                                    </p>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="overlay"></div>
    <div id="js-burger-nav" class="header__burger-menu">
        <div class="burger-menu">
            <div id="js-burger-wrapper" class="header__burger">
                <a id="js-burger" class="burger">
                    <img src="/assets/img/close.svg" alt="">
                </a>
            </div>
            <div class="burger-menu__nav">
                <a href="#main" class="burger-menu__nav-elem js-close-burger">Главная</a>
                <a href="#benefits" class="burger-menu__nav-elem js-close-burger">Преимущества</a>
                <a href="#offer" class="burger-menu__nav-elem js-close-burger">Наш оффер</a>
                <a href="#faq" class="burger-menu__nav-elem js-close-burger">F.A.Q</a>
                <a href="#geo" class="burger-menu__nav-elem js-close-burger">ГЕО</a>
                <a href="#contacts" class="burger-menu__nav-elem js-close-burger">Контакты</a>
                <a href="#" class="burger-menu__nav-elem btn js-close-burger">Стать партнером</a>
                <div class="burger-socials">
                    <a class="social-btn" href="#"><img src="/assets/img/yt-icon.png" alt=""></a>
                    <a class="social-btn" href="#"><img src="/assets/img/tg-icon.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <script src="/assets/js/main.js?v=4.3"></script>
    <script>
        $(document).ready(function () {

            const items = $(".sidebar-item");
            const leftArrow = $(".prev");
            const rightArrow = $(".next");
            let currentIndex = 0;

            function updateState() {
                const sidebar = $('.sidebar');
                const itemWidth = items[0].getBoundingClientRect().width;
                const gap = parseFloat(sidebar.css('gap'));
                const offset = -(currentIndex * (itemWidth + gap));

                $('.sidebar').css('transform', `translateX(${offset}px)`);

                leftArrow.toggleClass("disabled", currentIndex === 0);
                rightArrow.toggleClass("disabled", currentIndex === items.length - 1);

                const showDivider = !leftArrow.hasClass("disabled") && !rightArrow.hasClass("disabled");
                $('.divider').toggle(showDivider);
            }

            leftArrow.on("click", function () {
                if (currentIndex > 0) {
                    currentIndex--;
                    updateState();
                }
            });

            rightArrow.on("click", function () {
                if (currentIndex < items.length - 1) {
                    currentIndex++;
                    updateState();
                }
            });

            updateState();


            const activeItem = $(".sidebar-item.active");
            const blockHeight = activeItem.outerHeight(true);
            const offsetTop = activeItem.position().top;
            $(".sidebar-background").css({
                transform: `translateY(${offsetTop}px)`,
                height: `${blockHeight}px`
            });


            $('.sidebar-item').click(function () {
                $('.sidebar-item').removeClass('active');
                $(this).addClass('active');

                const blockHeight = $(this).outerHeight(false);
                const offsetTop = $(this).position().top;

                $('.sidebar-background').css({
                    transform: `translateY(${offsetTop}px)`,
                    height: `${blockHeight}px`,
                });

                const product = $(this).data('product');
                $('.product-info img').attr('src', 'assets/img/' + product);
            });

            $(".burger").on("click", function (e) {
                e.preventDefault();
                e.stopPropagation();
                $("#js-burger").toggleClass("active");
                $('.overlay').fadeToggle(200);
                $(".header__burger-menu").toggleClass("active");
            });

            $("#js-burger").on("click", function (e) {
                e.preventDefault();
                e.stopPropagation();
                $(this).removeClass("active");
                $('.overlay').fadeOut(200);
                $(".header__burger-menu").removeClass("active");
            });

            $('.js-close-burger').on("click", function () {
                $("#js-burger").removeClass("active");
                $('.overlay').fadeOut(200);
                $(".header__burger-menu").removeClass("active");
            });

            $(".accordion-tab").each(function () {
                $(this).on("click", function () {
                    let content = $(this).find(".accordion-tab__content");
                    if (content.height()) {
                        let currentHeight = content.height();
                        content.height(currentHeight);
                        setTimeout(() => {
                            content.height(0);
                        }, 0);
                        $(this).removeClass('opened');
                    } else {
                        content.height(content.get(0).scrollHeight);
                        $(this).addClass('opened');
                    }
                });
            });

            function handleScrollAnimations() {
                const windowBottom = $(window).scrollTop() + $(window).height();

                $(".hidden").each(function () {
                    const elementTop = $(this).offset().top;
                    if (elementTop < windowBottom - 50) {
                        $(this).addClass("visible").removeClass("hidden");
                    }
                });

                const chatBlock = $(".chat");
                const chatTop = chatBlock.offset().top;
                const chatBottom = chatTop + chatBlock.outerHeight();
                if (chatTop < windowBottom && chatBottom > $(window).scrollTop()) {
                    $(".message").each(function (index) {
                        $(this).addClass("animate").css("animation-delay", `${index * 0.4}s`);
                    });
                }

                $(".benefit").each(function (index) {
                    const elementTop = $(this).offset().top;
                    if (elementTop < windowBottom - 50) {
                        $(this).addClass("slide-up").css("transition-delay", `${index * 0.1}s`);
                    }
                });
            }

            handleScrollAnimations();
            $(window).on("scroll", handleScrollAnimations);
            $(document.body).on('touchmove', handleScrollAnimations);
        });
    </script>
</body>

</html>