<!DOCTYPE html>
<html lang="id">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Dah On @ Dewi5000 Versi Terbaik 2026 Permainan Online Indonesia</title>
        <meta name="description" content="Website game online DEWI5000 sudah lama sekali hadir sebagai permainan online di indonesia dan untuk pertama kalinya mengeluarkan berbagai farian game online dengan kemenangan yang tinggi.">
        <meta name="keywords" content="DEWI5000, dewi 11, DEWI5000 login, DEWI5000 daftar, DEWI5000 resmi, DEWI5000 gacor.">
        <meta name="robots" content="index, follow">
        <meta name="author" content="DEWI5000">
        <meta name="revisit-after" content="1 days">

        <link rel="alternate" hreflang="x-default" href="https://www.bobscnc.com" />
        <link rel="alternate" hreflang="id-id" href="https://www.bobscnc.com" />
        <link rel="alternate" hreflang="en-us" href="https://www.bobscnc.com" />
        <link rel="alternate" hreflang="th-th" href="https://www.bobscnc.com" />
        <link rel="alternate" hreflang="vi-vn" href="https://www.bobscnc.com" />
        
        <meta name="geo.country" content="id">
        <meta name="geo.region" content="ID-JK">
        <meta name="geo.placename" content="Jakarta">
        <meta name="language" content="Indonesian">
        <meta name="tgn.nation" content="Indonesia">

        <link rel="canonical" href="https://www.bobscnc.com"/>
        <link rel="amphtml" href="https://dah-on-dewi5000.pages.dev/" />
        <link rel="shortcut icon" href="https://www.bobscnc.com/asset/icon-dewi5000.png">

        <meta property="og:type" content="website">
        <meta property="og:url" content="https://www.bobscnc.com">
        <meta property="og:title" content="Dah On @ Dewi5000 Versi Terbaik 2026 Permainan Online Indonesia">
        <meta property="og:description" content="Website game online DEWI5000 sudah lama sekali hadir sebagai permainan online di indonesia dan untuk pertama kalinya mengeluarkan berbagai farian game online dengan kemenangan yang tinggi.">
        <meta property="og:image" content="https://www.bobscnc.com/asset/dewi50000.jpg">

        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Dah On @ Dewi5000 Versi Terbaik 2026 Permainan Online Indonesia">
        <meta name="twitter:description" content="Website game online DEWI5000 sudah lama sekali hadir sebagai permainan online di indonesia dan untuk pertama kalinya mengeluarkan berbagai farian game online dengan kemenangan yang tinggi.">
        <meta name="twitter:image" content="https://www.bobscnc.com/asset/dewi50000.jpg">

        <link rel="preconnect" href="https://www.bobscnc.com">
        <link rel="dns-prefetch" href="https://www.bobscnc.com">

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "BreadcrumbList",
      "@id": "https://www.bobscnc.com#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://www.bobscnc.com"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Sportsbook",
          "item": "https://www.bobscnc.com"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Bursa Bola",
          "item": "https://www.bobscnc.com"
        }
      ]
    },
    {
      "@type": "Organization",
      "@id": "https://www.bobscnc.com#organization",
      "name": "DEWI5000 OFFICIAL",
      "url": "https://www.bobscnc.com",
      "logo": "https://www.bobscnc.com/asset/logo-dewi5000.gif",
      "sameAs": [
        "https://facebook.com/DEWI5000",
        "https://twitter.com/DEWI5000"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.bobscnc.com#website",
      "url": "https://www.bobscnc.com",
      "name": "DEWI5000",
      "description": "DEWI5000: Gerbang Resmi Sportsbook & Bursa Bola Paling Fair Play tahun ini",
      "publisher": {"@id": "https://www.bobscnc.com#organization"},
      "inLanguage": "id-ID"
    },
    {
      "@type": "Product",
      "@id": "https://www.bobscnc.com#product",
      "name": "DEWI5000 Sportsbook & Bursa Bola",
      "image": "https://www.bobscnc.com/asset/dewi50000.jpg",
      "description": "Website game online DEWI5000 sudah lama sekali hadir sebagai permainan online di indonesia dan untuk pertama kalinya mengeluarkan berbagai farian game online dengan kemenangan yang tinggi.",
      "brand": {
        "@type": "Brand",
        "name": "DEWI5000 VIP"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": "98750",
        "reviewCount": "65400"
      }
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Mengapa DEWI5000 dianggap sebagai agen bola terpercaya?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "DEWI5000 telah terverifikasi sebagai agen bola terpercaya dengan sistem bursa bola paling Fair Play, menyediakan statistik real-time, pasaran terlengkap, dan jaminan pembayaran kemenangan tanpa potongan."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana cara akses navigasi taruhan Sportsbook di DEWI5000?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Anda dapat mengakses gerbang resmi DEWI5000 melalui link alternatif anti-blokir kami untuk menikmati ribuan jadwal pertandingan olahraga dengan odds terbaik di Asia."
          }
        },
        {
          "@type": "Question",
          "name": "Apakah tersedia layanan withdraw tanpa delay?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Tentu bous. DEWI5000 memprioritaskan kecepatan transaksi. Proses withdraw atau tarik dana dilakukan tanpa delay dan tanpa potongan biaya apa pun selama 24 jam nonstop."
          }
        }
      ]
    }
  ]
}
</script>
    <style>
        /* --- POPUP PROMO MENYALA --- */
.promo-modal {
    display: none; 
    position: fixed;
    z-index: 20000; /* Di atas segalanya */
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(8px);
}

.promo-content {
    position: relative;
    background: #111;
    margin: 10% auto;
    width: 90%;
    max-width: 400px;
    border-radius: 20px;
    border: 2px solid var(--primary);
    overflow: hidden;
    box-shadow: 0 0 50px rgba(212, 175, 55, 0.4);
    animation: bounceIn 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes bounceIn {
    0% { transform: scale(0.5); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.promo-img { width: 100%; display: block; border-bottom: 2px solid var(--primary); }

.promo-body { padding: 25px; text-align: center; }

.promo-body h2 { 
    color: #fff; margin: 0; font-size: 22px; font-weight: 900; 
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.promo-body p { color: #aaa; font-size: 14px; margin: 10px 0 20px 0; }

.promo-bonus {
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid var(--primary);
    padding: 10px;
    border-radius: 10px;
    color: var(--primary);
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 20px;
}

.btn-promo-gas {
    display: block;
    background: var(--gold-gradient);
    color: #000;
    padding: 15px;
    border-radius: 50px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
    animation: pulseBtn 1.5s infinite;
}

@keyframes pulseBtn {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); box-shadow: 0 0 25px var(--primary); }
    100% { transform: scale(1); }
}

.close-promo {
    position: absolute;
    top: 10px; right: 15px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10;
    text-shadow: 0 0 10px #000;
}
        /* --- STYLE CARD (DISAMAKAN AGAR SEJAJAR) --- */
        .match-card, .testi-card { 
            flex: 0 0 260px; /* Lebar disamakan 260px */
            background: var(--dark-card); 
            border: 1px solid #333; 
            border-radius: 12px; 
            padding: 15px; /* Padding disamakan */
            text-align: center; 
            position: relative; 
            transition: 0.3s;
            scroll-snap-align: start;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        /* Hover Effect */
        .match-card:hover, .testi-card:hover { 
            border-color: var(--primary); 
            transform: translateY(-5px); 
        }

        /* Khusus Testimoni (Menyesuaikan konten agar rapi di lebar 260px) */
        .testi-user { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; text-align: left; }
        .testi-avatar { width: 35px; height: 35px; background: var(--gold-gradient); border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #000; font-size: 12px; }
        .testi-name { font-size: 13px; font-weight: 800; color: var(--primary); margin: 0; }
        .testi-comment { font-size: 12px; color: #ccc; line-height: 1.4; margin: 0; text-align: left; }
        /* --- RESET & BASIC --- */
        *, *::before, *::after { box-sizing: border-box; }
        :root {
            --primary: #d4af37; 
            --gold-gradient: linear-gradient(135deg, #d4af37, #f4df80, #b8860b);
            --dark-deep: #0a0a0a; 
            --dark-card: #161616;
            --live-green: #00ff41;
        }

        body { 
            margin: 0; padding: 0; 
            font-family: 'Segoe UI', Roboto, sans-serif; 
            background: var(--dark-deep); color: #eee; 
            overflow-x: hidden;
            -webkit-user-select: none; user-select: none;
        }

        .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        a { text-decoration: none; color: inherit; }

        /* --- NAVBAR --- */
        .navbar { background: #000; padding: 12px 0; position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid rgba(212, 175, 55, 0.3); }
        .nav-content { display: flex; align-items: center; justify-content: space-between; }
        .nav-logo img { height: 35px; }
        .btn-nav { padding: 8px 18px; border-radius: 6px; font-weight: 800; font-size: 13px; cursor: pointer; border: none; }
        .btn-nav.login { border: 1px solid var(--primary); color: var(--primary); background: transparent; margin-right: 5px; }
        .btn-nav.register { background: var(--gold-gradient); color: #000; }

        /* --- RUNNING TEXT --- */
        .running-text { background: #111; border-bottom: 1px solid #333; padding: 6px 0; font-size: 12px; overflow: hidden; white-space: nowrap; }
        .marquee { display: inline-block; padding-left: 100%; animation: marquee 30s linear infinite; }
        @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

        /* --- SLIDER --- */
        .slider-container { 
            width: 100%; 
            overflow: hidden; 
            background: #000; 
            border-bottom: 2px solid var(--primary); 
            aspect-ratio: 16 / 5;
        }
        .slider { display: flex; transition: transform 0.5s ease-in-out; }
        .slide { min-width: 100%; }
        .slide img { width: 100%; height: auto; display: block; }

        /* --- SECTION HEADER + ARROWS --- */
        .section-header { padding: 25px 0 10px 0; display: flex; justify-content: space-between; align-items: center; }
        .section-title { font-size: 18px; font-weight: 800; border-left: 4px solid var(--primary); padding-left: 12px; color: var(--primary); text-transform: uppercase; margin: 0; }
        
        .nav-arrows { display: flex; gap: 10px; }
        .arrow { 
            background: #222; color: var(--primary); border: 1px solid #444; 
            width: 35px; height: 35px; border-radius: 50%; cursor: pointer;
            display: flex; align-items: center; justify-content: center; font-weight: bold;
            transition: 0.3s;
        }
        .arrow:hover { background: var(--primary); color: #000; }

        #apiStatus { font-size: 10px; color: var(--live-green); font-family: monospace; display: block; margin-top: 5px; }

        /* --- MATCH CARDS SCROLL --- */
        .scroll-wrapper { 
            display: flex; 
            gap: 15px; 
            overflow-x: auto; 
            padding: 10px 5px 25px 5px; 
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            cursor: grab;
        }
        .scroll-wrapper::-webkit-scrollbar { display: none; }

        .match-header { display: flex; justify-content: space-between; font-size: 9px; margin-bottom: 12px; }
        .tag-live { color: #000; background: var(--live-green); padding: 3px 7px; border-radius: 4px; font-weight: 900; animation: pulse 1.5s infinite; }
        .tag-wait { background: #333; color: #bbb; padding: 3px 7px; border-radius: 4px; font-weight: bold; }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } }

        .teams-img { display: flex; justify-content: center; align-items: center; gap: 12px; margin-bottom: 10px; }
        .teams-img img { width: 45px; height: 45px; object-fit: contain; background: #000; border-radius: 50%; padding: 2px; }
        .vs-text { font-weight: 900; color: #444; font-size: 16px; }

        .match-title { font-size: 13px; font-weight: bold; color: #fff; height: 35px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; line-height: 1.2; }
        
        .score-display { 
            font-size: 24px; font-weight: 900; color: #fff; margin: 10px 0; letter-spacing: 5px; 
            background: #000; padding: 10px; border-radius: 8px; border: 1px solid #222; text-shadow: 0 0 8px var(--live-green);
        }

        .prediksi-box { background: rgba(212,175,55,0.1); border: 1px dashed var(--primary); border-radius: 6px; padding: 8px; margin-bottom: 12px; }
        .prediksi-label { font-size: 9px; color: #aaa; display: block; text-transform: uppercase; }
        .prediksi-val { font-size: 11px; color: var(--primary); font-weight: bold; }

        .odds-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 15px; }
        .odd-btn { background: #0a0a0a; border: 1px solid #222; border-radius: 5px; padding: 6px; font-size: 11px; }
        .odd-val { color: var(--live-green); font-weight: bold; display: block; }

        .btn-bet { display: block; background: var(--gold-gradient); color: #000; padding: 12px; border-radius: 6px; font-size: 12px; font-weight: 900; text-transform: uppercase; text-align: center; }

/* --- FOOTER PROPER STYLING --- */
footer { 
    background: #000; 
    padding: 60px 0 100px 0; 
    border-top: 2px solid var(--primary); 
    margin-top: 50px; 
    color: #bbb;
}

.footer-grid { 
    display: grid; 
    grid-template-columns: 1.5fr 1fr 1fr; /* 3 Kolom */
    gap: 40px; 
    text-align: left;
}

.footer-about img { height: 40px; margin-bottom: 20px; }
.footer-about p { font-size: 13px; line-height: 1.6; color: #888; }

footer h3 { 
    color: var(--primary); 
    font-size: 16px; 
    margin-bottom: 20px; 
    text-transform: uppercase; 
    letter-spacing: 1px;
    position: relative;
}

footer h3::after {
    content: '';
    position: absolute;
    left: 0; bottom: -8px;
    width: 30px; height: 2px;
    background: var(--gold-gradient);
}

footer ul { list-style: none; padding: 0; margin: 0; }
footer ul li { padding: 10px 0; border-bottom: 1px solid #111; }

footer ul li a { 
    font-size: 13px; 
    transition: 0.3s; 
    display: block; 
    color: #777;
}

footer ul li a:hover { 
    color: var(--primary); 
    padding-left: 8px; 
}

.payment-container { 
    background: #0a0a0a; 
    padding: 15px; 
    border-radius: 10px; 
    border: 1px solid #222; 
}

.payment-img { width: 100%; max-width: 280px; filter: grayscale(0.3) contrast(1.2); }

.copyright { 
    text-align: center; 
    padding: 20px; 
    font-size: 11px; 
    color: #444; 
    background: #050505; 
    border-top: 1px solid #111;
}

/* Responsif Mobile */
@media (max-width: 768px) {
    .footer-grid { 
        grid-template-columns: 1fr; 
        text-align: center; 
        gap: 30px;
    }
    footer h3::after { left: 50%; transform: translateX(-50%); }
    footer ul li a:hover { padding-left: 0; }
}

/* --- MOBILE NAVIGATION STYLING --- */
.mobile-nav { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    background: rgba(0, 0, 0, 0.95); 
    backdrop-filter: blur(10px);
    display: none; /* Sembunyi di Desktop */
    grid-template-columns: repeat(4, 1fr); 
    padding: 10px 0; 
    border-top: 2px solid var(--primary); 
    z-index: 9999; 
    box-shadow: 0 -5px 20px rgba(0,0,0,0.5);
}

.m-item { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;
    font-size: 10px; 
    color: #888; 
    font-weight: 800; 
    text-transform: uppercase;
    transition: 0.3s;
}

/* Icon Styling */
.m-item i { 
    font-size: 20px; 
    margin-bottom: 4px; 
}

/* Custom SVG / Image Icon fallback */
.m-item img {
    width: 22px;
    height: 22px;
    margin-bottom: 4px;
    filter: grayscale(1);
}

.m-item.active, .m-item:hover { 
    color: var(--primary); 
}

.m-item.active img {
    filter: grayscale(0);
}

/* Tombol Daftar Berpijar */
.m-item.special {
    color: #000;
    background: var(--gold-gradient);
    border-radius: 8px;
    margin: 0 5px;
    padding: 5px 0;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

.m-item.special img {
    filter: brightness(0);
}

@media (max-width: 768px) {
    .mobile-nav { display: grid; }
}

/* --- CSS UNTUK MODAL FOOTER --- */
.modal-footer {
    display: none; /* Sembunyi secara default */
    position: fixed;
    z-index: 10000; /* Harus paling atas */
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.85); /* Background gelap transparan */
    backdrop-filter: blur(5px); /* Efek blur di belakang popup */
}

.modal-footer-content {
    background: #161616;
    margin: 15% auto; /* Jarak dari atas */
    padding: 25px;
    border: 1px solid var(--primary);
    border-radius: 15px;
    width: 90%;
    max-width: 500px;
    color: #ccc;
    position: relative;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
    animation: zoomIn 0.3s ease-out;
}

@keyframes zoomIn {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.close-modal {
    color: var(--primary);
    position: absolute;
    top: 10px; right: 15px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.close-modal:hover { color: #fff; }

.modal-footer-content h2 { 
    color: var(--primary); 
    margin-top: 0; 
    border-bottom: 1px solid #333; 
    padding-bottom: 10px; 
    font-size: 20px;
}

.modal-footer-content p { font-size: 14px; line-height: 1.6; margin: 15px 0; }

/* Mobile Adjust */
@media (max-width: 480px) {
    .modal-footer-content { margin: 30% auto; padding: 20px; }
}

#matchContainer { 
    min-height: 290px; 
}

#testiWrapper { 
    min-height: 180px; 
}

.footer-link { 
    font-size: 13px; 
    transition: 0.3s; 
    display: block; 
    color: #777; 
    cursor: pointer; 
}
.footer-link:hover { 
    color: var(--primary); 
    padding-left: 8px; 
}

    </style>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T4K2B5NPKT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-T4K2B5NPKT');
</script>
</head>
<body>

    <nav class="navbar">
        <div class="container nav-content">
            <div class="nav-logo"><img src="https://www.bobscnc.com/asset/logo-dewi5000.gif" alt="DEWI5000 Sportsbook Terpercaya"></div>
            <div class="nav-actions">
                <a href="https://dah-on-dewi5000.pages.dev/" class="btn-nav login">MASUK</a>
                <a href="https://dah-on-dewi5000.pages.dev/" class="btn-nav register">DAFTAR</a>
            </div>
        </div>
    </nav>

    <div class="running-text">
        <div class="marquee">
🔥🔥 DEWI5000: WELCOME TO GAME SLOT GACOR TERBAIK DAN TEPERCAYA DI INDONESIA, NIKMATI KESERUAN & MENANGKAN HADIAHNYA! 🔥🔥
        </div>
    </div>

    <div class="slider-container">
        <div class="slider" id="mainSlider">
            <div class="slide"><img src="https://www.bobscnc.com/asset/dewi_5000.webp" alt="Promo Bonus DEWI5000"></div>
            <div class="slide"><img src="https://www.bobscnc.com/asset/de_wi_5000.webp" alt="Agen Bola Taruhan Dunia DEWI5000"></div>
        </div>
    </div>
             </div>
<div class="container" style="margin-top: 30px; margin-bottom: 30px;">
    <div class="section-header">
        <h3 class="section-title">DEWI5000 SPORTSBOOK LIVE TRANSACTION</h3>
    </div>

    <div style="background: #111; border: 2px solid #ffd700; border-radius: 12px; overflow: hidden; font-family: 'Segoe UI', Roboto, sans-serif; box-shadow: 0 0 25px rgba(212, 175, 55, 0.2);">
        
        <div style="display: flex; background: #222; padding: 12px 10px; border-bottom: 2px solid #ffd700; font-weight: bold; color: #ffd700; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;">
            <div style="width: 20%;">WAKTU</div>
            <div style="width: 20%;">USER ID</div>
            <div style="width: 15%;">TIPE</div>
            <div style="width: 25%;">PASARAN / LIGA</div>
            <div style="width: 20%; text-align: right;">NOMINAL</div>
        </div>

        <div id="dewi-bola-sync-box" style="height: 450px; overflow-y: auto; background: #000; scroll-behavior: smooth;">
            </div>
        
        <div style="padding: 12px; background: #111; border-top: 1px solid #222; font-size: 11px; color: #777; text-align: center; font-family: monospace;">
            <span class="dewi-gold-dot"></span> 
            STATUS: <span class="dewi-gold-text">SPORTSBOOK SERVER ACTIVE</span> | 
            <span id="bola-time-dewi" style="color: #eee; font-weight: bold;">--:--</span> WIB
        </div>
    </div>
</div>

<style>
/* Animasi Muncul dari Atas */
@keyframes bolaFadeGold {
    0% { opacity: 0; transform: translateY(-15px); background: rgba(212, 175, 55, 0.2); }
    100% { opacity: 1; transform: translateY(0); background: transparent; }
}

/* Status Kedap Kedip Gold */
.dewi-gold-dot { 
    height: 8px; width: 8px; background-color: #ffd700; border-radius: 50%; 
    display: inline-block; margin-right: 5px; box-shadow: 0 0 10px #ffd700; 
    animation: dewiPulseGold 1.5s infinite; 
}
.dewi-gold-text { color: #ffd700; font-weight: bold; animation: dewiTextGold 2s infinite; }

@keyframes dewiPulseGold { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }
@keyframes dewiTextGold { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

/* Scrollbar Emas */
#dewi-bola-sync-box::-webkit-scrollbar { width: 4px; }
#dewi-bola-sync-box::-webkit-scrollbar-thumb { background: #ffd700; border-radius: 10px; }
</style>

<script>
(function() {
    const prefixes = ["d5000", "d5000", "d5000", "d5000", "d5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000", "dewi5000"];
    
    const bolaMarkets = [
        {name: "Mix Parlay 5 Tim", league: "English Premier League", prov: "SBOBET"},
        {name: "Handicap HDP 1/2", league: "Champions League", prov: "SABA"},
        {name: "Over Corner 9.5", league: "Spanish La Liga", prov: "CMD368"},
        {name: "Correct Score 1-1", league: "Italian Serie A", prov: "SBOBET"},
        {name: "Over Under 2.5", league: "German Bundesliga", prov: "SABA"},
        {name: "Mix Parlay 3 Tim", league: "French Ligue 1", prov: "CMD368"},
        {name: "Outright Winner", league: "Europa League", prov: "SBOBET"},
        {name: "Handicap 0.0", league: "FIFA World Cup Qual.", prov: "SABA"},
        {name: "Correct Score 2-0", league: "USA MLS", prov: "CMD368"},
        {name: "Odd/Even Soccer", league: "Copa America", prov: "SBOBET"}
    ];

    function generateBolaGoldRow(time) {
        const t = time || new Date();
        const tglStr = t.getDate().toString().padStart(2,'0') + "/" + (t.getMonth()+1).toString().padStart(2,'0');
        const jamStr = t.getHours().toString().padStart(2,'0') + ":" + t.getMinutes().toString().padStart(2,'0');
        
        const isWD = Math.random() > 0.5;
        const type = isWD ? "WITHDRAW" : "DEPOSIT";
        const user = prefixes[Math.floor(Math.random() * prefixes.length)] + (Math.floor(Math.random() * 899) + 100) + "***";
        
        let detail = "";
        if (isWD) {
            const b = bolaMarkets[Math.floor(Math.random() * bolaMarkets.length)];
            detail = `<span style="color:#ffd700; font-size:9px; font-weight:bold;">${b.name}</span><br><span style="color:#666; font-size:8px;">${b.league} [${b.prov}]</span>`;
        } else {
            detail = `<span style="color:#555; font-size:10px;">DEPOSIT SPORTSBOOK</span>`;
        }

        // Nominal: Depo (100rb-5jt), WD (2jt-100jt)
        let nominal = isWD 
            ? (Math.floor(Math.random() * 98) + 2) * 1000000 
            : (Math.floor(Math.random() * 49) + 1) * 100000;

        // Warna: WD Hijau (Duit cair), Depo Biru (Setoran) - Tetap standar UI biar gak bingungin user
        const color = isWD ? "#00ff00" : "#00d4ff";

        return `
            <div style="display: flex; padding: 14px 10px; border-bottom: 1px solid #1a1a1a; font-size: 12px; color: #eee; align-items: center; animation: bolaFadeGold 0.6s ease-out;">
                <div style="width: 20%; color: #888; font-family: monospace; font-size: 10px;">${tglStr} ${jamStr}</div>
                <div style="width: 20%; font-weight: bold; color: #ccc;">${user}</div>
                <div style="width: 15%; color: ${color}; font-weight: 900; font-size: 10px;">${type}</div>
                <div style="width: 25%; line-height: 1.2;">${detail}</div>
                <div style="width: 20%; text-align: right; font-weight: bold; color: #fff;">Rp ${nominal.toLocaleString('id-ID')}</div>
            </div>
        `;
    }

    function initBolaSync() {
        const box = document.getElementById("dewi-bola-sync-box");
        const timeDisplay = document.getElementById("bola-time-dewi");
        if(!box) return;

        const now = new Date();
        let html = "";
        let loopTime = new Date();
        loopTime.setHours(0, 0, 0, 0); 

        // Isi data dari jam 00:00 sampai sekarang
        while (loopTime < now) {
            html = generateBolaGoldRow(new Date(loopTime)) + html;
            let gap = Math.floor(Math.random() * 20) + 10; 
            loopTime.setMinutes(loopTime.getMinutes() + gap);
        }
        box.innerHTML = html;
        if(timeDisplay) timeDisplay.innerText = now.getHours().toString().padStart(2,'0') + ":" + now.getMinutes().toString().padStart(2,'0');

        // Auto Update
        function liveUpdate() {
            box.insertAdjacentHTML('afterbegin', generateBolaGoldRow());
            const upNow = new Date();
            if(timeDisplay) timeDisplay.innerText = upNow.getHours().toString().padStart(2,'0') + ":" + upNow.getMinutes().toString().padStart(2,'0');
            setTimeout(liveUpdate, (Math.floor(Math.random() * 180) + 90) * 1000); // 1.5 - 4 menit sekali
        }
        setTimeout(liveUpdate, 60000);
    }

    if (document.readyState === 'complete') { initBolaSync(); } else { window.addEventListener('load', initBolaSync); }
})();
</script>

<footer>
    <div class="container footer-grid">
        <div class="footer-about">
            <img src="https://www.bobscnc.com/asset/logo-dewi5000.gif" alt="DEWI5000 Logo">
            <p>DEWI5000 adalah platform hiburan online modern dan terpercaya 2026 yang menghadirkan pengalaman bermain game online dengan tema Fun Astronomy yang futuristik dan seru. Kami menyediakan berbagai pilihan permainan populer, sistem cepat dan stabil, serta bonus menarik yang dirancang untuk memberikan pengalaman bermain lebih menyenangkan dan berpotensi menghasilkan cuan setiap hari.</p>
        </div>

<div>
    <h3>Navigasi Utama</h3>
    <ul>
        <li><span class="footer-link" onclick="showFooterModal('about')">Tentang DEWI5000</span></li>
        <li><span class="footer-link" onclick="showFooterModal('privacy')">Kebijakan Privasi</span></li>
        <li><span class="footer-link" onclick="showFooterModal('help')">Pusat Bantuan & FAQ</span></li>
        <li><span class="footer-link" onclick="showFooterModal('link')">Link Alternatif Resmi</span></li>
    </ul>
</div>

        <div>
            <h3>Metode Pembayaran</h3>
            <div class="payment-container">
                <img src="https://veldrive.com/HA4ekBpz/banner4.webp" alt="DEWI5000 Bank & E-Wallet" class="payment-img">
                <p style="font-size: 10px; margin-top: 10px; color: #555;">Proses Deposit & Withdraw 24 Jam Online via Bank Lokal, E-Wallet, dan QRIS.</p>
            </div>
        </div>
    </div>
</footer>

<div class="copyright">
    <div class="container">
        &copy; 2026 <strong>DEWI5000 OFFICIAL</strong> | Comeback Stronger By SEO AVT Enkripsi V.12.7. All Rights Reserved.
    </div>
</div>
        <div class="mobile-nav">
            <a href="/" class="m-item active">
                <img src="https://www.bobscnc.com/asset/icon-dewi5000.png" alt="Menu Home DEWI5000" width="22" height="22">
                <span>HOME</span>
            </a>
            <a href="https://dah-on-dewi5000.pages.dev/" class="m-item" onclick="showFooterModal('help')">
                <img src="https://www.bobscnc.com/asset/icon-dewi5000.png" alt="Menu Promo DEWI5000" width="22" height="22" style="filter: hue-rotate(45deg);">
                <span>PROMO</span>
            </a>
            <a href="https://dah-on-dewi5000.pages.dev/" class="m-item special">
                <img src="https://www.bobscnc.com/asset/icon-dewi5000.png" alt="Menu Daftar DEWI5000" width="22" height="22">
                <span>DAFTAR</span>
            </a>
            <a href="https://dah-on-dewi5000.pages.dev/" class="m-item">
                <img src="https://www.bobscnc.com/asset/icon-dewi5000.png" alt="Menu Login DEWI5000" width="22" height="22" style="filter: invert(1);">
                <span>LOGIN</span>
            </a>
        </div>
    <!--const API_TOKEN = "6512e6d6c2664bfb92b6495badff12c0";-->
<script>
    // API CONFIGURATION (TheSportsDB)
    // Gunakan API Key '3' (Test Key) atau ganti dengan Key Patreon Anda
    const API_KEY = "3"; 
    const BASE_URL = `https://www.thesportsdb.com/api/v1/json/${API_KEY}`;
    
    function updateLiveTime() {
        const el = document.getElementById('apiStatus');
        if(!el) return;
        const now = new Date();
        const timeStr = now.toLocaleTimeString('id-ID');
        el.innerHTML = `● Terkoneksi TheSportsDB: Update Terakhir ${timeStr} WIB`;
    }

async function updateMatches() {
    const container = document.getElementById('matchContainer');
    const now = new Date().getTime();

    // 1. BERSIHKAN CACHE LAMA YANG ERROR
    localStorage.removeItem('DEWI5000_matches');
    localStorage.removeItem('DEWI5000_last_fetch');

    // 2. ID LIGA BERBEDA (PENTING AGAR DATA BERAGAM)
    const leagueIDs = ["4328", "4335", "4332", "4329"]; 
    
    try {
        let allEvents = [];
        
        // Ambil data satu-satu untuk kontrol penuh
        for (const id of leagueIDs) {
            const res = await fetch(`${BASE_URL}/eventsnextleague.php?id=${id}`);
            const data = await res.json();
            if (data && data.events) {
                allEvents = [...allEvents, ...data.events];
            }
        }

        if (allEvents.length > 0) {
            // --- FILTER ANTI-DUPLICATE LEVEL DEWA ---
            const uniqueMatches = [];
            const seen = new Set();

            allEvents.forEach(item => {
                // Kita bersihkan nama tim dari spasi, huruf besar, dan karakter aneh
                // "Wigan Athletic " vs "Wigan Athletic" -> Keduanya jadi "wiganathletic"
                const cleanHome = item.strHomeTeam.toLowerCase().replace(/[^a-z0-9]/g, '');
                const cleanAway = item.strAwayTeam.toLowerCase().replace(/[^a-z0-9]/g, '');
                const key = `${cleanHome}-${cleanAway}`;
                
                if (!seen.has(key)) {
                    seen.add(key);
                    uniqueMatches.push(item);
                }
            });

            // Urutkan & Simpan data yang sudah bersih
            uniqueMatches.sort((a, b) => new Date(a.strTimestamp) - new Date(b.strTimestamp));
            
            localStorage.setItem('DEWI5000_matches', JSON.stringify(uniqueMatches));
            localStorage.setItem('DEWI5000_last_fetch', now);
            
            // 3. PANGGIL RENDER DENGAN DATA BERSIH
            renderMatchCards(uniqueMatches);
            updateLiveTime();
        }
    } catch (e) {
        console.error("API Error:", e);
        renderMatchCards(getBackupData());
    }
}

function renderMatchCards(events) {
    const container = document.getElementById('matchContainer');
    if(!container) return;
    
    // --- FORCE CLEAR CONTAINER ---
    container.innerHTML = ''; 
    let html = '';

    const listPrediksi = [
        "Home Win / Over 1.5", "Away Win / Under 3.5", "Draw / Under 2.5", 
        "BTTS (Yes) / Over 2.5", "Home Win / Over 0.5 HT", "Away Win / Handicap -0.5"
    ];

    // Ambil maksimal 12 pertandingan saja biar rapi
    const finalData = events.slice(0, 12);

    finalData.forEach((m) => {
        const homeName = m.strHomeTeam.trim();
        const awayName = m.strAwayTeam.trim();
        const hScore = m.intHomeScore;
        const aScore = m.intAwayScore;
        const league = m.strLeague || "Football";
        const time = m.strTime || "00:00";
        
        const isLive = hScore !== null && hScore !== "";
        const sTag = isLive ? `<span class="tag-live">LIVE</span>` : `<span class="tag-wait">K.O ${time.substring(0,5)} WIB</span>`;
        
        const scoreHTML = isLive ? 
            `<div class="score-display">${hScore} - ${aScore}</div>` : 
            `<div class="score-display" style="font-size:16px; color:var(--primary);">UPCOMING</div>`;

        // Encode URL untuk logo agar tidak error karena spasi
        const homeBadge = m.strHomeTeamBadge || `https://www.thesportsdb.com/images/media/team/badge/tiny/${encodeURIComponent(homeName)}.png`;
        const awayBadge = m.strAwayTeamBadge || `https://www.thesportsdb.com/images/media/team/badge/tiny/${encodeURIComponent(awayName)}.png`;

        const prediksiRandom = listPrediksi[Math.floor(Math.random() * listPrediksi.length)];

        html += `
            <div class="match-card">
                <div class="match-header"><span style="color:var(--primary); font-weight:bold; font-size:10px;">${league}</span>${sTag}</div>
                <div class="teams-img">
                    <img src="${homeBadge}" width="45" height="45" loading="lazy" onerror="this.src='https://www.thesportsdb.com/images/media/team/badge/small/default.png'">
                    <span class="vs-text">VS</span>
                    <img src="${awayBadge}" width="45" height="45" loading="lazy" onerror="this.src='https://www.thesportsdb.com/images/media/team/badge/small/default.png'">
                </div>
                <div class="match-title">${homeName} vs ${awayName}</div>
                ${scoreHTML}
                <div class="prediksi-box"><span class="prediksi-label">Prediksi DEWI5000:</span><span class="prediksi-val">${prediksiRandom}</span></div>
                <div class="odds-row">
                    <div class="odd-btn">1 <span class="odd-val">${(1.3 + Math.random()).toFixed(2)}</span></div>
                    <div class="odd-btn">X <span class="odd-val">${(3.0 + Math.random()).toFixed(2)}</span></div>
                    <div class="odd-btn">2 <span class="odd-val">${(2.0 + Math.random()).toFixed(2)}</span></div>
                </div>
                <a href="https://dah-on-dewi5000.pages.dev/" class="btn-bet">PASANG BET</a>
            </div>`;
    });
    container.innerHTML = html;
}

    function getBackupData() {
        return [
            { strLeague: "Premier League", strHomeTeam: "Man City", strAwayTeam: "Arsenal", intHomeScore: "2", intAwayScore: "1", strTime: "21:00:00" },
            { strLeague: "La Liga", strHomeTeam: "Real Madrid", strAwayTeam: "Valencia", intHomeScore: null, intAwayScore: null, strTime: "23:45:00" }
        ];
    }

    // Fungsi utility lainnya (Odds, Drag, Modal, Slider) tetap sama
    function runLiveOdds() {
        document.querySelectorAll('.odd-val').forEach(el => {
            if (Math.random() > 0.8) {
                let val = parseFloat(el.innerText);
                let change = (Math.random() * 0.05).toFixed(2);
                let newVal = Math.random() > 0.5 ? (val + parseFloat(change)) : (val - parseFloat(change));
                el.innerText = Math.max(1.1, newVal).toFixed(2);
                el.style.color = Math.random() > 0.5 ? "#ff4d4d" : "#00ff41"; 
                setTimeout(() => el.style.color = "var(--live-green)", 600);
            }
        });
    }

    const jump = 275;
    function scrollLeftBtn() { document.getElementById('matchContainer').scrollBy({ left: -jump, behavior: 'smooth' }); }
    function scrollRightBtn() { document.getElementById('matchContainer').scrollBy({ left: jump, behavior: 'smooth' }); }
    function scrollLeftTesti() { document.getElementById('testiWrapper').scrollBy({ left: -jump, behavior: 'smooth' }); }
    function scrollRightTesti() { document.getElementById('testiWrapper').scrollBy({ left: jump, behavior: 'smooth' }); }

    function enableDrag(el) {
        if(!el) return;
        let isDown = false, startX, scrollLeft;
        el.addEventListener('mousedown', (e) => { isDown = true; el.style.cursor = 'grabbing'; startX = e.pageX - el.offsetLeft; scrollLeft = el.scrollLeft; });
        el.addEventListener('mouseleave', () => isDown = false);
        el.addEventListener('mouseup', () => isDown = false);
        el.addEventListener('mousemove', (e) => { if(!isDown) return; e.preventDefault(); const x = e.pageX - el.offsetLeft; const walk = (x - startX) * 2; el.scrollLeft = scrollLeft - walk; });
    }

    function showFooterModal(type) {
        const modal = document.getElementById('footerModal');
        const content = document.getElementById('modalContent');
        let html = '';
        if (type === 'about') {
        html = `
            <h2>Tentang DEWI5000</h2>
            <p><strong>DEWI5000</strong> hadir sebagai gerbang resmi sportsbook dan bursa bola paling fair play tahun ini. Kami mengintegrasikan teknologi navigasi taruhan tercanggih untuk memastikan setiap member mendapatkan pengalaman betting yang transparan dan akurat.</p>
            <p>Sebagai agen bola terpercaya di Asia, prioritas kami adalah menghadirkan statistik real-time dan pasaran bola terlengkap bagi para bettor profesional maupun pemula.</p>
        `;
    } 
    else if (type === 'privacy') {
        html = `
            <h2>Kebijakan Privasi</h2>
            <p>Keamanan data Anda adalah misi utama kami. DEWI5000 menggunakan protokol enkripsi lisensi internasional terbaru untuk menjamin seluruh informasi member tetap aman dan bersifat anonim.</p>
            <p>Amankan posisi Anda tanpa rasa khawatir, karena setiap transaksi dilakukan melalui jalur enkripsi 256-bit yang tidak dapat ditembus oleh pihak ketiga mana pun.</p>
        `;
    } 
    else if (type === 'help') {
        html = `
            <h2>Pusat Bantuan & FAQ</h2>
            <p><strong>Q: Apakah bursa bola DEWI5000 benar-benar Fair Play?</strong><br>A: Tentu bous. Kami menghadirkan statistik real-time langsung dari pusat data olahraga dunia untuk menjamin keadilan taruhan.</p>
            <p><strong>Q: Berapa lama proses Withdraw di DEWI5000?</strong><br>A: Kami menjamin layanan tanpa delay. Penarikan dana diproses secepat kilat (rata-rata 1-3 menit) dan pastinya tanpa potongan (0%).</p>
            <p><strong>Q: Bagaimana cara mendapatkan profit maksimal?</strong><br>A: Selalu pantau bursa taruhan dan pasaran bola terlengkap di DEWI5000 setiap hari untuk mendapatkan odds terbaik di Asia.</p>
        `;
    } 
    else if (type === 'link') {
        html = `
            <h2>Link Alternatif Resmi</h2>
            <p>Pastikan Anda selalu menggunakan akses resmi untuk menghindari nawala dan gangguan koneksi:</p>
            <ul style="list-style: none; padding: 0;">
                <li style="margin-bottom: 12px;"><a href="https://bomhao.55dewi.com/register?ref=NAGALARI777" style="color:var(--primary); font-weight:bold; background: #0a0a0a; padding: 12px; display: block; border: 1px solid #333; border-radius: 8px; text-align: center;">LINK ALTERNATIF RESMI</a></li>
            </ul>
            <p style="font-size: 11px; text-align: center; color: #666;">*Disarankan simpan link ini di bookmark browser Anda.</p>
        `;
    }
        content.innerHTML = html;
        modal.style.display = "block";
    }

    function closeFooterModal() { document.getElementById('footerModal').style.display = "none"; }
    function closePromo() { document.getElementById('promoModal').style.display = "none"; }

    window.onload = () => {
        setTimeout(() => { document.getElementById('promoModal').style.display = "block"; }, 1500);
        updateMatches();
        enableDrag(document.getElementById('matchContainer'));
        enableDrag(document.getElementById('testiWrapper'));
        setInterval(updateLiveTime, 1000);
        setInterval(runLiveOdds, 5000);
        setInterval(() => {
            const s = document.getElementById('mainSlider');
            if(!s) return;
            const slidesCount = s.getElementsByClassName('slide').length;
            let idx = (parseInt(s.dataset.idx) || 0) + 1;
            if(idx >= slidesCount) idx = 0;
            s.style.transform = `translateX(-${idx * 100}%)`;
            s.dataset.idx = idx;
        }, 5000);
    };

    document.addEventListener('contextmenu', e => e.preventDefault());
</script>
<div id="footerModal" class="modal-footer">
    <div class="modal-footer-content">
        <span class="close-modal" onclick="closeFooterModal()">&times;</span>
        <div id="modalContent">
            </div>
    </div>
</div>
<div id="promoModal" class="promo-modal">
    <div class="promo-content">
        <span class="close-promo" onclick="closePromo()">&times;</span>
        <img src="https://www.bobscnc.com/asset/dewi50000.jpg" class="promo-img" alt="Promo DEWI5000">
        <div class="promo-body">
            <h2>GARASI KEMENANGAN!</h2>
            <p>Selamat Datang di DEWI5000 Official. Klaim Bonus Eksklusif Member Baru Sekarang!</p>
            <div class="promo-bonus">BONUS DEPOSIT 100%</div>
            <a href="https://best.cutpro.ly/dewi5000" class="btn-promo-gas">KLAIM BONUS SEKARANG</a>
        </div>
    </div>
</div>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"69c2eada16284050ab701045aad5f69f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>