

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WJKASINO: Situs Slot Gacor Hari Ini &amp; Link Alternatif Resmi Terpercaya</title>
  <meta name="description" content="WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar.">
  <meta property="og:title" content="WJKASINO: Situs Slot Gacor Hari Ini &amp; Link Alternatif Resmi Terpercaya">
  <meta property="og:description" content="WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar.">
  <meta property="og:image" content="/sites/780/logo.webp">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://andrespagella.com/">
  <meta property="og:locale" content="id_ID">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="WJKASINO: Situs Slot Gacor Hari Ini &amp; Link Alternatif Resmi Terpercaya">
  <meta name="twitter:description" content="WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar.">
  <meta name="twitter:image" content="/sites/780/logo.webp">
  
  <link rel="icon" href="/sites/780/favicon.webp">
  
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://andrespagella.com/">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebSite",
        "name": "WJKASINO: Situs Slot Gacor Hari Ini &amp; Link Alternatif Resmi Terpercaya",
        "url": "https://andrespagella.com/",
        "potentialAction": {
          "@type": "SearchAction",
          "target": "https://andrespagella.com/?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      },
      {
        "@type": "WebPage",
        "name": "WJKASINO: Situs Slot Gacor Hari Ini &amp; Link Alternatif Resmi Terpercaya",
        "url": "https://andrespagella.com/",
        "description": "WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar."
      },
      {
        "@type": "Organization",
        "name": "WJKASINO",
        "url": "https://andrespagella.com/",
        "logo": { "@type": "ImageObject", "url": "/sites/780/logo.webp" }
      },
      {
        "@type": "SoftwareApplication",
        "name": "WJKASINO",
        "applicationCategory": "GameApplication",
        "operatingSystem": "Android, Web Browser",
        "url": "https://andrespagella.com/direct\u002Dapp/",
        "downloadUrl": "https://andrespagella.com/direct\u002Dapp/",
        "installUrl": "https://andrespagella.com/direct\u002Dapp/",
        "image": "/sites/780/logo.webp",
        "description": "WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar."
      },
      {
        "@type": "FAQPage",
        "mainEntity": [
          
          {
            "@type": "Question",
            "name": "Nah, WJKASINO itu apa sih?",
            "acceptedAnswer": { "@type": "Answer", "text": "WJKASINO itu platform hiburan digital untuk slot online resmi yang dipakai pemain di Indonesia, dengan akses yang cepat dan nyaman, meski urusan aman atau tidak tetap nggak bisa cuma lihat promo." }
          },
          
          {
            "@type": "Question",
            "name": "Nah, gmn cara download APK WJKASINO?",
            "acceptedAnswer": { "@type": "Answer", "text": "Anda bisa melakukan download APK langsung melalui situs resmi kami.\u000A\u000ATinggal buka menu download APK, lalu ikuti langkah instalasinya supaya main slot di perangkat Android terasa lebih lancar, jadi soal wd biasanya yang paling sering bikin orang waswas." }
          },
          
          {
            "@type": "Question",
            "name": "Nah, WJKASINO ada LA nggak?",
            "acceptedAnswer": { "@type": "Answer", "text": "Ya, kami menyediakan link alternatif terbaru yang anti blokir untuk memastikan akses Anda ke situs tetap terjaga kapan saja tanpa hambatan." }
          },
          
          {
            "@type": "Question",
            "name": "Nah, slot gacor hari ini itu biasanya maksudnya game slot yang lagi dianggap lbh sering kasih mnng, bonus, atau sc di hari itu, tapi eh tapi ya, ini cuma istilah pemain aja dan bkn jaminan pasti jp, jadi soal wd biasanya yang paling sering bikin orang waswas.",
            "acceptedAnswer": { "@type": "Answer", "text": "Slot gacor hari ini biasanya dipakai buat menyebut daftar game slot yang RTP\u002Dnya sedang tinggi dan pada hari itu lebih sering kasih jackpot ke pemain, meski urusan aman atau tidak tetap nggak bisa cuma lihat promo." }
          },
          
          {
            "@type": "Question",
            "name": "Nah, gmn sih cara daftar dan login di WJKASINO?",
            "acceptedAnswer": { "@type": "Answer", "text": "Klik tombol daftar pada halaman utama kami.\u000A\u000Aisi data diri dengan benar, lalu gunakan akun tersebut untuk login dan memulai petualangan bermain slot online Anda." }
          },
          
          {
            "@type": "Question",
            "name": "Ada layanan pelanggan, kok?",
            "acceptedAnswer": { "@type": "Answer", "text": "Tersedia dukungan pelanggan yang responsif lewat Live Chat, Telegram, dan WhatsApp untuk membantu kendala Anda 24/7." }
          }
          
        ]
      }
    ]
  }
  </script>

  <style>
    /* ===== CSS VARIABLES ===== */
    :root {
      --dti-primary:  #0F766E;
      --dti-ice:      #38BDF8;
      --dti-bg:       #F8FFFE;
      --dti-text:     #042F2E;
      --dti-card:     #FFFFFF;
      --dti-accent:   #E0F2FE;
      --dti-dark:     #042F2E;
      --dti-warm:     #F97316;
      --dti-r:        12px;
      --dti-shadow:   0 4px 24px rgba(15,118,110,0.10);
      --dti-shadow-lg:0 8px 32px rgba(15,118,110,0.16);
    }

    /* ===== RESET & BASE ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
      background: var(--dti-bg);
      color: var(--dti-text);
      line-height: 1.6;
      overflow-x: hidden;
    }
    a { color: inherit; text-decoration: none; }
    img { max-width: 100%; height: auto; display: block; }
    button { cursor: pointer; font-family: inherit; }

    /* ===== UTILITY ===== */
    .dti-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .dti-section { padding: 64px 0; }
    .dti-section-header { margin-bottom: 48px; }
    .dti-section-title {
      font-size: clamp(1.5rem, 3vw, 2rem);
      font-weight: 800;
      color: var(--dti-primary);
      margin-bottom: 8px;
    }
    .dti-section-sub { color: #64748B; font-size: 0.95rem; }
    .dti-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--dti-accent);
      color: var(--dti-primary);
      padding: 4px 14px;
      border-radius: 999px;
      font-size: 0.78rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 12px;
    }

    /* ===== BUTTONS ===== */
    .dti-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 11px 22px;
      border-radius: var(--dti-r);
      font-weight: 700;
      font-size: 0.94rem;
      cursor: pointer;
      border: none;
      transition: all .22s;
      text-decoration: none;
      line-height: 1;
    }
    .dti-btn-primary { background: var(--dti-primary); color: #fff; }
    .dti-btn-primary:hover { background: #0D5C57; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15,118,110,0.28); }
    .dti-btn-ice { background: var(--dti-ice); color: #fff; }
    .dti-btn-ice:hover { background: #0EA5E9; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(56,189,248,0.3); }
    .dti-btn-warm { background: var(--dti-warm); color: #fff; }
    .dti-btn-warm:hover { background: #EA6C0A; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(249,115,22,0.3); }
    .dti-btn-outline { background: transparent; color: var(--dti-primary); border: 2px solid var(--dti-primary); }
    .dti-btn-outline:hover { background: var(--dti-primary); color: #fff; }

    /* ===== 1. MARQUEE BAR ===== */
    .dti-marquee-bar {
      background: var(--dti-primary);
      color: #fff;
      padding: 10px 0;
      overflow: hidden;
      position: sticky;
      top: 0;
      z-index: 120;
    }
    .dti-marquee-inner {
      display: flex;
      white-space: nowrap;
      animation: dtiMarquee 32s linear infinite;
    }
    .dti-marquee-inner:hover { animation-play-state: paused; }
    .dti-marquee-item {
      padding: 0 44px;
      font-size: 0.84rem;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }
    .dti-marquee-item::before { content: '◆'; color: var(--dti-ice); font-size: 0.6rem; }
    @keyframes dtiMarquee {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* ===== 2. NAV ===== */
    .dti-nav {
      position: sticky;
      top: 40px;
      background: var(--dti-dark);
      z-index: 99;
      box-shadow: 0 2px 20px rgba(4,47,46,0.4);
    }
    .dti-nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 20px;
      max-width: 1200px;
      margin: 0 auto;
      gap: 16px;
    }
    .dti-nav-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
    .dti-nav-logo img { height: 40px; width: auto; object-fit: contain; }
    .dti-nav-logo-text { font-size: 1.1rem; font-weight: 800; color: #fff; letter-spacing: 0.4px; }
    .dti-nav-links { display: flex; align-items: center; gap: 4px; }
    .dti-nav-link {
      color: rgba(255,255,255,0.75);
      font-size: 0.85rem;
      padding: 7px 13px;
      border-radius: 7px;
      transition: all .2s;
    }
    .dti-nav-link:hover { color: #fff; background: rgba(255,255,255,0.1); }
    .dti-nav-cta { display: flex; align-items: center; gap: 8px; }
    .dti-nav-btn {
      padding: 9px 20px;
      border-radius: 8px;
      font-weight: 700;
      font-size: 0.88rem;
      border: none;
      cursor: pointer;
      transition: all .2s;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      text-decoration: none;
    }
    .dti-nav-btn-h5 { background: var(--dti-ice); color: #fff; }
    .dti-nav-btn-h5:hover { background: #0EA5E9; transform: translateY(-1px); }
    .dti-nav-btn-apk { background: var(--dti-warm); color: #fff; }
    .dti-nav-btn-apk:hover { background: #EA6C0A; transform: translateY(-1px); }

    /* ===== 3. HERO ===== */
    .dti-hero {
      background: linear-gradient(135deg, var(--dti-dark) 0%, #0F4C48 55%, #0F766E 100%);
      padding: 88px 0 72px;
      min-height: 82vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
    }
    .dti-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse at 75% 40%, rgba(56,189,248,0.14) 0%, transparent 58%);
      pointer-events: none;
    }
    .dti-hero::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 60px;
      background: var(--dti-bg);
      clip-path: ellipse(55% 100% at 50% 100%);
    }
    .dti-hero-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
      position: relative;
      z-index: 1;
    }
    .dti-hero-tag {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(56,189,248,0.15);
      color: var(--dti-ice);
      padding: 6px 16px;
      border-radius: 999px;
      font-size: 0.8rem;
      font-weight: 700;
      margin-bottom: 24px;
      border: 1px solid rgba(56,189,248,0.3);
    }
    .dti-hero-h1 {
      font-size: clamp(2rem, 4.5vw, 3.1rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.15;
      margin-bottom: 20px;
      letter-spacing: -0.5px;
    }
    .dti-hero-h1 span { color: var(--dti-ice); }
    .dti-hero-desc {
      color: rgba(255,255,255,0.72);
      font-size: 1.05rem;
      margin-bottom: 36px;
      max-width: 480px;
      line-height: 1.7;
    }
    .dti-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
    .dti-hero-score {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-top: 36px;
      padding: 14px 20px;
      background: rgba(255,255,255,0.07);
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,0.12);
      width: fit-content;
    }
    .dti-hero-score-stars { color: gold; font-size: 1.15rem; letter-spacing: 2px; }
    .dti-hero-score-val { font-size: 1.5rem; font-weight: 900; color: #fff; }
    .dti-hero-score-label { color: rgba(255,255,255,0.7); font-size: 0.82rem; margin-top: 2px; }

    /* Glass Panel */
    .dti-glass {
      background: rgba(56,189,248,0.10);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(56,189,248,0.30);
      border-radius: 20px;
      padding: 32px;
    }
    .dti-glass-header {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 24px;
      padding-bottom: 16px;
      border-bottom: 1px solid rgba(56,189,248,0.2);
    }
    .dti-glass-dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--dti-ice);
      animation: dtiPulse 1.6s ease-in-out infinite;
      flex-shrink: 0;
    }
    @keyframes dtiPulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50%       { opacity: 0.45; transform: scale(0.75); }
    }
    .dti-glass-header-text { color: var(--dti-ice); font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
    .dti-glass-stat {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 13px 0;
      border-bottom: 1px solid rgba(56,189,248,0.12);
    }
    .dti-glass-stat:last-child { border-bottom: none; }
    .dti-glass-label { color: rgba(255,255,255,0.62); font-size: 0.84rem; }
    .dti-glass-val { color: #fff; font-weight: 700; font-size: 1rem; }
    .dti-glass-val.big { font-size: 1.2rem; color: var(--dti-ice); }
    .dti-glass-val.gold-text { color: gold; }
    .dti-glass-val.green-text { color: #4ADE80; }
    .dti-trend-up { color: #4ADE80; }
    .dti-trend-down { color: #F87171; }

    /* ===== 4. LIVE STATS ===== */
    .dti-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .dti-stat-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 28px 22px;
      box-shadow: var(--dti-shadow);
      border-top: 4px solid var(--dti-primary);
      transition: transform .22s, box-shadow .22s;
    }
    .dti-stat-card:hover { transform: translateY(-5px); box-shadow: var(--dti-shadow-lg); }
    .dti-stat-icon { font-size: 2.2rem; margin-bottom: 14px; }
    .dti-stat-val { font-size: 1.85rem; font-weight: 900; color: var(--dti-primary); line-height: 1; }
    .dti-stat-label { color: #64748B; font-size: 0.84rem; margin-top: 7px; }

    /* ===== 5. RECENT WINNERS ===== */
    .dti-winners-scroll {
      display: flex;
      gap: 20px;
      overflow-x: auto;
      padding-bottom: 12px;
      scrollbar-width: thin;
      scrollbar-color: var(--dti-primary) transparent;
    }
    .dti-winners-scroll::-webkit-scrollbar { height: 5px; }
    .dti-winners-scroll::-webkit-scrollbar-track { background: transparent; }
    .dti-winners-scroll::-webkit-scrollbar-thumb { background: var(--dti-primary); border-radius: 3px; }
    .dti-winner-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 28px 22px;
      box-shadow: var(--dti-shadow);
      min-width: 210px;
      flex-shrink: 0;
      text-align: center;
      border: 1px solid var(--dti-accent);
      transition: transform .22s, border-color .22s;
    }
    .dti-winner-card:hover { transform: translateY(-5px); border-color: var(--dti-primary); }
    .dti-winner-avatar {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--dti-primary), var(--dti-ice));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      font-weight: 900;
      color: #fff;
      margin: 0 auto 14px;
      text-transform: uppercase;
    }
    .dti-winner-name { font-weight: 700; font-size: 0.95rem; margin-bottom: 5px; }
    .dti-winner-amount { font-size: 1.3rem; font-weight: 900; color: var(--dti-primary); }
    .dti-winner-time { font-size: 0.78rem; color: #94A3B8; margin-top: 6px; }

    /* ===== 6. SLOT GAMES ===== */
    .dti-games-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .dti-game-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      overflow: hidden;
      box-shadow: var(--dti-shadow);
      transition: transform .22s, box-shadow .22s;
    }
    .dti-game-card:hover { transform: translateY(-5px); box-shadow: var(--dti-shadow-lg); }
    .dti-game-img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      background: linear-gradient(135deg, #E2E8F0, #F1F5F9);
    }
    .dti-game-img-placeholder {
      width: 100%;
      aspect-ratio: 4 / 3;
      background: linear-gradient(135deg, var(--dti-primary), var(--dti-ice));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 3.5rem;
    }
    .dti-game-body { padding: 16px; }
    .dti-game-name {
      font-weight: 700;
      font-size: 0.95rem;
      margin-bottom: 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .dti-rtp-label {
      display: flex;
      justify-content: space-between;
      font-size: 0.79rem;
      color: #64748B;
      margin-bottom: 6px;
    }
    .dti-rtp-bar { height: 6px; background: #E2E8F0; border-radius: 3px; overflow: hidden; }
    .dti-rtp-fill {
      height: 100%;
      border-radius: 3px;
      background: linear-gradient(90deg, #0F766E, #38BDF8);
      transition: width .9s ease;
    }

    /* ===== 7. GAME CATEGORIES ===== */
    .dti-cats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
    .dti-cat-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 16px 14px;
      text-align: center;
      box-shadow: var(--dti-shadow);
      border: 2px solid transparent;
      transition: all .22s;
      display: block;
    }
    .dti-cat-card:hover { border-color: var(--dti-primary); transform: translateY(-4px); box-shadow: var(--dti-shadow-lg); }
    .dti-cat-icon { font-size: 2.3rem; margin-bottom: 10px; }
    .dti-cat-name { font-weight: 700; font-size: 0.9rem; color: var(--dti-text); }
    .dti-cat-count { font-size: 0.78rem; color: #94A3B8; margin-top: 5px; }

    /* ===== 8. OFFERS ===== */
    .dti-promos-list { display: flex; flex-direction: column; gap: 36px; }
    .dti-promo-item {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      align-items: center;
      background: var(--dti-card);
      border-radius: 20px;
      overflow: hidden;
      box-shadow: var(--dti-shadow);
    }
    .dti-promo-item:nth-child(even) { direction: rtl; }
    .dti-promo-item:nth-child(even) > * { direction: ltr; }
    .dti-promo-img {
      width: 100%;
      height: 100%;
      min-height: 240px;
      object-fit: cover;
    }
    .dti-promo-img-placeholder {
      width: 100%;
      min-height: 240px;
      background: linear-gradient(135deg, var(--dti-primary), var(--dti-ice));
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 5rem;
    }
    .dti-promo-body { padding: 36px 40px; direction: ltr; }
    .dti-promo-tag {
      display: inline-block;
      background: var(--dti-accent);
      color: var(--dti-primary);
      padding: 4px 12px;
      border-radius: 6px;
      font-size: 0.75rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 14px;
    }
    .dti-promo-title { font-size: 1.45rem; font-weight: 800; margin-bottom: 12px; color: var(--dti-text); }
    .dti-promo-desc { color: #64748B; margin-bottom: 24px; font-size: 0.95rem; line-height: 1.7; }

    /* ===== 9. DEPOSIT ===== */
    .dti-deposit-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
    .dti-deposit-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 16px 14px;
      box-shadow: var(--dti-shadow);
      border: 1px solid var(--dti-accent);
      transition: all .22s;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .dti-deposit-card:hover { border-color: var(--dti-primary); transform: translateY(-3px); box-shadow: var(--dti-shadow-lg); }
    .dti-deposit-icon { width: 48px; height: 48px; border-radius: 10px; object-fit: contain; background: #F1F5F9; }
    .dti-deposit-icon-placeholder {
      width: 38px; height: 38px; border-radius: 10px;
      background: var(--dti-accent);
      display: flex; align-items: center; justify-content: center; font-size: 1rem;
    }
    .dti-deposit-name { font-weight: 700; font-size: 0.95rem; }
    .dti-deposit-range { font-size: 0.81rem; color: #64748B; line-height: 1.5; }
    .dti-deposit-bonus {
      display: inline-block;
      background: linear-gradient(90deg, var(--dti-primary), var(--dti-ice));
      color: #fff;
      padding: 4px 12px;
      border-radius: 6px;
      font-size: 0.78rem;
      font-weight: 700;
      width: fit-content;
    }

    /* ===== 10. WITHDRAW ===== */
    .dti-withdraw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .dti-withdraw-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 24px 18px;
      box-shadow: var(--dti-shadow);
      text-align: center;
      border-top: 3px solid var(--dti-ice);
      transition: transform .22s, box-shadow .22s;
    }
    .dti-withdraw-card:hover { transform: translateY(-4px); box-shadow: var(--dti-shadow-lg); }
    .dti-withdraw-icon { font-size: 2.2rem; margin-bottom: 10px; }
    .dti-withdraw-name { font-weight: 700; font-size: 0.9rem; margin-bottom: 7px; }
    .dti-withdraw-range { font-size: 0.8rem; color: #64748B; line-height: 1.6; }

    /* ===== 11. ALT DOMAINS ===== */
    .dti-domain-list { display: flex; flex-direction: column; gap: 12px; }
    .dti-domain-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 16px 22px;
      box-shadow: var(--dti-shadow);
      border: 1px solid var(--dti-accent);
      gap: 14px;
      flex-wrap: wrap;
      transition: border-color .2s;
    }
    .dti-domain-item:hover { border-color: var(--dti-primary); }
    .dti-domain-left { display: flex; align-items: center; gap: 14px; }
    .dti-domain-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
    .dti-domain-dot.online { background: #4ADE80; box-shadow: 0 0 6px rgba(74,222,128,0.5); }
    .dti-domain-dot.offline { background: #F87171; }
    .dti-domain-url { font-weight: 700; font-size: 0.95rem; }
    .dti-domain-uptime { font-size: 0.79rem; color: #64748B; margin-top: 2px; }
    .dti-domain-right { display: flex; align-items: center; gap: 10px; }
    .dti-domain-status { font-size: 0.79rem; padding: 4px 12px; border-radius: 999px; font-weight: 600; }
    .dti-domain-status.accessible { background: #DCFCE7; color: #15803D; }
    .dti-domain-status.inaccessible { background: #FEE2E2; color: #DC2626; }
    .dti-domain-go {
      padding: 8px 18px;
      background: var(--dti-primary);
      color: #fff;
      border-radius: 8px;
      font-size: 0.84rem;
      font-weight: 700;
      transition: background .2s;
      display: inline-block;
    }
    .dti-domain-go:hover { background: #0D5C57; }

    /* ===== 12. SOCIAL ===== */
    .dti-social-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .dti-social-card {
      border-radius: var(--dti-r);
      padding: 32px 20px;
      text-align: center;
      color: #fff;
      transition: transform .22s, box-shadow .22s;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
    }
    .dti-social-card:hover { transform: translateY(-5px); box-shadow: 0 12px 32px rgba(0,0,0,0.2); }
    .dti-social-icon { font-size: 2.8rem; }
    .dti-social-name { font-weight: 800; font-size: 1.05rem; }
    .dti-social-desc { font-size: 0.82rem; opacity: 0.82; }
    .dti-social-tg { background: linear-gradient(135deg, #0088CC, #00B4D8); }
    .dti-social-wa { background: linear-gradient(135deg, #25D366, #128C7E); }
    .dti-social-fb { background: linear-gradient(135deg, #1877F2, #0D47A1); }
    .dti-social-cs { background: linear-gradient(135deg, var(--dti-primary), #0D5C57); }

    /* ===== 13. YESTERDAY TOP ===== */
    .dti-ytop-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px;
      padding: 18px 24px;
      background: linear-gradient(90deg, var(--dti-primary), #0D5C57);
      border-radius: var(--dti-r);
      color: #fff;
    }
    .dti-ytop-title { font-weight: 700; font-size: 1rem; margin-bottom: 2px; }
    .dti-ytop-sub { font-size: 0.82rem; opacity: 0.75; }
    .dti-ytop-amount { font-size: 1.6rem; font-weight: 900; color: var(--dti-ice); }
    .dti-ytop-table { width: 100%; border-collapse: collapse; }
    .dti-ytop-table th {
      background: var(--dti-accent);
      color: var(--dti-primary);
      padding: 12px 16px;
      text-align: left;
      font-size: 0.83rem;
      font-weight: 700;
    }
    .dti-ytop-table th:first-child { border-radius: 8px 0 0 8px; }
    .dti-ytop-table th:last-child { border-radius: 0 8px 8px 0; }
    .dti-ytop-table td { padding: 14px 16px; border-bottom: 1px solid #F1F5F9; font-size: 0.9rem; }
    .dti-ytop-table tr:last-child td { border-bottom: none; }
    .dti-ytop-table tr:hover td { background: #F8FFFE; }
    .dti-ytop-rank {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      font-weight: 800;
      font-size: 0.85rem;
      background: var(--dti-accent);
      color: var(--dti-primary);
    }
    .dti-ytop-rank.gold   { background: gold; color: #7C5700; }
    .dti-ytop-rank.silver { background: #C0C0C0; color: #444; }
    .dti-ytop-rank.bronze { background: #CD7F32; color: #fff; }
    .dti-ytop-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--dti-primary);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      color: #fff;
      font-size: 0.88rem;
      margin-right: 8px;
      text-transform: uppercase;
      vertical-align: middle;
      flex-shrink: 0;
    }

    /* ===== 14. HEATMAP ===== */
    .dti-heatmap-grid {
      display: grid;
      grid-template-columns: repeat(24, 1fr);
      gap: 4px;
    }
    .dti-heatmap-cell {
      aspect-ratio: 1;
      border-radius: 4px;
      transition: transform .2s;
      cursor: default;
      position: relative;
    }
    .dti-heatmap-cell:hover { transform: scale(1.35); z-index: 2; }
    .dti-heatmap-cell.i0 { background: #E0F2FE; }
    .dti-heatmap-cell.i1 { background: #BAE6FD; }
    .dti-heatmap-cell.i2 { background: #7DD3FC; }
    .dti-heatmap-cell.i3 { background: #38BDF8; }
    .dti-heatmap-cell.i4 { background: #0EA5E9; }
    .dti-heatmap-cell.i5 { background: #0284C7; }
    .dti-heatmap-cell.i6 { background: #0F766E; }
    .dti-heatmap-labels { display: flex; justify-content: space-between; margin-top: 10px; }
    .dti-heatmap-label { font-size: 0.72rem; color: #94A3B8; }
    .dti-heatmap-legend { display: flex; align-items: center; gap: 10px; margin-top: 16px; font-size: 0.8rem; color: #64748B; }
    .dti-heatmap-legend-bar { display: flex; gap: 3px; }
    .dti-heatmap-legend-cell { width: 18px; height: 18px; border-radius: 3px; }

    /* ===== 15. STEPS ===== */
    .dti-steps { display: flex; align-items: stretch; gap: 0; }
    .dti-step {
      flex: 1;
      padding: 32px 24px;
      background: var(--dti-card);
      position: relative;
      box-shadow: var(--dti-shadow);
      text-align: center;
    }
    .dti-step:first-child { border-radius: var(--dti-r) 0 0 var(--dti-r); }
    .dti-step:last-child  { border-radius: 0 var(--dti-r) var(--dti-r) 0; }
    .dti-step::after {
      content: '';
      position: absolute;
      right: -22px;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border-top: 22px solid transparent;
      border-bottom: 22px solid transparent;
      border-left: 22px solid var(--dti-card);
      z-index: 2;
    }
    .dti-step:last-child::after { display: none; }
    .dti-step-num {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--dti-primary), var(--dti-ice));
      color: #fff;
      font-size: 1.5rem;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 18px;
      box-shadow: 0 4px 12px rgba(15,118,110,0.3);
    }
    .dti-step-title { font-weight: 800; font-size: 1.05rem; margin-bottom: 10px; color: var(--dti-primary); }
    .dti-step-desc { font-size: 0.85rem; color: #64748B; line-height: 1.6; }

    /* ===== 16. ADVANTAGES ===== */
    .dti-adv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
    .dti-adv-card {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      padding: 28px 24px;
      box-shadow: var(--dti-shadow);
      border-left: 4px solid var(--dti-primary);
      transition: all .22s;
    }
    .dti-adv-card:hover { border-left-color: var(--dti-ice); transform: translateX(5px); box-shadow: var(--dti-shadow-lg); }
    .dti-adv-icon { font-size: 2.2rem; margin-bottom: 14px; }
    .dti-adv-title { font-weight: 800; font-size: 1rem; margin-bottom: 9px; color: var(--dti-primary); }
    .dti-adv-desc { font-size: 0.85rem; color: #64748B; line-height: 1.65; }

    /* ===== 17. FAQ ===== */
    .dti-faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 820px; margin: 0 auto; }
    .dti-faq-item {
      background: var(--dti-card);
      border-radius: var(--dti-r);
      box-shadow: var(--dti-shadow);
      overflow: hidden;
      border: 1px solid transparent;
      transition: border-color .2s;
    }
    .dti-faq-item.open { border-color: var(--dti-primary); }
    .dti-faq-q {
      padding: 20px 24px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 700;
      font-size: 0.95rem;
      user-select: none;
      border: none;
      background: none;
      width: 100%;
      text-align: left;
      color: var(--dti-text);
      transition: background .2s;
    }
    .dti-faq-q:hover { background: #F8FFFE; }
    .dti-faq-icon {
      font-size: 1.3rem;
      color: var(--dti-primary);
      transition: transform .32s;
      flex-shrink: 0;
      margin-left: 16px;
      line-height: 1;
    }
    .dti-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height .4s ease, padding .3s;
      font-size: 0.9rem;
      color: #475569;
      line-height: 1.7;
      padding: 0 24px;
    }
    .dti-faq-item.open .dti-faq-a { max-height: 500px; padding: 0 24px 22px; }
    .dti-faq-item.open .dti-faq-icon { transform: rotate(45deg); }

    /* ===== 18. FOOTER ===== */
    .dti-footer { background: var(--dti-dark); color: rgba(255,255,255,0.72); padding: 64px 0 0; }
    .dti-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 52px; padding-bottom: 52px; }
    .dti-footer-logo { height: 44px; margin-bottom: 18px; object-fit: contain; }
    .dti-footer-brand-name { font-size: 1.2rem; font-weight: 900; color: #fff; margin-bottom: 12px; }
    .dti-footer-desc { font-size: 0.84rem; line-height: 1.75; }
    .dti-footer-socials { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
    .dti-footer-social-btn {
      padding: 8px 16px;
      border-radius: 8px;
      font-weight: 700;
      font-size: 0.82rem;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #fff;
      transition: opacity .2s;
    }
    .dti-footer-social-btn:hover { opacity: 0.85; }
    .dti-footer-col-title {
      color: #fff;
      font-weight: 700;
      font-size: 0.95rem;
      margin-bottom: 18px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(56,189,248,0.28);
    }
    .dti-footer-links { display: flex; flex-direction: column; gap: 9px; }
    .dti-footer-link {
      font-size: 0.84rem;
      transition: color .2s;
      display: flex;
      align-items: center;
      gap: 7px;
    }
    .dti-footer-link:hover { color: var(--dti-ice); }
    .dti-footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.08);
      padding: 22px 0;
      text-align: center;
      font-size: 0.79rem;
      color: rgba(255,255,255,0.38);
    }
    .dti-footer-bottom a { color: rgba(56,189,248,0.65); transition: color .2s; }
    .dti-footer-bottom a:hover { color: var(--dti-ice); }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
      .dti-stats-grid   { grid-template-columns: repeat(2, 1fr); }
      .dti-games-grid   { grid-template-columns: repeat(2, 1fr); }
      .dti-cats-grid    { grid-template-columns: repeat(3, 1fr); }
      .dti-adv-grid     { grid-template-columns: repeat(2, 1fr); }
      .dti-social-grid  { grid-template-columns: repeat(2, 1fr); }
      .dti-withdraw-grid{ grid-template-columns: repeat(2, 1fr); }
      .dti-footer-grid  { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 768px) {
      .dti-hero-grid    { grid-template-columns: 1fr; gap: 32px; }
      .dti-hero         { padding: 60px 0 52px; min-height: auto; }
      .dti-hero::after  { display: none; }
      .dti-section      { padding: 48px 0; }
      .dti-promo-item   { grid-template-columns: 1fr; }
      .dti-promo-item:nth-child(even) { direction: ltr; }
      .dti-steps        { flex-direction: column; }
      .dti-step         { border-radius: var(--dti-r) !important; }
      .dti-step::after  { display: none; }
      .dti-heatmap-grid { grid-template-columns: repeat(12, 1fr); }
      .dti-footer-grid  { grid-template-columns: 1fr; }
      .dti-nav-links    { display: none; }
      .dti-cats-grid    { grid-template-columns: repeat(2, 1fr); }
      .dti-deposit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .dti-marquee-inner { animation: dtiMarqueeMobile 6s ease-in-out infinite alternate; display: block; white-space: normal; text-align: center; }
      .dti-marquee-item { display: none; padding: 0; font-size: 0.79rem; justify-content: center; }
      .dti-marquee-item:first-child { display: inline-flex; }
      .dti-hero-desc { max-width: none; font-size: 0.95rem; margin-bottom: 22px; }
      .dti-promo-body { padding: 24px 20px; }
      .dti-winners-scroll { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; gap: 14px; }
      .dti-winner-card { min-width: 0; padding: 20px 14px; }
    }
    @media (max-width: 480px) {
      .dti-stats-grid   { grid-template-columns: 1fr 1fr; }
      .dti-games-grid   { grid-template-columns: 1fr 1fr; }
      .dti-social-grid  { grid-template-columns: 1fr 1fr; }
      .dti-withdraw-grid{ grid-template-columns: 1fr 1fr; }
      .dti-hero-cta     { flex-direction: column; }
      .dti-hero-cta .dti-btn { width: 100%; justify-content: center; }
      .dti-adv-grid     { grid-template-columns: 1fr; }
    }
    @keyframes dtiMarqueeMobile {
      0% { transform: translateX(0); }
      100% { transform: translateX(-8px); }
    }
  </style>
</head>
<body>

<!-- ===== 1. ANNOUNCEMENT MARQUEE ===== -->
<div class="dti-marquee-bar marquee" role="marquee" aria-label="Pengumuman terbaru" data-marquee>
  <div class="dti-marquee-inner marquee-track" id="dtiMarquee">
    <span class="dti-marquee-item">WJKASINO — Platform Slot Terpercaya #1 Indonesia</span>
    <span class="dti-marquee-item">Jackpot Update Live</span>
    <span class="dti-marquee-item">192+ Permainan Tersedia Sekarang</span>
    <span class="dti-marquee-item">Deposit Minimum Super Rendah — Daftar &amp; Main!</span>
    <span class="dti-marquee-item">3,890 Kemenangan Hari Ini</span>
    <span class="dti-marquee-item">Bonus Selamat Datang Eksklusif untuk Member Baru</span>
    <!-- duplicate for seamless infinite loop -->
    <span class="dti-marquee-item">WJKASINO — Platform Slot Terpercaya #1 Indonesia</span>
    <span class="dti-marquee-item">Jackpot Update Live</span>
    <span class="dti-marquee-item">192+ Permainan Tersedia Sekarang</span>
    <span class="dti-marquee-item">Deposit Minimum Super Rendah — Daftar &amp; Main!</span>
    <span class="dti-marquee-item">3,890 Kemenangan Hari Ini</span>
    <span class="dti-marquee-item">Bonus Selamat Datang Eksklusif untuk Member Baru</span>
  </div>
</div>

<!-- ===== 2. STICKY NAVIGATION ===== -->
<nav class="dti-nav" aria-label="Navigasi Utama">
  <div class="dti-nav-inner">
    <a href="https://andrespagella.com/" class="dti-nav-logo" aria-label="WJKASINO — Beranda">
      
      <img src="/sites/780/logo.webp" alt="WJKASINO Logo" loading="lazy">
      
      <span class="dti-nav-logo-text">WJKASINO</span>
    </a>
    <div class="dti-nav-links" aria-label="Menu utama">
      <a href="#slot"       class="dti-nav-link">🎰 Slot</a>
      <a href="#kategori"   class="dti-nav-link">🎮 Kategori</a>
      <a href="#promosi"    class="dti-nav-link">🎁 Promosi</a>
      <a href="#deposit"    class="dti-nav-link">💳 Deposit</a>
      <a href="#kontak"     class="dti-nav-link">💬 Kontak</a>
      <a href="#faq"        class="dti-nav-link">❓ FAQ</a>
    </div>
    <div class="dti-nav-cta">
      <a href="/direct-app/" class="dti-nav-btn dti-nav-btn-h5" rel="nofollow">🌐 Main H5</a>
      <a href="/direct-app/" class="dti-nav-btn dti-nav-btn-apk" rel="nofollow">📱 APK</a>
    </div>
  </div>
</nav>

<!-- ===== 3. HERO — SPLIT LAYOUT ===== -->
<section class="dti-hero" id="beranda" aria-labelledby="dti-h1">
  <div class="dti-container">
    <div class="dti-hero-grid">

      <!-- LEFT: Brand + CTA -->
      <div class="dti-hero-left">
        <div class="dti-hero-tag">
          <span>🎰</span>
          <span>Akses Slot Harian</span>
        </div>
        <h1 class="dti-hero-h1" id="dti-h1">
          WJKASINO<br>
          <span>Slot Harian</span>
        </h1>
        <p class="dti-hero-desc">WJKASINO menghadirkan link H5 stabil, download APK cepat, dan akses slot favorit setiap hari.</p>
        <div class="dti-hero-cta">
          <a href="/direct-app/" class="dti-btn dti-btn-warm" rel="nofollow">
            📱 Download APK
          </a>
          <a href="/direct-app/" class="dti-btn dti-btn-ice" rel="nofollow">
            🌐 Main H5
          </a>
        </div>
      </div>

      <!-- RIGHT: Ice Blue Glass Panel -->
      <div class="dti-glass" aria-label="Statistik Real-Time">
        <div class="dti-glass-header">
          <div class="dti-glass-dot"></div>
          <div class="dti-glass-header-text">📊 Data Live Real-Time</div>
        </div>
        <div class="dti-glass-stat">
          <span class="dti-glass-label">Total Menang</span>
          <span class="dti-glass-val big">
            
            Rp 20.0B
            
          </span>
        </div>
        <div class="dti-glass-stat">
          <span class="dti-glass-label">Menang Hari Ini</span>
          <span class="dti-glass-val">3,890×</span>
        </div>
        <div class="dti-glass-stat">
          <span class="dti-glass-label">Max Menang</span>
          <span class="dti-glass-val big">Rp 10000000</span>
        </div>
        <div class="dti-glass-stat">
          <span class="dti-glass-label">Tren 24 Jam</span>
          <span class="dti-glass-val dti-trend-down">
            14.89%
          </span>
        </div>
      </div>

    </div>
  </div>
</section>

<!-- ===== 4. LIVE STATISTICS ===== -->
<section class="dti-section" id="statistik" aria-labelledby="dti-stats-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">📈 Statistik Live</div>
      <h2 class="dti-section-title" id="dti-stats-h2">Data Kemenangan Real-Time</h2>
      <p class="dti-section-sub">Diperbarui otomatis setiap menit langsung dari server WJKASINO</p>
    </div>
    <div class="dti-stats-grid">
      <div class="dti-stat-card">
        <div class="dti-stat-icon">🏆</div>
        <div class="dti-stat-val">3,890</div>
        <div class="dti-stat-label">Total Kemenangan Hari Ini</div>
      </div>
      <div class="dti-stat-card">
        <div class="dti-stat-icon">💥</div>
        <div class="dti-stat-val">2,018</div>
        <div class="dti-stat-label">Big Win Hari Ini</div>
      </div>
      <div class="dti-stat-card">
        <div class="dti-stat-icon">⚡</div>
        <div class="dti-stat-val">5</div>
        <div class="dti-stat-label">Super Big Win</div>
      </div>
      <div class="dti-stat-card">
        <div class="dti-stat-icon">💰</div>
        <div class="dti-stat-val" style="font-size: 1.25rem">Rp 10000000</div>
        <div class="dti-stat-label">Kemenangan Terbesar</div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 5. RECENT WINNERS ===== -->
<section class="dti-section" id="pemenang" aria-labelledby="dti-winners-h2">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🎉 Pemenang Terbaru</div>
      <h2 class="dti-section-title" id="dti-winners-h2">Pemenang Real-Time</h2>
      <p class="dti-section-sub">Pemain yang baru saja memenangkan hadiah di WJKASINO</p>
    </div>
    <div class="dti-winners-scroll" role="list" aria-label="Daftar pemenang terbaru">
      
      <div class="dti-winner-card" role="listitem">
        <div class="dti-winner-avatar" aria-hidden="true">a</div>
        <div class="dti-winner-name">ad*11</div>
        <div class="dti-winner-amount">Rp 4910000</div>
        <div class="dti-winner-time"></div>
      </div>
      
      <div class="dti-winner-card" role="listitem">
        <div class="dti-winner-avatar" aria-hidden="true">c</div>
        <div class="dti-winner-name">cam*******805</div>
        <div class="dti-winner-amount">Rp 5010000</div>
        <div class="dti-winner-time"></div>
      </div>
      
      <div class="dti-winner-card" role="listitem">
        <div class="dti-winner-avatar" aria-hidden="true">S</div>
        <div class="dti-winner-name">SM-*******362</div>
        <div class="dti-winner-amount">Rp 6530000</div>
        <div class="dti-winner-time"></div>
      </div>
      
      <div class="dti-winner-card" role="listitem">
        <div class="dti-winner-avatar" aria-hidden="true">c</div>
        <div class="dti-winner-name">ch*******95</div>
        <div class="dti-winner-amount">Rp 2550000</div>
        <div class="dti-winner-time"></div>
      </div>
      
    </div>
  </div>
</section>

<!-- ===== 6. POPULAR SLOT GAMES ===== -->
<section class="dti-section" id="slot" aria-labelledby="dti-slot-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🎰 Slot Populer</div>
      <h2 class="dti-section-title" id="dti-slot-h2">Game Slot Paling Populer</h2>
      <p class="dti-section-sub">Game dengan RTP tertinggi dan jackpot paling sering keluar</p>
    </div>
    <div class="dti-games-grid">
      
      <article class="dti-game-card">
        
        <img src="/sites/780/games/340.webp" alt="Fortune




Mouse" class="dti-game-img" loading="lazy">
        
        <div class="dti-game-body">
          <div class="dti-game-name" title="Fortune




Mouse">Fortune




Mouse</div>
          <div class="dti-rtp-label">
            <span>RTP</span>
            <span style="font-weight: 800; color: var(--dti-primary)">99.64%</span>
          </div>
          <div class="dti-rtp-bar" role="progressbar" aria-valuenow="99.64" aria-valuemin="0" aria-valuemax="100">
            <div class="dti-rtp-fill" style="width: 99.64%"></div>
          </div>
        </div>
      </article>
      
      <article class="dti-game-card">
        
        <img src="/sites/780/games/382.webp" alt="Cash
Maker" class="dti-game-img" loading="lazy">
        
        <div class="dti-game-body">
          <div class="dti-game-name" title="Cash
Maker">Cash
Maker</div>
          <div class="dti-rtp-label">
            <span>RTP</span>
            <span style="font-weight: 800; color: var(--dti-primary)">98.11%</span>
          </div>
          <div class="dti-rtp-bar" role="progressbar" aria-valuenow="98.11" aria-valuemin="0" aria-valuemax="100">
            <div class="dti-rtp-fill" style="width: 98.11%"></div>
          </div>
        </div>
      </article>
      
      <article class="dti-game-card">
        
        <img src="/sites/780/games/335.webp" alt="Bandito
Liar" class="dti-game-img" loading="lazy">
        
        <div class="dti-game-body">
          <div class="dti-game-name" title="Bandito
Liar">Bandito
Liar</div>
          <div class="dti-rtp-label">
            <span>RTP</span>
            <span style="font-weight: 800; color: var(--dti-primary)">95.11%</span>
          </div>
          <div class="dti-rtp-bar" role="progressbar" aria-valuenow="95.11" aria-valuemin="0" aria-valuemax="100">
            <div class="dti-rtp-fill" style="width: 95.11%"></div>
          </div>
        </div>
      </article>
      
      <article class="dti-game-card">
        
        <img src="/sites/780/games/358.webp" alt="Cocktail
Nights" class="dti-game-img" loading="lazy">
        
        <div class="dti-game-body">
          <div class="dti-game-name" title="Cocktail
Nights">Cocktail
Nights</div>
          <div class="dti-rtp-label">
            <span>RTP</span>
            <span style="font-weight: 800; color: var(--dti-primary)">93.67%</span>
          </div>
          <div class="dti-rtp-bar" role="progressbar" aria-valuenow="93.67" aria-valuemin="0" aria-valuemax="100">
            <div class="dti-rtp-fill" style="width: 93.67%"></div>
          </div>
        </div>
      </article>
      
    </div>
  </div>
</section>

<!-- ===== 7. GAME CATEGORIES ===== -->
<section class="dti-section" id="kategori" aria-labelledby="dti-cats-h2">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🎮 Semua Kategori</div>
      <h2 class="dti-section-title" id="dti-cats-h2">Pilihan Kategori Game Lengkap</h2>
      <p class="dti-section-sub">192+ game dari semua provider kelas dunia</p>
    </div>
    <div class="dti-cats-grid">
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🎰</div>
        <div class="dti-cat-name">Slot</div>
        <div class="dti-cat-count">84 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🎴</div>
        <div class="dti-cat-name">AWC</div>
        <div class="dti-cat-count">9 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🐓</div>
        <div class="dti-cat-name">Sabung Ayam</div>
        <div class="dti-cat-count">20 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🐟</div>
        <div class="dti-cat-name">Tembak Ikan</div>
        <div class="dti-cat-count">3 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🎲</div>
        <div class="dti-cat-name">Multi Game</div>
        <div class="dti-cat-count">31 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🃏</div>
        <div class="dti-cat-name">Lainnya</div>
        <div class="dti-cat-count">13 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">⚽</div>
        <div class="dti-cat-name">SABA</div>
        <div class="dti-cat-count">6 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🕹️</div>
        <div class="dti-cat-name">Single</div>
        <div class="dti-cat-count">8 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🎯</div>
        <div class="dti-cat-name">TCG</div>
        <div class="dti-cat-count">5 game</div>
      </a>
      <a href="/direct-app/" class="dti-cat-card" rel="nofollow">
        <div class="dti-cat-icon">🌟</div>
        <div class="dti-cat-name">WE</div>
        <div class="dti-cat-count">13 game</div>
      </a>
    </div>
  </div>
</section>

<!-- ===== 8. OFFERS (alternating layout) ===== -->
<section class="dti-section" id="promosi" aria-labelledby="dti-promo-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🎁 Penawaran Spesial</div>
      <h2 class="dti-section-title" id="dti-promo-h2">Promosi &amp; Bonus Terbaru</h2>
      <p class="dti-section-sub">Klaim bonus eksklusif hanya untuk member WJKASINO</p>
    </div>
    <div class="dti-promos-list">
      
      <article class="dti-promo-item">
        
        <img src="/sites/780/activities/0.webp" alt="Hadiah Ekstra Scan QRIS" class="dti-promo-img" loading="lazy">
        
        <div class="dti-promo-body">
          <div class="dti-promo-tag">Promosi Eksklusif</div>
          <h3 class="dti-promo-title">Hadiah Ekstra Scan QRIS</h3>
          <p class="dti-promo-desc">DANA, OVO, Gopay, LinkAja, dll, setiap pembayaran bisa Anda nikmati dengan scan QRIS hadiah ekstra. Dompet dan bank lain. Mendapatkan.</p>
          <a href="/direct-app/" class="dti-btn dti-btn-primary" rel="nofollow">
            Klaim Sekarang →
          </a>
        </div>
      </article>
      
      <article class="dti-promo-item">
        
        <img src="/sites/780/activities/1.webp" alt="Penarikan Cepat &amp; Layanan Online 24 Jam" class="dti-promo-img" loading="lazy">
        
        <div class="dti-promo-body">
          <div class="dti-promo-tag">Promosi Eksklusif</div>
          <h3 class="dti-promo-title">Penarikan Cepat &amp; Layanan Online 24 Jam</h3>
          <p class="dti-promo-desc">1$ = Rp 1. Penarikan. Penarikan cepat, layanan online 24 jam.</p>
          <a href="/direct-app/" class="dti-btn dti-btn-primary" rel="nofollow">
            Klaim Sekarang →
          </a>
        </div>
      </article>
      
      <article class="dti-promo-item">
        
        <img src="/sites/780/activities/2.webp" alt="Ganjaran Pemain Baharu 28888" class="dti-promo-img" loading="lazy">
        
        <div class="dti-promo-body">
          <div class="dti-promo-tag">Promosi Eksklusif</div>
          <h3 class="dti-promo-title">Ganjaran Pemain Baharu 28888</h3>
          <p class="dti-promo-desc">UNTUK SETIAP PEMAIN BAHARU YANG LAYAK ANDA AKAN MENERIMA 28888 GANJARAN</p>
          <a href="/direct-app/" class="dti-btn dti-btn-primary" rel="nofollow">
            Klaim Sekarang →
          </a>
        </div>
      </article>
      
    </div>
  </div>
</section>

<!-- ===== 9. DEPOSIT ===== -->
<section class="dti-section" id="deposit" aria-labelledby="dti-deposit-h2">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">💳 Metode Deposit</div>
      <h2 class="dti-section-title" id="dti-deposit-h2">Cara Deposit Mudah &amp; Cepat</h2>
      <p class="dti-section-sub">Berbagai metode pembayaran tersedia untuk kemudahan transaksi Anda</p>
    </div>
    <div class="dti-deposit-grid">
      
      <div class="dti-deposit-card">
        <div class="dti-deposit-icon-placeholder" aria-hidden="true">💳</div>
        <div class="dti-deposit-name">DANA</div>
        <div class="dti-deposit-range">
          Minimum Rp 20000
        </div>
        
        <div class="dti-deposit-bonus">Bonus 0%</div>
        
      </div>
      
      <div class="dti-deposit-card">
        <div class="dti-deposit-icon-placeholder" aria-hidden="true">💳</div>
        <div class="dti-deposit-name">Linkaja</div>
        <div class="dti-deposit-range">
          Minimum Rp 20000
        </div>
        
        <div class="dti-deposit-bonus">Fast deposit</div>
        
      </div>
      
      <div class="dti-deposit-card">
        <div class="dti-deposit-icon-placeholder" aria-hidden="true">💳</div>
        <div class="dti-deposit-name">OVO</div>
        <div class="dti-deposit-range">
          Minimum Rp 20000
        </div>
        
        <div class="dti-deposit-bonus">Bonus 0%</div>
        
      </div>
      
      <div class="dti-deposit-card">
        <div class="dti-deposit-icon-placeholder" aria-hidden="true">💳</div>
        <div class="dti-deposit-name">QRIS</div>
        <div class="dti-deposit-range">
          Minimum Rp 20000
        </div>
        
        <div class="dti-deposit-bonus">Bonus 1%</div>
        
      </div>
      
    </div>
  </div>
</section>

<!-- ===== 10. WITHDRAW ===== -->
<section class="dti-section" id="withdraw" aria-labelledby="dti-withdraw-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🏧 Penarikan Dana</div>
      <h2 class="dti-section-title" id="dti-withdraw-h2">Proses Penarikan Super Cepat</h2>
      <p class="dti-section-sub">Cairkan kemenangan Anda dalam hitungan menit tanpa ribet</p>
    </div>
    <div class="dti-withdraw-grid">
      
      <div class="dti-withdraw-card">
        <div class="dti-withdraw-icon">🏧</div>
        <div class="dti-withdraw-name">BNIN</div>
        <div class="dti-withdraw-range">
          Min: Rp 100000<br>
          Max: Rp 4000000
        </div>
      </div>
      
      <div class="dti-withdraw-card">
        <div class="dti-withdraw-icon">🏧</div>
        <div class="dti-withdraw-name">BRIN</div>
        <div class="dti-withdraw-range">
          Min: Rp 100000<br>
          Max: Rp 4000000
        </div>
      </div>
      
      <div class="dti-withdraw-card">
        <div class="dti-withdraw-icon">🏧</div>
        <div class="dti-withdraw-name">IBBK</div>
        <div class="dti-withdraw-range">
          Min: Rp 100000<br>
          Max: Rp 4000000
        </div>
      </div>
      
      <div class="dti-withdraw-card">
        <div class="dti-withdraw-icon">🏧</div>
        <div class="dti-withdraw-name">DANA</div>
        <div class="dti-withdraw-range">
          Min: Rp 50000<br>
          Max: Rp 4000000
        </div>
      </div>
      
    </div>
  </div>
</section>

<!-- ===== 11. ALTERNATIVE DOMAINS ===== -->
<section class="dti-section" id="link-alternatif" aria-labelledby="dti-alt-h2">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🔗 Link Alternatif</div>
      <h2 class="dti-section-title" id="dti-alt-h2">Link Alternatif Resmi WJKASINO</h2>
      <p class="dti-section-sub">Akses platform tanpa gangguan menggunakan link cadangan berikut</p>
    </div>
    <div class="dti-domain-list" role="list">
      
      <div class="dti-domain-item" role="listitem">
        <div class="dti-domain-left">
          <div class="dti-domain-dot offline" aria-hidden="true"></div>
          <div>
            <div class="dti-domain-url">h5.wjkasino.tw</div>
            <div class="dti-domain-uptime">Uptime: Data monitor 7 hari: 100%</div>
          </div>
        </div>
        <div class="dti-domain-right">
          <span class="dti-domain-status inaccessible">
            Bisa diakses
          </span>
          <a href="/direct-app/" class="dti-domain-go" rel="nofollow">Buka H5 →</a>
        </div>
      </div>
      
      <div class="dti-domain-item" role="listitem">
        <div class="dti-domain-left">
          <div class="dti-domain-dot offline" aria-hidden="true"></div>
          <div>
            <div class="dti-domain-url">h5.wjkasino.co</div>
            <div class="dti-domain-uptime">Uptime: Data monitor 7 hari: 100%</div>
          </div>
        </div>
        <div class="dti-domain-right">
          <span class="dti-domain-status inaccessible">
            Bisa diakses
          </span>
          <a href="/direct-app/" class="dti-domain-go" rel="nofollow">Buka H5 →</a>
        </div>
      </div>
      
    </div>
  </div>
</section>

<!-- ===== 12. SOCIAL & CONTACT ===== -->
<section class="dti-section" id="kontak" aria-labelledby="dti-social-h2" style="background: var(--dti-dark)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge" style="background: rgba(56,189,248,0.15); color: var(--dti-ice)">💬 Hubungi Kami</div>
      <h2 class="dti-section-title" id="dti-social-h2" style="color: #fff">Layanan &amp; Media Sosial</h2>
      <p class="dti-section-sub" style="color: rgba(255,255,255,0.58)">Tim support siap membantu Anda 24 jam sehari, 7 hari seminggu</p>
    </div>
    <div class="dti-social-grid">
      
      <a href="https://t.me/WJKASINO_pro" class="dti-social-card dti-social-tg"
         target="_blank" rel="noopener noreferrer"
         aria-label="Hubungi via Telegram">
        <div class="dti-social-icon">✈️</div>
        <div class="dti-social-name">Telegram</div>
        <div class="dti-social-desc">Chat langsung dengan admin kami</div>
      </a>
      
      
      <button type="button" class="dti-social-card dti-social-wa"
         data-method="xor_b64_rev"
         data-payload="IAZOUhM9IgYiYALFc2AllhI_UjAtZGZktHOxojO1wzN7lzO3oHJkUzJgUDPjs3eudCJgACP"
         data-key="84"
         data-shift=""
         data-order=""
         onclick="return window.handleObfLink && window.handleObfLink(this)"
         aria-label="Hubungi via WhatsApp">
        <div class="dti-social-icon">💬</div>
        <div class="dti-social-name">WhatsApp</div>
        <div class="dti-social-desc">Respons cepat via WhatsApp</div>
      </button>
      
      
      <button type="button" class="dti-social-card dti-social-fb"
         data-method="xor_b64_rev"
         data-payload="AFcVlUWpFf0VncopHcxxGFWRFWVAFVUllXYpVXVwETMRBFBg0SP90U"
         data-key="59"
         data-shift=""
         data-order=""
         onclick="return window.handleObfLink && window.handleObfLink(this)"
         aria-label="Ikuti di Facebook">
        <div class="dti-social-icon">📘</div>
        <div class="dti-social-name">Facebook</div>
        <div class="dti-social-desc">Ikuti update dan promo terbaru</div>
      </button>
      
      
      <button type="button" class="dti-social-card dti-social-cs"
         data-method="hex_noise_shift"
         data-payload="s7dn89i89v85z88s4fz44v44x88v7ai78u8as87o7am43m81x7ex8bi7ay78s7dm76p89i7eo83z78q43u78g84w82g44j81n7ek78q7ax83t78o7ar44j46w4aj4en48q4ey4dj48n49i44v8bt47r44k84m85k7ai83n74h78k7dq76z89g43z78y7cz7ez54x7cw87u84n8ap85r88k52x46t45h46"
         data-key=""
         data-shift="21"
         data-order=""
         onclick="return window.handleObfLink && window.handleObfLink(this)"
         aria-label="Live Chat Customer Service">
        <div class="dti-social-icon">🎧</div>
        <div class="dti-social-name">Live Chat</div>
        <div class="dti-social-desc">Customer service profesional 24/7</div>
      </button>
      
    </div>
  </div>
</section>

<!-- ===== 13. YESTERDAY TOP WINNERS ===== -->
<section class="dti-section" id="top-kemarin" aria-labelledby="dti-ytop-h2">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🥇 Top Kemarin</div>
      <h2 class="dti-section-title" id="dti-ytop-h2">Pemenang Terbesar Kemarin</h2>
      <p class="dti-section-sub">Para juara dengan kemenangan terbesar di WJKASINO kemarin</p>
    </div>
    <div class="dti-ytop-header">
      <div>
        <div class="dti-ytop-title">Total Kemenangan Kemarin</div>
        <div class="dti-ytop-sub">Akumulasi seluruh pemenang terbaik</div>
      </div>
      <div class="dti-ytop-amount">
        
        Rp 49970000
        
      </div>
    </div>
    <table class="dti-ytop-table" aria-label="Pemenang terbesar kemarin">
      <thead>
        <tr>
          <th>Peringkat</th>
          <th>Pemain</th>
          <th>Kemenangan</th>
          <th>Waktu Menang</th>
        </tr>
      </thead>
      <tbody>
        
        <tr>
          <td>
            <div class="dti-ytop-rank gold">
              1
            </div>
          </td>
          <td>
            <span class="dti-ytop-avatar" aria-hidden="true">S</span>
            SM-*******255
          </td>
          <td style="font-weight: 800; color: var(--dti-primary)">Rp 10000000</td>
          <td style="color: #94A3B8; font-size: 0.84rem"></td>
        </tr>
        
        <tr>
          <td>
            <div class="dti-ytop-rank silver">
              2
            </div>
          </td>
          <td>
            <span class="dti-ytop-avatar" aria-hidden="true">B</span>
            Bu*ne
          </td>
          <td style="font-weight: 800; color: var(--dti-primary)">Rp 10000000</td>
          <td style="color: #94A3B8; font-size: 0.84rem"></td>
        </tr>
        
        <tr>
          <td>
            <div class="dti-ytop-rank bronze">
              3
            </div>
          </td>
          <td>
            <span class="dti-ytop-avatar" aria-hidden="true">S</span>
            SM-*******302
          </td>
          <td style="font-weight: 800; color: var(--dti-primary)">Rp 10000000</td>
          <td style="color: #94A3B8; font-size: 0.84rem"></td>
        </tr>
        
        <tr>
          <td>
            <div class="dti-ytop-rank ">
              4
            </div>
          </td>
          <td>
            <span class="dti-ytop-avatar" aria-hidden="true">F</span>
            Fu***FA
          </td>
          <td style="font-weight: 800; color: var(--dti-primary)">Rp 9990000</td>
          <td style="color: #94A3B8; font-size: 0.84rem"></td>
        </tr>
        
      </tbody>
    </table>
  </div>
</section>

<!-- ===== 14. WIN HEATMAP ===== -->
<section class="dti-section" id="heatmap" aria-labelledby="dti-heatmap-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">🔥 Jam Hoki</div>
      <h2 class="dti-section-title" id="dti-heatmap-h2">Peta Panas Waktu Bermain</h2>
      <p class="dti-section-sub">Temukan jam paling menguntungkan untuk bermain di WJKASINO</p>
    </div>
    <div class="dti-heatmap-grid" role="img" aria-label="Heatmap intensitas kemenangan per jam">
      
      <div class="dti-heatmap-cell i0"
           title="Jam 16:00 — 0 kemenangan"
           aria-label="Jam 16, 0 kemenangan"></div>
      
      <div class="dti-heatmap-cell i0"
           title="Jam 17:00 — 0 kemenangan"
           aria-label="Jam 17, 0 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 18:00 — 188 kemenangan"
           aria-label="Jam 18, 188 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 19:00 — 194 kemenangan"
           aria-label="Jam 19, 194 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 20:00 — 192 kemenangan"
           aria-label="Jam 20, 192 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 21:00 — 196 kemenangan"
           aria-label="Jam 21, 196 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 22:00 — 196 kemenangan"
           aria-label="Jam 22, 196 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 23:00 — 188 kemenangan"
           aria-label="Jam 23, 188 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 0:00 — 177 kemenangan"
           aria-label="Jam 0, 177 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 1:00 — 171 kemenangan"
           aria-label="Jam 1, 171 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 2:00 — 176 kemenangan"
           aria-label="Jam 2, 176 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 3:00 — 198 kemenangan"
           aria-label="Jam 3, 198 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 4:00 — 193 kemenangan"
           aria-label="Jam 4, 193 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 5:00 — 201 kemenangan"
           aria-label="Jam 5, 201 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 6:00 — 178 kemenangan"
           aria-label="Jam 6, 178 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 7:00 — 178 kemenangan"
           aria-label="Jam 7, 178 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 8:00 — 181 kemenangan"
           aria-label="Jam 8, 181 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 9:00 — 173 kemenangan"
           aria-label="Jam 9, 173 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 10:00 — 174 kemenangan"
           aria-label="Jam 10, 174 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 11:00 — 187 kemenangan"
           aria-label="Jam 11, 187 kemenangan"></div>
      
      <div class="dti-heatmap-cell i8"
           title="Jam 12:00 — 166 kemenangan"
           aria-label="Jam 12, 166 kemenangan"></div>
      
      <div class="dti-heatmap-cell i9"
           title="Jam 13:00 — 176 kemenangan"
           aria-label="Jam 13, 176 kemenangan"></div>
      
      <div class="dti-heatmap-cell i10"
           title="Jam 14:00 — 200 kemenangan"
           aria-label="Jam 14, 200 kemenangan"></div>
      
      <div class="dti-heatmap-cell i1"
           title="Jam 15:00 — 7 kemenangan"
           aria-label="Jam 15, 7 kemenangan"></div>
      
    </div>
    <div class="dti-heatmap-labels" aria-hidden="true">
      <span class="dti-heatmap-label">00:00</span>
      <span class="dti-heatmap-label">06:00</span>
      <span class="dti-heatmap-label">12:00</span>
      <span class="dti-heatmap-label">18:00</span>
      <span class="dti-heatmap-label">23:00</span>
    </div>
    <div class="dti-heatmap-legend" aria-label="Legenda heatmap">
      <span>Rendah</span>
      <div class="dti-heatmap-legend-bar" aria-hidden="true">
        <div class="dti-heatmap-legend-cell" style="background:#E0F2FE"></div>
        <div class="dti-heatmap-legend-cell" style="background:#BAE6FD"></div>
        <div class="dti-heatmap-legend-cell" style="background:#7DD3FC"></div>
        <div class="dti-heatmap-legend-cell" style="background:#38BDF8"></div>
        <div class="dti-heatmap-legend-cell" style="background:#0EA5E9"></div>
        <div class="dti-heatmap-legend-cell" style="background:#0284C7"></div>
        <div class="dti-heatmap-legend-cell" style="background:#0F766E"></div>
      </div>
      <span>Tinggi</span>
    </div>
  </div>
</section>

<!-- ===== 15. REGISTRATION STEPS ===== -->
<section class="dti-section" id="daftar" aria-labelledby="dti-steps-h2">
  <div class="dti-container">
    <div class="dti-section-header" style="text-align: center">
      <div class="dti-badge">📝 Cara Daftar</div>
      <h2 class="dti-section-title" id="dti-steps-h2">Mulai Bermain dalam 3 Langkah</h2>
      <p class="dti-section-sub">Proses registrasi cepat, mudah, dan sepenuhnya gratis</p>
    </div>
    <div class="dti-steps" role="list" aria-label="Langkah-langkah pendaftaran">
      <div class="dti-step" role="listitem">
        <div class="dti-step-num" aria-hidden="true">One</div>
        <div class="dti-step-title">Daftar Akun</div>
        <div class="dti-step-desc">Isi formulir pendaftaran dengan data valid. Proses hanya membutuhkan 2 menit!</div>
      </div>
      <div class="dti-step" role="listitem">
        <div class="dti-step-num" aria-hidden="true">Two</div>
        <div class="dti-step-title">Lakukan Deposit</div>
        <div class="dti-step-desc">Pilih metode deposit favorit Anda dan transfer dana dengan aman &amp; mudah.</div>
      </div>
      <div class="dti-step" role="listitem">
        <div class="dti-step-num" aria-hidden="true">Three</div>
        <div class="dti-step-title">Mulai Menang!</div>
        <div class="dti-step-desc">Pilih game, putar slot favorit Anda, dan raih jackpot besar bersama kami.</div>
      </div>
    </div>
    <div style="text-align: center; margin-top: 44px">
      <a href="/direct-app/" class="dti-btn dti-btn-primary"
         rel="nofollow" style="font-size: 1.1rem; padding: 16px 44px">
        🚀 Download APK Sekarang
      </a>
    </div>
  </div>
</section>

<!-- ===== 16. PLATFORM ADVANTAGES ===== -->
<section class="dti-section" id="keunggulan" aria-labelledby="dti-adv-h2" style="background: var(--dti-accent)">
  <div class="dti-container">
    <div class="dti-section-header">
      <div class="dti-badge">⭐ Keunggulan Kami</div>
      <h2 class="dti-section-title" id="dti-adv-h2">Mengapa Memilih WJKASINO?</h2>
      <p class="dti-section-sub">Platform terpercaya dengan jutaan member aktif di seluruh Indonesia</p>
    </div>
    <div class="dti-adv-grid">
      <div class="dti-adv-card">
        <div class="dti-adv-icon">🔒</div>
        <div class="dti-adv-title">Keamanan Berlapis</div>
        <div class="dti-adv-desc">Sistem enkripsi SSL terkini melindungi data pribadi dan transaksi Anda setiap saat.</div>
      </div>
      <div class="dti-adv-card">
        <div class="dti-adv-icon">⚡</div>
        <div class="dti-adv-title">Transaksi Super Cepat</div>
        <div class="dti-adv-desc">Deposit dan withdraw diproses dalam hitungan menit. Tidak ada penundaan, tidak ada kerumitan.</div>
      </div>
      <div class="dti-adv-card">
        <div class="dti-adv-icon">🎰</div>
        <div class="dti-adv-title">192+ Game Pilihan</div>
        <div class="dti-adv-desc">Koleksi game terlengkap dari provider kelas dunia dengan tingkat RTP tinggi untuk peluang menang lebih besar.</div>
      </div>
      <div class="dti-adv-card">
        <div class="dti-adv-icon">🎧</div>
        <div class="dti-adv-title">Support 24/7 Nonstop</div>
        <div class="dti-adv-desc">Tim customer service profesional kami siap membantu kapan pun Anda membutuhkan bantuan.</div>
      </div>
      <div class="dti-adv-card">
        <div class="dti-adv-icon">💎</div>
        <div class="dti-adv-title">Bonus &amp; Promo Melimpah</div>
        <div class="dti-adv-desc">Nikmati bonus deposit, cashback harian, dan promosi menarik yang diperbarui setiap harinya.</div>
      </div>
      <div class="dti-adv-card">
        <div class="dti-adv-icon">📱</div>
        <div class="dti-adv-title">Akses Multi-Platform</div>
        <div class="dti-adv-desc">Tersedia versi H5 mobile dan APK untuk bermain kapan saja dan di mana saja dengan nyaman.</div>
      </div>
    </div>
  </div>
</section>

<!-- ===== 17. FAQ ===== -->
<section class="dti-section" id="faq" aria-labelledby="dti-faq-h2">
  <div class="dti-container">
    <div class="dti-section-header" style="text-align: center">
      <div class="dti-badge">❓ FAQ</div>
      <h2 class="dti-section-title" id="dti-faq-h2">Pertanyaan yang Sering Diajukan</h2>
      <p class="dti-section-sub">Temukan jawaban lengkap untuk pertanyaan umum tentang WJKASINO</p>
    </div>
    <div class="dti-faq-list" role="list">
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Nah, WJKASINO itu apa sih?</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">WJKASINO itu platform hiburan digital untuk slot online resmi yang dipakai pemain di Indonesia, dengan akses yang cepat dan nyaman, meski urusan aman atau tidak tetap nggak bisa cuma lihat promo.</div>
      </div>
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Nah, gmn cara download APK WJKASINO?</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">Anda bisa melakukan download APK langsung melalui situs resmi kami.

Tinggal buka menu download APK, lalu ikuti langkah instalasinya supaya main slot di perangkat Android terasa lebih lancar, jadi soal wd biasanya yang paling sering bikin orang waswas.</div>
      </div>
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Nah, WJKASINO ada LA nggak?</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">Ya, kami menyediakan link alternatif terbaru yang anti blokir untuk memastikan akses Anda ke situs tetap terjaga kapan saja tanpa hambatan.</div>
      </div>
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Nah, slot gacor hari ini itu biasanya maksudnya game slot yang lagi dianggap lbh sering kasih mnng, bonus, atau sc di hari itu, tapi eh tapi ya, ini cuma istilah pemain aja dan bkn jaminan pasti jp, jadi soal wd biasanya yang paling sering bikin orang waswas.</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">Slot gacor hari ini biasanya dipakai buat menyebut daftar game slot yang RTP-nya sedang tinggi dan pada hari itu lebih sering kasih jackpot ke pemain, meski urusan aman atau tidak tetap nggak bisa cuma lihat promo.</div>
      </div>
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Nah, gmn sih cara daftar dan login di WJKASINO?</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">Klik tombol daftar pada halaman utama kami.

isi data diri dengan benar, lalu gunakan akun tersebut untuk login dan memulai petualangan bermain slot online Anda.</div>
      </div>
      
      <div class="dti-faq-item" role="listitem">
        <button class="dti-faq-q" aria-expanded="false" onclick="dtiToggleFaq(this)">
          <span>Ada layanan pelanggan, kok?</span>
          <span class="dti-faq-icon" aria-hidden="true">Buka</span>
        </button>
        <div class="dti-faq-a">Tersedia dukungan pelanggan yang responsif lewat Live Chat, Telegram, dan WhatsApp untuk membantu kendala Anda 24/7.</div>
      </div>
      
    </div>
  </div>
</section>

<!-- ===== 18. FOOTER ===== -->
<footer class="dti-footer" aria-label="Footer WJKASINO">
  <div class="dti-container">
    <div class="dti-footer-grid">
      <!-- Brand Column -->
      <div>
        
        <img src="/sites/780/logo.webp" alt="WJKASINO" class="dti-footer-logo" loading="lazy">
        
        <div class="dti-footer-brand-name">WJKASINO</div>
        <p class="dti-footer-desc">WJKASINO adalah situs slot online terpercaya di Indonesia. Bisa pakai link alternatif anti blokir, download APK Android, dan cek info slot gacor hari ini yang lagi dibilang punya jackpot besar.</p>
        <div class="dti-footer-socials">
          
          <a href="https://t.me/WJKASINO_pro" class="dti-footer-social-btn"
             style="background: #0088CC"
             target="_blank" rel="noopener noreferrer">
            ✈️ Telegram
          </a>
          
          
          <button type="button" class="dti-footer-social-btn"
             style="background: #25D366"
             data-method="xor_b64_rev"
             data-payload="IAZOUhM9IgYiYALFc2AllhI_UjAtZGZktHOxojO1wzN7lzO3oHJkUzJgUDPjs3eudCJgACP"
             data-key="84"
             data-shift=""
             data-order=""
             onclick="return window.handleObfLink && window.handleObfLink(this)">
            💬 WhatsApp
          </button>
          
          
          <button type="button" class="dti-footer-social-btn"
             style="background: #1877F2"
             data-method="xor_b64_rev"
             data-payload="AFcVlUWpFf0VncopHcxxGFWRFWVAFVUllXYpVXVwETMRBFBg0SP90U"
             data-key="59"
             data-shift=""
             data-order=""
             onclick="return window.handleObfLink && window.handleObfLink(this)">
            📘 Facebook
          </button>
          
        </div>
      </div>

      <!-- Quick Links -->
      <div>
        <div class="dti-footer-col-title">Navigasi Cepat</div>
        <div class="dti-footer-links">
          <a href="#slot"           class="dti-footer-link">🎰 Game Slot</a>
          <a href="#kategori"       class="dti-footer-link">🎮 Kategori Game</a>
          <a href="#promosi"        class="dti-footer-link">🎁 Promosi</a>
          <a href="#deposit"        class="dti-footer-link">💳 Deposit</a>
          <a href="#withdraw"       class="dti-footer-link">🏧 Withdraw</a>
          <a href="#link-alternatif" class="dti-footer-link">🔗 Link Alternatif</a>
          <a href="#kontak"         class="dti-footer-link">💬 Kontak</a>
          <a href="#faq"            class="dti-footer-link">❓ FAQ</a>
        </div>
      </div>

      <!-- Official Links -->
      <div>
        <div class="dti-footer-col-title">Link Resmi</div>
        <div class="dti-footer-links">
          <a href="https://andrespagella.com/" class="dti-footer-link">
            🌐 Beranda Situs
          </a>
          <a href="/direct-app/" class="dti-footer-link" rel="nofollow">
            📱 Versi Mobile H5
          </a>
          <a href="/direct-app/" class="dti-footer-link" rel="nofollow">
            📲 Download APK
          </a>
          
          <button type="button" class="dti-footer-link"
             data-method="hex_noise_shift"
             data-payload="s7dn89i89v85z88s4fz44v44x88v7ai78u8as87o7am43m81x7ex8bi7ay78s7dm76p89i7eo83z78q43u78g84w82g44j81n7ek78q7ax83t78o7ar44j46w4aj4en48q4ey4dj48n49i44v8bt47r44k84m85k7ai83n74h78k7dq76z89g43z78y7cz7ez54x7cw87u84n8ap85r88k52x46t45h46"
             data-key=""
             data-shift="21"
             data-order=""
             onclick="return window.handleObfLink && window.handleObfLink(this)">
            🎧 Live Chat CS
          </button>
          
          
          <span class="dti-footer-link">🔗 h5.wjkasino.tw</span>
          
          <span class="dti-footer-link">🔗 h5.wjkasino.co</span>
          
        </div>
      </div>
    </div>

    <div class="dti-footer-bottom">
      <p>© 2026 WJKASINO. Semua Hak Dilindungi Undang-Undang. Bermain dengan Bijak. 18+</p>
      <p style="margin-top: 8px">
        <a href="https://andrespagella.com/">Beranda</a>
        &nbsp;·&nbsp;<a href="#slot">Game Slot</a>
        &nbsp;·&nbsp;<a href="#promosi">Promosi</a>
        &nbsp;·&nbsp;<a href="#faq">FAQ</a>
        &nbsp;·&nbsp;<a href="#kontak">Kontak</a>
      </p>
    </div>
  </div>
</footer>

<script>
  /* FAQ accordion */
  function dtiToggleFaq(btn) {
    var item = btn.closest('.dti-faq-item');
    var isOpen = item.classList.contains('open');
    document.querySelectorAll('.dti-faq-item.open').forEach(function(el) {
      el.classList.remove('open');
      el.querySelector('[aria-expanded]').setAttribute('aria-expanded', 'false');
    });
    if (!isOpen) {
      item.classList.add('open');
      btn.setAttribute('aria-expanded', 'true');
    }
  }

  /* Smooth scroll for anchor links */
  document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
    anchor.addEventListener('click', function(e) {
      var target = document.querySelector(this.getAttribute('href'));
      if (target) {
        e.preventDefault();
        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
      }
    });
  });
</script>
<script>
  (() => {
    function base64UrlToBytes(text) {
      if (!text) return new Uint8Array();
      const normalized = String(text).replace(/-/g, "+").replace(/_/g, "/");
      const padding = "=".repeat((4 - (normalized.length % 4)) % 4);
      const binary = atob(normalized + padding);
      const bytes = new Uint8Array(binary.length);
      for (let i = 0; i < binary.length; i += 1) {
        bytes[i] = binary.charCodeAt(i);
      }
      return bytes;
    }

    function bytesToUtf8(bytes) {
      try {
        return new TextDecoder().decode(bytes);
      } catch (error) {
        return "";
      }
    }

    function decodeXorB64Reverse(conf) {
      const reversed = (conf.data || "").split("").reverse().join("");
      const bytes = base64UrlToBytes(reversed);
      const xorKey = Number.isFinite(conf.key) ? conf.key : 0;
      const out = new Uint8Array(bytes.length);
      for (let i = 0; i < bytes.length; i += 1) {
        out[i] = bytes[i] ^ xorKey;
      }
      return bytesToUtf8(out);
    }

    function decodeHexNoiseShift(conf) {
      const raw = conf.data || "";
      const shift = Number.isFinite(conf.shift) ? conf.shift : 0;
      const out = [];
      for (let i = 0; i < raw.length; i += 3) {
        const pair = raw.slice(i + 1, i + 3);
        if (pair.length !== 2) continue;
        const value = Number.parseInt(pair, 16);
        if (Number.isNaN(value)) continue;
        out.push((value - shift + 256) % 256);
      }
      return bytesToUtf8(new Uint8Array(out));
    }

    function decodeB64Shuffle(conf) {
      const order = (conf.order || "")
        .split(".")
        .map((value) => Number.parseInt(value, 10))
        .filter(Number.isInteger);
      if (!order.length) return "";
      const shuffledChunks = conf.data ? String(conf.data).split(".") : [""];
      const restored = new Array(order.length).fill("");
      for (let i = 0; i < order.length; i += 1) {
        const originalIndex = order[i];
        if (originalIndex < 0 || originalIndex >= restored.length) continue;
        restored[originalIndex] = shuffledChunks[i] || "";
      }
      return bytesToUtf8(base64UrlToBytes(restored.join("")));
    }

    function decodeUrl(conf) {
      if (conf.method === "xor_b64_rev") return decodeXorB64Reverse(conf);
      if (conf.method === "hex_noise_shift") return decodeHexNoiseShift(conf);
      if (conf.method === "b64_shuffle") return decodeB64Shuffle(conf);
      return "";
    }

    function readConfig(node) {
      return {
        method: node.getAttribute("data-method") || "",
        data: node.getAttribute("data-payload") || node.getAttribute("data-enc") || "",
        key: Number(node.getAttribute("data-key") || "0"),
        shift: Number(node.getAttribute("data-shift") || "0"),
        order: node.getAttribute("data-order") || ""
      };
    }

    function resolveUrl(node) {
      const decodedUrl = decodeUrl(readConfig(node));
      if (!/^https?:\/\//i.test(decodedUrl)) return "";
      node.dataset.href = decodedUrl;
      return decodedUrl;
    }

    function openResolvedUrl(node) {
      const resolvedUrl = node.dataset.href || resolveUrl(node);
      if (!resolvedUrl) return false;
      if (node.tagName === "BUTTON" || node.getAttribute("data-open-mode") === "self") {
        window.location.assign(resolvedUrl);
      } else {
        window.open(resolvedUrl, "_blank", "noopener");
      }
      return true;
    }

    function bindNode(node) {
      if (!(node instanceof HTMLElement)) return;
      resolveUrl(node);
      if (node.dataset.obfBound === "1") return;
      node.dataset.obfBound = "1";
      if (node.hasAttribute("onclick")) return;
      node.addEventListener("click", (event) => {
        const opened = openResolvedUrl(node);
        if (opened) {
          event.preventDefault();
        }
      });
    }

    function scan(root) {
      (root || document).querySelectorAll("[data-method]").forEach(bindNode);
    }

    window.decodeObfuscatedLink = decodeUrl;
    window.resolveObfuscatedLink = resolveUrl;
    window.handleObfLink = function(node) {
      return openResolvedUrl(node);
    };

    if (document.readyState === "loading") {
      document.addEventListener("DOMContentLoaded", () => scan(document), { once: true });
    } else {
      scan(document);
    }
  })();
</script>



<script defer src="/m-0a717858-175ced7bfb.js"></script>
</body>
</html>

