<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="Bets10 Türkiye'nin en güvenilir bahis ve casino sitesi. Yüksek oranlar, canlı bahis, slot oyunları ve çok daha fazlası. Bets10 güncel giriş adresi için tıklayın." />
  <meta name="keywords" content="bets10, bets10 giriş, bets10 güncel adres, bets10 casino, bets10 canlı bahis, bets10 bonuslar, bets10 TR, bahis sitesi" />
  <meta name="robots" content="index, follow" />
  <meta name="author" content="Bets10 TR" />
  <meta property="og:title" content="Bets10 | Türkiye'nin En Güvenilir Bahis Platformu" />
  <meta property="og:description" content="Bets10 ile spor bahisleri, canlı casino, slot ve daha fazlasını keşfedin. Güvenli ödeme, hızlı çekim." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://tr.bets10-sabit.com/" />
  <meta property="og:image" content="bets10fav.ico" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Bets10 – Canlı Bahis & Casino" />
  <meta name="twitter:description" content="Bets10 Türkiye'nin en popüler bahis platformu. Hemen kaydol, bonusunu al!" />
  <link rel="canonical" href="https://www.thebeautydoctors.in/" />
  <link rel="alternate" hreflang="tr-TR" href="https://tr.bets10-sabit.com/">
  <link rel="alternate" hreflang="x-default" href="https://tr.bets10-sabit.com/">
  <link rel="icon" type="image/x-icon" href="bets10fav.ico" />
  <link rel="shortcut icon" href="bets10fav.ico" />
  <title>Bets10 Türkiye'nin En Güncel Güvenilir Sabit Giriş Adresi</title>

  <link href="https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;700;900&family=Rajdhani:wght@400;600;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />

  <style>
    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

    :root {
      --gold: #f5c518;
      --gold2: #e8a900;
      --dark: #0a0e1a;
      --dark2: #111827;
      --dark3: #1a2235;
      --dark4: #222d42;
      --accent: #e63c3c;
      --accent2: #c0392b;
      --green: #27ae60;
      --blue: #2980b9;
      --text: #e2e8f0;
      --muted: #94a3b8;
      --white: #ffffff;
      --radius: 12px;
      --shadow: 0 8px 32px rgba(0,0,0,0.4);
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Exo 2', sans-serif;
      background: var(--dark);
      color: var(--text);
      overflow-x: hidden;
      line-height: 1.7;
    }

    /* ===== SCROLLBAR ===== */
    ::-webkit-scrollbar { width: 6px; }
    ::-webkit-scrollbar-track { background: var(--dark2); }
    ::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 3px; }

    /* ===== NAVBAR ===== */
    nav {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      background: rgba(10,14,26,0.96);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(245,197,24,0.15);
      padding: 0 5%;
      height: 68px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .nav-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
    }

    .nav-logo img { width: 36px; height: 36px; border-radius: 6px; }

    .nav-logo span {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.7rem;
      font-weight: 700;
      color: var(--gold);
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .nav-logo span em {
      color: var(--accent);
      font-style: normal;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 8px;
      list-style: none;
    }

    .nav-links a {
      color: var(--text);
      text-decoration: none;
      font-size: 0.88rem;
      font-weight: 600;
      padding: 6px 14px;
      border-radius: 6px;
      transition: all 0.25s;
      letter-spacing: 0.5px;
    }

    .nav-links a:hover { color: var(--gold); background: rgba(245,197,24,0.08); }

    .nav-cta {
      background: linear-gradient(135deg, var(--gold), var(--gold2)) !important;
      color: #000 !important;
      font-weight: 700 !important;
      padding: 8px 20px !important;
    }

    .nav-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(245,197,24,0.4) !important; background: var(--gold) !important; }

    .hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      padding: 4px;
    }

    .hamburger span {
      display: block;
      width: 26px;
      height: 2px;
      background: var(--gold);
      border-radius: 2px;
      transition: 0.3s;
    }

    /* ===== HERO ===== */
    .hero {
      min-height: 100vh;
      position: relative;
      display: flex;
      align-items: center;
      overflow: hidden;
      padding-top: 68px;
    }

    .hero-bg {
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 60% at 70% 50%, rgba(230,60,60,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 80% at 20% 80%, rgba(245,197,24,0.08) 0%, transparent 50%),
        linear-gradient(160deg, #0a0e1a 0%, #0d1529 50%, #0a0e1a 100%);
    }

    .hero-grid {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(245,197,24,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,197,24,0.04) 1px, transparent 1px);
      background-size: 60px 60px;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 5%;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
      width: 100%;
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(245,197,24,0.1);
      border: 1px solid rgba(245,197,24,0.3);
      color: var(--gold);
      font-size: 0.78rem;
      font-weight: 700;
      padding: 6px 14px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-bottom: 20px;
    }

    .hero-badge i { font-size: 0.75rem; animation: pulse 2s infinite; }

    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.4; }
    }

    .hero-title {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(2.4rem, 5vw, 4.2rem);
      font-weight: 900;
      line-height: 1.05;
      margin-bottom: 20px;
      letter-spacing: -0.5px;
    }

    .hero-title .line1 { color: var(--white); }
    .hero-title .line2 {
      background: linear-gradient(90deg, var(--gold), #ff9f43);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-title .line3 { color: var(--accent); }

    .hero-desc {
      color: var(--muted);
      font-size: 1.05rem;
      margin-bottom: 36px;
      max-width: 480px;
    }

    .hero-btns {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, var(--gold), #e8a900);
      color: #000;
      font-family: 'Rajdhani', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      padding: 14px 32px;
      border-radius: 8px;
      text-decoration: none;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.3s;
      box-shadow: 0 4px 20px rgba(245,197,24,0.3);
    }

    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(245,197,24,0.5);
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: transparent;
      color: var(--text);
      font-family: 'Rajdhani', sans-serif;
      font-size: 1rem;
      font-weight: 600;
      padding: 14px 28px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.15);
      text-decoration: none;
      letter-spacing: 1px;
      text-transform: uppercase;
      transition: all 0.3s;
    }

    .btn-secondary:hover {
      border-color: var(--gold);
      color: var(--gold);
      background: rgba(245,197,24,0.06);
    }

    .hero-stats {
      display: flex;
      gap: 28px;
      margin-top: 44px;
      padding-top: 32px;
      border-top: 1px solid rgba(255,255,255,0.08);
    }

    .hero-stat {}
    .hero-stat .num {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.9rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1;
    }

    .hero-stat .lbl {
      font-size: 0.78rem;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* hero right panel */
    .hero-panel {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 20px;
      padding: 28px;
      backdrop-filter: blur(10px);
    }

    .panel-title {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--gold);
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .panel-title::after {
      content: '';
      flex: 1;
      height: 1px;
      background: rgba(245,197,24,0.25);
    }

    .live-match {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 10px;
      padding: 14px 16px;
      margin-bottom: 10px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      transition: 0.25s;
    }

    .live-match:hover { border-color: rgba(245,197,24,0.3); background: rgba(245,197,24,0.04); }

    .match-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .live-tag {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.65rem;
      font-weight: 700;
      color: #fff;
      background: var(--accent);
      padding: 2px 8px;
      border-radius: 4px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .live-tag i { font-size: 0.55rem; animation: pulse 1s infinite; }

    .match-league { font-size: 0.72rem; color: var(--muted); }

    .match-teams {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .team { font-size: 0.9rem; font-weight: 600; }
    .match-score {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--gold);
    }

    .match-odds {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 6px;
    }

    .odd-btn {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.08);
      color: var(--text);
      border-radius: 6px;
      padding: 6px 8px;
      text-align: center;
      cursor: pointer;
      transition: 0.2s;
    }

    .odd-btn:hover { background: rgba(245,197,24,0.15); border-color: var(--gold); color: var(--gold); }

    .odd-btn .odd-label { font-size: 0.65rem; color: var(--muted); display: block; }
    .odd-btn .odd-val {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      color: var(--gold);
    }

    /* ===== TICKER ===== */
    .ticker {
      background: linear-gradient(90deg, var(--dark2), var(--dark3));
      border-top: 1px solid rgba(245,197,24,0.12);
      border-bottom: 1px solid rgba(245,197,24,0.12);
      padding: 10px 0;
      overflow: hidden;
    }

    .ticker-inner {
      display: flex;
      gap: 0;
      animation: ticker 30s linear infinite;
      white-space: nowrap;
    }

    @keyframes ticker {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    .ticker-item {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0 32px;
      font-size: 0.82rem;
      color: var(--muted);
    }

    .ticker-item .t-label { color: var(--gold); font-weight: 700; }
    .ticker-item .t-odd { color: var(--green); font-weight: 600; }
    .ticker-sep { color: rgba(255,255,255,0.1); }

    /* ===== SECTION BASE ===== */
    section { padding: 80px 5%; }

    .section-header {
      text-align: center;
      margin-bottom: 56px;
    }

    .section-tag {
      display: inline-block;
      background: rgba(245,197,24,0.1);
      border: 1px solid rgba(245,197,24,0.25);
      color: var(--gold);
      font-size: 0.72rem;
      font-weight: 700;
      padding: 5px 14px;
      border-radius: 20px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-bottom: 14px;
    }

    .section-title {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(1.9rem, 4vw, 2.8rem);
      font-weight: 700;
      line-height: 1.1;
      margin-bottom: 14px;
    }

    .section-title span { color: var(--gold); }

    .section-desc {
      color: var(--muted);
      max-width: 580px;
      margin: 0 auto;
      font-size: 1rem;
    }

    /* ===== FEATURES ===== */
    .features { background: var(--dark2); }

    .features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .feature-card {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      padding: 32px 28px;
      position: relative;
      overflow: hidden;
      transition: all 0.35s;
    }

    .feature-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--gold), var(--accent));
      transform: scaleX(0);
      transform-origin: left;
      transition: 0.35s;
    }

    .feature-card:hover { transform: translateY(-6px); border-color: rgba(245,197,24,0.2); box-shadow: var(--shadow); }
    .feature-card:hover::before { transform: scaleX(1); }

    .feature-icon {
      width: 56px; height: 56px;
      background: linear-gradient(135deg, rgba(245,197,24,0.15), rgba(245,197,24,0.05));
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      font-size: 1.5rem;
      color: var(--gold);
    }

    .feature-card h3 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: var(--white);
    }

    .feature-card p { color: var(--muted); font-size: 0.92rem; line-height: 1.7; }

    /* ===== SPORTS ===== */
    .sports { background: var(--dark); }

    .sports-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
      gap: 16px;
      max-width: 1200px;
      margin: 0 auto 50px;
    }

    .sport-item {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      padding: 22px 16px;
      text-align: center;
      text-decoration: none;
      color: var(--text);
      transition: all 0.3s;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }

    .sport-item:hover {
      background: rgba(245,197,24,0.08);
      border-color: var(--gold);
      color: var(--gold);
      transform: translateY(-4px);
    }

    .sport-item i { font-size: 1.8rem; }
    .sport-item span { font-size: 0.82rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
    .sport-item .s-count { font-size: 0.7rem; color: var(--muted); }

    .sports-big {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .big-card {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      overflow: hidden;
    }

    .big-card-header {
      padding: 20px 24px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .big-card-header h3 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.1rem;
      font-weight: 700;
      color: var(--white);
    }

    .view-all {
      font-size: 0.78rem;
      color: var(--gold);
      text-decoration: none;
      font-weight: 600;
      letter-spacing: 0.5px;
    }

    .view-all:hover { text-decoration: underline; }

    .match-row {
      padding: 16px 24px;
      border-bottom: 1px solid rgba(255,255,255,0.04);
      display: grid;
      grid-template-columns: 1fr auto auto;
      gap: 16px;
      align-items: center;
      transition: 0.2s;
    }

    .match-row:hover { background: rgba(255,255,255,0.02); }

    .match-row:last-child { border-bottom: none; }

    .mr-teams {}
    .mr-teams .mr-league { font-size: 0.68rem; color: var(--muted); margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }
    .mr-teams .mr-name { font-size: 0.9rem; font-weight: 500; }
    .mr-teams .mr-vs { font-size: 0.75rem; color: var(--muted); margin: 2px 0; }

    .mr-time { font-size: 0.8rem; color: var(--gold); font-weight: 600; text-align: center; }

    .mr-odds {
      display: flex;
      gap: 6px;
    }

    .mr-odd {
      background: rgba(255,255,255,0.05);
      border: 1px solid rgba(255,255,255,0.06);
      padding: 5px 10px;
      border-radius: 5px;
      font-size: 0.82rem;
      font-weight: 700;
      color: var(--text);
      cursor: pointer;
      transition: 0.2s;
    }

    .mr-odd:hover { background: rgba(245,197,24,0.15); border-color: var(--gold); color: var(--gold); }

    /* jackpot card */
    .jackpot-card {
      background: linear-gradient(160deg, #1a1230, #0a0e1a);
      border: 1px solid rgba(180,100,255,0.2);
      border-radius: var(--radius);
      padding: 28px 24px;
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: center;
    }

    .jackpot-icon {
      width: 70px; height: 70px;
      background: linear-gradient(135deg, #9b59b6, #6c3483);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      color: #fff;
      box-shadow: 0 0 30px rgba(155,89,182,0.4);
    }

    .jackpot-label {
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: #b49dcc;
    }

    .jackpot-amount {
      font-family: 'Rajdhani', sans-serif;
      font-size: 2.4rem;
      font-weight: 900;
      color: #e056fd;
      line-height: 1;
      text-shadow: 0 0 20px rgba(224,86,253,0.5);
    }

    .jackpot-name {
      font-size: 0.85rem;
      font-weight: 600;
      color: var(--muted);
    }

    .jackpot-progress {
      width: 100%;
      background: rgba(255,255,255,0.06);
      border-radius: 10px;
      height: 6px;
      overflow: hidden;
    }

    .jackpot-progress-fill {
      width: 72%;
      height: 100%;
      background: linear-gradient(90deg, #9b59b6, #e056fd);
      border-radius: 10px;
      animation: shimmer 2s ease infinite;
    }

    @keyframes shimmer {
      0% { opacity: 0.7; }
      50% { opacity: 1; }
      100% { opacity: 0.7; }
    }

    /* ===== BONUSES ===== */
    .bonuses { background: var(--dark2); }

    .bonuses-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .bonus-card {
      border-radius: var(--radius);
      overflow: hidden;
      position: relative;
      transition: transform 0.3s;
    }

    .bonus-card:hover { transform: translateY(-5px); }

    .bonus-card-bg {
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .bonus-card.b1 .bonus-card-bg { background: linear-gradient(135deg, #1a3a2a, #0d2619); }
    .bonus-card.b2 .bonus-card-bg { background: linear-gradient(135deg, #1a1a3a, #0d0d26); }
    .bonus-card.b3 .bonus-card-bg { background: linear-gradient(135deg, #3a1a1a, #260d0d); }
    .bonus-card.b4 .bonus-card-bg { background: linear-gradient(135deg, #2a1a3a, #190d2a); }

    .bonus-card-content {
      position: relative;
      z-index: 1;
      padding: 32px 28px;
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: var(--radius);
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .bonus-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding: 4px 12px;
      border-radius: 20px;
      width: fit-content;
    }

    .b1 .bonus-badge { background: rgba(39,174,96,0.2); color: #2ecc71; border: 1px solid rgba(39,174,96,0.3); }
    .b2 .bonus-badge { background: rgba(41,128,185,0.2); color: #3498db; border: 1px solid rgba(41,128,185,0.3); }
    .b3 .bonus-badge { background: rgba(230,60,60,0.2); color: #e74c3c; border: 1px solid rgba(230,60,60,0.3); }
    .b4 .bonus-badge { background: rgba(155,89,182,0.2); color: #9b59b6; border: 1px solid rgba(155,89,182,0.3); }

    .bonus-amount {
      font-family: 'Rajdhani', sans-serif;
      font-size: 2.5rem;
      font-weight: 900;
      line-height: 1;
    }

    .b1 .bonus-amount { color: #2ecc71; }
    .b2 .bonus-amount { color: #3498db; }
    .b3 .bonus-amount { color: var(--gold); }
    .b4 .bonus-amount { color: #9b59b6; }

    .bonus-card h3 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--white);
    }

    .bonus-card p { color: var(--muted); font-size: 0.88rem; line-height: 1.6; flex: 1; }

    .bonus-cta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 22px;
      border-radius: 7px;
      font-size: 0.85rem;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: 0.25s;
      width: fit-content;
    }

    .b1 .bonus-cta { background: rgba(39,174,96,0.15); color: #2ecc71; border: 1px solid rgba(39,174,96,0.3); }
    .b2 .bonus-cta { background: rgba(41,128,185,0.15); color: #3498db; border: 1px solid rgba(41,128,185,0.3); }
    .b3 .bonus-cta { background: rgba(245,197,24,0.15); color: var(--gold); border: 1px solid rgba(245,197,24,0.3); }
    .b4 .bonus-cta { background: rgba(155,89,182,0.15); color: #9b59b6; border: 1px solid rgba(155,89,182,0.3); }

    .bonus-cta:hover { filter: brightness(1.3); transform: translateX(3px); }

    /* ===== CASINO ===== */
    .casino { background: var(--dark); }

    .casino-tabs {
      display: flex;
      gap: 8px;
      justify-content: center;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }

    .casino-tab {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.07);
      color: var(--muted);
      padding: 9px 22px;
      border-radius: 8px;
      font-size: 0.85rem;
      font-weight: 600;
      cursor: pointer;
      transition: 0.25s;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .casino-tab.active,
    .casino-tab:hover {
      background: rgba(245,197,24,0.1);
      border-color: var(--gold);
      color: var(--gold);
    }

    .casino-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
      gap: 16px;
      max-width: 1200px;
      margin: 0 auto 40px;
    }

    .game-card {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      overflow: hidden;
      position: relative;
      cursor: pointer;
      transition: all 0.3s;
    }

    .game-card:hover { transform: translateY(-5px); border-color: rgba(245,197,24,0.3); box-shadow: 0 12px 30px rgba(0,0,0,0.5); }

    .game-thumb {
      height: 130px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3rem;
      position: relative;
      overflow: hidden;
    }

    .game-card:nth-child(6n+1) .game-thumb { background: linear-gradient(135deg, #1a0a2e, #3a1060); }
    .game-card:nth-child(6n+2) .game-thumb { background: linear-gradient(135deg, #0a1a2e, #104060); }
    .game-card:nth-child(6n+3) .game-thumb { background: linear-gradient(135deg, #1a1a0a, #403010); }
    .game-card:nth-child(6n+4) .game-thumb { background: linear-gradient(135deg, #0a2e1a, #106030); }
    .game-card:nth-child(6n+5) .game-thumb { background: linear-gradient(135deg, #2e0a1a, #601030); }
    .game-card:nth-child(6n+6) .game-thumb { background: linear-gradient(135deg, #0a2a2e, #105060); }

    .game-hover-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.75);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: 0.3s;
    }

    .game-card:hover .game-hover-overlay { opacity: 1; }

    .play-btn {
      background: var(--gold);
      color: #000;
      font-family: 'Rajdhani', sans-serif;
      font-size: 0.85rem;
      font-weight: 700;
      padding: 8px 20px;
      border-radius: 6px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .game-info { padding: 12px 14px; }

    .game-name {
      font-size: 0.88rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 4px;
    }

    .game-provider {
      font-size: 0.72rem;
      color: var(--muted);
    }

    .game-badge {
      position: absolute;
      top: 8px;
      left: 8px;
      font-size: 0.62rem;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 4px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .badge-hot { background: var(--accent); color: #fff; }
    .badge-new { background: var(--green); color: #fff; }
    .badge-live { background: #9b59b6; color: #fff; }

    /* ===== PAYMENTS ===== */
    .payments { background: var(--dark2); }

    .payment-logos {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      justify-content: center;
      max-width: 1000px;
      margin: 0 auto 50px;
    }

    .payment-logo {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 10px;
      padding: 14px 24px;
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--muted);
      transition: 0.25s;
    }

    .payment-logo:hover { border-color: rgba(245,197,24,0.3); color: var(--text); }
    .payment-logo i { font-size: 1.3rem; }
    .payment-logo.p-card i { color: #2980b9; }
    .payment-logo.p-bank i { color: #27ae60; }
    .payment-logo.p-crypto i { color: #f39c12; }
    .payment-logo.p-papara i { color: #e056fd; }

    .payment-info-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      max-width: 1000px;
      margin: 0 auto;
    }

    .payment-info-item {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.05);
      border-radius: 10px;
      padding: 22px;
      text-align: center;
    }

    .payment-info-item .pi-icon { font-size: 1.6rem; color: var(--gold); margin-bottom: 12px; }
    .payment-info-item .pi-title { font-family: 'Rajdhani', sans-serif; font-size: 1rem; font-weight: 700; margin-bottom: 6px; color: var(--white); }
    .payment-info-item .pi-val { font-size: 0.88rem; color: var(--muted); }

    /* ===== ABOUT / WHY ===== */
    .why { background: var(--dark); }

    .why-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 70px;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
    }

    .why-left {}

    .why-left .section-tag { text-align: left; }
    .why-left .section-title { text-align: left; }
    .why-left .section-desc { text-align: left; margin: 0 0 30px; max-width: 100%; }

    .why-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }

    .why-list li {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      font-size: 0.95rem;
      color: var(--muted);
    }

    .why-list li i {
      color: var(--green);
      font-size: 1rem;
      margin-top: 3px;
      flex-shrink: 0;
    }

    .why-list li strong { color: var(--text); }

    .why-right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .why-stat-card {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius);
      padding: 24px 20px;
      text-align: center;
    }

    .why-stat-card .ws-num {
      font-family: 'Rajdhani', sans-serif;
      font-size: 2rem;
      font-weight: 900;
      color: var(--gold);
      line-height: 1;
      margin-bottom: 6px;
    }

    .why-stat-card .ws-label { font-size: 0.8rem; color: var(--muted); }

    .why-stat-card.highlight {
      grid-column: span 2;
      background: linear-gradient(135deg, rgba(245,197,24,0.08), rgba(245,197,24,0.02));
      border-color: rgba(245,197,24,0.2);
    }

    .why-stat-card.highlight .ws-num { font-size: 2.8rem; }

    /* ===== FAQ ===== */
    .faq { background: var(--dark2); }

    .faq-container {
      max-width: 800px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .faq-item {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: 10px;
      overflow: hidden;
    }

    .faq-q {
      padding: 20px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      font-weight: 600;
      font-size: 0.95rem;
      color: var(--text);
      transition: 0.25s;
      gap: 16px;
    }

    .faq-q:hover { color: var(--gold); }

    .faq-q i {
      color: var(--gold);
      font-size: 0.85rem;
      flex-shrink: 0;
      transition: transform 0.3s;
    }

    .faq-item.open .faq-q i { transform: rotate(180deg); }

    .faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s;
    }

    .faq-item.open .faq-a { max-height: 300px; }

    .faq-a-inner {
      padding: 0 24px 20px;
      color: var(--muted);
      font-size: 0.9rem;
      line-height: 1.8;
      border-top: 1px solid rgba(255,255,255,0.04);
      padding-top: 16px;
    }

    /* ===== SEO TEXT ===== */
    .seo-text { background: var(--dark); padding: 60px 5%; }

    .seo-inner {
      max-width: 1000px;
      margin: 0 auto;
    }

    .seo-inner h2 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 14px;
    }

    .seo-inner h3 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--gold);
      margin: 28px 0 10px;
    }

    .seo-inner p {
      color: var(--muted);
      font-size: 0.93rem;
      line-height: 1.85;
      margin-bottom: 14px;
    }

    .seo-inner ul {
      color: var(--muted);
      font-size: 0.93rem;
      line-height: 2;
      padding-left: 20px;
      margin-bottom: 14px;
    }

    /* ===== CTA BANNER ===== */
    .cta-banner {
      background: linear-gradient(135deg, #1a0d00, #2a1500);
      border-top: 1px solid rgba(245,197,24,0.15);
      border-bottom: 1px solid rgba(245,197,24,0.15);
      padding: 70px 5%;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .cta-banner::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 70% 80% at 50% 50%, rgba(245,197,24,0.06), transparent);
    }

    .cta-banner > * { position: relative; z-index: 1; }

    .cta-banner h2 {
      font-family: 'Rajdhani', sans-serif;
      font-size: clamp(2rem, 5vw, 3.2rem);
      font-weight: 900;
      color: var(--white);
      margin-bottom: 14px;
    }

    .cta-banner h2 span { color: var(--gold); }

    .cta-banner p {
      color: var(--muted);
      font-size: 1.05rem;
      max-width: 580px;
      margin: 0 auto 36px;
    }

    .cta-banner .hero-btns { justify-content: center; }

    /* ===== FOOTER ===== */
    footer {
      background: var(--dark2);
      border-top: 1px solid rgba(255,255,255,0.06);
    }

    .footer-top {
      padding: 60px 5% 40px;
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      gap: 50px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .footer-brand {}

    .footer-logo {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      text-decoration: none;
    }

    .footer-logo img { width: 32px; height: 32px; border-radius: 6px; }

    .footer-logo span {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--gold);
      letter-spacing: 2px;
    }

    .footer-about {
      color: var(--muted);
      font-size: 0.87rem;
      line-height: 1.8;
      margin-bottom: 20px;
    }

    .footer-socials {
      display: flex;
      gap: 10px;
    }

    .social-btn {
      width: 38px; height: 38px;
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--muted);
      text-decoration: none;
      font-size: 0.95rem;
      transition: 0.25s;
    }

    .social-btn:hover { background: rgba(245,197,24,0.1); border-color: var(--gold); color: var(--gold); }

    .footer-col h4 {
      font-family: 'Rajdhani', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      color: var(--white);
      margin-bottom: 18px;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    .footer-links { list-style: none; display: flex; flex-direction: column; gap: 10px; }

    .footer-links a {
      color: var(--muted);
      text-decoration: none;
      font-size: 0.87rem;
      transition: 0.2s;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    .footer-links a:hover { color: var(--gold); padding-left: 4px; }

    .footer-links a i { font-size: 0.7rem; color: var(--gold); }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.06);
      padding: 22px 5%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 14px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .footer-copy {
      color: var(--muted);
      font-size: 0.8rem;
    }

    .footer-badges {
      display: flex;
      gap: 10px;
      align-items: center;
      flex-wrap: wrap;
    }

    .f-badge {
      background: var(--dark3);
      border: 1px solid rgba(255,255,255,0.07);
      color: var(--muted);
      font-size: 0.72rem;
      font-weight: 600;
      padding: 4px 10px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

    .f-badge i { font-size: 0.75rem; color: var(--green); }

    .disclaimer {
      background: var(--dark);
      padding: 20px 5%;
      text-align: center;
    }

    .disclaimer p {
      color: rgba(148,163,184,0.5);
      font-size: 0.75rem;
      max-width: 900px;
      margin: 0 auto;
      line-height: 1.7;
    }

    /* ===== FLOATING CTA ===== */
    .floating-cta {
      position: fixed;
      bottom: 28px;
      right: 28px;
      z-index: 500;
      background: linear-gradient(135deg, var(--gold), #e8a900);
      color: #000;
      padding: 14px 24px;
      border-radius: 50px;
      font-family: 'Rajdhani', sans-serif;
      font-size: 0.9rem;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      box-shadow: 0 4px 24px rgba(245,197,24,0.4);
      display: flex;
      align-items: center;
      gap: 8px;
      transition: 0.3s;
      animation: float 3s ease-in-out infinite;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-5px); }
    }

    .floating-cta:hover {
      box-shadow: 0 8px 36px rgba(245,197,24,0.6);
      animation: none;
      transform: scale(1.05);
    }

    /* ===== MOBILE MENU ===== */
    .mobile-menu {
      display: none;
      position: fixed;
      top: 68px;
      left: 0; right: 0;
      background: rgba(10,14,26,0.98);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(245,197,24,0.15);
      z-index: 999;
      padding: 20px 5%;
      flex-direction: column;
      gap: 8px;
    }

    .mobile-menu.open { display: flex; }

    .mobile-menu a {
      color: var(--text);
      text-decoration: none;
      font-size: 0.95rem;
      font-weight: 600;
      padding: 12px 16px;
      border-radius: 8px;
      display: block;
      transition: 0.2s;
    }

    .mobile-menu a:hover { background: rgba(245,197,24,0.08); color: var(--gold); }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .hero-content { grid-template-columns: 1fr; }
      .hero-panel { display: none; }
      .sports-big { grid-template-columns: 1fr; }
      .why-wrap { grid-template-columns: 1fr; gap: 40px; }
      .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
    }

    @media (max-width: 768px) {
      .nav-links { display: none; }
      .hamburger { display: flex; }
      section { padding: 60px 4%; }
      .hero { padding-top: 68px; }
      .hero-stats { flex-wrap: wrap; gap: 20px; }
      .hero-btns { flex-direction: column; }
      .btn-primary, .btn-secondary { justify-content: center; }
      .footer-top { grid-template-columns: 1fr; gap: 28px; }
      .footer-bottom { flex-direction: column; text-align: center; }
      .bonuses-grid { grid-template-columns: 1fr; }
      .casino-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
      .why-right { grid-template-columns: 1fr 1fr; }
      .floating-cta { bottom: 16px; right: 16px; padding: 12px 18px; font-size: 0.82rem; }
    }

    @media (max-width: 480px) {
      .hero-title { font-size: 2rem; }
      .casino-grid { grid-template-columns: repeat(2, 1fr); }
      .sports-grid { grid-template-columns: repeat(3, 1fr); }
      .payment-logos { gap: 10px; }
      .why-right { grid-template-columns: 1fr; }
      .why-stat-card.highlight { grid-column: span 1; }
    }
  </style>
</head>
<body>

  <!-- ===== NAVBAR ===== -->
  <nav>
    <a href="https://tr.bets10-sabit.com/" class="nav-logo">
      <img src="bets10fav.ico" alt="Bets10 Logo" />
      <span>BETS<em>10</em></span>
    </a>

    <ul class="nav-links">
      <li><a href="#spor-bahisleri">Spor Bahisleri</a></li>
      <li><a href="#casino">Casino</a></li>
      <li><a href="#bonuslar">Bonuslar</a></li>
      <li><a href="#odeme">Ödeme</a></li>
      <li><a href="#hakkinda">Hakkında</a></li>
      <li><a href="https://tr.bets10-sabit.com/" class="nav-cta">Giriş Yap</a></li>
    </ul>

    <div class="hamburger" id="hamburger" aria-label="Menü" role="button" tabindex="0">
      <span></span><span></span><span></span>
    </div>
  </nav>

  <!-- Mobile Menu -->
  <div class="mobile-menu" id="mobileMenu">
    <a href="#spor-bahisleri">⚽ Spor Bahisleri</a>
    <a href="#casino">🎰 Casino</a>
    <a href="#bonuslar">🎁 Bonuslar</a>
    <a href="#odeme">💳 Ödeme</a>
    <a href="#hakkinda">ℹ️ Hakkında</a>
    <a href="https://tr.bets10-sabit.com/" style="color:#000;background:linear-gradient(135deg,#f5c518,#e8a900);font-weight:700;">→ Hemen Giriş Yap</a>
  </div>

  <!-- ===== HERO ===== -->
  <section class="hero" id="hero">
    <div class="hero-bg"></div>
    <div class="hero-grid"></div>

    <div class="hero-content">
      <div class="hero-left">
        <div class="hero-badge">
          <i class="fas fa-circle"></i>
          CANLI · 2.400+ Etkinlik
        </div>

        <h1 class="hero-title">
          <span class="line1">Türkiye'nin</span><br />
          <span class="line2">En Güvenilir</span><br />
          <span class="line3">Bahis Platformu</span>
        </h1>

        <p class="hero-desc">
          Bets10 ile spor bahisleri, canlı casino, slot oyunları ve çok daha fazlasını tek platformda deneyimleyin. Yüksek oranlar, anında çekim, 7/24 destek.
        </p>

        <div class="hero-btns">
          <a href="https://tr.bets10-sabit.com/" class="btn-primary">
            <i class="fas fa-bolt"></i> Hemen Üye Ol
          </a>
          <a href="https://tr.bets10-sabit.com/" class="btn-secondary">
            <i class="fas fa-sign-in-alt"></i> Giriş Yap
          </a>
        </div>

        <div class="hero-stats">
          <div class="hero-stat">
            <div class="num">3M+</div>
            <div class="lbl">Aktif Üye</div>
          </div>
          <div class="hero-stat">
            <div class="num">50K+</div>
            <div class="lbl">Günlük Bahis</div>
          </div>
          <div class="hero-stat">
            <div class="num">%97</div>
            <div class="lbl">Geri Ödeme Oranı</div>
          </div>
          <div class="hero-stat">
            <div class="num">7/24</div>
            <div class="lbl">Canlı Destek</div>
          </div>
        </div>
      </div>

      <!-- right panel: live matches -->
      <div class="hero-panel">
        <div class="panel-title"><i class="fas fa-signal"></i> Canlı Maçlar</div>

        <div class="live-match">
          <div class="match-header">
            <span class="live-tag"><i class="fas fa-circle"></i> Canlı</span>
            <span class="match-league">UEFA Şampiyonlar Ligi</span>
          </div>
          <div class="match-teams">
            <span class="team">Manchester City</span>
            <span class="match-score">2 – 1</span>
            <span class="team">Real Madrid</span>
          </div>
          <div class="match-odds">
            <div class="odd-btn"><span class="odd-label">1</span><span class="odd-val">1.85</span></div>
            <div class="odd-btn"><span class="odd-label">X</span><span class="odd-val">3.40</span></div>
            <div class="odd-btn"><span class="odd-label">2</span><span class="odd-val">4.10</span></div>
          </div>
        </div>

        <div class="live-match">
          <div class="match-header">
            <span class="live-tag"><i class="fas fa-circle"></i> Canlı</span>
            <span class="match-league">Süper Lig</span>
          </div>
          <div class="match-teams">
            <span class="team">Galatasaray</span>
            <span class="match-score">1 – 0</span>
            <span class="team">Fenerbahçe</span>
          </div>
          <div class="match-odds">
            <div class="odd-btn"><span class="odd-label">1</span><span class="odd-val">2.20</span></div>
            <div class="odd-btn"><span class="odd-label">X</span><span class="odd-val">3.10</span></div>
            <div class="odd-btn"><span class="odd-label">2</span><span class="odd-val">3.60</span></div>
          </div>
        </div>

        <div class="live-match">
          <div class="match-header">
            <span class="live-tag"><i class="fas fa-circle"></i> Canlı</span>
            <span class="match-league">NBA</span>
          </div>
          <div class="match-teams">
            <span class="team">Lakers</span>
            <span class="match-score">68 – 72</span>
            <span class="team">Warriors</span>
          </div>
          <div class="match-odds">
            <div class="odd-btn"><span class="odd-label">1</span><span class="odd-val">1.95</span></div>
            <div class="odd-btn"><span class="odd-label">2</span><span class="odd-val">1.88</span></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== TICKER ===== -->
  <div class="ticker" aria-hidden="true">
    <div class="ticker-inner" id="tickerInner">
      <span class="ticker-item"><span class="t-label">GS – FB</span> <span class="t-odd">1: 2.20</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Man City – Real Madrid</span> <span class="t-odd">1: 1.85</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Bayern – PSG</span> <span class="t-odd">X: 3.50</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Lakers – Warriors</span> <span class="t-odd">2: 1.88</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Djokovic – Alcaraz</span> <span class="t-odd">1: 1.70</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Beşiktaş – Trabzonspor</span> <span class="t-odd">1: 2.10</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Inter – Juventus</span> <span class="t-odd">2: 3.20</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Liverpool – Arsenal</span> <span class="t-odd">X: 3.80</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">GS – FB</span> <span class="t-odd">1: 2.20</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Man City – Real Madrid</span> <span class="t-odd">1: 1.85</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Bayern – PSG</span> <span class="t-odd">X: 3.50</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Lakers – Warriors</span> <span class="t-odd">2: 1.88</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Djokovic – Alcaraz</span> <span class="t-odd">1: 1.70</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Beşiktaş – Trabzonspor</span> <span class="t-odd">1: 2.10</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Inter – Juventus</span> <span class="t-odd">2: 3.20</span> <span class="t-sep">|</span></span>
      <span class="ticker-item"><span class="t-label">Liverpool – Arsenal</span> <span class="t-odd">X: 3.80</span> <span class="t-sep">|</span></span>
    </div>
  </div>

  <!-- ===== FEATURES ===== -->
  <section class="features" id="ozellikler">
    <div class="section-header">
      <div class="section-tag">Neden Bets10?</div>
      <h2 class="section-title">Farkımızı <span>Hissedeceksiniz</span></h2>
      <p class="section-desc">Sektörün en güvenilir platformunda en iyi deneyimi sunmak için her ayrıntıyı düşündük.</p>
    </div>

    <div class="features-grid">
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-shield-alt"></i></div>
        <h3>Lisanslı & Güvenli</h3>
        <p>Uluslararası lisanslar ve SSL şifreleme ile tüm işlemleriniz tam güvence altında. Kişisel verileriniz asla üçüncü taraflarla paylaşılmaz.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-percentage"></i></div>
        <h3>Yüksek Oranlar</h3>
        <p>Sektörün en rekabetçi bahis oranları Bets10'da. %97'nin üzerinde geri ödeme oranıyla kazancınızı maksimuma çıkarın.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-bolt"></i></div>
        <h3>Anında Para Çekme</h3>
        <p>Kazandığınız parayı dakikalar içinde hesabınıza aktarın. Papara, banka havalesi ve kripto ile hızlı çekim imkânı.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-headset"></i></div>
        <h3>7/24 Canlı Destek</h3>
        <p>Gece gündüz, her an yanınızdayız. Canlı sohbet, e-posta ve telefon ile hızlı ve etkili destek alın.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-mobile-alt"></i></div>
        <h3>Mobil Uyumlu</h3>
        <p>iOS ve Android için optimize edilmiş mobil deneyimle istediğiniz yerden bahis yapın. Uygulama veya mobil site.</p>
      </div>
      <div class="feature-card">
        <div class="feature-icon"><i class="fas fa-gift"></i></div>
        <h3>Sürekli Bonuslar</h3>
        <p>Hoş geldin bonusu, yatırım bonusu, kayıp bonusu ve çok daha fazlası. Her gün yeni promosyonlar sizi bekliyor.</p>
      </div>
    </div>
  </section>

  <!-- ===== SPOR BAHİSLERİ ===== -->
  <section class="sports" id="spor-bahisleri">
    <div class="section-header">
      <div class="section-tag">Spor Bahisleri</div>
      <h2 class="section-title">2.400+ <span>Günlük Etkinlik</span></h2>
      <p class="section-desc">Futboldan basketbola, tenisten e-Spora kadar tüm spor dallarında en iyi oranlarla bahis yapın.</p>
    </div>

    <div class="sports-grid">
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-futbol"></i>
        <span>Futbol</span>
        <span class="s-count">800+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-basketball-ball"></i>
        <span>Basketbol</span>
        <span class="s-count">350+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-tennis-ball"></i>
        <span>Tenis</span>
        <span class="s-count">400+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-volleyball-ball"></i>
        <span>Voleybol</span>
        <span class="s-count">120+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-hockey-puck"></i>
        <span>Buz Hokeyi</span>
        <span class="s-count">90+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-gamepad"></i>
        <span>E-Spor</span>
        <span class="s-count">200+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-baseball-ball"></i>
        <span>Beyzbol</span>
        <span class="s-count">80+ Etkinlik</span>
      </a>
      <a href="https://tr.bets10-sabit.com/" class="sport-item">
        <i class="fas fa-fist-raised"></i>
        <span>MMA/Boks</span>
        <span class="s-count">60+ Etkinlik</span>
      </a>
    </div>

    <div class="sports-big">
      <div class="big-card">
        <div class="big-card-header">
          <h3><i class="fas fa-futbol" style="color:var(--gold);margin-right:8px"></i> Yaklaşan Maçlar</h3>
          <a href="https://tr.bets10-sabit.com/" class="view-all">Tümünü Gör →</a>
        </div>

        <div class="match-row">
          <div class="mr-teams">
            <div class="mr-league">Premier Lig</div>
            <div class="mr-name">Manchester United</div>
            <div class="mr-vs">vs</div>
            <div class="mr-name">Chelsea</div>
          </div>
          <div class="mr-time">20:45</div>
          <div class="mr-odds">
            <div class="mr-odd">2.10</div>
            <div class="mr-odd">3.30</div>
            <div class="mr-odd">3.50</div>
          </div>
        </div>

        <div class="match-row">
          <div class="mr-teams">
            <div class="mr-league">La Liga</div>
            <div class="mr-name">Barcelona</div>
            <div class="mr-vs">vs</div>
            <div class="mr-name">Atletico Madrid</div>
          </div>
          <div class="mr-time">21:00</div>
          <div class="mr-odds">
            <div class="mr-odd">1.75</div>
            <div class="mr-odd">3.60</div>
            <div class="mr-odd">4.80</div>
          </div>
        </div>

        <div class="match-row">
          <div class="mr-teams">
            <div class="mr-league">Süper Lig</div>
            <div class="mr-name">Trabzonspor</div>
            <div class="mr-vs">vs</div>
            <div class="mr-name">Beşiktaş</div>
          </div>
          <div class="mr-time">19:00</div>
          <div class="mr-odds">
            <div class="mr-odd">2.60</div>
            <div class="mr-odd">3.10</div>
            <div class="mr-odd">2.80</div>
          </div>
        </div>

        <div class="match-row">
          <div class="mr-teams">
            <div class="mr-league">Bundesliga</div>
            <div class="mr-name">Bayern Münih</div>
            <div class="mr-vs">vs</div>
            <div class="mr-name">Borussia Dortmund</div>
          </div>
          <div class="mr-time">17:30</div>
          <div class="mr-odds">
            <div class="mr-odd">1.60</div>
            <div class="mr-odd">4.00</div>
            <div class="mr-odd">5.50</div>
          </div>
        </div>
      </div>

      <!-- jackpot -->
      <div class="jackpot-card">
        <div class="jackpot-icon"><i class="fas fa-trophy"></i></div>
        <div>
          <div class="jackpot-label">Haftalık Jackpot</div>
          <div class="jackpot-amount">₺1.250.000</div>
        </div>
        <div class="jackpot-name">Süper Tahmin Jackpot</div>
        <div style="width:100%">
          <div style="display:flex;justify-content:space-between;font-size:0.72rem;color:var(--muted);margin-bottom:6px;">
            <span>Doluluk</span><span>72%</span>
          </div>
          <div class="jackpot-progress"><div class="jackpot-progress-fill"></div></div>
        </div>
        <a href="https://tr.bets10-sabit.com/" class="btn-primary" style="width:100%;justify-content:center;font-size:0.88rem">
          <i class="fas fa-bolt"></i> Katıl
        </a>
      </div>
    </div>
  </section>

  <!-- ===== BONUSLAR ===== -->
  <section class="bonuses" id="bonuslar">
    <div class="section-header">
      <div class="section-tag">Promosyonlar</div>
      <h2 class="section-title">Kazandıran <span>Bonuslar</span></h2>
      <p class="section-desc">Yeni üye bonusundan kayıp bonusuna kadar Bets10'da her gün ekstra kazanç fırsatları sizi bekliyor.</p>
    </div>

    <div class="bonuses-grid">
      <div class="bonus-card b1">
        <div class="bonus-card-bg"></div>
        <div class="bonus-card-content">
          <div class="bonus-badge"><i class="fas fa-star"></i> Hoş Geldin</div>
          <div class="bonus-amount">%100</div>
          <h3>İlk Yatırım Bonusu</h3>
          <p>İlk yatırımınıza %100 bonus kazanın. 500 TL yatırın, 1000 TL ile oynayın. Çevrim koşulları siteye özeldir.</p>
          <a href="https://tr.bets10-sabit.com/" class="bonus-cta"><i class="fas fa-arrow-right"></i> Hemen Al</a>
        </div>
      </div>

      <div class="bonus-card b2">
        <div class="bonus-card-bg"></div>
        <div class="bonus-card-content">
          <div class="bonus-badge"><i class="fas fa-sync"></i> Haftalık</div>
          <div class="bonus-amount">%20</div>
          <h3>Yatırım Bonusu</h3>
          <p>Her hafta yaptığınız yatırımlara %20 bonus ekleyin. Düzenli yatırımcılar için haftada bir geçerlidir.</p>
          <a href="https://tr.bets10-sabit.com/" class="bonus-cta"><i class="fas fa-arrow-right"></i> Hemen Al</a>
        </div>
      </div>

      <div class="bonus-card b3">
        <div class="bonus-card-bg"></div>
        <div class="bonus-card-content">
          <div class="bonus-badge"><i class="fas fa-redo"></i> Kayıp</div>
          <div class="bonus-amount">%15</div>
          <h3>Kayıp Bonusu</h3>
          <p>Haftalık kayıplarınızın %15'ini geri kazanın. Casino ve spor bahislerinde geçerlidir, her pazartesi yatırılır.</p>
          <a href="https://tr.bets10-sabit.com/" class="bonus-cta"><i class="fas fa-arrow-right"></i> Hemen Al</a>
        </div>
      </div>

      <div class="bonus-card b4">
        <div class="bonus-card-bg"></div>
        <div class="bonus-card-content">
          <div class="bonus-badge"><i class="fas fa-coins"></i> Freespin</div>
          <div class="bonus-amount">100</div>
          <h3>Freespin Bonusu</h3>
          <p>Seçili slot oyunlarında 100 ücretsiz dönüş kazanın. Her hafta farklı oyunlarda geçerli olup yatırımsız verilir.</p>
          <a href="https://tr.bets10-sabit.com/" class="bonus-cta"><i class="fas fa-arrow-right"></i> Hemen Al</a>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== CASINO ===== -->
  <section class="casino" id="casino">
    <div class="section-header">
      <div class="section-tag">Casino & Slot</div>
      <h2 class="section-title">3.000+ <span>Oyun Sizi Bekliyor</span></h2>
      <p class="section-desc">NetEnt, Pragmatic Play, Evolution Gaming ve daha onlarca sağlayıcının en iyi oyunları tek çatı altında.</p>
    </div>

    <div class="casino-tabs">
      <div class="casino-tab active">Tümü</div>
      <div class="casino-tab">Canlı Casino</div>
      <div class="casino-tab">Slotlar</div>
      <div class="casino-tab">Masa Oyunları</div>
      <div class="casino-tab">Jackpot</div>
      <div class="casino-tab">Yeni Oyunlar</div>
    </div>

    <div class="casino-grid">
      <div class="game-card">
        <div class="game-thumb">🎰<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-hot">HOT</span>
        <div class="game-info"><div class="game-name">Sweet Bonanza</div><div class="game-provider">Pragmatic Play</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🃏<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-live">CANLI</span>
        <div class="game-info"><div class="game-name">Lightning Roulette</div><div class="game-provider">Evolution Gaming</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🎲<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-new">YENİ</span>
        <div class="game-info"><div class="game-name">Gates of Olympus</div><div class="game-provider">Pragmatic Play</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🎭<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-hot">HOT</span>
        <div class="game-info"><div class="game-name">Starburst XXXtreme</div><div class="game-provider">NetEnt</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">💎<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <div class="game-info"><div class="game-name">Book of Dead</div><div class="game-provider">Play'n GO</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🏆<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-live">CANLI</span>
        <div class="game-info"><div class="game-name">Live Blackjack VIP</div><div class="game-provider">Evolution Gaming</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🌟<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-new">YENİ</span>
        <div class="game-info"><div class="game-name">Crazy Time</div><div class="game-provider">Evolution Gaming</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🎪<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-hot">HOT</span>
        <div class="game-info"><div class="game-name">Aviator</div><div class="game-provider">Spribe</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">🔥<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <div class="game-info"><div class="game-name">Wolf Gold</div><div class="game-provider">Pragmatic Play</div></div>
      </div>
      <div class="game-card">
        <div class="game-thumb">👑<div class="game-hover-overlay"><div class="play-btn">Oyna</div></div></div>
        <span class="game-badge badge-live">CANLI</span>
        <div class="game-info"><div class="game-name">Baccarat Squeeze</div><div class="game-provider">Evolution Gaming</div></div>
      </div>
    </div>

    <div style="text-align:center">
      <a href="https://tr.bets10-sabit.com/" class="btn-primary">
        <i class="fas fa-th-large"></i> Tüm Oyunları Gör
      </a>
    </div>
  </section>

  <!-- ===== ÖDEME YÖNTEMLERİ ===== -->
  <section class="payments" id="odeme">
    <div class="section-header">
      <div class="section-tag">Ödeme Yöntemleri</div>
      <h2 class="section-title">Hızlı & <span>Güvenli İşlemler</span></h2>
      <p class="section-desc">Birden fazla ödeme seçeneği ile para yatırma ve çekme işlemlerinizi kolayca gerçekleştirin.</p>
    </div>

    <div class="payment-logos">
      <div class="payment-logo p-card"><i class="fas fa-credit-card"></i> Kredi / Banka Kartı</div>
      <div class="payment-logo p-bank"><i class="fas fa-university"></i> Banka Havalesi</div>
      <div class="payment-logo p-papara"><i class="fas fa-wallet"></i> Papara</div>
      <div class="payment-logo p-crypto"><i class="fab fa-bitcoin"></i> Bitcoin</div>
      <div class="payment-logo p-crypto"><i class="fab fa-ethereum"></i> Ethereum</div>
      <div class="payment-logo p-bank"><i class="fas fa-mobile-alt"></i> Cepbank</div>
      <div class="payment-logo p-papara"><i class="fas fa-bolt"></i> Payfix</div>
      <div class="payment-logo p-bank"><i class="fas fa-paper-plane"></i> Havale / EFT</div>
    </div>

    <div class="payment-info-grid">
      <div class="payment-info-item">
        <div class="pi-icon"><i class="fas fa-clock"></i></div>
        <div class="pi-title">Yatırım Süresi</div>
        <div class="pi-val">Anında – 5 Dakika</div>
      </div>
      <div class="payment-info-item">
        <div class="pi-icon"><i class="fas fa-arrow-up"></i></div>
        <div class="pi-title">Min. Yatırım</div>
        <div class="pi-val">50 TL'den başlayan</div>
      </div>
      <div class="payment-info-item">
        <div class="pi-icon"><i class="fas fa-arrow-down"></i></div>
        <div class="pi-title">Para Çekme</div>
        <div class="pi-val">15 dk – 1 Saat</div>
      </div>
      <div class="payment-info-item">
        <div class="pi-icon"><i class="fas fa-lock"></i></div>
        <div class="pi-title">Güvenlik</div>
        <div class="pi-val">256-bit SSL Şifreleme</div>
      </div>
    </div>
  </section>

  <!-- ===== NEDEN BETS10 ===== -->
  <section class="why" id="hakkinda">
    <div class="why-wrap">
      <div class="why-left">
        <div class="section-tag">Bets10 Hakkında</div>
        <h2 class="section-title">Sektörde <span>10+ Yıllık</span> Güven</h2>
        <p class="section-desc">
          Bets10, 2012 yılından bu yana milyonlarca Türk bahissevere güvenilir, eğlenceli ve adil bir platform sunmaktadır. Lisanslı yapısı ve şeffaf politikalarıyla sektörün öncüsüdür.
        </p>
        <ul class="why-list">
          <li><i class="fas fa-check-circle"></i><span><strong>Uluslararası Lisans</strong> – Denetlenen ve onaylanan platformda oynayın.</span></li>
          <li><i class="fas fa-check-circle"></i><span><strong>Şeffaf Oranlar</strong> – Manipülasyon olmadan gerçek zamanlı oranlar.</span></li>
          <li><i class="fas fa-check-circle"></i><span><strong>Hızlı Ödeme</strong> – Kazançlarınız en geç 1 saat içinde hesabınızda.</span></li>
          <li><i class="fas fa-check-circle"></i><span><strong>Sorumlu Oyun</strong> – Limit belirleme ve kendi kendini engelleme araçları.</span></li>
          <li><i class="fas fa-check-circle"></i><span><strong>Türkçe Destek</strong> – Anadilinde 7/24 müşteri hizmetleri.</span></li>
          <li><i class="fas fa-check-circle"></i><span><strong>Mobil Uygulama</strong> – iPhone ve Android için özel uygulama.</span></li>
        </ul>
      </div>

      <div class="why-right">
        <div class="why-stat-card">
          <div class="ws-num">3M+</div>
          <div class="ws-label">Kayıtlı Üye</div>
        </div>
        <div class="why-stat-card">
          <div class="ws-num">10+</div>
          <div class="ws-label">Yıllık Deneyim</div>
        </div>
        <div class="why-stat-card">
          <div class="ws-num">3.000+</div>
          <div class="ws-label">Casino Oyunu</div>
        </div>
        <div class="why-stat-card">
          <div class="ws-num">50+</div>
          <div class="ws-label">Spor Dalı</div>
        </div>
        <div class="why-stat-card highlight">
          <div class="ws-num">₺500M+</div>
          <div class="ws-label">Ödenen Kazanç</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ===== SSS ===== -->
  <section class="faq" id="sss">
    <div class="section-header">
      <div class="section-tag">Sık Sorulan Sorular</div>
      <h2 class="section-title">Merak Ettiğiniz <span>Her Şey</span></h2>
      <p class="section-desc">Bets10 hakkında en sık sorulan soruların yanıtlarını burada bulabilirsiniz.</p>
    </div>

    <div class="faq-container">
      <div class="faq-item">
        <div class="faq-q">Bets10'a nasıl üye olabilirim? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Bets10'a üye olmak oldukça kolaydır. Siteye giriş yapın, "Üye Ol" butonuna tıklayın ve gerekli bilgilerinizi doldurun. Doğrulama adımını tamamladıktan sonra hesabınız aktif hale gelir ve hemen yatırım yaparak bahis oynamaya başlayabilirsiniz.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q">Bets10 güvenilir mi? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Evet, Bets10 uluslararası bir oyun lisansına sahip olup sektörde 10+ yıllık deneyimiyle güvenilirliğini kanıtlamış bir platformdur. 256-bit SSL şifreleme ile tüm işlemleriniz ve kişisel bilgileriniz güvence altındadır.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q">Para çekme işlemi ne kadar sürer? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Para çekme işlemleri genellikle 15 dakika ile 1 saat arasında tamamlanır. Papara ve kripto para gibi yöntemlerde işlemler çok daha hızlı gerçekleşebilir. Banka havalesi işlemleri ise mesai saatleri içinde aynı gün sonuçlanır.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q">Hoş geldin bonusunu nasıl alabilirim? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Üye olduktan sonra ilk para yatırma işleminizde %100 hoş geldin bonusundan otomatik olarak yararlanırsınız. Bonus, yatırılan miktarın %100'ü kadar hesabınıza eklenir. Ayrıntılı çevrim koşulları için promosyonlar sayfasını incelemenizi öneririz.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q">Bets10 mobil uyumlu mu? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Evet, Bets10 hem iOS hem de Android cihazlar için optimize edilmiştir. Mobil tarayıcı üzerinden tam özellikli erişim sağlayabilir ya da özel mobil uygulamayı indirebilirsiniz. Tüm bahis ve casino özellikleri mobil cihazlarda da eksiksiz çalışır.</div></div>
      </div>
      <div class="faq-item">
        <div class="faq-q">Güncel giriş adresi nedir? <i class="fas fa-chevron-down"></i></div>
        <div class="faq-a"><div class="faq-a-inner">Bets10'un güncel ve sabit giriş adresi <strong>tr.bets10-sabit.com</strong> adresinden ulaşabilirsiniz. Bu adres üzerinden sorunsuz giriş yapabilir ve tüm hizmetlere kesintisiz erişebilirsiniz.</div></div>
      </div>
    </div>
  </section>

  <!-- ===== SEO METİN ===== -->
  <section class="seo-text">
    <div class="seo-inner">
      <h2>Bets10 Hakkında – Kapsamlı Platform Rehberi</h2>
      <p>
        Bets10, Türkiye'nin en köklü ve güvenilir online bahis platformlarından biridir. 2012 yılında kurulan platform, milyonlarca kullanıcıya spor bahisi, canlı casino, slot oyunları ve sanal spor alanlarında üstün bir deneyim sunmaktadır. Lisanslı yapısı, şeffaf oranları ve hızlı ödeme süreçleriyle Bets10, Türk bahis sektörünün en güçlü isimlerinden biri haline gelmiştir.
      </p>

      <h3>Bets10 Spor Bahisleri</h3>
      <p>
        Bets10'un spor bahisleri bölümünde 50'den fazla spor dalında günlük 2.400'ü aşkın etkinlik kullanıcıları beklemektedir. Futbol başta olmak üzere basketbol, tenis, voleybol, buz hokeyi, e-spor ve daha pek çok alanda yüksek oranlarla bahis yapabilirsiniz. Canlı bahis seçeneğiyle maçlar devam ederken anlık oranlar üzerinden bahis yapma imkânı da bulunmaktadır.
      </p>
      <ul>
        <li>Süper Lig, Premier Lig, La Liga, Bundesliga, Serie A ve daha fazlası</li>
        <li>NBA, EuroLeague, FIBA Dünya Kupası gibi basketbol organizasyonları</li>
        <li>ATP, WTA ve Grand Slam tenis turnuvaları</li>
        <li>League of Legends, CS:GO, Valorant gibi e-spor dalları</li>
      </ul>

      <h3>Bets10 Casino ve Slot Oyunları</h3>
      <p>
        Platform, 3.000'den fazla casino oyununu bünyesinde barındırmaktadır. NetEnt, Pragmatic Play, Evolution Gaming, Play'n GO gibi dünyanın en büyük oyun sağlayıcılarıyla yapılan işbirlikleri sayesinde kullanıcılar her zaman en kaliteli oyunlara erişebilmektedir. Canlı casino bölümünde gerçek krupiyeler eşliğinde rulet, blackjack, bakara ve özel oyun şovları oynanabilmektedir.
      </p>

      <h3>Bets10 Bonusları ve Promosyonları</h3>
      <p>
        Bets10, yeni ve mevcut üyelerine yönelik zengin bir bonus programı sunmaktadır. İlk yatırım bonusundan freespin kampanyalarına, kayıp bonusundan özel VIP tekliflerine kadar geniş bir promosyon yelpazesi bulunmaktadır. Bonuslar düzenli olarak güncellenmekte ve mevsimine göre özel kampanyalar düzenlenmektedir.
      </p>

      <h3>Bets10 Güncel Giriş Adresi</h3>
      <p>
        Bets10'a kesintisiz erişim için güncel sabit adres olan <strong>tr.bets10-sabit.com</strong> adresini kullanabilirsiniz. Bu adres üzerinden platforma her zaman sorunsuz ulaşabilirsiniz. Adres değişikliklerinden haberdar olmak için sosyal medya hesaplarını ve resmi kanalları takip etmeniz önerilir.
      </p>
    </div>
  </section>

  <!-- ===== CTA BANNER ===== -->
  <section class="cta-banner">
    <h2>Hemen Başla, <span>Kazan!</span></h2>
    <p>3 milyondan fazla üyeye katıl. Ücretsiz kaydol ve ilk yatırımına %100 bonus kazan.</p>
    <div class="hero-btns">
      <a href="https://tr.bets10-sabit.com/" class="btn-primary">
        <i class="fas fa-user-plus"></i> Ücretsiz Üye Ol
      </a>
      <a href="https://tr.bets10-sabit.com/" class="btn-secondary">
        <i class="fas fa-sign-in-alt"></i> Giriş Yap
      </a>
    </div>
  </section>

  <!-- ===== FOOTER ===== -->
  <footer>
    <div class="footer-top">
      <div class="footer-brand">
        <a href="https://tr.bets10-sabit.com/" class="footer-logo">
          <img src="bets10fav.ico" alt="Bets10" />
          <span>BETS10</span>
        </a>
        <p class="footer-about">
          Bets10, 2012'den bu yana Türkiye'nin en güvenilir bahis ve casino platformu olarak hizmet vermektedir. Lisanslı, şeffaf ve güvenli.
        </p>
        <div class="footer-socials">
          <a href="https://tr.bets10-sabit.com/" class="social-btn" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
          <a href="https://tr.bets10-sabit.com/" class="social-btn" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="https://tr.bets10-sabit.com/" class="social-btn" aria-label="Telegram"><i class="fab fa-telegram"></i></a>
          <a href="https://tr.bets10-sabit.com/" class="social-btn" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
        </div>
      </div>

      <div class="footer-col">
        <h4>Bahisler</h4>
        <ul class="footer-links">
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Futbol Bahisleri</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Canlı Bahis</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Basketbol</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Tenis</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> E-Spor</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Sanal Spor</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h4>Casino</h4>
        <ul class="footer-links">
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Canlı Casino</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Slot Oyunları</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Rulet</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Blackjack</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Bakara</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Jackpot Oyunları</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h4>Destek</h4>
        <ul class="footer-links">
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Canlı Destek</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Sık Sorulan Sorular</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Kullanım Koşulları</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Gizlilik Politikası</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Sorumlu Oyun</a></li>
          <li><a href="https://tr.bets10-sabit.com/"><i class="fas fa-chevron-right"></i> Giriş Adresi</a></li>
        </ul>
      </div>
    </div>

    <div class="footer-bottom">
      <div class="footer-copy">© 2024 Bets10. Tüm hakları saklıdır. | <a href="https://tr.bets10-sabit.com/" style="color:var(--gold);text-decoration:none;">tr.bets10-sabit.com</a></div>
      <div class="footer-badges">
        <div class="f-badge"><i class="fas fa-lock"></i> SSL Güvenli</div>
        <div class="f-badge"><i class="fas fa-shield-alt"></i> Lisanslı Platform</div>
        <div class="f-badge"><i class="fas fa-user-check"></i> +18</div>
        <div class="f-badge"><i class="fas fa-heart"></i> Sorumlu Oyun</div>
      </div>
    </div>
  </footer>

  <div class="disclaimer">
    <p>⚠️ Bu site yalnızca 18 yaş ve üzeri bireyler içindir. Kumar bağımlılığı yapar. Sorumlu oynayın. Yardım için bize ulaşın. | tr.bets10-sabit.com</p>
  </div>

  <!-- ===== FLOATING CTA ===== -->
  <a href="https://tr.bets10-sabit.com/" class="floating-cta" aria-label="Bets10 Giriş">
    <i class="fas fa-bolt"></i> Giriş Yap
  </a>

  <!-- ===== JAVASCRIPT ===== -->
  <script>
    // Hamburger
    const hamburger = document.getElementById('hamburger');
    const mobileMenu = document.getElementById('mobileMenu');
    hamburger.addEventListener('click', () => {
      mobileMenu.classList.toggle('open');
    });
    hamburger.addEventListener('keydown', (e) => {
      if (e.key === 'Enter' || e.key === ' ') {
        mobileMenu.classList.toggle('open');
      }
    });

    // Close mobile menu on link click
    document.querySelectorAll('.mobile-menu a').forEach(a => {
      a.addEventListener('click', () => mobileMenu.classList.remove('open'));
    });

    // FAQ accordion
    document.querySelectorAll('.faq-q').forEach(q => {
      q.addEventListener('click', () => {
        const item = q.parentElement;
        const isOpen = item.classList.contains('open');
        document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));
        if (!isOpen) item.classList.add('open');
      });
    });

    // Casino tabs (visual only)
    document.querySelectorAll('.casino-tab').forEach(tab => {
      tab.addEventListener('click', () => {
        document.querySelectorAll('.casino-tab').forEach(t => t.classList.remove('active'));
        tab.classList.add('active');
      });
    });

    // Scroll-reveal (simple fade-in)
    const observer = new IntersectionObserver((entries) => {
      entries.forEach(e => {
        if (e.isIntersecting) {
          e.target.style.opacity = '1';
          e.target.style.transform = 'translateY(0)';
        }
      });
    }, { threshold: 0.1 });

    document.querySelectorAll('.feature-card, .bonus-card, .game-card, .sport-item, .why-stat-card').forEach(el => {
      el.style.opacity = '0';
      el.style.transform = 'translateY(24px)';
      el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
      observer.observe(el);
    });

    // Smooth nav active state on scroll
    const sections = document.querySelectorAll('section[id]');
    window.addEventListener('scroll', () => {
      const scrollY = window.pageYOffset;
      sections.forEach(s => {
        if (scrollY >= s.offsetTop - 100) {
          document.querySelectorAll('.nav-links a').forEach(a => {
            a.style.color = '';
            if (a.getAttribute('href') === '#' + s.id) {
              a.style.color = 'var(--gold)';
            }
          });
        }
      });
    });
  </script>

</body>
</html>
