<!doctype html>
<html lang="tr" dir="ltr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Betpark - Türkiye'nin En Güvenilir Bahis ve Casino Platformu</title>
  <meta name="description" content="Betpark ile canlı bahis, spor bahisleri ve casino oyunlarının keyfini çıkarın. Yüksek oranlar, hızlı ödemeler ve 7/24 destek ile güvenli oyun deneyimi." />
  <meta name="keywords" content="Betpark, canlı bahis, spor bahisleri, casino, slot oyunları, canlı casino, bahis siteleri" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

  <meta property="og:type" content="website" />
  <meta property="og:title" content="Betpark - Türkiye'nin En Güvenilir Bahis ve Casino Platformu" />
  <meta property="og:description" content="Betpark ile canlı bahis, spor bahisleri ve casino oyunlarının keyfini çıkarın." />
  <meta property="og:url" content="https://mobilecomputingtoday.co.uk/" />
  <meta property="og:site_name" content="Betpark" />
  <meta property="og:locale" content="tr_TR" />

  <link rel="canonical" href="https://mobilecomputingtoday.co.uk/">
  <link rel="alternate" hreflang="tr" href="https://m.betpark-guncel.website/">
  <link rel="alternate" hreflang="x-default" href="https://m.betpark-guncel.website/">

  <link rel="icon" type="image/png" href="betpark.png">
  <link rel="shortcut icon" href="betpark.png">
  <link rel="apple-touch-icon" href="betpark.png">

  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Betpark - Türkiye'nin En Güvenilir Bahis ve Casino Platformu" />
  <meta name="twitter:description" content="Betpark ile canlı bahis, spor bahisleri ve casino oyunlarının keyfini çıkarın." />

  <link rel="preconnect" href__="https://fonts.googleapis.com" />
  <link rel="preconnect" href__="https://fonts.gstatic.com" crossorigin />

  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"Organization","name":"Betpark","url":"https://mobilecomputingtoday.co.uk/","description":"Türkiye'nin en güvenilir online bahis ve casino platformu.","foundingDate":"2018","contactPoint":{"@type":"ContactPoint","contactType":"customer service","availableLanguage":["Turkish","English"]}}
  </script>
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"WebSite","name":"Betpark","url":"https://mobilecomputingtoday.co.uk/","potentialAction":{"@type":"SearchAction","target":"https://mobilecomputingtoday.co.uk/search?q={search_term_string}","query-input":"required name=search_term_string"}}
  </script>
  <script type="application/ld+json">
  {"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Betpark güvenilir mi?","acceptedAnswer":{"@type":"Answer","text":"Betpark, uluslararası lisans ile faaliyet gösteren, SSL şifreleme kullanan güvenilir bir bahis platformudur."}},{"@type":"Question","name":"Betpark'e nasıl üye olunur?","acceptedAnswer":{"@type":"Answer","text":"Ana sayfadaki Kayıt Ol butonuna tıklayarak üye olabilirsiniz."}},{"@type":"Question","name":"Hangi ödeme yöntemleri var?","acceptedAnswer":{"@type":"Answer","text":"Banka havalesi, Papara, kripto para ve e-cüzdan yöntemleri kullanılabilir."}}]}
  </script>

  <style>
    /* ================================
       RESET & VARIABLES
    ================================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg:       #0A0B0D;
      --bg-dark:  #080910;
      --surface:  #0F1115;
      --card:     #1E293B;
      --border:   #1E293B;
      --border2:  #334155;
      --text:     #E2E8F0;
      --muted:    #94A3B8;
      --dim:      #64748B;
      --amber:    #F59E0B;
      --amber-dk: #D97706;
      --red:      #EF4444;
      --font:     'Inter Tight', system-ui, sans-serif;
      --mono:     'JetBrains Mono', monospace;
    }

    html { scroll-behavior: smooth; font-size: 16px; }

    body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--font);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    img { display: block; max-width: 100%; }
    a { text-decoration: none; color: inherit; }
    button { cursor: pointer; font-family: var(--font); border: none; background: none; }
    ul { list-style: none; }

    /* ================================
       UTILITIES
    ================================ */
    .container     { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
    .container-sm  { max-width: 768px; margin: 0 auto; padding: 0 1rem; }
    .mono          { font-family: var(--mono); }
    .accent        { color: var(--amber); }
    .text-center   { text-align: center; }

    /* ================================
       BUTTONS
    ================================ */
    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      gap: .5rem; padding: .75rem 1.5rem;
      font-family: var(--font); font-weight: 700; font-size: .875rem;
      min-height: 44px; min-width: 44px;
      transition: all .2s; cursor: pointer;
    }
    .btn-primary { background: linear-gradient(135deg, var(--amber), var(--amber-dk)); color: var(--bg); font-weight: 900; }
    .btn-primary:hover { background: linear-gradient(135deg, #FBC430, var(--amber)); }
    .btn-outline { border: 1.5px solid var(--border2); color: var(--text); }
    .btn-outline:hover { border-color: rgba(245,158,11,.4); color: var(--amber); }
    .btn-lg { padding: 1rem 2rem; font-size: 1rem; }

    /* ================================
       SHEGMA DIVIDERS
    ================================ */
    .shegma-line-v {
      width: 3px; flex-shrink: 0;
      background: linear-gradient(180deg, transparent, var(--amber), var(--text), var(--amber), transparent);
      opacity: .5;
    }
    .shegma-line-h {
      height: 2px; width: 100%;
      background: linear-gradient(90deg, transparent, var(--amber), var(--text), var(--amber), transparent);
      opacity: .3; margin: 1.5rem 0;
    }

    /* ================================
       NAVBAR
    ================================ */
    header {
      position: fixed; top: 0; left: 0; right: 0; z-index: 50;
      background: rgba(10,11,13,.95);
      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
    }
    .nav-inner {
      display: flex; align-items: center; justify-content: space-between;
      height: 64px; max-width: 1280px; margin: 0 auto; padding: 0 1rem;
    }
    .logo { display: flex; align-items: center; gap: .5rem; }
    .logo-icon {
      width: 36px; height: 36px;
      background: linear-gradient(135deg, var(--amber), var(--amber-dk));
      display: flex; align-items: center; justify-content: center;
      font-weight: 900; font-size: 1.125rem; color: var(--bg); flex-shrink: 0;
    }
    .logo-text { font-size: 1.25rem; font-weight: 900; letter-spacing: -.03em; color: var(--text); transition: color .2s; }
    .logo:hover .logo-text { color: var(--amber); }

    .nav-links { display: flex; align-items: center; gap: .25rem; }
    .nav-link {
      display: flex; align-items: center; gap: .5rem;
      padding: .625rem 1rem; font-size: .875rem; font-weight: 600;
      color: var(--muted); min-height: 44px; transition: all .2s;
    }
    .nav-link:hover { color: var(--text); background: rgba(30,41,59,.5); }

    .nav-cta { display: flex; align-items: center; gap: .75rem; }

    .hamburger {
      display: none; flex-direction: column;
      justify-content: center; gap: 5px;
      width: 44px; height: 44px; padding: .5rem;
    }
    .hamburger span { display: block; width: 22px; height: 2px; background: var(--text); transition: all .3s; }
    .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    .mobile-menu {
      display: none; flex-direction: column;
      background: var(--bg); border-top: 1px solid var(--border);
      padding: 1rem; gap: .25rem;
    }
    .mobile-menu.open { display: flex; }
    .mobile-link {
      display: flex; align-items: center; padding: .75rem 1rem;
      font-weight: 600; color: var(--muted); min-height: 44px; transition: all .2s;
    }
    .mobile-link:hover { color: var(--text); background: var(--card); }
    .mobile-cta { display: flex; gap: .75rem; margin-top: 1rem; }
    .mobile-cta .btn { flex: 1; }

    /* ================================
       HERO
    ================================ */
    .hero {
      position: relative; min-height: 90vh;
      display: flex; align-items: center;
      overflow: hidden; padding-top: 64px;
    }
    .hero-bg { position: absolute; inset: 0; }
    .hero-bg-img { width: 100%; height: 100%; object-fit: cover; opacity: .18; }
    .hero-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(90deg, var(--bg) 40%, rgba(10,11,13,.85) 70%, rgba(10,11,13,.6) 100%),
                  linear-gradient(to top, var(--bg) 0%, transparent 30%);
    }
    .hero-content { position: relative; width: 100%; padding: 3rem 1rem; }
    .hero-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; }
    .hero-left { display: flex; flex-direction: column; gap: 1.5rem; }

    .shegma-tag {
      display: inline-flex; align-items: center; gap: .5rem;
      padding: .375rem .75rem;
      background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2);
      width: fit-content;
    }
    .shegma-tag .tag-text {
      font-family: var(--mono); font-size: .7rem; font-weight: 700;
      color: var(--amber); letter-spacing: .15em; text-transform: uppercase;
    }

    .hero-h1 {
      font-size: clamp(2.5rem, 6vw, 4.5rem);
      font-weight: 900; color: var(--text);
      line-height: .95; letter-spacing: -.02em;
    }
    .hero-h2 { font-size: 1.0625rem; color: var(--muted); font-weight: 500; max-width: 480px; line-height: 1.65; }
    .hero-btns { display: flex; flex-wrap: wrap; gap: .75rem; }

    .trust-badges { display: flex; flex-wrap: wrap; gap: 1.5rem; padding-top: 1rem; }
    .trust-badge { display: flex; align-items: center; gap: .5rem; font-size: .75rem; font-weight: 600; color: var(--dim); }

    .live-panel {
      background: rgba(15,17,21,.85); backdrop-filter: blur(8px);
      border: 1px solid var(--border); padding: 1.25rem;
    }
    .live-panel-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
    .live-indicator { display: flex; align-items: center; gap: .5rem; font-size: .875rem; font-weight: 700; color: var(--text); }
    .live-dot {
      width: 8px; height: 8px; border-radius: 50%; background: var(--red);
      animation: pulse-dot 1.5s infinite;
    }
    @keyframes pulse-dot {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: .5; transform: scale(.85); }
    }
    .link-amber { font-size: .75rem; font-weight: 700; color: var(--amber); min-height: 44px; display: inline-flex; align-items: center; }
    .link-amber:hover { color: #FBC430; }
    .link-muted { font-size: .875rem; font-weight: 700; color: var(--muted); min-height: 44px; display: inline-flex; align-items: center; }
    .link-muted:hover { color: var(--amber); }

    .match-card {
      background: rgba(30,41,59,.35); padding: .875rem 1rem;
      margin-bottom: .75rem; transition: background .2s;
    }
    .match-card:last-child { margin-bottom: 0; }
    .match-card:hover { background: rgba(30,41,59,.55); }
    .match-meta { display: flex; justify-content: space-between; margin-bottom: .5rem; }
    .match-league { font-family: var(--mono); font-size: .625rem; font-weight: 700; color: rgba(245,158,11,.75); letter-spacing: .12em; text-transform: uppercase; }
    .match-time-live { font-family: var(--mono); font-size: .625rem; font-weight: 700; color: #F87171; }
    .match-score-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: .75rem; }
    .team { font-size: .875rem; font-weight: 700; color: var(--text); }
    .score { font-family: var(--mono); font-size: 1.125rem; font-weight: 900; color: var(--amber); padding: 0 .5rem; }
    .odds-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .5rem; }
    .odd-btn {
      padding: .625rem .25rem; background: rgba(10,11,13,.6);
      border: 1px solid var(--border2); min-height: 44px;
      display: flex; flex-direction: column; align-items: center; gap: 2px; transition: all .2s;
    }
    .odd-btn:hover { border-color: rgba(245,158,11,.5); background: rgba(245,158,11,.08); }
    .odd-label { font-size: .625rem; font-weight: 600; color: var(--dim); }
    .odd-val { font-family: var(--mono); font-size: .875rem; font-weight: 700; color: var(--text); }

    /* ================================
       SECTIONS COMMON
    ================================ */
    .section { padding: 5rem 0; }
    .bg-dark  { background: var(--bg); }
    .bg-darker { background: var(--bg-dark); }

    .section-header {
      display: flex; align-items: flex-end; justify-content: space-between;
      flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem;
    }
    .section-title-row { display: flex; align-items: center; gap: .75rem; margin-bottom: .75rem; }
    .accent-bar { width: 4px; height: 2rem; background: var(--amber); flex-shrink: 0; }
    .section-title { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 900; color: var(--text); letter-spacing: -.02em; }
    .section-sub { font-size: .875rem; font-weight: 500; color: var(--dim); }

    .tabs { display: flex; gap: .25rem; margin-bottom: 1.5rem; overflow-x: auto; padding-bottom: .25rem; }
    .tab {
      display: flex; align-items: center; gap: .5rem;
      padding: .625rem 1.25rem; font-size: .875rem; font-weight: 700;
      color: var(--muted); background: rgba(30,41,59,.4);
      min-height: 44px; white-space: nowrap; transition: all .2s;
    }
    .tab:hover { color: var(--text); background: var(--card); }
    .tab.active { background: var(--amber); color: var(--bg); }

    .center-divider { display: flex; align-items: center; justify-content: center; gap: .75rem; margin-bottom: .75rem; }
    .amber-line { width: 32px; height: 2px; background: var(--amber); }
    .center-label { font-family: var(--mono); font-size: .7rem; font-weight: 700; color: var(--amber); letter-spacing: .15em; text-transform: uppercase; }

    /* ================================
       ODDS TABLE
    ================================ */
    .odds-table-header {
      display: none;
      grid-template-columns: 1fr 3fr 1.5fr 1fr 1fr 1fr 1.2fr;
      gap: .5rem; padding: .5rem 1rem;
      font-family: var(--mono); font-size: .625rem; font-weight: 700;
      color: #475569; letter-spacing: .12em; text-transform: uppercase;
    }
    .odds-row {
      background: var(--surface); border: 1px solid transparent;
      margin-bottom: .5rem; transition: all .2s; padding: .75rem 1rem;
    }
    .odds-row:hover { background: rgba(30,41,59,.3); border-color: var(--border); }
    .odds-match-row { display: flex; flex-direction: column; gap: .5rem; }
    .odds-match-top { display: flex; align-items: center; justify-content: space-between; }
    .odds-league-sm { font-family: var(--mono); font-size: .625rem; font-weight: 700; color: rgba(245,158,11,.7); letter-spacing: .08em; text-transform: uppercase; }
    .odds-teams { font-size: .875rem; font-weight: 700; color: var(--text); }
    .vs { color: #475569; margin: 0 .375rem; font-size: .75rem; }
    .badge-live { font-family: var(--mono); display: inline-flex; align-items: center; font-size: .625rem; font-weight: 700; color: #F87171; padding: .25rem .5rem; background: rgba(239,68,68,.1); }
    .date-txt { font-size: .75rem; color: var(--dim); }
    .odds-row-btns { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: .5rem; align-items: center; margin-top: .75rem; }
    .odd-btn-row {
      width: 100%; padding: .5rem .25rem;
      background: rgba(30,41,59,.4); border: 1px solid rgba(51,65,85,.5);
      font-family: var(--mono); font-size: .875rem; font-weight: 700; color: var(--text);
      min-height: 44px; transition: all .2s;
    }
    .odd-btn-row:hover { border-color: rgba(245,158,11,.5); background: rgba(245,158,11,.08); }
    .more-bets { font-size: .75rem; font-weight: 700; color: var(--amber); white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
    .more-bets:hover { color: #FBC430; }

    /* ================================
       CASINO VAULT
    ================================ */
    .games-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
    .game-card {
      position: relative; overflow: hidden;
      background: rgba(30,41,59,.2); border: 1px solid rgba(30,41,59,.5);
      transition: all .3s; cursor: pointer;
    }
    .game-card:hover { border-color: rgba(245,158,11,.3); }
    .game-img-wrap { position: relative; aspect-ratio: 2/3; overflow: hidden; }
    .game-img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
    .game-card:hover img { transform: scale(1.05); }
    .game-overlay { position: absolute; inset: 0; background: linear-gradient(to top, var(--bg) 0%, rgba(10,11,13,.3) 50%, transparent 100%); }
    .game-cat {
      position: absolute; top: .5rem; left: .5rem;
      font-family: var(--mono); font-size: .5625rem; font-weight: 700;
      color: var(--amber); background: rgba(10,11,13,.8);
      padding: .25rem .5rem; letter-spacing: .1em; text-transform: uppercase;
    }
    .game-play {
      position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem; opacity: 0; transition: opacity .2s;
    }
    .game-card:hover .game-play { opacity: 1; }
    .game-info { position: absolute; bottom: 0; left: 0; right: 0; padding: .75rem; }
    .game-info h3 { font-size: .875rem; font-weight: 700; color: var(--text); line-height: 1.3; }
    .game-meta { display: flex; align-items: center; justify-content: space-between; margin-top: .25rem; font-size: .625rem; color: var(--dim); }

    /* ================================
       PROMOTIONS
    ================================ */
    .promos-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-top: 2.5rem; }
    .promo-card {
      position: relative; padding: 1.5rem;
      background: var(--surface); border: 1px solid var(--border); transition: all .2s;
    }
    .promo-card:hover { border-color: var(--border2); }
    .promo-highlight { background: linear-gradient(to bottom, rgba(245,158,11,.08), var(--surface)); border-color: rgba(245,158,11,.3); }
    .promo-top-line { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--amber), transparent); }
    .promo-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--card); font-size: 1.25rem; margin-bottom: 1rem; }
    .promo-icon-highlight { background: var(--amber); }
    .promo-tag { display: block; font-family: var(--mono); font-size: .625rem; font-weight: 700; color: rgba(245,158,11,.8); letter-spacing: .15em; text-transform: uppercase; margin-bottom: .5rem; }
    .promo-card h3 { font-size: 1.0625rem; font-weight: 700; color: var(--text); margin-bottom: .5rem; line-height: 1.3; }
    .promo-card p { font-size: .875rem; color: var(--dim); line-height: 1.65; margin-bottom: 1.25rem; }

    /* ================================
       TRUST SECTION
    ================================ */
    .trust-grid { display: grid; grid-template-columns: 1fr; gap: 1rem; }
    .trust-item {
      display: flex; gap: 1rem; padding: 1.25rem;
      background: rgba(15,17,21,.6); border: 1px solid rgba(30,41,59,.5); transition: all .2s;
    }
    .trust-item:hover { border-color: var(--border2); }
    .trust-icon { font-size: 1.5rem; flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--card); }
    .trust-item h3 { font-size: .875rem; font-weight: 700; color: var(--text); margin-bottom: .25rem; }
    .trust-item p { font-size: .75rem; color: var(--dim); line-height: 1.6; }

    .payment-methods { margin-top: 4rem; padding-top: 2.5rem; border-top: 1px solid rgba(30,41,59,.4); }
    .payment-label { text-align: center; font-family: var(--mono); font-size: .7rem; font-weight: 700; color: #475569; letter-spacing: .15em; text-transform: uppercase; margin-bottom: 1.5rem; display: block; }
    .payment-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; }
    .payment-badge { padding: .625rem 1rem; background: rgba(30,41,59,.3); border: 1px solid rgba(30,41,59,.5); font-size: .75rem; font-weight: 600; color: var(--dim); min-height: 44px; display: flex; align-items: center; }

    /* ================================
       FAQ
    ================================ */
    .faq-list { display: flex; flex-direction: column; gap: .5rem; }
    .faq-item { border: 1px solid rgba(30,41,59,.5); background: rgba(15,17,21,.6); }
    .faq-btn {
      width: 100%; display: flex; align-items: center; justify-content: space-between;
      padding: 1rem 1.25rem; text-align: left;
      font-size: .9375rem; font-weight: 700; color: var(--text); min-height: 44px; gap: 1rem;
    }
    .faq-arrow { color: var(--amber); transition: transform .2s; flex-shrink: 0; font-size: .75rem; }
    .faq-btn.open .faq-arrow { transform: rotate(180deg); }
    .faq-answer { display: none; padding: 0 1.25rem 1.25rem; }
    .faq-answer.open { display: block; }
    .faq-answer p { font-size: .875rem; color: var(--muted); line-height: 1.7; }

    /* ================================
       FOOTER
    ================================ */
    footer { background: #060709; border-top: 1px solid rgba(30,41,59,.4); }
    .footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; padding: 3rem 0; }
    .footer-brand { grid-column: 1 / -1; }
    .footer-brand p { font-size: .75rem; color: var(--dim); line-height: 1.65; margin: 1rem 0; max-width: 280px; }
    .social-links { display: flex; gap: .5rem; }
    .social-btn {
      width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
      background: var(--card); font-size: .75rem; font-weight: 700; color: var(--dim); transition: all .2s;
    }
    .social-btn:hover { background: rgba(245,158,11,.1); color: var(--amber); }
    .footer-cat { font-family: var(--mono); font-size: .7rem; font-weight: 700; color: rgba(245,158,11,.75); letter-spacing: .15em; text-transform: uppercase; margin-bottom: 1rem; display: block; }
    footer nav ul { display: flex; flex-direction: column; gap: .625rem; }
    footer nav ul a { font-size: .875rem; color: var(--dim); transition: color .2s; min-height: 44px; display: flex; align-items: center; }
    footer nav ul a:hover { color: var(--text); }
    .footer-legal { padding: 1.5rem 0; text-align: center; }
    .footer-legal p { font-size: .6875rem; color: #475569; line-height: 1.7; max-width: 680px; margin: 0 auto; }
    .footer-legal a { color: rgba(245,158,11,.7); }
    .footer-legal a:hover { color: var(--amber); }
    .footer-bottom { padding: 1rem 0; border-top: 1px solid rgba(30,41,59,.25); display: flex; flex-direction: column; align-items: center; gap: .5rem; }
    .footer-bottom p { font-family: var(--mono); font-size: .625rem; color: var(--border2); }
    .footer-bottom-links { display: flex; gap: 1rem; }
    .footer-bottom-links a { font-size: .625rem; color: var(--border2); min-height: 44px; display: inline-flex; align-items: center; transition: color .2s; }
    .footer-bottom-links a:hover { color: var(--dim); }

    /* ================================
       RESPONSIVE
    ================================ */
    @media (min-width: 640px) {
      .container { padding: 0 1.5rem; }
      .trust-grid { grid-template-columns: repeat(2, 1fr); }
      .promos-grid { grid-template-columns: repeat(2, 1fr); }
      .games-grid { grid-template-columns: repeat(3, 1fr); }
      .footer-grid { grid-template-columns: repeat(2, 1fr); }
      .footer-brand { grid-column: span 2; }
      .footer-bottom { flex-direction: row; justify-content: space-between; }
    }
    @media (min-width: 1024px) {
      .container { padding: 0 2rem; }
      .nav-links, .nav-cta { display: flex; }
      .hamburger { display: none !important; }
      .hero-grid { grid-template-columns: 6fr 3px 5fr; }
      .trust-grid { grid-template-columns: repeat(3, 1fr); }
      .promos-grid { grid-template-columns: repeat(4, 1fr); }
      .games-grid { grid-template-columns: repeat(6, 1fr); }
      .footer-grid { grid-template-columns: 1.5fr repeat(4, 1fr); }
      .footer-brand { grid-column: span 1; }
    }
    @media (max-width: 1023px) {
      .nav-links, .nav-cta { display: none; }
      .hamburger { display: flex; }
      .hero-col-divider { display: none; }
    }
  </style>
</head>
<body>

<!-- NAVBAR -->
<header>
  <div class="nav-inner">
    <a href__="/" class="logo" aria-label="Betpark Ana Sayfa">
      <div class="logo-icon">J</div>
      <span class="logo-text">Betpark</span>
    </a>
    <nav class="nav-links" aria-label="Ana navigasyon">
      <a href__="#sportsbook" class="nav-link">🏆 Spor Bahisleri</a>
      <a href__="#live" class="nav-link">⚡ Canlı Bahis</a>
      <a href__="#casino" class="nav-link">🎮 Casino</a>
      <a href__="#promotions" class="nav-link">🎁 Promosyonlar</a>
      <a href__="#support" class="nav-link">🎧 Destek</a>
    </nav>
    <div class="nav-cta">
      <a href__="#login" class="btn btn-outline">Giriş Yap</a>
      <a href__="#register" class="btn btn-primary">KAYIT OL</a>
    </div>
    <button class="hamburger" id="hamburger" aria-label="Menüyü aç">
      <span></span><span></span><span></span>
    </button>
  </div>
  <nav class="mobile-menu" id="mobileMenu" aria-label="Mobil navigasyon">
    <a href__="#sportsbook" class="mobile-link">🏆 Spor Bahisleri</a>
    <a href__="#live" class="mobile-link">⚡ Canlı Bahis</a>
    <a href__="#casino" class="mobile-link">🎮 Casino</a>
    <a href__="#promotions" class="mobile-link">🎁 Promosyonlar</a>
    <a href__="#support" class="mobile-link">🎧 Destek</a>
    <div class="mobile-cta">
      <a href__="#login" class="btn btn-outline">Giriş Yap</a>
      <a href__="#register" class="btn btn-primary">KAYIT OL</a>
    </div>
  </nav>
</header>

<main>

<!-- HERO -->
<section class="hero" aria-label="Ana bölüm">
  <div class="hero-bg">
    <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/7f405bc3a_generated_4f817c87.png"
         alt="Betpark canlı bahis ve casino platformu stadyum görünümü"
         class="hero-bg-img" loading="eager" />
    <div class="hero-overlay"></div>
  </div>

  <div class="container hero-content">
    <div class="hero-grid">
      <!-- LEFT -->
      <div class="hero-left">
        <div class="shegma-tag">
          <span>⚡</span>
          <span class="tag-text">Shegma Edition</span>
        </div>
        <h1 class="hero-h1">
          Betpark<br>
          <span class="accent">OYUNUN</span><br>
          ZİRVESİ
        </h1>
        <h2 class="hero-h2">
          Türkiye'nin en güvenilir bahis ve casino platformunda yüksek oranlar,
          anlık ödemeler ve 7/24 profesyonel destek ile ayrıcalıklı oyun deneyimi.
        </h2>
        <div class="hero-btns">
          <a href__="#register" class="btn btn-primary btn-lg">HEMEN BAŞLA →</a>
          <a href__="#sportsbook" class="btn btn-outline btn-lg">Canlı Bahisleri Keşfet</a>
        </div>
        <div class="trust-badges">
          <div class="trust-badge">🛡️ SSL Korumalı</div>
          <div class="trust-badge">⚡ Anında Ödeme</div>
          <div class="trust-badge">🎧 Canlı Destek</div>
        </div>
      </div>

      <!-- SHEGMA DIVIDER -->
      <div class="shegma-line-v hero-col-divider" aria-hidden="true" style="height:400px;"></div>

      <!-- RIGHT - LIVE MATCHES -->
      <div>
        <div class="live-panel">
          <div class="live-panel-header">
            <div class="live-indicator">
              <span class="live-dot"></span>
              CANLI MAÇLAR
            </div>
            <a href__="#live" class="link-amber">Tümünü Gör</a>
          </div>

          <div class="match-card">
            <div class="match-meta">
              <span class="match-league">Premier League</span>
              <span class="match-time-live">67' CANLI</span>
            </div>
            <div class="match-score-row">
              <span class="team">Arsenal</span>
              <span class="score">2 - 1</span>
              <span class="team">Chelsea</span>
            </div>
            <div class="odds-grid">
              <button class="odd-btn"><span class="odd-label">1</span><span class="odd-val">1.85</span></button>
              <button class="odd-btn"><span class="odd-label">X</span><span class="odd-val">3.40</span></button>
              <button class="odd-btn"><span class="odd-label">2</span><span class="odd-val">4.20</span></button>
            </div>
          </div>

          <div class="match-card">
            <div class="match-meta">
              <span class="match-league">La Liga</span>
              <span class="match-time-live">34' CANLI</span>
            </div>
            <div class="match-score-row">
              <span class="team">Barcelona</span>
              <span class="score">1 - 1</span>
              <span class="team">Real Madrid</span>
            </div>
            <div class="odds-grid">
              <button class="odd-btn"><span class="odd-label">1</span><span class="odd-val">2.10</span></button>
              <button class="odd-btn"><span class="odd-label">X</span><span class="odd-val">3.25</span></button>
              <button class="odd-btn"><span class="odd-label">2</span><span class="odd-val">3.50</span></button>
            </div>
          </div>

          <div class="match-card">
            <div class="match-meta">
              <span class="match-league">Süper Lig</span>
              <span class="match-time-live">12' CANLI</span>
            </div>
            <div class="match-score-row">
              <span class="team">Galatasaray</span>
              <span class="score">0 - 0</span>
              <span class="team">Fenerbahçe</span>
            </div>
            <div class="odds-grid">
              <button class="odd-btn"><span class="odd-label">1</span><span class="odd-val">2.35</span></button>
              <button class="odd-btn"><span class="odd-label">X</span><span class="odd-val">3.10</span></button>
              <button class="odd-btn"><span class="odd-label">2</span><span class="odd-val">3.05</span></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- SPOR BAHİSLERİ -->
<section id="sportsbook" class="section bg-dark" aria-labelledby="sportsbook-heading">
  <div class="container">
    <div class="section-header">
      <div>
        <div class="section-title-row">
          <div class="accent-bar"></div>
          <h2 id="sportsbook-heading" class="section-title">SPOR BAHİSLERİ</h2>
        </div>
        <p class="section-sub">En yüksek oranlar ve anlık bahis imkanı</p>
      </div>
      <a href__="#all-sports" class="link-amber">Tüm Sporlar →</a>
    </div>
    <div class="tabs">
      <button class="tab active" onclick="switchTab(this)">📈 Popüler</button>
      <button class="tab" onclick="switchTab(this)">🏆 Futbol</button>
      <button class="tab" onclick="switchTab(this)">⚡ Basketbol</button>
      <button class="tab" onclick="switchTab(this)">🎾 Tenis</button>
    </div>
    <div class="shegma-line-h"></div>

    <div class="odds-row">
      <div class="odds-match-row">
        <div class="odds-match-top">
          <span class="odds-league-sm">UEFA Şampiyonlar Ligi</span>
          <span class="badge-live">● 45' CANLI</span>
        </div>
        <div class="odds-teams">Bayern Münih <span class="vs">vs</span> Manchester City</div>
        <div class="odds-row-btns">
          <button class="odd-btn-row">2.30</button>
          <button class="odd-btn-row">3.50</button>
          <button class="odd-btn-row">3.10</button>
          <a href__="#" class="more-bets">+142 Bahis</a>
        </div>
      </div>
    </div>

    <div class="odds-row">
      <div class="odds-match-row">
        <div class="odds-match-top">
          <span class="odds-league-sm">Süper Lig</span>
          <span class="date-txt">Bugün 19:00</span>
        </div>
        <div class="odds-teams">Beşiktaş <span class="vs">vs</span> Trabzonspor</div>
        <div class="odds-row-btns">
          <button class="odd-btn-row">1.95</button>
          <button class="odd-btn-row">3.40</button>
          <button class="odd-btn-row">3.85</button>
          <a href__="#" class="more-bets">+98 Bahis</a>
        </div>
      </div>
    </div>

    <div class="odds-row">
      <div class="odds-match-row">
        <div class="odds-match-top">
          <span class="odds-league-sm">Serie A</span>
          <span class="date-txt">Yarın 20:00</span>
        </div>
        <div class="odds-teams">Inter <span class="vs">vs</span> AC Milan</div>
        <div class="odds-row-btns">
          <button class="odd-btn-row">2.15</button>
          <button class="odd-btn-row">3.30</button>
          <button class="odd-btn-row">3.40</button>
          <a href__="#" class="more-bets">+115 Bahis</a>
        </div>
      </div>
    </div>

    <div class="odds-row">
      <div class="odds-match-row">
        <div class="odds-match-top">
          <span class="odds-league-sm">Bundesliga</span>
          <span class="badge-live">● 23' CANLI</span>
        </div>
        <div class="odds-teams">Dortmund <span class="vs">vs</span> Leipzig</div>
        <div class="odds-row-btns">
          <button class="odd-btn-row">2.05</button>
          <button class="odd-btn-row">3.45</button>
          <button class="odd-btn-row">3.55</button>
          <a href__="#" class="more-bets">+87 Bahis</a>
        </div>
      </div>
    </div>

    <div class="odds-row">
      <div class="odds-match-row">
        <div class="odds-match-top">
          <span class="odds-league-sm">Premier League</span>
          <span class="date-txt">30 Haz 19:30</span>
        </div>
        <div class="odds-teams">Liverpool <span class="vs">vs</span> Tottenham</div>
        <div class="odds-row-btns">
          <button class="odd-btn-row">1.75</button>
          <button class="odd-btn-row">3.80</button>
          <button class="odd-btn-row">4.40</button>
          <a href__="#" class="more-bets">+203 Bahis</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- CASİNO VAULT -->
<section id="casino" class="section bg-darker" aria-labelledby="casino-heading">
  <div class="container">
    <div class="section-header">
      <div>
        <div class="section-title-row">
          <div class="accent-bar"></div>
          <h2 id="casino-heading" class="section-title">CASİNO VAULT</h2>
        </div>
        <p class="section-sub">Dünyanın en iyi sağlayıcılarından premium oyunlar</p>
      </div>
      <a href__="#all-games" class="link-amber">Tüm Oyunlar →</a>
    </div>
    <div class="tabs">
      <button class="tab active" onclick="switchTab(this)">Tümü</button>
      <button class="tab" onclick="switchTab(this)">Canlı Casino</button>
      <button class="tab" onclick="switchTab(this)">Slot</button>
      <button class="tab" onclick="switchTab(this)">Masa Oyunları</button>
      <button class="tab" onclick="switchTab(this)">Jackpot</button>
    </div>
    <div class="shegma-line-h"></div>

    <div class="games-grid">
      <article class="game-card" aria-label="Rulet Masası - Evolution - Canlı Casino">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/be93e13a9_generated_3320c6d4.png" alt="Rulet Masası - Canlı Casino" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Canlı Casino</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Rulet Masası</h3><div class="game-meta"><span>Evolution</span><span>★ 4.9</span></div></div>
        </div>
      </article>
      <article class="game-card" aria-label="Mega Jackpot - Pragmatic Play - Slot">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/7d8ef60ba_generated_62650f9d.png" alt="Mega Jackpot - Slot" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Slot</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Mega Jackpot</h3><div class="game-meta"><span>Pragmatic Play</span><span>★ 4.8</span></div></div>
        </div>
      </article>
      <article class="game-card" aria-label="Blackjack VIP - NetEnt - Masa Oyunları">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/75ba5f9d7_generated_2969fd95.png" alt="Blackjack VIP - Masa Oyunları" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Masa Oyunları</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Blackjack VIP</h3><div class="game-meta"><span>NetEnt</span><span>★ 4.7</span></div></div>
        </div>
      </article>
      <article class="game-card" aria-label="Texas Hold'em - Playtech - Poker">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/2ad26e106_generated_39093bd4.png" alt="Texas Hold'em - Poker" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Poker</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Texas Hold'em</h3><div class="game-meta"><span>Playtech</span><span>★ 4.9</span></div></div>
        </div>
      </article>
      <article class="game-card" aria-label="Sweet Bonanza - Pragmatic Play - Slot">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/be93e13a9_generated_3320c6d4.png" alt="Sweet Bonanza - Slot" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Slot</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Sweet Bonanza</h3><div class="game-meta"><span>Pragmatic Play</span><span>★ 4.6</span></div></div>
        </div>
      </article>
      <article class="game-card" aria-label="Lightning Dice - Evolution - Canlı Casino">
        <div class="game-img-wrap">
          <img src="https://media.base44.com/images/public/6a41d327396ae8c80b9bfe2a/7d8ef60ba_generated_62650f9d.png" alt="Lightning Dice - Canlı Casino" loading="lazy" />
          <div class="game-overlay"></div>
          <span class="game-cat">Canlı Casino</span>
          <div class="game-play">🎮</div>
          <div class="game-info"><h3>Lightning Dice</h3><div class="game-meta"><span>Evolution</span><span>★ 4.8</span></div></div>
        </div>
      </article>
    </div>

    <div style="text-align:center;margin-top:2.5rem;">
      <a href__="#all-games" class="btn btn-outline btn-lg">Tüm Oyunları Keşfet →</a>
    </div>
  </div>
</section>

<!-- PROMOSYONLAR -->
<section id="promotions" class="section bg-dark" aria-labelledby="promotions-heading">
  <div class="container">
    <div class="section-title-row">
      <div class="accent-bar"></div>
      <h2 id="promotions-heading" class="section-title">PROMOSYONLAR</h2>
    </div>
    <p class="section-sub" style="margin-left:1rem;margin-bottom:0;">Özel bonus fırsatları ve kampanyalar</p>
    <div class="shegma-line-h"></div>

    <div class="promos-grid" style="margin-top:0;">
      <article class="promo-card promo-highlight">
        <div class="promo-top-line"></div>
        <div class="promo-icon promo-icon-highlight">🎁</div>
        <span class="promo-tag">HOŞ GELDİN</span>
        <h3>%100 İlk Yatırım Bonusu</h3>
        <p>İlk yatırımınıza %100 bonus ile oyuna güçlü başlayın. 2.000 TL'ye kadar bonus fırsatı.</p>
        <a href__="#promo-detail" class="link-amber">Bonusu Al →</a>
      </article>
      <article class="promo-card">
        <div class="promo-icon">%</div>
        <span class="promo-tag">HAFTALIK</span>
        <h3>%15 Kayıp Bonusu</h3>
        <p>Her hafta kayıplarınızın %15'ini geri kazanın. Çevrim şartsız, anında hesabınıza.</p>
        <a href__="#promo-detail" class="link-muted">Detayları Gör →</a>
      </article>
      <article class="promo-card">
        <div class="promo-icon">👥</div>
        <span class="promo-tag">ARKADAŞ</span>
        <h3>Arkadaşını Getir 500 TL</h3>
        <p>Davet ettiğiniz her arkadaş için 500 TL bonus. Sınırsız davet hakkı.</p>
        <a href__="#promo-detail" class="link-muted">Davet Et →</a>
      </article>
      <article class="promo-card">
        <div class="promo-icon">👑</div>
        <span class="promo-tag">VIP</span>
        <h3>VIP Sadakat Programı</h3>
        <p>Oynadıkça seviye atlayın, özel bonuslar ve ayrıcalıklardan yararlanın.</p>
        <a href__="#promo-detail" class="link-muted">VIP'e Katıl →</a>
      </article>
    </div>
  </div>
</section>

<!-- GÜVENİN ADRESİ -->
<section class="section bg-darker" aria-labelledby="trust-heading">
  <div class="container">
    <div class="text-center" style="margin-bottom:3rem;">
      <div class="center-divider">
        <span class="amber-line"></span>
        <span class="center-label">NEDEN Betpark</span>
        <span class="amber-line"></span>
      </div>
      <h2 id="trust-heading" class="section-title">GÜVENİN ADRESİ</h2>
      <p class="section-sub" style="margin-top:.75rem;">Sektörün en güvenilir altyapısı ile güvenle oynayın</p>
    </div>
    <div class="trust-grid">
      <div class="trust-item"><div class="trust-icon">🛡️</div><div><h3>Lisanslı Platform</h3><p>Uluslararası lisans ile yasal ve güvenilir bahis altyapısı.</p></div></div>
      <div class="trust-item"><div class="trust-icon">🔒</div><div><h3>256-bit SSL Şifreleme</h3><p>Tüm işlemleriniz bankacılık seviyesinde şifreleme ile korunur.</p></div></div>
      <div class="trust-item"><div class="trust-icon">🏅</div><div><h3>Adil Oyun Garantisi</h3><p>Bağımsız denetim kuruluşları tarafından test edilmiş oyunlar.</p></div></div>
      <div class="trust-item"><div class="trust-icon">⚡</div><div><h3>Anında Para Çekme</h3><p>Ortalama 15 dakikada hesabınıza para transferi.</p></div></div>
      <div class="trust-item"><div class="trust-icon">📱</div><div><h3>Mobil Uyumlu</h3><p>Tüm cihazlardan sorunsuz erişim ve oyun deneyimi.</p></div></div>
      <div class="trust-item"><div class="trust-icon">🎧</div><div><h3>7/24 Canlı Destek</h3><p>Profesyonel destek ekibimiz her an yanınızda.</p></div></div>
    </div>
    <div class="payment-methods">
      <span class="payment-label">Güvenli Ödeme Yöntemleri</span>
      <div class="payment-grid">
        <div class="payment-badge">Papara</div>
        <div class="payment-badge">Banka Havalesi</div>
        <div class="payment-badge">Bitcoin</div>
        <div class="payment-badge">USDT</div>
        <div class="payment-badge">Payfix</div>
        <div class="payment-badge">Mefete</div>
        <div class="payment-badge">CMT Cüzdan</div>
      </div>
    </div>
  </div>
</section>

<!-- SSS -->
<section class="section bg-dark" aria-labelledby="faq-heading">
  <div class="container-sm">
    <div class="text-center" style="margin-bottom:2.5rem;">
      <div class="center-divider">
        <span class="amber-line"></span>
        <span class="center-label">SSS</span>
        <span class="amber-line"></span>
      </div>
      <h2 id="faq-heading" class="section-title">SIKÇA SORULAN SORULAR</h2>
    </div>
    <div class="faq-list">
      <div class="faq-item">
        <button class="faq-btn" onclick="toggleFAQ(this)" aria-expanded="false">
          <span>Betpark güvenilir mi?</span><span class="faq-arrow">▼</span>
        </button>
        <div class="faq-answer"><p>Betpark, uluslararası lisans ile faaliyet gösteren, 256-bit SSL şifreleme teknolojisi kullanan ve bağımsız denetim kuruluşları tarafından test edilen güvenilir bir bahis ve casino platformudur.</p></div>
      </div>
      <div class="faq-item">
        <button class="faq-btn" onclick="toggleFAQ(this)" aria-expanded="false">
          <span>Betpark'e nasıl üye olunur?</span><span class="faq-arrow">▼</span>
        </button>
        <div class="faq-answer"><p>Ana sayfadaki 'Kayıt Ol' butonuna tıklayarak kişisel bilgilerinizi doldurmanız yeterlidir. Üyelik işlemi birkaç dakika içinde tamamlanır.</p></div>
      </div>
      <div class="faq-item">
        <button class="faq-btn" onclick="toggleFAQ(this)" aria-expanded="false">
          <span>Betpark'te hangi ödeme yöntemleri kullanılabilir?</span><span class="faq-arrow">▼</span>
        </button>
        <div class="faq-answer"><p>Banka havalesi, Papara, Payfix, kripto para (Bitcoin, USDT), Mefete ve çeşitli e-cüzdan yöntemleri ile hızlı ve güvenli işlemler yapabilirsiniz.</p></div>
      </div>
      <div class="faq-item">
        <button class="faq-btn" onclick="toggleFAQ(this)" aria-expanded="false">
          <span>Para çekme işlemi ne kadar sürer?</span><span class="faq-arrow">▼</span>
        </button>
        <div class="faq-answer"><p>Betpark'te para çekme işlemleri ortalama 15 dakika içinde tamamlanır. Kripto para işlemleri ağ trafiğine bağlı olarak değişebilir.</p></div>
      </div>
      <div class="faq-item">
        <button class="faq-btn" onclick="toggleFAQ(this)" aria-expanded="false">
          <span>Canlı bahis nasıl yapılır?</span><span class="faq-arrow">▼</span>
        </button>
        <div class="faq-answer"><p>Canlı bahis bölümüne girerek devam eden maçlar arasından seçim yapabilir, anlık oranlara tıklayarak kuponunuza ekleyebilirsiniz.</p></div>
      </div>
    </div>
  </div>
</section>

</main>

<!-- FOOTER -->
<footer>
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <a href__="/" class="logo" aria-label="Betpark Ana Sayfa">
          <div class="logo-icon" style="width:32px;height:32px;font-size:1rem;">J</div>
          <span class="logo-text">Betpark</span>
        </a>
        <p>Türkiye'nin en güvenilir online bahis ve casino platformu. Lisanslı, güvenli ve hızlı.</p>
        <div class="social-links">
          <a href__="https://twitter.com/Betpark" target="_blank" rel="noopener noreferrer" class="social-btn" aria-label="Twitter">X</a>
          <a href__="https://t.me/Betpark" target="_blank" rel="noopener noreferrer" class="social-btn" aria-label="Telegram">TG</a>
          <a href__="https://instagram.com/Betpark" target="_blank" rel="noopener noreferrer" class="social-btn" aria-label="Instagram">IG</a>
        </div>
      </div>
      <nav aria-label="Spor Bahisleri">
        <span class="footer-cat">Spor Bahisleri</span>
        <ul>
          <li><a href__="#futbol">Futbol Bahisleri</a></li>
          <li><a href__="#basketbol">Basketbol Bahisleri</a></li>
          <li><a href__="#tenis">Tenis Bahisleri</a></li>
          <li><a href__="#voleybol">Voleybol Bahisleri</a></li>
          <li><a href__="#canli-bahis">Canlı Bahis</a></li>
          <li><a href__="#kurallar">Bahis Kuralları</a></li>
        </ul>
      </nav>
      <nav aria-label="Casino Oyunları">
        <span class="footer-cat">Casino Oyunları</span>
        <ul>
          <li><a href__="#canli-casino">Canlı Casino</a></li>
          <li><a href__="#slot">Slot Oyunları</a></li>
          <li><a href__="#masa-oyunlari">Masa Oyunları</a></li>
          <li><a href__="#poker">Poker</a></li>
          <li><a href__="#rulet">Rulet</a></li>
          <li><a href__="#blackjack">Blackjack</a></li>
        </ul>
      </nav>
      <nav aria-label="Hesabım">
        <span class="footer-cat">Hesabım</span>
        <ul>
          <li><a href__="#register">Kayıt Ol</a></li>
          <li><a href__="#login">Giriş Yap</a></li>
          <li><a href__="#deposit">Para Yatırma</a></li>
          <li><a href__="#withdraw">Para Çekme</a></li>
          <li><a href__="#promotions">Promosyonlar</a></li>
          <li><a href__="#vip">VIP Programı</a></li>
        </ul>
      </nav>
      <nav aria-label="Yardım ve Bilgi">
        <span class="footer-cat">Yardım &amp; Bilgi</span>
        <ul>
          <li><a href__="#faq">Sıkça Sorulan Sorular</a></li>
          <li><a href__="#support">Canlı Destek</a></li>
          <li><a href__="#contact">İletişim</a></li>
          <li><a href__="#responsible-gaming">Sorumlu Oyun</a></li>
          <li><a href__="#privacy">Gizlilik Politikası</a></li>
          <li><a href__="#terms">Kullanım Koşulları</a></li>
        </ul>
      </nav>
    </div>

    <div class="shegma-line-h"></div>

    <div class="footer-legal">
      <p>18+ | Sorumlu oyun oynayın. Kumar bağımlılığı konusunda yardım için profesyonel destek alın.
      Betpark, sorumlu oyun politikalarına bağlıdır.
      <a href__="#terms">Kullanım Koşulları</a> sayfasını ziyaret edin.</p>
    </div>

    <div class="footer-bottom">
      <p>© 2024 Betpark. Tüm hakları saklıdır.</p>
      <div class="footer-bottom-links">
        <a href__="#privacy">Gizlilik Politikası</a>
        <a href__="#terms">Kullanım Koşulları</a>
        <a href__="#responsible-gaming">Sorumlu Oyun</a>
      </div>
    </div>
  </div>
</footer>

<script>
  // Hamburger
  document.getElementById('hamburger').addEventListener('click', function() {
    document.getElementById('mobileMenu').classList.toggle('open');
    this.classList.toggle('active');
  });

  // Close mobile menu on link click
  document.querySelectorAll('.mobile-link').forEach(function(link) {
    link.addEventListener('click', function() {
      document.getElementById('mobileMenu').classList.remove('open');
      document.getElementById('hamburger').classList.remove('active');
    });
  });

  // FAQ
  function toggleFAQ(btn) {
    var answer = btn.nextElementSibling;
    var isOpen = answer.classList.contains('open');
    document.querySelectorAll('.faq-answer').forEach(function(a) { a.classList.remove('open'); });
    document.querySelectorAll('.faq-btn').forEach(function(b) { b.classList.remove('open'); b.setAttribute('aria-expanded','false'); });
    if (!isOpen) {
      answer.classList.add('open');
      btn.classList.add('open');
      btn.setAttribute('aria-expanded','true');
    }
  }

  // Tab switch
  function switchTab(tab) {
    var tabs = tab.closest('.tabs').querySelectorAll('.tab');
    tabs.forEach(function(t) { t.classList.remove('active'); });
    tab.classList.add('active');
  }
</script>
</body>
</html>