<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Скачать Мелбет (Melbet) — приложение на Android APK, iOS и ПК</title>
<meta content="Скачать приложение Melbet бесплатно на Android (APK), iPhone (iOS) и ПК. Официальная версия, быстрая установка. Live-ставки, казино, бонусы." name="description"/>
<meta content="index, follow" name="robots"/>
<!-- Preload fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&amp;display=swap" rel="stylesheet"/>
<link href="/favicon.png" rel="icon" type="image/x-icon"/>
<!-- Open Graph -->
<meta content="website" property="og:type"/>
<meta content="Скачать Мелбет — приложение Melbet на Android, iOS и ПК" property="og:title"/>
<meta content="Официальное приложение Melbet. Скачать APK на Android, App Store для iPhone. Ставки, казино, бонусы." property="og:description"/>
<meta content="https://slin-go.ru/" property="og:url"/>
<meta content="Melbet" property="og:site_name"/>
<meta content="ru_RU" property="og:locale"/>
<!-- Twitter -->
<meta content="summary_large_image" name="twitter:card"/>
<meta content="Скачать Мелбет — приложение Melbet на Android, iOS и ПК" name="twitter:title"/>
<meta content="Официальное приложение Melbet. Скачать APK на Android, App Store для iPhone." name="twitter:description"/>
<!-- Theme color -->
<meta content="#0B0F14" name="theme-color"/>
<!-- Schema.org -->
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Melbet",
    "url": "https://slin-go.ru",
    "logo": "https://slin-go.ru/logo.png"
  }
  </script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Скачать Melbet",
    "url": "https://slin-go.ru"
  }
  </script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "Melbet",
    "operatingSystem": "Android, iOS, Windows",
    "applicationCategory": "GameApplication",
    "offers": {
      "@type": "Offer",
      "price": "0",
      "priceCurrency": "RUB"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.6",
      "ratingCount": "15000"
    }
  }
  </script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {"@type": "Question", "name": "Где скачать Melbet APK?", "acceptedAnswer": {"@type": "Answer", "text": "Скачать официальный APK-файл Melbet можно на этой странице в разделе «Скачать». Нажмите кнопку «Скачать APK» и дождитесь загрузки файла."}},
      {"@type": "Question", "name": "Почему приложение не устанавливается?", "acceptedAnswer": {"@type": "Answer", "text": "Чаще всего это связано с настройками безопасности Android. Перейдите в Настройки → Безопасность → включите «Неизвестные источники». После этого повторите установку."}},
      {"@type": "Question", "name": "Можно ли скачать Melbet на iPhone?", "acceptedAnswer": {"@type": "Answer", "text": "Да, приложение Melbet доступно для iPhone в App Store. Откройте App Store, найдите «Melbet» и нажмите «Получить» для бесплатной загрузки."}},
      {"@type": "Question", "name": "Есть ли версия для ПК?", "acceptedAnswer": {"@type": "Answer", "text": "Официального EXE-файла нет, но вы можете использовать веб-версию сайта как полноценное приложение. Добавьте сайт на рабочий стол через меню браузера Chrome или Edge."}},
      {"@type": "Question", "name": "Приложение безопасно?", "acceptedAnswer": {"@type": "Answer", "text": "Да, официальное приложение Melbet безопасно. Скачивайте только с официальных источников, не используйте модифицированные версии и включите двухфакторную аутентификацию."}}
    ]
  }
  </script>
<style>
    /* ==================== CSS RESET & BASE ==================== */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :root {
      /* Colors - Melbet Brand */
      --bg: #0a0d1a;
      --bg-secondary: #111628;
      --bg-tertiary: #1a2038;
      --fg: #FFFFFF;
      --fg-muted: rgba(255,255,255,0.65);
      --primary: #FFAA00;
      --primary-hover: #E09500;
      --primary-fg: #000000;
      --secondary: #2ECC71;
      --secondary-fg: #000000;
      --border: rgba(255,255,255,0.1);
      --radius: 14px;
      --radius-sm: 12px;
      --shadow-glow: 0 0 40px rgba(255, 170, 0, 0.3);
      --shadow-card: 0 4px 24px rgba(0,0,0,0.5);
    }

    html {
      scroll-behavior: smooth;
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
      }
    }

    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      background: var(--bg);
      color: var(--fg);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    ::selection {
      background: rgba(255, 170, 0, 0.3);
      color: white;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      font-family: inherit;
      cursor: pointer;
      border: none;
      background: none;
    }

    ul, ol {
      list-style: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    /* ==================== UTILITIES ==================== */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 1rem;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    /* ==================== BUTTONS ==================== */
    .btn-primary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.75rem;
      padding: 1rem 2rem;
      font-size: 0.875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      background: var(--primary);
      color: var(--primary-fg);
      border-radius: var(--radius);
      transition: transform 0.3s, box-shadow 0.3s;
      position: relative;
    }

    .btn-primary:hover {
      transform: scale(1.03);
    }

    .btn-primary:focus-visible {
      outline: 2px solid var(--primary);
      outline-offset: 2px;
    }

    .btn-primary-pulse {
      animation: pulse-glow 2s ease-in-out infinite;
    }

    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(255, 170, 0, 0.4), 0 0 40px rgba(255, 170, 0, 0.2); }
      50% { box-shadow: 0 0 30px rgba(255, 170, 0, 0.6), 0 0 60px rgba(255, 170, 0, 0.3); }
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.75rem;
      padding: 1rem 2rem;
      font-size: 0.875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      background: transparent;
      color: var(--fg);
      border: 2px solid rgba(255,255,255,0.3);
      border-radius: var(--radius);
      transition: all 0.3s;
    }

    .btn-secondary:hover {
      border-color: var(--primary);
      color: var(--primary);
      transform: scale(1.03);
    }

    .btn-secondary:focus-visible {
      outline: 2px solid var(--primary);
      outline-offset: 2px;
    }

    .btn-link {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--fg-muted);
      transition: color 0.2s;
    }

    .btn-link:hover {
      color: var(--primary);
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .copy-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 1.25rem;
      font-size: 0.875rem;
      font-weight: 500;
      background: var(--bg-tertiary);
      color: var(--fg);
      border: 1px solid var(--border);
      border-radius: var(--radius-sm);
      transition: all 0.2s;
    }

    .copy-btn:hover {
      background: var(--primary);
      color: var(--primary-fg);
      border-color: var(--primary);
    }

    .copy-btn.copied {
      background: var(--primary);
      color: var(--primary-fg);
    }

    /* ==================== CARDS ==================== */
    .card-glass {
      background: linear-gradient(145deg, var(--bg-secondary), rgba(17, 25, 33, 0.8));
      border: 1px solid var(--border);
      border-radius: 1.25rem;
      box-shadow: var(--shadow-card);
      position: relative;
      overflow: hidden;
    }

    .card-glass::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
      pointer-events: none;
    }

    .feature-card {
      padding: 1.5rem;
      background: var(--bg-secondary);
      border: 1px solid var(--border);
      border-radius: 1rem;
      transition: all 0.3s;
    }

    .feature-card:hover {
      border-color: rgba(255, 170, 0, 0.3);
      background: var(--bg-tertiary);
    }

    .feature-card:hover .feature-icon {
      color: var(--primary);
      transform: scale(1.1);
    }

    .feature-icon {
      width: 3rem;
      height: 3rem;
      margin-bottom: 1rem;
      color: var(--fg-muted);
      transition: all 0.3s;
    }

    /* ==================== TRUST ALERT ==================== */
    .trust-alert {
      padding: 0.75rem 1rem;
      background: linear-gradient(90deg, rgba(255, 213, 74, 0.15) 0%, rgba(255, 213, 74, 0.05) 100%);
      border-bottom: 1px solid rgba(255, 213, 74, 0.3);
    }

    .trust-alert-content {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    @media (min-width: 768px) {
      .trust-alert-content {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
    }

    .trust-alert-text {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
    }

    .trust-alert-text svg {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-top: 0.125rem;
      color: var(--secondary);
    }

    .trust-alert-text p {
      font-size: 0.875rem;
      color: var(--secondary);
    }

    .trust-alert-link {
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--secondary);
      white-space: nowrap;
    }

    .trust-alert-link:hover {
      text-decoration: underline;
    }

    /* ==================== HEADER ==================== */
    .header {
      position: sticky;
      top: 0;
      z-index: 50;
      transition: all 0.3s;
    }

    .header.scrolled {
      background: rgba(11, 15, 20, 0.95);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }

    .header-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 4rem;
    }

    @media (min-width: 768px) {
      .header-nav { height: 5rem; }
    }

    .logo {
      display: flex;
      align-items: center;
    }

    .logo img {
      height: 2rem;
      width: auto;
    }

    @media (min-width: 768px) {
      .logo img { height: 2.5rem; }
    }

    .logo-text {
      display: none;
    }

    @media (min-width: 640px) {
      .logo-text { display: inline; }
    }

    .nav-menu {
      display: none;
      gap: 2rem;
    }

    @media (min-width: 1024px) {
      .nav-menu { display: flex; }
    }

    .nav-menu a {
      font-size: 0.875rem;
      font-weight: 500;
      color: var(--fg-muted);
      transition: color 0.2s;
      padding: 0.5rem;
    }

    .nav-menu a:hover {
      color: var(--primary);
    }

    .header-cta {
      display: none;
    }

    @media (min-width: 1024px) {
      .header-cta {
        display: inline-flex;
        padding: 0.75rem 1.5rem;
      }
    }

    .burger-btn {
      display: flex;
      padding: 0.5rem;
      color: var(--fg);
    }

    @media (min-width: 1024px) {
      .burger-btn { display: none; }
    }

    .burger-btn svg {
      width: 1.5rem;
      height: 1.5rem;
    }

    .mobile-menu {
      display: none;
      padding-bottom: 1.5rem;
    }

    .mobile-menu.open {
      display: block;
    }

    @media (min-width: 1024px) {
      .mobile-menu { display: none !important; }
    }

    .mobile-menu a {
      display: block;
      padding: 0.75rem 1rem;
      font-size: 1rem;
      font-weight: 500;
      color: var(--fg-muted);
      border-radius: 0.5rem;
      transition: all 0.2s;
    }

    .mobile-menu a:hover {
      color: var(--primary);
      background: var(--bg-secondary);
    }

    .mobile-menu .btn-primary {
      width: 100%;
      margin-top: 0.75rem;
    }

    /* ==================== HERO ==================== */
    .hero {
      position: relative;
      padding: 3rem 0 5rem;
      overflow: hidden;
    }

    @media (min-width: 768px) {
      .hero { padding: 5rem 0 8rem; }
    }

    .hero-glow {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 800px;
      height: 800px;
      background: rgba(255, 170, 0, 0.2);
      border-radius: 50%;
      filter: blur(150px);
      opacity: 0.3;
      pointer-events: none;
    }

    .hero-grid {
      display: grid;
      gap: 3rem;
      align-items: center;
      position: relative;
    }

    @media (min-width: 1024px) {
      .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
      }
    }

    .hero-content {
      text-align: center;
    }

    @media (min-width: 1024px) {
      .hero-content { text-align: left; }
    }

    .hero h1 {
      font-size: 2.25rem;
      font-weight: 700;
      line-height: 1.2;
      margin-bottom: 1.5rem;
      animation: fadeInUp 0.6s ease-out;
    }

    @media (min-width: 768px) {
      .hero h1 { font-size: 3rem; }
    }

    @media (min-width: 1024px) {
      .hero h1 { font-size: 3.5rem; }
    }

    .hero-subtitle {
      font-size: 1.125rem;
      color: var(--fg-muted);
      margin-bottom: 2rem;
      max-width: 36rem;
      margin-left: auto;
      margin-right: auto;
      animation: fadeInUp 0.6s ease-out 0.1s both;
    }

    @media (min-width: 1024px) {
      .hero-subtitle {
        margin-left: 0;
        margin-right: 0;
      }
    }

    .hero-buttons {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      margin-bottom: 2rem;
      animation: fadeInUp 0.6s ease-out 0.2s both;
    }

    @media (min-width: 640px) {
      .hero-buttons { flex-direction: row; }
    }

    @media (min-width: 1024px) {
      .hero-buttons { justify-content: flex-start; }
    }

    .hero-link {
      animation: fadeInUp 0.6s ease-out 0.3s both;
      justify-content: center;
      margin-bottom: 2.5rem;
    }

    @media (min-width: 1024px) {
      .hero-link { justify-content: flex-start; }
    }

    .trust-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 0.75rem;
      justify-content: center;
      animation: fadeInUp 0.6s ease-out 0.4s both;
    }

    @media (min-width: 1024px) {
      .trust-badges { justify-content: flex-start; }
    }

    .trust-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.375rem 0.75rem;
      font-size: 0.75rem;
      font-weight: 500;
      background: var(--bg-tertiary);
      color: var(--fg-muted);
      border: 1px solid var(--border);
      border-radius: 9999px;
    }

    .trust-badge svg {
      width: 1rem;
      height: 1rem;
      color: var(--primary);
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* Mockup */
    .hero-mockup {
      display: flex;
      justify-content: center;
    }

    @media (min-width: 1024px) {
      .hero-mockup { justify-content: flex-end; }
    }

    .mockup-wrapper {
      position: relative;
      animation: float 6s ease-in-out infinite;
    }

    .mockup-wrapper::before {
      content: '';
      position: absolute;
      inset: -20%;
      background: radial-gradient(ellipse at 50% 40%, rgba(255, 170, 0, 0.18) 0%, rgba(255, 170, 0, 0.06) 40%, transparent 70%);
      filter: blur(60px);
      z-index: -1;
      border-radius: 50%;
    }

    .mockup-wrapper::after {
      content: '';
      position: absolute;
      inset: -10%;
      background: radial-gradient(circle at 30% 60%, rgba(255, 170, 0, 0.12) 0%, transparent 50%),
                  radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
      filter: blur(80px);
      z-index: -1;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-20px); }
    }

    .phone-frame {
      width: 18rem;
    }

    @media (min-width: 768px) {
      .phone-frame { width: 22rem; }
    }

    @media (min-width: 1024px) {
      .phone-frame { width: 26rem; }
    }

    .phone-frame img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 1.5rem;
    }

    .phone-content {
      padding: 1rem;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .phone-status {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
      font-size: 0.75rem;
      color: var(--fg-muted);
    }

    .phone-status-icons {
      display: flex;
      gap: 0.25rem;
    }

    .phone-status-icons span {
      display: block;
      border-radius: 0.125rem;
    }

    .phone-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      margin-bottom: 1.5rem;
    }

    .phone-logo-icon {
      width: 2rem;
      height: 2rem;
      border-radius: 0.5rem;
      background: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 0.875rem;
      color: var(--primary-fg);
    }

    .phone-logo span:last-child {
      font-weight: 700;
    }

    .phone-balance {
      background: var(--bg-tertiary);
      border-radius: 1rem;
      padding: 1rem;
      margin-bottom: 1rem;
    }

    .phone-balance-label {
      font-size: 0.75rem;
      color: var(--fg-muted);
      margin-bottom: 0.25rem;
    }

    .phone-balance-value {
      font-size: 1.5rem;
      font-weight: 700;
    }

    .phone-tabs {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

    .phone-tab {
      background: var(--bg-secondary);
      border-radius: 0.75rem;
      padding: 0.75rem;
      text-align: center;
    }

    .phone-tab-icon {
      width: 1.5rem;
      height: 1.5rem;
      background: rgba(255, 170, 0, 0.2);
      border-radius: 0.5rem;
      margin: 0 auto 0.5rem;
    }

    .phone-tab span {
      font-size: 0.75rem;
      color: var(--fg-muted);
    }

    .phone-live {
      background: var(--bg-secondary);
      border-radius: 1rem;
      padding: 0.75rem;
      flex: 1;
    }

    .phone-live-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0.5rem;
    }

    .phone-live-badge {
      font-size: 0.75rem;
      font-weight: 500;
      color: var(--primary);
    }

    .phone-live-time {
      font-size: 0.75rem;
      color: var(--fg-muted);
    }

    .phone-live-match {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .phone-live-team {
      font-size: 0.875rem;
    }

    .phone-live-score {
      font-size: 1.125rem;
      font-weight: 700;
    }

    /* ==================== SECTIONS ==================== */
    .section {
      padding: 4rem 0;
    }

    @media (min-width: 768px) {
      .section { padding: 6rem 0; }
    }

    .section-alt {
      background: var(--bg-secondary);
    }

    .section-header {
      text-align: center;
      margin-bottom: 3rem;
    }

    .section-title {
      font-size: 1.875rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    @media (min-width: 768px) {
      .section-title { font-size: 2.25rem; }
    }

    .section-subtitle {
      font-size: 1.125rem;
      color: var(--fg-muted);
      max-width: 42rem;
      margin: 0 auto;
    }

    /* ==================== PLATFORM TABS ==================== */
    .platform-tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 0.5rem;
      padding: 0.5rem;
      background: var(--bg);
      border-radius: 1rem;
      max-width: 32rem;
      margin: 0 auto 2.5rem;
    }

    .platform-tab {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 1.5rem;
      font-size: 0.875rem;
      font-weight: 600;
      color: var(--fg-muted);
      border-radius: 0.75rem;
      transition: all 0.3s;
    }

    .platform-tab:hover {
      color: var(--fg);
    }

    .platform-tab.active {
      background: var(--primary);
      color: var(--primary-fg);
    }

    .platform-tab svg {
      width: 1rem;
      height: 1rem;
    }

    .platform-panel {
      display: none;
      max-width: 48rem;
      margin: 0 auto;
    }

    .platform-panel.active {
      display: block;
    }

    .platform-content {
      display: grid;
      gap: 2rem;
      padding: 2rem;
    }

    @media (min-width: 768px) {
      .platform-content {
        grid-template-columns: 1fr 1fr;
        padding: 2.5rem;
      }
    }

    .platform-title {
      font-size: 1.5rem;
      font-weight: 700;
      margin-bottom: 1rem;
    }

    .platform-note {
      font-size: 0.875rem;
      color: var(--fg-muted);
      margin-top: 0.75rem;
    }

    .platform-requirements h4 {
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--fg-muted);
      margin-bottom: 1rem;
    }

    .platform-requirements ul {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }

    .platform-requirements li {
      display: flex;
      align-items: center;
      gap: 0.75rem;
    }

    .platform-requirements li svg {
      width: 1.25rem;
      height: 1.25rem;
      color: var(--primary);
      flex-shrink: 0;
    }

    .platform-micro {
      margin-top: 1.5rem;
      padding: 0.75rem;
      font-size: 0.875rem;
      color: var(--secondary);
      background: rgba(255, 213, 74, 0.1);
      border: 1px solid rgba(255, 213, 74, 0.2);
      border-radius: 0.5rem;
    }

    /* ==================== INSTRUCTIONS ==================== */
    .instructions-date {
      font-size: 0.875rem;
      color: var(--fg-muted);
      margin-top: 1rem;
    }

    .instructions-grid {
      display: grid;
      gap: 1.5rem;
    }

    @media (min-width: 768px) {
      .instructions-grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
    }

    .instruction-card {
      padding: 1.5rem;
    }

    @media (min-width: 768px) {
      .instruction-card { padding: 2rem; }
    }

    .instruction-header {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      margin-bottom: 1.5rem;
    }

    .instruction-icon {
      width: 3rem;
      height: 3rem;
      border-radius: 0.75rem;
      background: rgba(255, 170, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .instruction-icon svg {
      width: 1.5rem;
      height: 1.5rem;
      color: var(--primary);
    }

    .instruction-title {
      font-size: 1.25rem;
      font-weight: 700;
    }

    .instruction-steps {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .instruction-step {
      display: flex;
      gap: 1rem;
    }

    .step-number {
      flex-shrink: 0;
      width: 1.75rem;
      height: 1.75rem;
      border-radius: 50%;
      background: var(--primary);
      color: var(--primary-fg);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.875rem;
      font-weight: 700;
    }

    .step-text {
      color: var(--fg-muted);
      padding-top: 0.125rem;
    }

    .instruction-cta {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 2rem;
    }

    /* ==================== FEATURES ==================== */
    .features-grid {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(2, 1fr);
    }

    @media (min-width: 1024px) {
      .features-grid { grid-template-columns: repeat(4, 1fr); }
    }

    .feature-title {
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    .feature-desc {
      font-size: 0.875rem;
      color: var(--fg-muted);
    }

    /* ==================== BONUS ==================== */
    .bonus-card {
      max-width: 56rem;
      margin: 0 auto;
      padding: 2rem;
    }

    @media (min-width: 768px) {
      .bonus-card { padding: 2.5rem; }
    }

    .bonus-grid {
      display: grid;
      gap: 2rem;
      margin-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
      .bonus-grid { grid-template-columns: repeat(3, 1fr); }
    }

    .bonus-item {
      text-align: center;
    }

    .bonus-icon {
      width: 4rem;
      height: 4rem;
      border-radius: 1rem;
      background: rgba(255, 170, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 1rem;
    }

    .bonus-icon svg {
      width: 2rem;
      height: 2rem;
      color: var(--primary);
    }

    .bonus-title {
      font-size: 1.125rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    .bonus-desc {
      font-size: 0.875rem;
      color: var(--fg-muted);
    }

    .bonus-cta {
      text-align: center;
    }

    .bonus-disclaimer {
      text-align: center;
      font-size: 0.875rem;
      color: var(--fg-muted);
      margin-top: 1.5rem;
      max-width: 36rem;
      margin-left: auto;
      margin-right: auto;
    }

    /* ==================== COMPARISON TABLE ==================== */
    .comparison-wrapper {
      max-width: 48rem;
      margin: 0 auto;
    }

    .comparison-table-container {
      overflow-x: auto;
    }

    .comparison-table {
      width: 100%;
      border-collapse: collapse;
    }

    .comparison-table th {
      padding: 1rem;
      text-align: left;
      font-size: 0.875rem;
      font-weight: 600;
      background: var(--bg-tertiary);
    }

    .comparison-table th:first-child {
      border-top-left-radius: 1rem;
    }

    .comparison-table th:last-child {
      border-top-right-radius: 1rem;
    }

    .comparison-table th:not(:first-child) {
      text-align: center;
    }

    .comparison-table th .primary {
      color: var(--primary);
    }

    .comparison-table td {
      padding: 1rem;
      font-size: 0.875rem;
      color: var(--fg-muted);
      border-top: 1px solid var(--border);
    }

    .comparison-table td:not(:first-child) {
      text-align: center;
    }

    .comparison-table tr:last-child td:first-child {
      border-bottom-left-radius: 1rem;
    }

    .comparison-table tr:last-child td:last-child {
      border-bottom-right-radius: 1rem;
    }

    .comparison-table tr:hover td {
      background: var(--bg-secondary);
    }

    .comparison-table .check {
      color: var(--primary);
    }

    .comparison-table .value-primary {
      color: var(--primary);
      font-weight: 500;
    }

    .comparison-note {
      text-align: center;
      margin-top: 1.5rem;
      font-weight: 500;
    }

    .comparison-note .highlight {
      color: var(--primary);
    }

    /* ==================== SECURITY ==================== */
    .security-card {
      max-width: 48rem;
      margin: 0 auto;
      padding: 2rem;
    }

    @media (min-width: 768px) {
      .security-card { padding: 2.5rem; }
    }

    .security-list {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    .security-item {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 0.5rem 0;
    }

    .security-item svg {
      width: 1.25rem;
      height: 1.25rem;
      color: var(--primary);
      flex-shrink: 0;
      margin-top: 0.125rem;
    }

    /* ==================== FAQ ==================== */
    .faq-list {
      max-width: 48rem;
      margin: 0 auto;
    }

    .faq-item {
      border-bottom: 1px solid var(--border);
    }

    .faq-item:last-child {
      border-bottom: none;
    }

    .faq-trigger {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1.25rem 1.5rem;
      text-align: left;
      font-size: 1rem;
      font-weight: 600;
      color: var(--fg);
      transition: color 0.2s;
    }

    @media (min-width: 768px) {
      .faq-trigger { padding: 1.25rem 2rem; }
    }

    .faq-trigger:hover {
      color: var(--primary);
    }

    .faq-trigger svg {
      width: 1.25rem;
      height: 1.25rem;
      color: var(--fg-muted);
      flex-shrink: 0;
      transition: transform 0.2s;
    }

    .faq-trigger.open svg {
      transform: rotate(180deg);
    }

    .faq-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s;
    }

    .faq-content.open {
      max-height: 500px;
    }

    .faq-answer {
      padding: 0 1.5rem 1.25rem;
      color: var(--fg-muted);
      line-height: 1.7;
    }

    @media (min-width: 768px) {
      .faq-answer { padding: 0 2rem 1.25rem; }
    }

    /* ==================== FINAL CTA ==================== */
    .final-cta {
      position: relative;
      padding: 5rem 0 8rem;
      overflow: hidden;
    }

    .final-cta-glow {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      height: 600px;
      background: rgba(255, 170, 0, 0.1);
      border-radius: 50%;
      filter: blur(120px);
      pointer-events: none;
    }

    .final-cta-content {
      position: relative;
      text-align: center;
      max-width: 48rem;
      margin: 0 auto;
    }

    .final-cta h2 {
      font-size: 1.875rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
    }

    @media (min-width: 768px) {
      .final-cta h2 { font-size: 2.5rem; }
    }

    @media (min-width: 1024px) {
      .final-cta h2 { font-size: 3rem; }
    }

    .final-cta-subtitle {
      font-size: 1.125rem;
      color: var(--fg-muted);
      margin-bottom: 2.5rem;
      max-width: 32rem;
      margin-left: auto;
      margin-right: auto;
    }

    .final-cta-buttons {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      margin-bottom: 1.5rem;
    }

    @media (min-width: 640px) {
      .final-cta-buttons { flex-direction: row; }
    }

    /* ==================== FOOTER ==================== */
    .footer {
      padding: 2.5rem 0;
      border-top: 1px solid var(--border);
    }

    .footer-top {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1.5rem;
    }

    @media (min-width: 768px) {
      .footer-top {
        flex-direction: row;
        justify-content: space-between;
      }
    }

    .footer-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 1.5rem;
    }

    .footer-links a {
      font-size: 0.875rem;
      color: var(--fg-muted);
      transition: color 0.2s;
    }

    .footer-links a:hover {
      color: var(--primary);
    }

    .footer-logo {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .footer-logo-icon {
      width: 2rem;
      height: 2rem;
      border-radius: 0.5rem;
      background: var(--primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 0.875rem;
      color: var(--primary-fg);
    }

    .footer-logo span:last-child {
      font-weight: 700;
    }

    .footer-bottom {
      margin-top: 2rem;
      padding-top: 1.5rem;
      border-top: 1px solid rgba(255,255,255,0.08);
    }

    .footer-disclaimer {
      text-align: center;
      font-size: 0.875rem;
      color: var(--fg-muted);
      max-width: 48rem;
      margin: 0 auto;
    }

    .footer-disclaimer .age {
      color: var(--secondary);
      font-weight: 600;
    }

    .footer-copyright {
      text-align: center;
      font-size: 0.75rem;
      color: var(--fg-muted);
      margin-top: 1rem;
    }

    /* ==================== MOBILE STICKY BAR ==================== */
    .mobile-sticky-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 50;
      padding: 1rem;
      background: linear-gradient(to top, var(--bg) 80%, transparent);
    }

    @media (min-width: 768px) {
      .mobile-sticky-bar { display: none; }
    }

    .mobile-sticky-buttons {
      display: flex;
      gap: 0.75rem;
    }

    .mobile-sticky-buttons a {
      flex: 1;
      padding: 0.75rem;
      font-size: 0.875rem;
    }

    /* ==================== BACK TO TOP ==================== */
    .back-to-top {
      position: fixed;
      bottom: 6rem;
      right: 1rem;
      z-index: 40;
      padding: 0.75rem;
      background: var(--bg-tertiary);
      border: 1px solid var(--border);
      color: var(--fg);
      border-radius: 50%;
      transition: all 0.3s;
      opacity: 0;
      visibility: hidden;
    }

    .back-to-top.visible {
      opacity: 1;
      visibility: visible;
    }

    /* Scroll reveal */
    .scroll-reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .scroll-reveal.revealed {
      opacity: 1;
      transform: translateY(0);
    }

    @media (prefers-reduced-motion: reduce) {
      .scroll-reveal {
        opacity: 1;
        transform: none;
        transition: none;
      }
    }

    .back-to-top:hover {
      background: var(--primary);
      color: var(--primary-fg);
      transform: scale(1.1);
    }

    @media (min-width: 768px) {
      .back-to-top { bottom: 2rem; }
    }

    .back-to-top svg {
      width: 1.25rem;
      height: 1.25rem;
    }

    /* ==================== SVG ICONS ==================== */
    .icon {
      display: inline-block;
      vertical-align: middle;
    }

    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: var(--bg);
    }

    ::-webkit-scrollbar-thumb {
      background: var(--border);
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: var(--primary);
    }

    /* ═══════════════════════════════════════════════════════
       Download Progress Overlay (APK)
       ───────────────────────────────────────────────────
       Показывает прогресс загрузки при скачивании.
       ═══════════════════════════════════════════════════ */
    #dl-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(10,10,12,.62);backdrop-filter:blur(10px)}
    #dl-overlay.open{display:flex}
    .dl-card{width:min(520px,100%);background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden}
    .dl-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid rgba(0,0,0,.08)}
    .dl-title{font-weight:900;font-size:14px;letter-spacing:.2px}
    .dl-close{width:40px;height:40px;border:0;border-radius:12px;background:rgba(0,0,0,.06);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease}
    .dl-close:hover{transform:scale(1.04);background:rgba(0,0,0,.10)}
    .dl-body{padding:16px;display:grid;gap:14px}
    .dl-row{display:flex;gap:12px;align-items:center}
    .dl-app{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ffe27a,#ffc700);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border:1px solid rgba(0,0,0,.06)}
    .dl-app img{width:100%;height:100%;object-fit:cover}
    .dl-meta{min-width:0}
    .dl-meta b{display:block;font-size:15px;line-height:1.15}
    .dl-meta span{display:block;font-size:13px;color:rgba(0,0,0,.55);margin-top:2px}
    .dl-progress{display:grid;gap:8px}
    .dl-bar{height:12px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;position:relative}
    .dl-bar>i{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,#FFC700,#ffd84c);border-radius:inherit;transition:width .25s ease}
    .dl-bar.indeterminate>i{width:40%;animation:dlInd 1.1s ease-in-out infinite}
    @keyframes dlInd{0%{transform:translateX(-80%)}50%{transform:translateX(120%)}100%{transform:translateX(220%)}}
    .dl-stats{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
    .dl-stat{font-size:12px;color:rgba(0,0,0,.65)}
    .dl-stat b{color:inherit;font-weight:900}
    .dl-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .dl-note{font-size:12px;color:rgba(0,0,0,.55);line-height:1.35}
    @media (max-width:420px){.dl-card{border-radius:16px}.dl-app{width:46px;height:46px;border-radius:12px}}

    /* Dark theme (если на сайте появится data-theme="dark") */
    html[data-theme="dark"] .dl-card{background:#141418;border-color:#2A2A35;color:#E8E8EE;box-shadow:0 22px 80px rgba(0,0,0,.45)}
    html[data-theme="dark"] .dl-head{border-bottom-color:#2A2A35}
    html[data-theme="dark"] .dl-close{background:#1E1E28;color:#E8E8EE}
    html[data-theme="dark"] .dl-meta span{color:#8B8FA8}
    html[data-theme="dark"] .dl-bar{background:#1E1E28}
    html[data-theme="dark"] .dl-stat{color:#8B8FA8}
    html[data-theme="dark"] .dl-note{color:#8B8FA8}

  </style>
    <link rel="canonical" href="https://visitcentre.ru/" />
    <link rel="alternate" hreflang="x-default" href="https://slin-go.ru/" />
    <link rel="alternate" hreflang="ru-RU" href="https://visitcentre.ru/" />
</head>
<body>
<!-- Trust Alert ->
<div class="trust-alert" role="alert">
<div class="container">
<div class="trust-alert-content">
<div class="trust-alert-text">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>
<p><strong>Важно:</strong> скачивайте Melbet только с официальных источников. Не устанавливайте APK из неизвестных сайтов — это может быть вирус или фишинг.</p>
</div>
<a class="trust-alert-link" href="#security">Как скачать безопасно →</a>
</div>
</div>
</div>
<!-- Header -->
<header class="header" id="header">
<div class="container">
<nav aria-label="Основная навигация" class="header-nav">
<a aria-label="Melbet - На главную" class="logo" href="#">
<img alt="Melbet" src="/new-logo-ru.webp"/>
</a>
<ul class="nav-menu">
<li><a href="#download">Скачать</a></li>
<li><a href="#instructions">Инструкция</a></li>
<li><a href="#features">Возможности</a></li>
<li><a href="#bonus">Бонус</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
<a class="btn-primary header-cta" href="/go-to-app/" rel="nofollow">Скачать Melbet</a>
<button aria-controls="mobile-menu" aria-expanded="false" aria-label="Открыть меню" class="burger-btn" id="burger-btn">
<svg fill="none" id="burger-icon" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg>
<svg fill="none" id="close-icon" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" style="display:none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>
</button>
</nav>
<div class="mobile-menu" id="mobile-menu">
<a href="#download">Скачать</a>
<a href="#instructions">Инструкция</a>
<a href="#features">Возможности</a>
<a href="#bonus">Бонус</a>
<a href="#faq">FAQ</a>
<a class="btn-primary" href="/go-to-app/" rel="nofollow">Скачать Melbet</a>
</div>
</div>
</header>
<main>
<!-- Hero -->
<section class="hero">
<div aria-hidden="true" class="hero-glow"></div>
<div class="container">
<div class="hero-grid">
<div class="hero-content">
<h1>Скачать Мелбет — приложение Melbet на Android, iOS и ПК</h1>
<p class="hero-subtitle">Быстрая установка. Ставки и казино в одном приложении. Live-ставки, быстрые выплаты и бонусы для новых игроков.</p>
<div class="hero-buttons">
<a aria-label="Скачать Melbet на Android" class="btn-primary btn-primary-pulse" data-dl-trigger="1" href="/melbet.apk" rel="nofollow">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
                Скачать на Android (APK)
              </a>
<a aria-label="Скачать Melbet на iOS" class="btn-secondary" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
                Скачать на iPhone
              </a>
</div>
<a class="btn-link hero-link" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>
              Версия для ПК
            </a>
<div class="trust-badges">
<div class="trust-badge">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>
<span>Официальная версия</span>
</div>
<div class="trust-badge">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
<span>Без вирусов</span>
</div>
<div class="trust-badge">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path></svg>
<span>Обновления</span>
</div>
<div class="trust-badge">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path></svg>
<span>24/7 поддержка</span>
</div>
</div>
</div>
<div class="hero-mockup">
<div class="mockup-wrapper">
<div class="phone-frame">
<img alt="Интерфейс приложения Melbet" src="/app-mlb.webp"/>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Platform Tabs -->
<section class="section section-alt" id="download">
<div class="container">
<div class="section-header">
<h2 class="section-title">Выберите платформу для скачивания</h2>
<p class="section-subtitle">Скачать приложение Мелбет можно на любое устройство — Android, iPhone или компьютер</p>
</div>
<div aria-label="Выбор платформы" class="platform-tabs" role="tablist">
<button aria-selected="true" class="platform-tab active" data-platform="android" role="tab">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><rect height="20" rx="2" ry="2" width="14" x="5" y="2"></rect><path d="M12 18h.01"></path></svg>
            Android APK
          </button>
<button aria-selected="false" class="platform-tab" data-platform="ios" role="tab">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
            iOS
          </button>
<button aria-selected="false" class="platform-tab" data-platform="pc" role="tab">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>
            Windows / ПК
          </button>
</div>
<!-- Android Panel -->
<div class="platform-panel active" id="panel-android" role="tabpanel">
<div class="card-glass">
<div class="platform-content">
<div id="download-android">
<h3 class="platform-title">Скачать Melbet APK на Android</h3>
<a class="btn-primary btn-primary-pulse" data-dl-trigger="1" href="/melbet.apk" rel="nofollow" style="width:100%;margin-bottom:0.75rem">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
                  Скачать APK
                </a>
<p class="platform-note">Файл APK. Установка 1–2 минуты.</p>
</div>
<div class="platform-requirements">
<h4>Что нужно</h4>
<ul>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Android 7.0+
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    100+ МБ свободной памяти
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Интернет соединение
                  </li>
</ul>
<p class="platform-micro">Если не устанавливается — включите 'Неизвестные источники' в настройках.</p>
</div>
</div>
</div>
</div>
<!-- iOS Panel -->
<div class="platform-panel" id="panel-ios" role="tabpanel">
<div class="card-glass">
<div class="platform-content">
<div id="download-ios">
<h3 class="platform-title">Скачать Melbet на iPhone</h3>
<a class="btn-primary" href="/go-to-app/" rel="nofollow" style="width:100%;margin-bottom:0.75rem">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
                  Открыть App Store
                </a>
<p class="platform-note">Установка через официальный магазин приложений.</p>
</div>
<div class="platform-requirements">
<h4>Что нужно</h4>
<ul>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    iOS 13+
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Apple ID
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Wi-Fi / 4G / 5G
                  </li>
</ul>
</div>
</div>
</div>
</div>
<!-- PC Panel -->
<div class="platform-panel" id="panel-pc" role="tabpanel">
<div class="card-glass">
<div class="platform-content">
<div id="download-pc">
<h3 class="platform-title">Скачать Melbet на ПК</h3>
<a class="btn-primary" href="/go-to-app/" rel="nofollow" style="width:100%;margin-bottom:0.75rem">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>
                  Открыть веб-версию
                </a>
<a class="btn-secondary" href="#instructions" style="width:100%">Инструкция для Windows</a>
<p class="platform-note">Официального EXE может не быть — используйте веб-версию или ярлык.</p>
</div>
<div class="platform-requirements">
<h4>Что нужно</h4>
<ul>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Windows 10/11
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Браузер Chrome / Edge
                  </li>
<li>
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
                    Возможность установить ярлык сайта
                  </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Instructions -->
<section class="section" id="instructions">
<div class="container">
<div class="section-header">
<h2 class="section-title">Как установить приложение Melbet</h2>
<p class="section-subtitle">Пошаговые инструкции для скачивания и установки Melbet на ваше устройство</p>
<p class="instructions-date">Обновлено: <span id="current-date"></span></p>
</div>
<div class="instructions-grid">
<!-- Android -->
<div class="card-glass instruction-card">
<div class="instruction-header">
<div class="instruction-icon">
<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="20" rx="2" ry="2" width="14" x="5" y="2"></rect><path d="M12 18h.01"></path></svg>
</div>
<h3 class="instruction-title">Android</h3>
</div>
<ol class="instruction-steps">
<li class="instruction-step"><span class="step-number">1</span><span class="step-text">Скачайте APK-файл</span></li>
<li class="instruction-step"><span class="step-number">2</span><span class="step-text">Откройте загруженный файл</span></li>
<li class="instruction-step"><span class="step-number">3</span><span class="step-text">Разрешите установку из неизвестных источников</span></li>
<li class="instruction-step"><span class="step-number">4</span><span class="step-text">Нажмите «Установить»</span></li>
<li class="instruction-step"><span class="step-number">5</span><span class="step-text">Откройте приложение и войдите/зарегистрируйтесь</span></li>
</ol>
<a class="btn-primary instruction-cta" data-dl-trigger="1" href="/melbet.apk">Скачать APK</a>
</div>
<!-- iOS -->
<div class="card-glass instruction-card">
<div class="instruction-header">
<div class="instruction-icon">
<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
</div>
<h3 class="instruction-title">iOS</h3>
</div>
<ol class="instruction-steps">
<li class="instruction-step"><span class="step-number">1</span><span class="step-text">Откройте App Store на iPhone</span></li>
<li class="instruction-step"><span class="step-number">2</span><span class="step-text">Найдите «Melbet» в поиске</span></li>
<li class="instruction-step"><span class="step-number">3</span><span class="step-text">Нажмите «Получить» для загрузки</span></li>
<li class="instruction-step"><span class="step-number">4</span><span class="step-text">Откройте приложение и войдите в аккаунт</span></li>
</ol>
<a class="btn-secondary instruction-cta" href="#download-ios">Открыть App Store</a>
</div>
<!-- PC -->
<div class="card-glass instruction-card">
<div class="instruction-header">
<div class="instruction-icon">
<svg fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>
</div>
<h3 class="instruction-title">ПК</h3>
</div>
<ol class="instruction-steps">
<li class="instruction-step"><span class="step-number">1</span><span class="step-text">Откройте официальный сайт Melbet</span></li>
<li class="instruction-step"><span class="step-number">2</span><span class="step-text">Войдите в свой аккаунт</span></li>
<li class="instruction-step"><span class="step-number">3</span><span class="step-text">Добавьте ярлык сайта на рабочий стол</span></li>
<li class="instruction-step"><span class="step-number">4</span><span class="step-text">Используйте как полноценное приложение</span></li>
</ol>
<a class="btn-secondary instruction-cta" href="#download-pc">Открыть веб-версию</a>
</div>
</div>
</div>
</section>
<!-- Features -->
<section class="section section-alt" id="features">
<div class="container">
<div class="section-header">
<h2 class="section-title">Что умеет приложение Melbet</h2>
<p class="section-subtitle">Полный функционал букмекерской конторы и казино в одном приложении</p>
</div>
<div class="features-grid">
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"></path></svg>
<h3 class="feature-title">Live ставки</h3>
<p class="feature-desc">Ставьте на матчи в реальном времени с мгновенным обновлением коэффициентов</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg>
<h3 class="feature-title">Быстрые депозиты и вывод</h3>
<p class="feature-desc">Пополняйте счёт и выводите выигрыш за минуты</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="6" x2="10" y1="11" y2="11"></line><line x1="8" x2="8" y1="9" y2="13"></line><line x1="15" x2="15.01" y1="12" y2="12"></line><line x1="18" x2="18.01" y1="10" y2="10"></line><path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z"></path></svg>
<h3 class="feature-title">Казино и слоты</h3>
<p class="feature-desc">Тысячи игр от лучших провайдеров прямо в приложении</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg>
<h3 class="feature-title">Прямые трансляции</h3>
<p class="feature-desc">Смотрите матчи бесплатно и делайте ставки во время игры</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M7 11.207a.5.5 0 0 1 .146-.354l2-2a.5.5 0 0 1 .708 0l3.292 3.294a.5.5 0 0 0 .708 0l4.292-4.294a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z"></path></svg>
<h3 class="feature-title">Статистика и результаты</h3>
<p class="feature-desc">Подробная аналитика, история матчей и таблицы</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9"></path><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"></path></svg>
<h3 class="feature-title">Уведомления о матчах</h3>
<p class="feature-desc">Не пропустите важные события — настройте оповещения</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><line x1="19" x2="19" y1="8" y2="14"></line><line x1="22" x2="16" y1="11" y2="11"></line></svg>
<h3 class="feature-title">Быстрая регистрация</h3>
<p class="feature-desc">Создайте аккаунт за 1 минуту и получите бонус</p>
</div>
<div class="feature-card">
<svg class="feature-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path></svg>
<h3 class="feature-title">Поддержка 24/7</h3>
<p class="feature-desc">Служба поддержки на русском языке круглосуточно</p>
</div>
</div>
</div>
</section>
<!-- Bonus -->
<section class="section" id="bonus">
<div class="container">
<div class="section-header">
<h2 class="section-title">Бонусы после установки</h2>
<p class="section-subtitle">Скачайте приложение Melbet и получите бонусы для новых игроков</p>
</div>
<div class="card-glass bonus-card">
<div class="bonus-grid">
<div class="bonus-item">
<div class="bonus-icon">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 8 5 6h4l2-2h2l2 2h4l2 2"></path><path d="M20 8v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8"></path><path d="M12 8v13"></path><path d="M3 12h18"></path></svg>
</div>
<h3 class="bonus-title">Приветственный бонус</h3>
<p class="bonus-desc">Бонус на первый депозит для новых игроков</p>
</div>
<div class="bonus-item">
<div class="bonus-icon">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M13 5v2"></path><path d="M13 17v2"></path><path d="M13 11v2"></path></svg>
</div>
<h3 class="bonus-title">Промокоды</h3>
<p class="bonus-desc">Эксклюзивные промокоды для дополнительных бонусов</p>
</div>
<div class="bonus-item">
<div class="bonus-icon">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><line x1="19" x2="5" y1="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg>
</div>
<h3 class="bonus-title">Фрибеты</h3>
<p class="bonus-desc">Бесплатные ставки за активность и достижения</p>
</div>
</div>
<div class="bonus-cta">
<a class="btn-primary btn-primary-pulse" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
              Скачать и получить бонус
            </a>
</div>
<p class="bonus-disclaimer">Условия бонусов зависят от региона и правил букмекера. Подробности уточняйте в приложении.</p>
</div>
</div>
</section>
<!-- Comparison -->
<section class="section section-alt">
<div class="container">
<div class="section-header">
<h2 class="section-title">Сравнение: приложение vs сайт</h2>
<p class="section-subtitle">Почему приложение Melbet удобнее мобильной версии сайта</p>
</div>
<div class="comparison-wrapper">
<div class="card-glass">
<div class="comparison-table-container">
<table class="comparison-table">
<thead>
<tr>
<th>Функция</th>
<th><span class="primary">Приложение</span></th>
<th>Сайт</th>
</tr>
</thead>
<tbody>
<tr>
<td>Быстрый вход</td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
</tr>
<tr>
<td>Live-ставки</td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
</tr>
<tr>
<td>Push-уведомления</td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
<td><svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path></svg></td>
</tr>
<tr>
<td>Быстрая работа</td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
<td><svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path></svg></td>
</tr>
<tr>
<td>Автообновления</td>
<td><svg class="check" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M20 6 9 17l-5-5"></path></svg></td>
<td><svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14"></path></svg></td>
</tr>
<tr>
<td>Установка</td>
<td><span class="value-primary">APK / App Store</span></td>
<td>не нужно</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="comparison-note">Рекомендуем <span class="highlight">приложение</span> — быстрее и удобнее</p>
</div>
</div>
</section>
<!-- Security -->
<section class="section" id="security">
<div class="container">
<div class="section-header">
<h2 class="section-title">Безопасность: как скачать Melbet официально</h2>
<p class="section-subtitle">Следуйте этим правилам, чтобы защитить свой аккаунт и деньги</p>
</div>
<div class="card-glass security-card">
<ul class="security-list">
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg>
<span>Скачивайте только с официальных источников</span>
</li>
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>
<span>Проверяйте домен сайта перед вводом данных</span>
</li>
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg>
<span>Не вводите пароль на подозрительных страницах</span>
</li>
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10"></circle><path d="m4.9 4.9 14.2 14.2"></path></svg>
<span>Не переводите деньги «менеджерам» в мессенджерах</span>
</li>
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect height="11" rx="2" ry="2" width="18" x="3" y="11"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
<span>Включите двухфакторную аутентификацию (2FA)</span>
</li>
<li class="security-item">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path></svg>
<span>Регулярно проверяйте и устанавливайте обновления</span>
</li>
</ul>
<button class="copy-btn" id="copy-security-btn">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" ry="2" width="14" x="8" y="8"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>
<span>Скопировать инструкцию безопасности</span>
</button>

</div>
</div>
</section>
<!-- FAQ -->
<section class="section section-alt" id="faq">
<div class="container">
<div class="section-header">
<h2 class="section-title">FAQ — частые вопросы</h2>
<p class="section-subtitle">Ответы на популярные вопросы о скачивании и установке Melbet</p>
</div>
<div class="card-glass faq-list" id="faq-list">
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Где скачать Melbet APK?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Скачать официальный APK-файл Melbet можно на этой странице в разделе «Скачать». Нажмите кнопку «Скачать APK» и дождитесь загрузки файла.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Почему приложение не устанавливается?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Чаще всего это связано с настройками безопасности Android. Перейдите в Настройки → Безопасность → включите «Неизвестные источники». После этого повторите установку.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Как включить «Неизвестные источники»?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Откройте Настройки телефона → Безопасность (или Конфиденциальность) → найдите пункт «Неизвестные источники» или «Установка приложений из внешних источников» → разрешите для браузера, через который скачивали APK.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Можно ли скачать Melbet на iPhone?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Да, приложение Melbet доступно для iPhone в App Store. Откройте App Store, найдите «Melbet» и нажмите «Получить» для бесплатной загрузки.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Есть ли версия для ПК?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Официального EXE-файла нет, но вы можете использовать веб-версию сайта как полноценное приложение. Добавьте сайт на рабочий стол через меню браузера Chrome или Edge.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Как обновить приложение?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Для Android: скачайте новый APK с официального сайта и установите поверх старой версии. Для iOS: обновления приходят автоматически через App Store.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Как войти в аккаунт?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Откройте приложение, нажмите «Войти», введите логин (email или телефон) и пароль. Если забыли пароль — воспользуйтесь функцией восстановления.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Что делать, если не приходит SMS?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Проверьте правильность номера телефона. Подождите 2-3 минуты. Если SMS не пришло, запросите код повторно. При проблемах обратитесь в поддержку.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Приложение безопасно?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Да, официальное приложение Melbet безопасно. Скачивайте только с официальных источников, не используйте модифицированные версии и включите двухфакторную аутентификацию.</p></div>
</div>
<div class="faq-item">
<button aria-expanded="false" class="faq-trigger"><span>Можно ли получить бонус после установки?</span><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m6 9 6 6 6-6"></path></svg></button>
<div class="faq-content"><p class="faq-answer">Да, новые игроки могут получить приветственный бонус после регистрации и первого депозита. Условия бонуса уточняйте в разделе «Акции» в приложении.</p></div>
</div>
</div>
</div>
</section>
<!-- Final CTA -->
<section class="final-cta">
<div aria-hidden="true" class="final-cta-glow"></div>
<div class="container">
<div class="final-cta-content">
<h2>Скачать Melbet прямо сейчас</h2>
<p class="final-cta-subtitle">Установка занимает 1–2 минуты. Начните делать ставки уже сегодня.</p>
<div class="final-cta-buttons">
<a class="btn-primary btn-primary-pulse" data-dl-trigger="1" href="/melbet.apk" rel="nofollow">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
              Скачать APK на Android
            </a>
<a class="btn-secondary" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
              Скачать на iOS
            </a>
</div>
<a class="btn-link" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="20" x="2" y="3"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>
            Открыть версию для ПК
          </a>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-top">
<nav aria-label="Юридическая информация" class="footer-links">
<a href="#">Политика конфиденциальности</a>
<a href="#">Условия использования</a>
<a href="#">Cookie</a>
</nav>
<div class="footer-logo">
<img alt="Melbet" src="/new-logo-ru.webp" style="height:2rem;width:auto;"/>
</div>
</div>
<div class="footer-bottom">
<p class="footer-disclaimer"><span class="age">18+</span> | Играйте ответственно. Азартные игры могут вызывать зависимость. Контролируйте время и средства, которые тратите на игру.</p>
<p class="footer-copyright">© <span id="year"></span> Melbet. Все права защищены.</p>
</div>
</div>
</footer>
<!-- Mobile Sticky Bar -->
<div aria-label="Быстрое скачивание" class="mobile-sticky-bar">
<div class="mobile-sticky-buttons">
<a class="btn-primary" data-dl-trigger="1" href="/melbet.apk">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>
        Скачать APK
      </a>
<a class="btn-secondary" href="/go-to-app/" rel="nofollow">
<svg fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>
        iOS
      </a>
</div>
</div>
<!-- Back to Top -->
<button aria-label="Вернуться наверх" class="back-to-top" id="back-to-top">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m18 15-6-6-6 6"></path></svg>
</button>
<!-- Download Progress Overlay -->
<div aria-label="Загрузка файла" aria-modal="true" id="dl-overlay" role="dialog" tabindex="-1">
<div class="dl-card" role="document">
<div class="dl-head">
<div class="dl-title">Загрузка файла</div>
<button aria-label="Закрыть" class="dl-close" type="button">
<svg aria-hidden="true" fill="none" height="18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6 6 18"></path><path d="M6 6l12 12"></path></svg>
</button>
</div>
<div class="dl-body">
<div class="dl-row">
<div aria-hidden="true" class="dl-app"><img alt="" decoding="async" loading="lazy" src="/favicon.png"/></div>
<div class="dl-meta"><b id="dl-name">Melbet</b><span id="dl-sub">Подготовка…</span></div>
</div>
<div class="dl-progress">
<div class="dl-bar" id="dl-bar"><i></i></div>
<div class="dl-stats">
<div class="dl-stat">Прогресс: <b id="dl-pct">0%</b></div>
<div class="dl-stat">Скорость: <b id="dl-speed">—</b></div>
<div class="dl-stat">Объём: <b id="dl-size">—</b></div>
</div>
</div>
<div class="dl-actions">
<button class="btn-secondary" id="dl-cancel" type="button">Отмена</button>
<button class="btn-primary" id="dl-retry" style="display:none" type="button">Повторить</button>
<a class="btn-primary" href="/go-to-app/" id="dl-open" rel="nofollow" style="display:none">Открыть ссылку</a>
</div>
<div class="dl-note" id="dl-note">Если загрузка не начинается, нажмите «Открыть ссылку».</div>
</div>
</div>
</div>
<script>
    // ==================== JAVASCRIPT ====================
    (function() {
      'use strict';

      // ==================== DOWNLOAD OVERLAY (PROGRESS) ====================
      const dl = {
        overlay: document.getElementById('dl-overlay'),
        card: null,
        closeBtn: null,
        cancelBtn: document.getElementById('dl-cancel'),
        retryBtn: document.getElementById('dl-retry'),
        openLink: document.getElementById('dl-open'),
        bar: document.getElementById('dl-bar'),
        fill: document.querySelector('#dl-bar > i'),
        pct: document.getElementById('dl-pct'),
        speed: document.getElementById('dl-speed'),
        size: document.getElementById('dl-size'),
        sub: document.getElementById('dl-sub'),
        note: document.getElementById('dl-note'),
        xhr: null,
        lastUrl: '/melbet.apk',
        lastTs: 0,
        lastLoaded: 0,
      };

      if (dl.overlay) {
        dl.card = dl.overlay.querySelector('.dl-card');
        dl.closeBtn = dl.overlay.querySelector('.dl-close');
      }

      function fmtBytes(n){
        if (!Number.isFinite(n) || n <= 0) return '—';
        const u=['B','KB','MB','GB'];
        let i=0;
        while (n>=1024 && i<u.length-1){n/=1024;i++;}
        return (i===0?Math.round(n):n.toFixed(1))+' '+u[i];
      }

      function openDl(){
        if(!dl.overlay) return;
        dl.overlay.classList.add('open');
        dl.overlay.focus();
      }

      function closeDl(){
        if(!dl.overlay) return;
        dl.overlay.classList.remove('open');
      }

      function abortDl(){
        try{ dl.xhr && dl.xhr.abort(); }catch(e){}
        dl.xhr=null;
      }

      function resetDl(){
        if(!dl.overlay) return;
        dl.bar && dl.bar.classList.remove('indeterminate');
        if(dl.fill) dl.fill.style.width='0%';
        if(dl.pct) dl.pct.textContent='0%';
        if(dl.speed) dl.speed.textContent='—';
        if(dl.size) dl.size.textContent='—';
        if(dl.sub) dl.sub.textContent='Подготовка…';
        if(dl.retryBtn) dl.retryBtn.style.display='none';
        if(dl.openLink) dl.openLink.style.display='none';
        if(dl.note) dl.note.style.display='block';
      }

      function failDl(msg){
        if(dl.sub) dl.sub.textContent=msg||'Не удалось загрузить файл';
        if(dl.retryBtn) dl.retryBtn.style.display='inline-flex';
        if(dl.openLink){ dl.openLink.style.display='inline-flex'; dl.openLink.href=dl.lastUrl; }
        if(dl.note) dl.note.style.display='none';
        dl.bar && dl.bar.classList.remove('indeterminate');
      }

      function startDl(url){
        if(!dl.overlay) return;
        dl.lastUrl=url;
        resetDl();
        openDl();
        abortDl();

        const xhr=new XMLHttpRequest();
        dl.xhr=xhr;
        dl.lastTs=performance.now();
        dl.lastLoaded=0;

        xhr.open('GET', url, true);
        xhr.responseType='blob';

        xhr.onprogress=(e)=>{
          const loaded=e.loaded||0;
          const now=performance.now();

          if(e.lengthComputable && e.total){
            const p=Math.max(0,Math.min(100,Math.round((loaded/e.total)*100)));
            dl.bar && dl.bar.classList.remove('indeterminate');
            if(dl.fill) dl.fill.style.width=p+'%';
            if(dl.pct) dl.pct.textContent=p+'%';
            if(dl.size) dl.size.textContent=fmtBytes(loaded)+' / '+fmtBytes(e.total);
          } else {
            dl.bar && dl.bar.classList.add('indeterminate');
            if(dl.pct) dl.pct.textContent='…';
            if(dl.size) dl.size.textContent=fmtBytes(loaded);
          }

          const dt=now-dl.lastTs;
          if(dt>320){
            const d=loaded-dl.lastLoaded;
            const bps=d/(dt/1000);
            if(dl.speed) dl.speed.textContent=fmtBytes(bps)+'/s';
            dl.lastTs=now;
            dl.lastLoaded=loaded;
          }

          if(dl.sub) dl.sub.textContent='Загрузка…';
        };

        xhr.onload=()=>{
          const blob=xhr.response;
          if(!blob){ failDl('Пустой ответ сервера'); return; }

          const ct=(xhr.getResponseHeader('Content-Type')||'').toLowerCase();
          if(ct.includes('text/html')){ failDl('Сервер вернул страницу вместо файла'); return; }

          dl.bar && dl.bar.classList.remove('indeterminate');
          if(dl.fill) dl.fill.style.width='100%';
          if(dl.pct) dl.pct.textContent='100%';
          if(dl.sub) dl.sub.textContent='Готово. Файл сохранён.';
          if(dl.speed) dl.speed.textContent='—';
          if(dl.size) dl.size.textContent=fmtBytes(blob.size);
          if(dl.note) dl.note.style.display='none';

          let filename='melbet.apk';
          const cd=xhr.getResponseHeader('Content-Disposition')||'';
          const m=cd.match(/filename\*=UTF-8''([^;]+)|filename="?([^";]+)"?/i);
          if(m){ try{ filename=decodeURIComponent(m[1]||m[2]||filename);}catch(e){} }

          const a=document.createElement('a');
          const obj=URL.createObjectURL(blob);
          a.href=obj; a.download=filename;
          document.body.appendChild(a);
          a.click();
          a.remove();
          setTimeout(()=>URL.revokeObjectURL(obj), 60000);
          setTimeout(closeDl, 1200);
        };

        xhr.onerror=()=>failDl('Ошибка сети');
        xhr.onabort=()=>{ if(dl.sub) dl.sub.textContent='Отменено'; if(dl.retryBtn) dl.retryBtn.style.display='inline-flex'; if(dl.note) dl.note.style.display='none'; };
        xhr.send();
      }

      function bindDlTriggers(){
        // Делегирование: ловим клики ТОЛЬКО по APK-ссылкам (Android).
        // iOS/ПК ведут на /go-to-app/ и НЕ должны запускать скачивание.
        document.addEventListener('click', (e)=>{
          const a = e.target && e.target.closest ? e.target.closest('a') : null;
          if(!a) return;

          const hrefAttr = (a.getAttribute('href') || '').trim();
          const hrefAbs  = a.href || hrefAttr;
          const href = hrefAttr || hrefAbs;

          const isApk = /\.apk(\?|$)/i.test(href) || hrefAttr === '/melbet.apk' || /\/melbet\.apk(\?|$)/i.test(href);
          const isTrigger = a.hasAttribute('data-dl-trigger');

          if(!(isTrigger || isApk)) return;

          // allow new-tab / modifiers
          if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey) return;

          e.preventDefault();
          startDl(hrefAttr || hrefAbs || '/melbet.apk');
        }, {passive:false});
      }

      if(dl.overlay){
        bindDlTriggers();
        dl.closeBtn && dl.closeBtn.addEventListener('click',()=>{abortDl();closeDl();});
        dl.cancelBtn && dl.cancelBtn.addEventListener('click',()=>{abortDl();closeDl();});
        dl.retryBtn && dl.retryBtn.addEventListener('click',()=>startDl(dl.lastUrl));

        dl.overlay.addEventListener('click',(e)=>{ if(e.target===dl.overlay){abortDl();closeDl();} });
        document.addEventListener('keydown',(e)=>{ if(e.key==='Escape' && dl.overlay.classList.contains('open')){abortDl();closeDl();} });
      }


      // Current date
      const dateEl = document.getElementById('current-date');
      if (dateEl) {
        dateEl.textContent = new Date().toLocaleDateString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' });
      }

      // Current year
      const yearEl = document.getElementById('year');
      if (yearEl) {
        yearEl.textContent = new Date().getFullYear();
      }

      // Header scroll effect
      const header = document.getElementById('header');
      window.addEventListener('scroll', () => {
        if (window.scrollY > 10) {
          header.classList.add('scrolled');
        } else {
          header.classList.remove('scrolled');
        }
      });

      // Mobile menu
      const burgerBtn = document.getElementById('burger-btn');
      const mobileMenu = document.getElementById('mobile-menu');
      const burgerIcon = document.getElementById('burger-icon');
      const closeIcon = document.getElementById('close-icon');

      burgerBtn.addEventListener('click', () => {
        const isOpen = mobileMenu.classList.toggle('open');
        burgerBtn.setAttribute('aria-expanded', isOpen);
        burgerBtn.setAttribute('aria-label', isOpen ? 'Закрыть меню' : 'Открыть меню');
        burgerIcon.style.display = isOpen ? 'none' : 'block';
        closeIcon.style.display = isOpen ? 'block' : 'none';
      });

      // Close mobile menu on link click
      mobileMenu.querySelectorAll('a').forEach(link => {
        link.addEventListener('click', () => {
          mobileMenu.classList.remove('open');
          burgerBtn.setAttribute('aria-expanded', 'false');
          burgerIcon.style.display = 'block';
          closeIcon.style.display = 'none';
        });
      });

      // Platform tabs
      const platformTabs = document.querySelectorAll('.platform-tab');
      const platformPanels = document.querySelectorAll('.platform-panel');

      platformTabs.forEach(tab => {
        tab.addEventListener('click', () => {
          const platform = tab.dataset.platform;

          platformTabs.forEach(t => {
            t.classList.remove('active');
            t.setAttribute('aria-selected', 'false');
          });
          tab.classList.add('active');
          tab.setAttribute('aria-selected', 'true');

          platformPanels.forEach(panel => {
            panel.classList.remove('active');
            if (panel.id === `panel-${platform}`) {
              panel.classList.add('active');
            }
          });
        });
      });

      // FAQ accordion
      const faqItems = document.querySelectorAll('.faq-item');
      faqItems.forEach(item => {
        const trigger = item.querySelector('.faq-trigger');
        const content = item.querySelector('.faq-content');

        trigger.addEventListener('click', () => {
          const isOpen = trigger.classList.toggle('open');
          content.classList.toggle('open');
          trigger.setAttribute('aria-expanded', isOpen);
        });
      });

      // Copy security instructions
      const copyBtn = document.getElementById('copy-security-btn');
      const securityText = `Инструкция безопасности Melbet:
1. Скачивайте только с официальных источников
2. Проверяйте домен сайта перед вводом данных
3. Не вводите пароль на подозрительных страницах
4. Не переводите деньги «менеджерам» в мессенджерах
5. Включите двухфакторную аутентификацию (2FA)
6. Регулярно проверяйте и устанавливайте обновления`;

      copyBtn.addEventListener('click', async () => {
        try {
          await navigator.clipboard.writeText(securityText);
          copyBtn.classList.add('copied');
          copyBtn.querySelector('span').textContent = 'Скопировано!';
          setTimeout(() => {
            copyBtn.classList.remove('copied');
            copyBtn.querySelector('span').textContent = 'Скопировать инструкцию безопасности';
          }, 2000);
        } catch (err) {
          console.error('Ошибка копирования:', err);
        }
      });

      // Back to top button
      const backToTop = document.getElementById('back-to-top');
      window.addEventListener('scroll', () => {
        if (window.scrollY > 500) {
          backToTop.classList.add('visible');
        } else {
          backToTop.classList.remove('visible');
        }
      });

      backToTop.addEventListener('click', () => {
        window.scrollTo({ top: 0, behavior: 'smooth' });
      });

      // Smooth scroll for anchor links
      document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
          const href = this.getAttribute('href');
          if (href === '#') return;
          
          const target = document.querySelector(href);
          if (target) {
            e.preventDefault();
            target.scrollIntoView({ behavior: 'smooth' });
          }
        });
      });

      // Scroll reveal animations
      const revealElements = document.querySelectorAll('.section .section-header, .section .card-glass, .section .features-grid > *, .section .platform-tabs, .section .platform-panel, .section .bonus-card, .section .comparison-wrapper, .section .security-card, .section .faq-list, .section .instruction-card');
      
      const revealObserver = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add('revealed');
            revealObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });

      revealElements.forEach((el, i) => {
        el.classList.add('scroll-reveal');
        el.style.transitionDelay = `${(i % 4) * 0.1}s`;
        revealObserver.observe(el);
      });
    })();
  </script>
</body>
</html>