<?php
function country()
{
    if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
        $ip = $_SERVER['HTTP_CLIENT_IP'];
    } elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
        $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
    } else {
        $ip = $_SERVER['REMOTE_ADDR'];
    }

    if (filter_var($ip, FILTER_VALIDATE_IP)) {
        $ipdat = @json_decode(file_get_contents("http://ip-api.com/json/{$ip}"));
        if (!empty($ipdat) && @strlen(trim($ipdat->countryCode)) == 2) {
            return strtolower($ipdat->countryCode);
        }
    }

    return 'tr';
}

$country = strtoupper(country());
$utm_source  = $_GET['utm_source']  ?? '';
$utm_creo    = $_GET['utm_creo']    ?? '';
$utm_account = $_GET['utm_account'] ?? '';
?>
<!DOCTYPE html>
<html lang="ru">
<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Meridian Legal — помощь в возврате средств после мошенничества</title>
  <meta name="description" content="Потеряли деньги из-за лжеброкера, инвестиционной схемы или кражи криптовалюты? Meridian Legal поможет оценить возможности возврата. Бесплатный разбор ситуации, без предоплаты.">
  <meta name="keywords" content="возврат средств, инвестиционное мошенничество, возврат криптовалюты, обман брокера, оспаривание платежа, чарджбэк, помощь пострадавшим от мошенников">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="index.htm">
  <meta property="og:title" content="Meridian Legal — помощь в возврате средств после мошенничества">
  <meta property="og:description" content="Брокер заблокировал вывод или мошенники похитили ваши средства? Разберём документы и определим доступные способы возврата. Бесплатно и конфиденциально.">
  <meta property="og:url" content="https://fnflowrecsite.online/">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://fnflowrecsite.online/img/logo.png">

  <link rel="icon" type="image/x-icon" href="img/favicon.ico">
  <link rel="icon" type="image/svg+xml" href="img/favicon.svg">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/="">
  <link href="css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Jost:wght@300;400;500;600&display=swap" rel="stylesheet">

  <!-- Cloudflare Turnstile -->
  <!-- <script src="turnstile/v0/g/330e41bb475c/api.js" async="" defer=""></script> -->

  <link rel="stylesheet" href="css/style.css?2">
  <link rel="stylesheet" href="css/cookie-consent.css">

</head>
<style>
  .cookie,
  .cookie * {
    box-sizing: border-box;
  }

  .cookie {
    position: fixed;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 999999999;

    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: min(760px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 40px);

    padding: 18px 20px;
    margin: 0;

    overflow-x: hidden;
    overflow-y: auto;

    border: 2px solid #111111;
    border-radius: 18px;

    background: #363434;
    color: #111111;
  }

  .cookie__text {
    flex: 1 1 auto;
    min-width: 0;

    margin: 0;

    color: #111111;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;

    overflow-wrap: anywhere;
    word-break: normal;
  }

  .cookie__text > a {
    color: darkblue;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  .cookie__text > a:hover {
    text-decoration: underline;
  }

  .cookiebtnblock {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;

    min-width: 0;
  }

  .cookie__btn {
    min-width: 110px;
    min-height: 44px;
    padding: 0 18px;

    border: 2px solid #111111;
    border-radius: 8px;

    background: #111111;
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;

    cursor: pointer;
    transition:
      background-color 0.25s ease,
      border-color 0.25s ease,
      color 0.25s ease,
      opacity 0.25s ease;
  }

  .cookie__btn:hover {
    background: #046104;
    border-color: #046104;
    color: #ffffff;
  }

  .cookie__btn:focus-visible {
    outline: 3px solid rgba(16, 42, 92, 0.35);
    outline-offset: 2px;
  }

  .declineBtnn {
    margin: 0;
    background: #ffffff;
    color: #111111;
  }

  .declineBtnn:hover {
    background: #d90000;
    border-color: #d90000;
    color: #ffffff;
  }

  .dndndndn:disabled,
  .cookie__btn:disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }

  /* Планшеты */
  @media screen and (max-width: 820px) {
    .cookie {
      bottom: 16px;
      width: calc(100vw - 28px);
      max-width: calc(100vw - 28px);
      padding: 16px 18px;
      gap: 16px;
    }

    .cookie__text {
      font-size: 13px;
    }

    .cookiebtnblock {
      flex-wrap: wrap;
    }

    .cookie__btn {
      min-width: 100px;
      padding-right: 14px;
      padding-left: 14px;
    }
  }

  /* Телефоны */
  @media screen and (max-width: 600px) {
    .cookie {
      left: 12px;
      right: 12px;
      bottom: max(12px, env(safe-area-inset-bottom));
      transform: none;

      width: auto;
      max-width: none;
      max-height: calc(
        100dvh - 24px - env(safe-area-inset-bottom)
      );

      flex-direction: column;
      align-items: stretch;
      gap: 16px;

      padding: 16px;

      border-radius: 14px;
      box-shadow: 6px 6px 0 #3f3f3f;
    }

    .cookie__text {
      width: 100%;
      font-size: 13px;
      line-height: 1.5;
      text-align: center;
    }

    .cookiebtnblock {
      width: 100%;
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .cookie__btn {
      width: 100%;
      min-width: 0;
      min-height: 46px;
    }

    .declineBtnn {
      margin: 0;
    }
  }

  /* Очень узкие экраны */
  @media screen and (max-width: 360px) {
    .cookie {
      left: 8px;
      right: 8px;
      padding: 14px;
    }

    .cookie__text {
      font-size: 12px;
    }

    .cookie__btn {
      font-size: 13px;
    }
  }
</style>

<div class="cookie" role="dialog" aria-live="polite" aria-label="Уведомление об использовании файлов cookie">
  <p class="cookie__text">
    Мы используем файлы cookie и можем показывать персонализированную рекламу в соответствии с
    <a
      href="https://policies.google.com/technologies/cookies"
      target="_blank"
      rel="noopener noreferrer"
    >
      Политикой конфиденциальности Google
    </a>.
  </p>

  <div class="cookiebtnblock">
    <button class="cookie__btn agreeBtnn" type="button">
      Принять
    </button>

    <button class="cookie__btn declineBtnn" type="button">
      Отклонить
    </button>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const cookieBanner = document.querySelector('.cookie');
    const cookieBtn = document.querySelector('.agreeBtnn');
    const cookieBtnDecline = document.querySelector('.declineBtnn');

    if (!cookieBanner || !cookieBtn || !cookieBtnDecline) {
      return;
    }

    const cookieStatus = localStorage.getItem('cookieBannerStatus');

    if (!cookieStatus) {
      cookieBanner.style.display = 'flex';
    }

    function closeCookieBanner(status) {
      localStorage.setItem('cookieBannerStatus', status);
      cookieBanner.style.display = 'none';
    }

    cookieBtn.addEventListener('click', function () {
      closeCookieBanner('accepted');
    });

    cookieBtnDecline.addEventListener('click', function () {
      closeCookieBanner('declined');
    });
  });
</script>
<body>

<!-- ═══════════════ HEADER ═══════════════ -->
<header class="site-header" id="top">
  <div class="container hdr-inner">
    <a href="#top" class="logo-wrap" aria-label="Meridian Legal — главная">
      <img src="img/1.svg?v=1" alt="Meridian Legal" class="logo logo-dark" width="180" height="46">
      <img src="img/1.svg?v=1" alt="Meridian Legal" class="logo logo-light" width="180" height="46">
    </a>
    <nav class="main-nav" id="mainNav" aria-label="Основная навигация">
      <a href="#process">Этапы работы</a>
      <a href="#services">Услуги</a>
      <a href="#about">О нас</a>
      <a href="#faq">Вопросы</a>
      <a href="#contact" class="nav-btn">Разобрать ситуацию</a>
    </nav>
    <button class="nav-toggle" id="navToggle" aria-label="Открыть или закрыть меню" aria-expanded="false">
      <span></span><span></span><span></span>
    </button>
  </div>
</header>

<!-- ═══════════════ HERO ═══════════════ -->
<section class="hero" id="hero">
  <!-- Animated background texture -->
  <div class="hero-texture" aria-hidden="true">
    <div class="texture-lines"></div>
    <div class="gold-beam beam-1"></div>
    <div class="gold-beam beam-2"></div>
  </div>

  <div class="container hero-layout">
    <div class="hero-text">
      <div class="eyebrow reveal">
        <span class="eyebrow-line"></span>
        Помогаем вернуть утраченные средства
      </div>
      <h1 class="hero-h1 reveal r1">
        Ваши деньги.<br>
        <em>Ваше право</em><br>
        на возврат.
      </h1>
      <p class="hero-sub reveal r2">
        Брокер не выводит деньги? Инвестиционный проект исчез, а криптоактивы оказались у мошенников? Наши юристы и финансовые специалисты разберут вашу ситуацию и определят возможные пути возврата. Первая оценка — бесплатно.
      </p>
      <div class="hero-ctas reveal r3">
        <a href="#contact" class="cta-primary">Получить оценку дела</a>
        <a href="#process" class="cta-outline">Как мы работаем</a>
      </div>
    </div>
    <div class="hero-card reveal r4" aria-hidden="true">
      <div class="card-badge">Конфиденциально</div>
      <div class="card-icon">
        <svg viewbox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
          <circle cx="40" cy="40" r="38" stroke="#C9A84C" stroke-width="1" stroke-dasharray="6 4" opacity="0.4"></circle>
          <circle cx="40" cy="40" r="28" stroke="#C9A84C" stroke-width="1" opacity="0.25"></circle>
          <!-- Scales of justice -->
          <line x1="40" y1="16" x2="40" y2="58" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round"></line>
          <line x1="24" y1="28" x2="56" y2="28" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round"></line>
          <path d="M24 28 Q20 38 24 43 Q28 48 32 43 Q36 38 32 28" stroke="#C9A84C" stroke-width="1.3" fill="rgba(201,168,76,0.12)"></path>
          <path d="M56 28 Q52 38 56 43 Q60 48 64 43 Q68 38 64 28" stroke="#C9A84C" stroke-width="1.3" fill="rgba(201,168,76,0.12)"></path>
          <line x1="32" y1="58" x2="48" y2="58" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round"></line>
          <circle cx="40" cy="16" r="3" fill="#C9A84C"></circle>
        </svg>
      </div>
      <ul class="card-list">
        <li><span class="chk">✓</span> Первичный разбор без оплаты</li>
        <li><span class="chk">✓</span> Вознаграждение за результат</li>
        <li><span class="chk">✓</span> Рассмотрение заявки за 48 часов</li>
        <li><span class="chk">✓</span> Работа с делами в разных странах</li>
        <li><span class="chk">✓</span> Защита данных по стандартам GDPR</li>
      </ul>
    </div>
  </div>

  <!-- Stats bar -->
  <div class="stats-bar reveal r5">
    <div class="container stats-inner">
      <div class="stat-item">
        <span class="stat-val"><span class="count" data-to="93">0</span><span class="stat-sym">%</span></span>
        <span class="stat-lbl">Успешных дел</span>
      </div>
      <div class="stat-sep" aria-hidden="true"></div>
      <div class="stat-item">
        <span class="stat-val"><span class="count" data-to="3100">0</span><span class="stat-sym">+</span></span>
        <span class="stat-lbl">Рассмотренных обращений</span>
      </div>
      <div class="stat-sep" aria-hidden="true"></div>
      <div class="stat-item">
        <span class="stat-val"><span class="stat-sym">€</span><span class="count" data-to="52">0</span><span class="stat-sym"> млн+</span></span>
        <span class="stat-lbl">Возвращено клиентам</span>
      </div>
      <div class="stat-sep" aria-hidden="true"></div>
      <div class="stat-item">
        <span class="stat-val"><span class="count" data-to="40">0</span><span class="stat-sym">+</span></span>
        <span class="stat-lbl">Стран присутствия</span>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ TRUST BAR ═══════════════ -->
<section class="trust-strip">
  <div class="container">
    <p class="trust-label">Наши направления</p>
    <div class="trust-items">
      <div class="trust-item">
        <svg viewbox="0 0 20 20" fill="none"><path d="M10 2l2.4 4.8L18 7.6l-4 3.9 1 5.5L10 14.4l-5 2.6 1-5.5-4-3.9 5.6-.8z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>
        Инвестиционное мошенничество
      </div>
      <div class="trust-item">
        <svg viewbox="0 0 20 20" fill="none"><path d="M10 2l2.4 4.8L18 7.6l-4 3.9 1 5.5L10 14.4l-5 2.6 1-5.5-4-3.9 5.6-.8z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>
        Обман на торговых платформах
      </div>
      <div class="trust-item">
        <svg viewbox="0 0 20 20" fill="none"><path d="M10 2l2.4 4.8L18 7.6l-4 3.9 1 5.5L10 14.4l-5 2.6 1-5.5-4-3.9 5.6-.8z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>
        Криптовалютные схемы
      </div>
      <div class="trust-item">
        <svg viewbox="0 0 20 20" fill="none"><path d="M10 2l2.4 4.8L18 7.6l-4 3.9 1 5.5L10 14.4l-5 2.6 1-5.5-4-3.9 5.6-.8z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>
        Оспаривание платежей
      </div>
      <div class="trust-item">
        <svg viewbox="0 0 20 20" fill="none"><path d="M10 2l2.4 4.8L18 7.6l-4 3.9 1 5.5L10 14.4l-5 2.6 1-5.5-4-3.9 5.6-.8z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg>
        Форекс и бинарные опционы
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ PROCESS ═══════════════ -->
<section class="section process" id="process">
  <div class="container">
    <div class="sec-head reveal">
      <span class="sec-tag">Этапы работы</span>
      <h2 class="sec-title">От первого обращения до результата</h2>
      <p class="sec-sub">На каждом этапе вы понимаете, что происходит с делом, какие документы нужны и какие шаги предстоят.</p>
    </div>

    <div class="process-grid">
      <div class="process-step reveal">
        <div class="ps-num">01</div>
        <div class="ps-body">
          <div class="ps-icon">
            <svg viewbox="0 0 40 40" fill="none"><rect x="6" y="6" width="28" height="28" rx="3" stroke="#C9A84C" stroke-width="1.3"></rect><path d="M13 20h14M13 14h8M13 26h10" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path></svg>
          </div>
          <h3>Расскажите, что произошло</h3>
          <p>Укажите в форме, куда и когда вы переводили деньги. Мы рассмотрим обращение в течение 48 часов. Первичная оценка бесплатна и не обязывает вас заказывать услуги.</p>
        </div>
      </div>

      <div class="ps-arrow" aria-hidden="true">
        <svg viewbox="0 0 40 16" fill="none"><path d="M0 8h36M30 2l6 6-6 6" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
      </div>

      <div class="process-step reveal r1">
        <div class="ps-num">02</div>
        <div class="ps-body">
          <div class="ps-icon">
            <svg viewbox="0 0 40 40" fill="none"><circle cx="20" cy="20" r="13" stroke="#C9A84C" stroke-width="1.3"></circle><path d="M15 20l4 4 7-7" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
          </div>
          <h3>Изучим доказательства</h3>
          <p>Проверим доступные способы возврата: оспаривание платежа через банк, жалобы регуляторам, судебное разбирательство. Для криптовалютных переводов подключим анализ блокчейна.</p>
        </div>
      </div>

      <div class="ps-arrow" aria-hidden="true">
        <svg viewbox="0 0 40 16" fill="none"><path d="M0 8h36M30 2l6 6-6 6" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
      </div>

      <div class="process-step reveal r2">
        <div class="ps-num">03</div>
        <div class="ps-body">
          <div class="ps-icon">
            <svg viewbox="0 0 40 40" fill="none"><path d="M20 8l10 4v8c0 7-5 12-10 14C15 32 10 27 10 20v-8l10-4z" stroke="#C9A84C" stroke-width="1.3" stroke-linejoin="round"></path><path d="M15 20l4 4 7-7" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path></svg>
          </div>
          <h3>Начнём работу по делу</h3>
          <p>Подготовим обращения, выстроим переписку с банками и надзорными органами, задействуем правовые механизмы. Вы будете получать информацию о ходе работы.</p>
        </div>
      </div>

      <div class="ps-arrow" aria-hidden="true">
        <svg viewbox="0 0 40 16" fill="none"><path d="M0 8h36M30 2l6 6-6 6" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
      </div>

      <div class="process-step reveal r3">
        <div class="ps-num">04</div>
        <div class="ps-body">
          <div class="ps-icon">
            <svg viewbox="0 0 40 40" fill="none"><rect x="8" y="14" width="24" height="16" rx="2" stroke="#C9A84C" stroke-width="1.3"></rect><path d="M14 14v-4a6 6 0 0112 0v4" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path><circle cx="20" cy="22" r="2.5" fill="#C9A84C" opacity="0.6"></circle></svg>
          </div>
          <h3>Завершим возврат</h3>
          <p>Возвращённые средства поступают вам. Вознаграждение команды выплачивается только после успешного возврата — без предварительной оплаты.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ SERVICES ═══════════════ -->
<section class="section services alt-bg" id="services">
  <div class="container">
    <div class="sec-head reveal">
      <span class="sec-tag">Услуги</span>
      <h2 class="sec-title">С какими ситуациями мы помогаем</h2>
      <p class="sec-sub">За разными обещаниями высокой доходности часто стоят похожие схемы. Мы знаем, где искать доказательства и с чего начинать работу.</p>
    </div>

    <div class="svc-grid">
      <div class="svc-card reveal">
        <div class="svc-num">I</div>
        <div class="svc-icon">
          <svg viewbox="0 0 52 52" fill="none"><rect x="6" y="12" width="40" height="28" rx="3" stroke="#C9A84C" stroke-width="1.3"></rect><path d="M6 20h40" stroke="#C9A84C" stroke-width="1.3"></path><path d="M14 30h10M14 34h7" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path><path d="M36 26a4 4 0 100 8 4 4 0 000-8z" stroke="#C9A84C" stroke-width="1.3"></path><path d="M34 30h4M36 28v4" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path></svg>
        </div>
        <h3>Инвестиционные схемы</h3>
        <p>Финансовые пирамиды, фиктивные управляющие и нелегальные инвестиционные площадки. Разбираем случаи, когда обещанная прибыль обернулась потерей вложений.</p>
        <ul class="svc-tags">
          <li>Лжеброкеры</li><li>Финансовые пирамиды</li><li>Хайп-проекты</li><li>Бинарные опционы</li>
        </ul>
      </div>

      <div class="svc-card reveal r1">
        <div class="svc-num">II</div>
        <div class="svc-icon">
          <svg viewbox="0 0 52 52" fill="none"><path d="M10 36L20 20l8 8 8-14 6 8" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path><rect x="6" y="8" width="40" height="36" rx="3" stroke="#C9A84C" stroke-width="1.3"></rect></svg>
        </div>
        <h3>Обман на торговых платформах</h3>
        <p>Торговая площадка меняет котировки, блокирует вывод или требует новые платежи для «разблокировки» счёта. Изучим операции и условия, на которых вы переводили деньги.</p>
        <ul class="svc-tags">
          <li>Мошенничество на форексе</li><li>Схемы с CFD</li><li>Блокировка вывода</li><li>Поддельные терминалы</li>
        </ul>
      </div>

      <div class="svc-card reveal r2">
        <div class="svc-num">III</div>
        <div class="svc-icon">
          <svg viewbox="0 0 52 52" fill="none"><circle cx="26" cy="26" r="18" stroke="#C9A84C" stroke-width="1.3"></circle><path d="M26 16v4M26 32v4M16 26h4M32 26h4" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path><circle cx="26" cy="26" r="6" stroke="#C9A84C" stroke-width="1.3"></circle></svg>
        </div>
        <h3>Кража криптоактивов</h3>
        <p>Фальшивые биржи, фишинг кошельков, вывод ликвидности создателями проекта и взломы DeFi. Анализируем цепочку транзакций, чтобы проследить движение активов и найти возможности возврата.</p>
        <ul class="svc-tags">
          <li>Поддельные биржи</li><li>Вывод ликвидности</li><li>Мошенничество в DeFi</li><li>Обман с NFT</li>
        </ul>
      </div>

      <div class="svc-card reveal r3">
        <div class="svc-num">IV</div>
        <div class="svc-icon">
          <svg viewbox="0 0 52 52" fill="none"><path d="M26 10l16 6v12c0 10-7 18-16 20C17 46 10 38 10 28V16l16-6z" stroke="#C9A84C" stroke-width="1.3" stroke-linejoin="round"></path><path d="M19 27l5 5 10-10" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg>
        </div>
        <h3>Споры по платежам</h3>
        <p>Готовим доказательства и заявления для банков и платёжных систем. Помогаем оспорить мошеннические списания и обосновать требование о возврате средств.</p>
        <ul class="svc-tags">
          <li>Чарджбэк</li><li>Споры по картам</li><li>Возврат переводов</li><li>Сбор доказательств</li>
        </ul>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ ABOUT / WHY US ═══════════════ -->
<section class="section about" id="about">
  <div class="container about-layout">
    <div class="about-left reveal">
      <span class="sec-tag">Почему Meridian Legal</span>
      <h2 class="sec-title">Опыт, который работает на ваше дело</h2>
      <p>С 2016 года Meridian Legal помогает пострадавшим от финансового мошенничества оценивать перспективы возврата и добиваться результата. Мы объединяем юридическую работу, анализ денежных потоков и взаимодействие с надзорными органами.</p>
      <p>В нашей команде — лицензированные специалисты, работающие с делами в ЕС, Великобритании, США и Азиатско-Тихоокеанском регионе. Это позволяет учитывать местные законы, требования банков и порядок рассмотрения жалоб.</p>
      <a href="#contact" class="cta-primary" style="margin-top:2rem;display:inline-flex">Обсудить мою ситуацию</a>
    </div>
    <div class="about-right">
      <div class="feat reveal">
        <div class="feat-icon"><svg viewbox="0 0 24 24" fill="none"><path d="M12 2l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z" stroke="#C9A84C" stroke-width="1.3" stroke-linejoin="round"></path></svg></div>
        <div>
          <h4>Без предоплаты</h4>
          <p>Вы оплачиваете результат: вознаграждение начисляется после возврата средств. Для начала работы не нужно вносить аванс.</p>
        </div>
      </div>
      <div class="feat reveal r1">
        <div class="feat-icon"><svg viewbox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="#C9A84C" stroke-width="1.3"></circle><path d="M8 12l3 3 5-5" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path></svg></div>
        <div>
          <h4>Учитываем законы разных стран</h4>
          <p>Юристы с опытом в ЕС, Великобритании, США и странах Азии координируют работу по международным делам.</p>
        </div>
      </div>
      <div class="feat reveal r2">
        <div class="feat-icon"><svg viewbox="0 0 24 24" fill="none"><rect x="3" y="11" width="18" height="11" rx="2" stroke="#C9A84C" stroke-width="1.3"></rect><path d="M7 11V7a5 5 0 0110 0v4" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path></svg></div>
        <div>
          <h4>Отслеживаем криптопереводы</h4>
          <p>Собственные инструменты анализа помогают проследить путь криптовалюты между кошельками и централизованными биржами.</p>
        </div>
      </div>
      <div class="feat reveal r3">
        <div class="feat-icon"><svg viewbox="0 0 24 24" fill="none"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2" stroke="#C9A84C" stroke-width="1.3" stroke-linecap="round"></path><circle cx="12" cy="7" r="4" stroke="#C9A84C" stroke-width="1.3"></circle></svg></div>
        <div>
          <h4>Один специалист на связи</h4>
          <p>Ваше дело сопровождает персональный специалист: от первого разбора до завершения возврата. Всегда понятно, к кому обратиться за ответом.</p>
        </div>
      </div>
      <div class="feat reveal r4">
        <div class="feat-icon"><svg viewbox="0 0 24 24" fill="none"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke="#C9A84C" stroke-width="1.3" stroke-linejoin="round"></path></svg></div>
        <div>
          <h4>Бережно относимся к данным</h4>
          <p>Обрабатываем материалы дела в соответствии с GDPR. Не передаём сведения без вашего согласия.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ TESTIMONIALS ═══════════════ -->
<section class="section testimonials alt-bg">
  <div class="container">
    <div class="sec-head reveal">
      <span class="sec-tag">Отзывы клиентов</span>
      <h2 class="sec-title">За каждым делом — личная история</h2>
    </div>
    <div class="testi-grid">
      <figure class="testi-card reveal">
        <div class="testi-stars">★★★★★</div>
        <blockquote>«Я потерял 34 000 € на поддельной инвестиционной платформе. Команда Meridian Legal вернула 26 500 € за пять месяцев. На каждом этапе мне объясняли, что происходит и что будет дальше».</blockquote>
        <figcaption>
          <div class="testi-av">K.M.</div>
          <div><strong>K. M.</strong><span>Нидерланды</span></div>
        </figcaption>
      </figure>
      <figure class="testi-card reveal r1">
        <div class="testi-stars">★★★★★</div>
        <blockquote>«После потери биткоинов в DeFi-проекте, создатели которого вывели ликвидность, я уже не надеялся ничего вернуть. Специалисты проследили движение средств и помогли вернуть значительную часть».</blockquote>
        <figcaption>
          <div class="testi-av">T.W.</div>
          <div><strong>T. W.</strong><span>Великобритания</span></div>
        </figcaption>
      </figure>
      <figure class="testi-card reveal r2">
        <div class="testi-stars">★★★★★</div>
        <blockquote>«Форекс-брокер, которому я доверял, оказался мошенником. Meridian Legal подготовили жалобы, связались с моим банком и добились возврата денег за 90 дней».</blockquote>
        <figcaption>
          <div class="testi-av">S.R.</div>
          <div><strong>S. R.</strong><span>Франция</span></div>
        </figcaption>
      </figure>
    </div>
  </div>
</section>

<!-- ═══════════════ FAQ ═══════════════ -->
<section class="section faq" id="faq">
  <div class="container faq-wrap">
    <div class="sec-head reveal">
      <span class="sec-tag">Вопросы</span>
      <h2 class="sec-title">Что важно знать до обращения</h2>
    </div>
    <div class="faq-list">
      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">Сколько времени занимает возврат?<span class="fi-icon">+</span></button>
        <div class="faq-ans" role="region"><p>Срок зависит от способа перевода, страны и имеющихся доказательств. Оспаривание карточного платежа обычно занимает 60–120 дней, судебное разбирательство и рассмотрение жалоб регуляторами — от 6 до 18 месяцев. После изучения документов мы обозначим ориентиры именно для вашего дела.</p></div>
      </div>
      <div class="faq-item reveal r1">
        <button class="faq-q" aria-expanded="false">Как рассчитывается стоимость услуг?<span class="fi-icon">+</span></button>
        <div class="faq-ans" role="region"><p>Первичная оценка бесплатна. Наше вознаграждение составляет процент от возвращённой суммы и выплачивается после поступления средств вам. Предоплаты и скрытых платежей нет.</p></div>
      </div>
      <div class="faq-item reveal r2">
        <button class="faq-q" aria-expanded="false">Есть ли возможность вернуть криптовалюту?<span class="fi-icon">+</span></button>
        <div class="faq-ans" role="region"><p>Такая возможность есть, но многое зависит от маршрута перевода. Мы отслеживаем транзакции между кошельками и биржами. Если средства поступили на регулируемую площадку, взаимодействуем с ней через предусмотренные законом процедуры.</p></div>
      </div>
      <div class="faq-item reveal r3">
        <button class="faq-q" aria-expanded="false">Какие документы стоит подготовить?<span class="fi-icon">+</span></button>
        <div class="faq-ans" role="region"><p>Сохраните квитанции и выписки, переписку, адрес сайта, снимки личного кабинета и номера транзакций. Чем больше подтверждений, тем точнее оценка. Если документов пока мало, начнём с того, что есть, и подскажем, как дополнить материалы.</p></div>
      </div>
      <div class="faq-item reveal r4">
        <button class="faq-q" aria-expanded="false">Кто получит доступ к моей информации?<span class="fi-icon">+</span></button>
        <div class="faq-ans" role="region"><p>Материалы обрабатываются конфиденциально и в соответствии с GDPR. Мы не передаём их третьим лицам без вашего согласия, кроме случаев, когда это необходимо для работы по возврату средств.</p></div>
      </div>
    </div>
  </div>
</section>

<!-- ═══════════════ CONTACT FORM ═══════════════ -->
<section class="section contact alt-bg" id="contact">
  <div class="container contact-layout">

    <div class="contact-info reveal">
      <span class="sec-tag">Бесплатная консультация</span>
      <h2 class="sec-title">Начните с разбора вашей ситуации</h2>
      <p>Оставьте контактные данные и коротко опишите, что произошло. Специалист свяжется с вами в течение 24 часов, уточнит детали и расскажет о возможных действиях. Решение о дальнейшей работе остаётся за вами.</p>

      <div class="ci-points">
        <div class="ci-pt"><svg viewbox="0 0 18 18" fill="none"><path d="M3 9l5 5L15 5" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Оценка без оплаты и обязательств</div>
        <div class="ci-pt"><svg viewbox="0 0 18 18" fill="none"><path d="M3 9l5 5L15 5" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Свяжемся в течение 24 часов</div>
        <div class="ci-pt"><svg viewbox="0 0 18 18" fill="none"><path d="M3 9l5 5L15 5" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Сохраним конфиденциальность</div>
        <div class="ci-pt"><svg viewbox="0 0 18 18" fill="none"><path d="M3 9l5 5L15 5" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Начало работы без аванса</div>
        <div class="ci-pt"><svg viewbox="0 0 18 18" fill="none"><path d="M3 9l5 5L15 5" stroke="#C9A84C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> Рассмотрим разные виды мошенничества</div>
      </div>
    </div>

    <div class="form-wrap reveal r1">
      <div class="form-card">
        <form id="caseForm" class="popup__wrap-form" action="post.php" method="POST" novalidate="" autocomplete="on">

          <div class="fg">
            <label for="full_name">Имя и фамилия <span class="req-star">*</span></label>
            <input type="text" id="full_name" name="name" placeholder="Иван Петров" required="" autocomplete="name">
          </div>

          <div class="fg">
            <label for="phone">Номер телефона <span class="req-star">*</span></label>
            <div class="phone-field phone-wrap">
              <img class="flagIcon" src="img/flags/de.svg" alt="DE" width="24" height="16">
              <select class="countrySelect" name="phoneCountry" aria-label="Страна номера телефона">
                <option value="DE" data-dial="+49" data-flag="img/flags/de.svg" selected>Германия</option>
              </select>
              <input class="phoneInput" type="tel" id="phone" name="phone" value="+49" required autocomplete="tel" inputmode="tel" aria-label="Номер телефона с кодом страны">
            </div>
          </div>

          <div class="fg">
            <label for="email">Электронная почта <span class="req-star">*</span></label>
            <input type="email" id="email" name="email" placeholder="ivan@example.com" required="" autocomplete="email">
          </div>

          <div class="fg">
            <input type="hidden" name="lossAmount" value="">
            <label for="loss_amount">Сумма потери <span class="req-star">*</span></label>
            <select id="loss_amount" name="lossAmountRange" required="" onchange="this.form.elements.lossAmount.value = this.value">
              <option value="" disabled="" selected="">Выберите примерную сумму</option>
              <option value="Up to €500">До 1000 €</option>
              <option value="€500 – €2,000">1 000 – 2 000 €</option>
              <option value="€2,000 – €10,000">2 000 – 10 000 €</option>
              <option value="€10,000 – €50,000">10 000 – 50 000 €</option>
              <option value="More than €50,000">Более 50 000 €</option>
            </select>
          </div>

          <fieldset class="fg contact-method">
            <legend>Как с вами связаться <span class="req-star">*</span></legend>
            <div class="radio-row">
              <label class="rl"><input type="radio" name="contact_method" value="Phone" required><span>Звонок</span></label>
              <label class="rl"><input type="radio" name="contact_method" value="Email"><span>Почта</span></label>
              <label class="rl"><input type="radio" name="contact_method" value="WhatsApp"><span>WhatsApp</span></label>
            </div>
          </fieldset>

          <div class="fg">
            <label for="description">Расскажите о случившемся <span class="opt-lbl">(необязательно)</span></label>
            <textarea id="description" name="description" rows="4" placeholder="Укажите название платформы, даты переводов и обстоятельства потери средств…"></textarea>
          </div>

          <button type="submit" class="cta-primary submit-btn" id="submitBtn">
            <span class="sb-text">Отправить на бесплатную оценку</span>
            <span class="sb-loader" hidden="">
              <svg class="spin" viewbox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" stroke-dasharray="40 20"></circle></svg>
              Отправляем…
            </span>
          </button>

          <p class="form-note" style='color:black !important;'>Отправляя заявку, вы принимаете <a href="privacy.html">политику конфиденциальности</a>. Мы не продаём ваши данные.</p>
        </form>

      </div>
    </div>

  </div>
</section>

<!-- ═══════════════ FOOTER ═══════════════ -->
<footer class="site-footer">
  <div class="container ftr-grid">
    <div class="ftr-brand">
      <img src="img/1.svg?v=1" alt="Meridian Legal" width="160" height="41">
      <p>Помогаем пострадавшим от инвестиционного обмана, недобросовестных брокеров и кражи криптоактивов. Разбираемся в деталях, собираем доказательства и работаем над возвратом средств.</p>
      
    </div>

    <div class="ftr-col">
      <h4>Услуги</h4>
      <ul>
        <li><a href="#services">Инвестиционные схемы</a></li>
        <li><a href="#services">Недобросовестные брокеры</a></li>
        <li><a href="#services">Возврат криптоактивов</a></li>
        <li><a href="#services">Оспаривание операций</a></li>
        <li><a href="#services">Мошенничество на форексе</a></li>
      </ul>
    </div>

    <div class="ftr-col">
      <h4>О компании</h4>
      <ul>
        <li><a href="#process">Как мы работаем</a></li>
        <li><a href="#about">Наша команда</a></li>
        <li><a href="#faq">Вопросы</a></li>
        <li><a href="#contact">Связаться с нами</a></li>
        <li><a href="privacy.html">Политика конфиденциальности</a></li>
      </ul>
    </div>

    <div class="ftr-col ftr-contact">
      <h4>Юридический адрес</h4>
      <!-- Duff &amp; Phelps / Kroll – verified on Google Maps HK -->
      <address>
        <strong>Meridian Legal Financial Ltd.</strong><br>
        21-й этаж, The Center<br>
        99 Queen's Road Central<br>
        Гонконг, САР
      </address>
      <a href="mailto:support@fnflowrecsite.online">support@fnflowrecsite.online</a>
      <a href="tel:+85221008888">+852 2100 8888</a>
    </div>
  </div>

  <div class="ftr-bottom">
    <div class="container">
      <p>© 2026 Meridian Legal Financial Ltd. Все права защищены. Результат зависит от обстоятельств дела. Успешные возвраты в прошлом не гарантируют аналогичного исхода в будущем. Материалы сайта не являются юридической или финансовой консультацией.</p>
    </div>
  </div>
</footer>

<script src="js/main.js?3"></script>





<script>
document.addEventListener("DOMContentLoaded", () => {

const countries = [
               
                { code: "LI", name: "Liechtenstein", dial: "+423"},
                { code: "ME", name: "Montenegro", dial: "+382"  },
                { code: "IS", name: "Iceland", dial: "+354"},
                { code: "AD", name: "Andorra", dial: "+376" },
                { code: "AT", name: "Austria", dial: "+43" },
                { code: "BE", name: "Belgium", dial: "+32" },
                { code: "BY", name: "Belarus", dial: "+375" },
                { code: "BA", name: "Bosnia and Herzegovina", dial: "+387" },
                { code: "BG", name: "Bulgaria", dial: "+359" },
                { code: "HR", name: "Croatia", dial: "+385" },
                { code: "CY", name: "Cyprus", dial: "+357" },
                { code: "CZ", name: "Czech Republic", dial: "+420" },
                { code: "DK", name: "Denmark", dial: "+45" },
                { code: "IE", name: "Ireland", dial: "+353" },
                { code: "EE", name: "Estonia", dial: "+372" },
                { code: "FI", name: "Finland", dial: "+358" },
                { code: "FR", name: "France", dial: "+33"},
                { code: "GE", name: "Georgia", dial: "+995" },
                { code: "DE", name: "Germany", dial: "+49" },
                { code: "GR", name: "Greece", dial: "+30" },
                { code: "HU", name: "Hungary", dial: "+36" },
                { code: "IT", name: "Italy", dial: "+39" },
                { code: "LV", name: "Latvia", dial: "+371",  },
                { code: "LT", name: "Lithuania", dial: "+370",  },
                { code: "LU", name: "Luxembourg", dial: "+352",  },
                { code: "MT", name: "Malta", dial: "+356", },
                { code: "MD", name: "Moldova", dial: "+373",  },
                { code: "MC", name: "Monaco", dial: "+377",  },
                { code: "NL", name: "Netherlands", dial: "+31",  },
                { code: "NO", name: "Norway", dial: "+47", },
                { code: "PL", name: "Poland", dial: "+48",  },
                { code: "PT", name: "Portugal", dial: "+351",  },
                { code: "RO", name: "Romania", dial: "+40",  },
                { code: "RS", name: "Serbia", dial: "+381",  },
                { code: "SG", name: "Singapore", dial: "+65",  },
                { code: "SK", name: "Slovakia", dial: "+421", },
                { code: "SI", name: "Slovenia", dial: "+386", },
                { code: "ES", name: "Spain", dial: "+34", },
                { code: "SE", name: "Sweden", dial: "+46", },
                { code: "CH", name: "Switzerland", dial: "+41",  },
                { code: "GB", name: "United Kingdom", dial: "+44",  },
                { code: "VA", name: "Vatican", dial: "+379", },
            ];


            function initPhoneField(wrapper, userCountry) {
                const select = wrapper.querySelector(".countrySelect");
                const input = wrapper.querySelector(".phoneInput");
                if (!select || !input) return;
                let flagIcon = wrapper.querySelector(".flagIcon");
                if (!flagIcon) {
                    flagIcon = document.createElement("img");
                    flagIcon.alt = "";
                    flagIcon.className = "flagIcon";
                    flagIcon.style.width = "24px";
                    flagIcon.style.height = "16px";
                    flagIcon.style.objectFit = "cover";
                    flagIcon.style.flex = "0 0 24px";
                    flagIcon.style.margin = "auto 4px auto 8px";
                    flagIcon.style.borderRadius = "2px";
                    wrapper.insertBefore(flagIcon, select);
                }
                select.innerHTML = "";
                countries.forEach(c => {
                    const option = document.createElement("option");
                    const code = c.code.toLowerCase();
                    option.value = c.code;
                    option.dataset.dial = c.dial;
                    option.dataset.flag = `img/flags/${code}.svg`;
                    option.textContent = `${c.name}`;
                    select.appendChild(option);
                });
                function applyDialCode() {
                    const selected = select.selectedOptions[0];
                    if (!selected) return;
                    const dial = selected.dataset.dial;
                    input.value = dial + "";
                    flagIcon.src = selected.dataset.flag;
                    flagIcon.alt = selected.value;
                }
                select.addEventListener("change", applyDialCode);
                input.addEventListener("keydown", (e) => {
                    let dial = select.selectedOptions[0].dataset.dial + "";
                    if (input.selectionStart <= dial.length && e.key === "Backspace") {
                        e.preventDefault();
                    }
                });
                input.addEventListener("input", () => {
                    let dial = select.selectedOptions[0].dataset.dial;
                    let userPart = input.value.replace(dial, "").trim();
                    userPart = userPart.replace(/\D/g, "");
                    input.value = dial + "" + userPart;
                });
                if (userCountry && select.querySelector(`option[value="${userCountry}"]`)) {
                    select.value = userCountry;
                } else if (select.querySelector('option[value="DE"]')) {
                    select.value = 'DE';
                } else {
                    select.selectedIndex = 0;
                }
                applyDialCode();
            }
            fetch("https://ipapi.co/json/")
                .then(res => res.json())
                .then(data => {
                    let userCode = data.country_code?.toUpperCase() || "DE";
                    document.querySelectorAll(".phone-field").forEach(wrapper => {
                        initPhoneField(wrapper, userCode);
                    });
                })
                .catch(() => {
                    document.querySelectorAll(".phone-field").forEach(wrapper => {
                        initPhoneField(wrapper, "DE");
                    });
                });
        });
    </script>
<script>
        window.addEventListener('DOMContentLoaded', function () {
            document.querySelectorAll('.popup__wrap-form').forEach((Form) => {

            let country = `<?= $country; ?>`;

            const EMAIL_REGEXP = /^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/iu;
            function isEmailValid1(value) {
                return EMAIL_REGEXP.test(value);
            }

            const submitBtn = Form.querySelector("button[type='submit']");
            if (!submitBtn) return;

            Form.addEventListener('submit', onClick1);

            // CHECKBOXES CHANGE EVENT
            const checkboxes = Form.querySelectorAll("input[type='checkbox']");
            function updateSubmitState() {
                const checked = Form.querySelectorAll("input[type='checkbox']:checked");
                submitBtn.disabled = checkboxes.length > 0 && checked.length < checkboxes.length;
            }

            checkboxes.forEach((checkbox) => {
                checkbox.addEventListener('change', updateSubmitState);
            });
            updateSubmitState();

            function onClick1(ev) {
              const name = Form.querySelector("input[name='name']");
                const tel = Form.querySelector("input[name='phone']");
                const email = Form.querySelector("input[name='email']");
                const lossAmount = Form.querySelector("select[name='lossAmountRange']");
                const checked = Form.querySelectorAll("input[type='checkbox']:checked");

                ev.preventDefault();

                function addErrorClass(element) {
                    if (!element) return;
                    const field = element.classList.contains('phoneInput')
                        ? element.closest('.phone-wrap')
                        : element;
                    field?.classList.add('invalid');
                }

                function removeErrorClass(element) {
                    if (!element) return;
                    const field = element.classList.contains('phoneInput')
                        ? element.closest('.phone-wrap')
                        : element;
                    field?.classList.remove('invalid');
                }

                if (name && name.value.trim().length > 3) {
                    removeErrorClass(name);
                } else {
                    addErrorClass(name);
                }

                if (tel && tel.value.replace(/\D/g, '').length > 4) {
                    removeErrorClass(tel);
                } else {
                    addErrorClass(tel);
                }

                if (email && isEmailValid1(email.value)) {
                    removeErrorClass(email);
                } else {
                    addErrorClass(email);
                }

                if (lossAmount && lossAmount.value.trim()) {
                    removeErrorClass(lossAmount);
                } else {
                    addErrorClass(lossAmount);
                }
				
               
                if (
                    name && name.value.trim().length > 3 &&
                    tel && tel.value.replace(/\D/g, '').length > 4 &&
                    email && isEmailValid1(email.value) &&
                    lossAmount && lossAmount.value.trim() &&
                    checked.length === checkboxes.length
              )  {
                onClick10(ev);
                }
              }

            function onClick10(ev) {
              ev.preventDefault();
              submitBtn.disabled = true;

              const name = Form.querySelector("input[name='name']").value.trim();
                const tel = Form.querySelector("input[name='phone']").value.trim();
                const email = Form.querySelector("input[name='email']").value.trim();
                const lossAmount = Form.querySelector("input[name='lossAmount']")?.value.trim() || '';
                const contactMethod = Form.querySelector('input[name="contact_method"]:checked')?.value || '';
                const message =  Form.querySelector('[name="description"]')?.value.trim() || '';
              let obj = {
                note: `Meridian Legal; lossAmount ${lossAmount}; contactMethod ${contactMethod}; description ${message}`,
                name: name,
                email: email,
                phoneNumber: tel,
                geo: country,
                creo: '<?= htmlspecialchars($utm_creo, ENT_QUOTES); ?>',
                adset: '<?= htmlspecialchars($utm_account, ENT_QUOTES); ?>',
            
                extraData: {
                  contact_company: `funnel: Meridian Legal; country=${country}`,
                },
              };

			  fetch('post.php', {
                method: 'POST',
                body: JSON.stringify(obj),
                headers: { 'content-type': 'application/json' },
              })
                .then(function (response) {
                  return response.json();
                })
                .then(function () {
                  document.location.href = './thanks.php';
                })  
                .catch(err => {
                  console.log(err);
                })
                .finally(() => {
                  Form.reset();
                  updateSubmitState();
               });
            }
            Form.addEventListener('input', (ev) => {
                    const field = ev.target.classList.contains('phoneInput')
                        ? ev.target.closest('.phone-wrap')
                        : ev.target;
                    field?.classList.remove('invalid');
                });
            });
        });
</script>


</body>
</html>
