<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ASIAN4D Slot Online Terpercaya &amp; Resmi Pembawa Keberuntungan Tahun Ini</title>    
    <meta name="description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<link rel="canonical" href="https://asian4d.com/">
<link rel="amphtml" href="https://asian4d-mobile.com/">
<link rel="alternate" hreflang="id-id" href="https://asian4d-mobile.com/"/>
<link rel="alternate" href="https://asian4d-mobile.com/"/>
<link rel="alternate" hreflang="id" href="https://asian4d-mobile.com/"/>
<link rel="alternate" hreflang="en" href="https://asian4d.com/"/>
<link rel="alternate" hreflang="x-default" href="https://asian4d-mobile.com/"/>
<meta name="keywords" content="asian4d, asian 4d" />
<meta http-equiv="X-Frame-Options" content="DENY" />
<meta content="utf-8" http-equiv="encoding" />
<meta name="author" content="ASIAN4D">
<meta name="robots" content="index, follow">
<meta name="copyright" content="ASIAN4D" />
<meta name="language" content="ID" />
<meta name="geo.region" content="ID" />
<meta name="geo.placename" content="INDONESIA" />
<meta property="og:type" content="website">
<meta property="og:title" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini">
<meta property="og:description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<meta property="og:url" content="https://asian4d.com/">
<meta property="og:site_name" content="ASIAN4D">
<meta property="og:locale" content="id_ID">
<meta property="og:image" content="https://imageoky.site/26889/uploads/asian4d/LOGOWEB.webp">
<meta property="og:image:alt" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini ">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini">
<meta name="twitter:description" content="ASIAN4D Hadir seabgai situs slot online terpercaya yang memberikan berbagai macam keberuntungan dan kenyamanan bermain yang bisa kamu dapatkan di tahun 2026.">
<meta name="twitter:image" content="https://imageoky.site/26889/uploads/asian4d/LOGOWEB.webp">
<meta name="google-site-verification" content="yr324Ogp7oAqMpI6Y56GMgFkVQx6SxnpD53ceTcvXUk" />

<meta name="publisher" content="ASIAN4D">


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2FWW7RNJNT"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2FWW7RNJNT');
</script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '27039843842314914');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=27039843842314914&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '695069653589371');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=695069653589371&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1090461066411427');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1090461066411427&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1850598999178514');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1850598999178514&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1889222745322316');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1889222745322316&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1357883285834103');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1357883285834103&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code asian 6 des  -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '739019758938894');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=739019758938894&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code PIX15DES -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '701048072877788');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=701048072877788&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '3569118803265084');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=3569118803265084&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code X AGENCY -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1218442786837268');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1218442786837268&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '25106521839025107');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=25106521839025107&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '822086154302342');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=822086154302342&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1877701862896295');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1877701862896295&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1668895344425029');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1668895344425029&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ASIAN4D hardir sebagai situs Slot online terbaik yang menyediakan sistem terupdate untuk akses lebih mudah ke dalam permainan serta pembayaran nyata atas kemenanangan yang sudah kamu dapatkan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah ASIAN4D Merupakan Situs Terpercaya?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tentu saja, ASIAN4D selalu menjaga kepercayaan para pemainnya dengan mempermudah akses ke dalam permainan slot resmi dan juga menjamin kemenangan yang sudah didapat akan dibayar secara tuntas."
      }
    },
    {
      "@type": "Question",
      "name": "Kenapa Masyarakat Memilih ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Dengan tampilan yang moderen dan mudah di mengerti, ASIAN4D tentunya membuat pemain harian slot merasa nyaman karena keaamanan akun yang di jaga dengan baik. Tentunya membuat saldo para pemain tidak akan hilang dengan sendirinya."
      }
    },
    {
      "@type": "Question",
      "name": "Bagiaman Dengan Teransaksi di ASIAN4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "ASIAN4D memiliki bank resmi yang sudah berdiri di Indonesia, jadi kamu bisa mendaftar menggunakan bank apa saja dan tentunya setiap transaksi yang kamu lakukan akan di proses dengan mudah tanpa ada kendala bank tidak bisa di gunakan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah ASIAN4D Cocok Untuk Pengguna Baru?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Benar sekali, ASIAN4D sudah memiliki tampilan yang orang awam pun langsung mengerti bagaiman caranya bermain slot online. Kamu tidak perlu khwatair jika masih baru maka akan langsung paham bagaiamana alur permainan yang ingin dilakukan."
      }
    }
  ]
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "url": "https://asian4d.com/",
  "logo": "https://imgstore.io/images/2026/05/18/favicon.png",
  "name": "ASIAN4D",
  "description": "ASIAN4D merupakan platform hiburan online resmi dan terpercaya tahun 2026 yang menghadirkan berbagai pilihan permainan populer dengan sistem modern, akses stabil, dan pengalaman bermain yang nyaman bagi pengguna di Indonesia."
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "ASIAN4D",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "ASIAN4D SLOT",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SLOT ONLINE TERPERCAYA",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "SLOT RESMI",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "ASIAN4D TERPERCAYA",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "ASIAN4D RESMI",
      "item": "https://asian4d.com/"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "name": "ASIAN4D Slot Online Terpercaya & Resmi Pembawa Keberuntungan Tahun Ini",
      "item": "https://asian4d.com/"
    }
  ]
}
</script>    
    <link rel="preconnect" href="https://img.viva88athenae.com">
    <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
    <link href="/css/new/vendor/bootstrap.min.css?v=1787379177" rel="stylesheet">
    <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
</style>    <style id="jt-theme">/* Theme: LD — LD */
:root {
    /* --- Accent --- */
    --accent-color:               rgba(212,187,130,1);

    /* --- Text --- */
    --primary-text-color:         #ffffff;
    --secondary-text-color:       #FFD86A;
    --accent-text-color:          #bd9f55;

    /* --- Teks tambahan --- */
    --muted-text-color:           #FFD86A;
    --muted-text-color-secondary: #2b2626;
    --muted-text-color-tertiary:  #b5964a;

    /* --- Background utama --- */
    --primary-background-color:   #111111;
    --secondary-background-color: #0a0a0a;
    --ternary-background-color:   #1a1a1a;
    --quaternary-background-color: #111111;

    /* --- Background tambahan --- */
    --placeholder-bg:             #262626;
    --overlay-bg:                 rgba(0,0,0,0.6);
    --handle-color:               rgba(255,255,255,0.2);
    --table-hover-bg:             rgba(189,159,85,0.05);
    --btn-close-hover-bg:         rgba(128,128,128,0.12);
    --qr-bg:                      #ffffff;

    /* --- Navbar --- */
    --navbar-bg:                  var(--ternary-background-color);
    --bottom-navbar-bg:           var(--ternary-background-color);

    /* --- Navbar text --- */
    --navbar-text-color:          #ffffff;
    --bottom-navbar-text-color:   #ffffff;

    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
    --topbar-link-color:          var(--primary-text-color);
    --section-title-color:        var(--primary-text-color);
    --togel-market-name-color:    var(--primary-text-color);
    --balance-text-color:         var(--accent-text-color);
    --nav-active-color:           var(--accent-text-color);
    --marquee-date-color:         var(--accent-text-color);
    --username-text-color:        var(--secondary-text-color);
    --marquee-text-color:         var(--secondary-text-color);

    /* --- Menu / Marquee / Search --- */
    --menu-box-bg:                rgba(189,159,85,0.05);
    --marquee-bg:                 #0a0a0a;
    --search-bg:                  #1a1a1a;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:    #262115;
    --widget-profile-bg-end:      #0a0a0a;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:    #b88e27;
    --btn-deposit-color-mid:      #dab251;
    --btn-deposit-color-end:      #b88e27;
    --btn-deposit-text:           #000000;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:   #191919;
    --btn-withdraw-color-end:     #363636;
    --btn-withdraw-text:          #000000;

    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
    --tx-tab-active-color:        #ffffff;
    --tx-table-accent-color:      var(--accent-text-color);

    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
    --table-stripe-odd-bg:        var(--ternary-background-color);
    --table-stripe-even-bg:       var(--secondary-background-color);
    --input-placeholder-color:    #6b7280;

    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
    --cms-nav-color:              var(--muted-text-color);
    --cms-nav-hover-color:        var(--secondary-text-color);
    --cms-nav-active-color:       var(--primary-text-color);

    /* --- History table --- */
    --color-tanggal:              #ef5350;
    --color-pasaran:              #42a5f5;
    --color-debit:                #ef5350;
    --color-kredit:               #66bb6a;
    --color-balance:              #42a5f5;

    /* --- Component backgrounds --- */
    --btn-menu-bg:                var(--ternary-background-color);
    --card-bg:                    var(--quaternary-background-color);
    --avatar-bg:                  var(--ternary-background-color);
    --table-header-bg:            var(--ternary-background-color);
    --dropdown-bg:                var(--secondary-background-color);
    --sidebar-bg:                 var(--secondary-background-color);
    --input-bg:                   var(--secondary-background-color);
    --menu-box-border-color:      rgba(189,159,85,0.12);
    --breadcrumb-color:           var(--accent-color);
    --alert-danger-bg:            #ee5f5b;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:           rgba(189,159,85,0.10);
    --accent-bg-active:           rgba(189,159,85,0.12);
    --accent-border-subtle:       rgba(189,159,85,0.32);

    /* --- Skeleton shimmer --- */
    --skeleton-color-base:        var(--ternary-background-color);
    --skeleton-color-shine:       #2c2c2c;

    /* --- Card togel pasaran (home) --- */
    --togel-card-bg:               #1a1a1a;
    --togel-card-number-color:    var(--primary-text-color);

    /* --- Splide pagination --- */
    --splide-pagination-inactive: #dee2e6;

    /* --- Border --- */
    --border-color:               rgba(255,255,255,0.08);
    --border-subtle-color:        rgba(255,255,255,0.04);

    /* --- Font & Radius --- */
    --font-body:                  "Ubuntu", sans-serif;
    --radius-sm:                  6px;
    --radius-md:                  8px;
    --radius-lg:                  10px;
    --radius-xl:                  12px;
    --radius-pill:                999px;

    /* --- Font sizes --- */
    --fs-xs:                      10px;
    --fs-sm:                      11px;
    --fs-md:                      12px;
    --fs-base:                    13px;
    --fs-lg:                      14px;
    --fs-xl:                      15px;
    --fs-2xl:                     16px;
    --fs-3xl:                     18px;
}

:root[data-theme="light"] {
    /* --- Light theme overrides (auto-generated dari base gelap) --- */
    /* --- Accent --- */
    --accent-color:                rgba(212,187,130,1);

    /* --- Text --- */
    --primary-text-color:          #141414;
    --secondary-text-color:        #2b2b2b;
    --accent-text-color:           #725e2c;

    /* --- Teks tambahan --- */
    --muted-text-color:            #595959;
    --muted-text-color-secondary:  #5c5656;
    --muted-text-color-tertiary:   #6c6147;

    /* --- Background utama --- */
    --primary-background-color:    #cfbdaa;
    --secondary-background-color:  #f2ede8;
    --ternary-background-color:    #e7ded5;
    --quaternary-background-color: #ede6de;

    /* --- Background tambahan --- */
    --placeholder-bg:              #ded1c4;
    --overlay-bg:                  rgba(0,0,0,0.6);
    --handle-color:                rgba(0,0,0,0.2);
    --table-hover-bg:              rgba(161,132,62,0.05);
    --btn-close-hover-bg:          rgba(128,128,128,0.12);
    --qr-bg:                       #ffffff;

    /* --- Navbar --- */
    --navbar-bg:                   var(--ternary-background-color);
    --bottom-navbar-bg:            var(--ternary-background-color);

    /* --- Navbar text --- */
    --navbar-text-color:           #141414;
    --bottom-navbar-text-color:    #141414;

    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
    --topbar-link-color:           var(--primary-text-color);
    --section-title-color:         var(--primary-text-color);
    --togel-market-name-color:     var(--primary-text-color);
    --balance-text-color:          var(--accent-text-color);
    --nav-active-color:            var(--accent-text-color);
    --marquee-date-color:          var(--accent-text-color);
    --username-text-color:         var(--secondary-text-color);
    --marquee-text-color:          var(--secondary-text-color);

    /* --- Menu / Marquee / Search --- */
    --menu-box-bg:                 rgba(161,132,62,0.05);
    --marquee-bg:                  #f2ede8;
    --search-bg:                   #e7ded5;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:     #ded1c4;
    --widget-profile-bg-end:       #f2ede8;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:     #82651c;
    --btn-deposit-color-mid:       #c19529;
    --btn-deposit-color-end:       #82651c;
    --btn-deposit-text:            #000000;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:    #f0eeea;
    --btn-withdraw-color-end:      #e2dfd9;
    --btn-withdraw-text:           #141414;

    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
    --tx-tab-active-color:         var(--accent-color);
    --tx-table-accent-color:       var(--accent-text-color);

    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
    --table-stripe-odd-bg:         var(--primary-background-color);
    --table-stripe-even-bg:        var(--secondary-background-color);
    --input-placeholder-color:     #6b7280;

    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
    --cms-nav-color:               var(--muted-text-color);
    --cms-nav-hover-color:         var(--secondary-text-color);
    --cms-nav-active-color:        var(--primary-text-color);

    /* --- History table --- */
    --color-tanggal:               #ce1613;
    --color-pasaran:               #0a6ab8;
    --color-debit:                 #ce1613;
    --color-kredit:                #347537;
    --color-balance:               #0a6ab8;

    /* --- Component backgrounds --- */
    --btn-menu-bg:                 var(--ternary-background-color);
    --card-bg:                     var(--ternary-background-color);
    --avatar-bg:                   var(--ternary-background-color);
    --table-header-bg:             var(--ternary-background-color);
    --dropdown-bg:                 var(--secondary-background-color);
    --sidebar-bg:                  var(--secondary-background-color);
    --input-bg:                    var(--secondary-background-color);
    --menu-box-border-color:       rgba(161,132,62,0.12);
    --breadcrumb-color:            var(--accent-color);
    --alert-danger-bg:             #ee5f5b;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:            rgba(114,94,44,0.10);
    --accent-bg-active:            rgba(114,94,44,0.12);
    --accent-border-subtle:        rgba(114,94,44,0.32);

    /* --- Skeleton shimmer --- */
    --skeleton-color-base:         var(--ternary-background-color);
    --skeleton-color-shine:        #ded1c4;

    /* --- Card togel pasaran (home) --- */
    --togel-card-bg:               var(--secondary-background-color);
    --togel-card-number-color:    var(--primary-text-color);

    /* --- Splide pagination --- */
    --splide-pagination-inactive:  #a8b2bd;

    /* --- Border --- */
    --border-color:                rgba(0,0,0,0.08);
    --border-subtle-color:         rgba(0,0,0,0.04);

    /* --- Font & Radius --- */
    --font-body:                   "Ubuntu", sans-serif;
    --radius-sm:                   6px;
    --radius-md:                   8px;
    --radius-lg:                   10px;
    --radius-xl:                   12px;
    --radius-pill:                 999px;

    /* --- Font sizes --- */
    --fs-xs:                       10px;
    --fs-sm:                       11px;
    --fs-md:                       12px;
    --fs-base:                     13px;
    --fs-lg:                       14px;
    --fs-xl:                       15px;
    --fs-2xl:                      16px;
    --fs-3xl:                      18px;
}

/* History table column colors */
.history-table .col-tanggal  { white-space: nowrap; color: var(--color-tanggal); }
.history-table .col-pasaran  { color: var(--color-pasaran); }
.history-table .col-betid    { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
.history-table .col-deskripsi { color: var(--primary-text-color); }
.history-table .col-balance  { white-space: nowrap; color: var(--color-balance); }
</style>    <link rel="stylesheet" href="/css/new/layout.min.css?v=1787379177">
    <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>

    <link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1787379177" media="print" onload="this.media='all'">
    <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1787379177" media="print" onload="this.media='all'">
    <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1787379177" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1787379177">
        <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1787379177">
        <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1787379177">
        <link rel="stylesheet" href="/css/new/game.min.css?v=1787379177">
    </noscript>

    <style>
    @media (max-width: 768px) {
        .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
        .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
        .driver-popover-description { font-size: 12px !important; }
    }
    </style>

    <style>
        a {
          color: inherit; /* blue colors for links too */
          text-decoration: inherit; /* no underline */
        }
    
        .desktop-only {
            display: block!important;
        }
        
        .mobile-only {
            display: none !important;
        }
        
        .btn {
            height: 30px;
            border-radius: 3px;
        }
        
        .login-field {
            width: 104px;
            height: 30px;
            border-radius: 3px;
        }

        .login-input-field {
            margin: 0px;
            padding: 0px 8px;
            border-radius: 3px !important;
        }
        
        .section>.home-view {
            padding: 0px;
        }

        @media only screen and (max-width: 1000px) {

            .desktop-only {
                display: none!important;
            }
                
            .mobile-only {
                display: block!important;
            }
            
            .login-form {
                padding: 32px 0;
                margin: 0px 64px;
                display: flex;
                flex-direction: column;
            }
            
            .login-field, .login-form>button, .btn-promosi {
                height: 36px;
                width: 100% !important;
                border-radius: 8px;
                overflow: hidden;
            }
                    
            .login-input-field {
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
                font-size: 1rem;
            }
            
            .section {
                padding: 0px 8px!important;
            }
        }

        .grecaptcha-badge {
            display: none !important;
        }
    </style>
    
    
</head>
  <body>
    <script src="/js/new/vendor/jquery.min.js?v=1787379177"></script>
    <script>
        window.JT_CSRF_TOKEN = '9cee35dfd30c048ecd30829f29318708f2fa18ab48968852736581aeeb2c43f6';
        window.JT_NEED_RECAPTCHA_REGISTER = false;
        window.JT_NEED_RECAPTCHA_LOGIN = false;
        window.JT_NEED_RECAPTCHA = false;
        window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
        window.JT_NEED_TURNSTILE_REGISTER = false;
        window.JT_NEED_TURNSTILE_LOGIN = false;
        window.JT_NEED_TURNSTILE = false;
        window.JT_NEED_IFRAME_CAPTCHA = false;
        window.JT_CAPTCHA_LOGIN_MODE = '1';
        window.JT_CAPTCHA_REGISTER_MODE = '1';

        $.ajaxSetup({
            beforeSend: function (xhr, settings) {
                if (settings.type === 'POST' && !settings.crossDomain) {
                    xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
                }
            }
        });

        var _recaptchaLoader = null;
        function jtLoadRecaptcha() {
            if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
            if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
            if (_recaptchaLoader) return _recaptchaLoader;
            _recaptchaLoader = new Promise(function (resolve, reject) {
                var s = document.createElement('script');
                s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
                s.async = true;
                s.onload = function () { resolve(); };
                s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
                document.head.appendChild(s);
            });
            return _recaptchaLoader;
        }

        
        function jtWarmAuthScripts() {
            if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
            if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
                window.turnst('').catch(function () {});
            }
        }

        $(document).on(
            'focusin',
            '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
            jtWarmAuthScripts
        );
        $(document).on(
            'click',
            '.btn-daftar, [onclick*="register"], a[href*="register"]',
            jtWarmAuthScripts
        );

        function jtNeedRecaptchaRegister($form) {
            var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
            return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
        }

        function jtNeedRecaptchaLogin($form) {
            var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
            return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
        }

        function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
            if (!shouldRun) {
                onReady();
                return;
            }
            var fieldName = tokenField || 'recaptcha_token';
            var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
            function showFail(msg) {
                if (warnCls) {
                    $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
                } else {
                    $status.removeClass().text(msg).fadeIn(1000);
                }
                if (typeof onFail === 'function') {
                    onFail();
                }
            }
            jtLoadRecaptcha().then(function () {
                if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
                    showFail('Verifikasi gagal dimuat, refresh halaman');
                    return;
                }
                grecaptcha.enterprise.ready(function () {
                    grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
                        .then(function (token) {
                            jtSetHidden($form, fieldName, token);
                            onReady();
                        })
                        .catch(function () {
                            showFail('Verifikasi gagal, coba lagi');
                        });
                });
            }).catch(function () {
                showFail('Verifikasi gagal dimuat, refresh halaman');
            });
        }

        function jtWithRecaptchaRegisterToken($form, $status, onReady) {
            jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
        }

        function jtWithRecaptchaLoginToken($form, $status, onReady, onFail) {
            jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
        }

        function jtSetHidden($form, name, value) {
            var $el = $form.find('input[name="' + name + '"]');
            if ($el.length === 0) {
                $form.append('<input type="hidden" name="' + name + '" value="">');
                $el = $form.find('input[name="' + name + '"]');
            }
            $el.val(value);
        }

        function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
            if (!needFlag || typeof window.turnst !== 'function') {
                onReady();
                return;
            }
            window.turnst(actionName).then(function (fpResult) {
                jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
                jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
                onReady();
            }).catch(function () {
                jtSetHidden($form, 'fp_event_id', '');
                jtSetHidden($form, 'fp_visitor_id', '');
                onReady();
            });
        }

        function jtWithTurnstileRegister($form, onReady) {
            jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
        }

        function jtWithTurnstileLogin($form, onReady) {
            jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
        }

        var _jtIframePending = null;

        function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
            if (!window.JT_NEED_IFRAME_CAPTCHA) {
                onReady();
                return;
            }
            var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
            var $modal = $(modalId);
            if ($modal.length === 0) {
                onReady();
                return;
            }
            _jtIframePending = {
                isMobile: !!isMobile,
                onReady: onReady,
                onCancelMsg: onCancelMsg || null
            };
            $modal.css('display', 'flex');
        }

        function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
            var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
            if (mode !== '2') {
                onReady();
                return;
            }
            jtShowIframeCaptcha(isMobile, function (token, key) {
                jtSetHidden($form, 'token', token || '');
                jtSetHidden($form, 'key', key || '');
                onReady();
            }, onCancelMsg);
        }

        window.addEventListener('message', function (e) {
            if (e.origin !== 'https://recaptcha.viva88athenae.com') {
                return;
            }
            if (!_jtIframePending) {
                return;
            }
            var pending = _jtIframePending;
            _jtIframePending = null;

            var dataCaptcha = e.data || {};
            var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
            $modal.css('display', 'none');

            if (dataCaptcha.verified !== true) {
                if (typeof pending.onCancelMsg === 'function') {
                    pending.onCancelMsg('Verifikasi Kosong');
                }
                return;
            }

            if (typeof pending.onReady === 'function') {
                pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
            }
        });
    </script>

      
<style>
    .btn-tele {
        text-shadow: 1px 1px #000000;
        height: 36px!important;
        border-radius: 8px;
        background: #28323C;
        color: white;
    }
</style>

    
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background-color); color: var(--primary-text-color); z-index: 99999">
    <div class="offcanvas-header py-3">
        <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5>
        <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--primary-text-color); font-size: 20px"></i></button>
    </div>
    <div class="offcanvas-body p-0">
            <div class="d-flex flex-column w-100 gap-1">
                
                                
                                                
                    <a  href="https://t.me/Asian4d" target='_blank' class="d-flex p-3 w-100 gap-3" style="background: linear-gradient(0deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%), var(--secondary-background)">
                       <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""></div>
                       <div style="color: var(--primary-text-color); font-size: 1.1rem">Telegram Official ASIAN4D</div>
                    </a>
                            
                                            

                                

            </div>

    </div>
</div>

            
    <style>
    
    #mySidenav {
    position: fixed;
    top: 180px;
    right: 100px;
    z-index: 999;
}

#mySidenav div#nav:hover {
  left: -138px;
}

#mySidenav div#nav {
    position: absolute;
    font-size: 20px;
    border-radius: 0 5px 5px 0;
    left: 36px;
    transition: 0.3s;
    display: flex;
}

#kontak-content {
    width: 190px;
    padding: 5px 10px 8px 10px;
    font-size: 15px;
    background-color: #FFF;
    color: #000;
}
    
</style>

            <!-- SIDENAV -->
            <div id="mySidenav" class="sidenav desktop-only">
                <div id="nav">
                    <div style="display: flex; align-items: start;">
                        <div style="height: 246px; width: 64px; background: var(--accent-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
                            
                            <img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami">

                        </div>
                        <!--<img id="about" src="/images/kontak.png?4">-->
                    </div>
                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
                       <div id="" style="padding: 4px">
                       <img src="/assets/24h.png" style="width: 100%" alt="Layanan 24 Jam">
                        </div>
                    
                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
                            
                                                                
                                                                                
                                            <a href="https://t.me/Asian4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""><span>Telegram Official ASIAN4D</span>
                                            </a>
                                            
                                            
                                    
                                                                
    
                        </div>
                            <div style="margin: 8px">
                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem!important; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
                            </div>
                    </div>
                </div>
            </div>
    
        
        
    
    <div class="d-none d-md-block px-2">
        
                        
                <div class="section desktop-topbar d-flex align-items-center justify-content-between">
                    <div class="d-flex align-items-center gap-4">
            
                    </div>
            
                                
                    <!-- Desktop Login Start -->
                    
                    <style>
                        
                        .login-form {
                            display: flex;
                            align-items: center;
                            justify-content: end;
                            gap: 4px;
                        }
                        
                        .btn-masuk {
                            background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important;
                            color: white;
                        }
                        
                        .btn-daftar {
                            background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important;
                            color: white;
                        }
                        
                    </style>
                    
                    <div class="d-flex align-items-center gap-2">
                        <div id="desktoplogin" class="desktop-only">
                            <form class="login-form form" role="form">
                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
                                <div class="input-group login-field">
                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
                                </div>
                                
                                
                                
                                <div class="input-group login-field">
                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
                                </div>
                                
                                <!-- captcha -->
                         
                                    <div class="verifikasiform" style="">
                                        <div style="display: flex; gap: 2px;">
                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span>
                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi">
                                        </div>
            
                                    </div>
                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                              
                                <!-- end captcha -->
            
            
                                <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button>
                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="javascript:content('/register.php')">Daftar</button>
            
                                <input type="hidden" name="task" value="login">
                                <input type="hidden" name="iscaptchalogin" value="1">
                                <input type="hidden" name="isrecaptchalogin" value="0">
                                <input type="hidden" name="recaptcha_login_token" value="">
                                <input type="hidden" name="fp_event_id" value="">
                                <input type="hidden" name="fp_visitor_id" value="">
                                <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
                            </form>

                                                        
                            <script>
                                function jtRandomString(length) {
                                    var result = '';
                                    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
                                
                                    for (var i = 0; i < length; i++) {
                                        result += characters.charAt(Math.floor(Math.random() * characters.length));
                                    }
                                
                                    return result;
                                }
                                
                                function jtGetCaptchaHtml(captchaPath, captchaStyle) {
                                    var r = Math.floor(Math.random() * 10000);
                                    return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">';
                                }
                                
                                function jtHandleLoginResponse(res, $root, verHtml) {
                                    var $msg = $root.find('#msgbox');

                                    var code = res && res.error && res.error.code;
                                    var msg  = res && res.error && res.error.message;
                                    var data = (res && res.data) || {};

                                    if (code === 200 && msg === 'success') {
                                        toast('Login berhasil', 200);
                                        $msg.removeClass().text('Logging in').fadeTo(900, 1, function() {
                                            var loginToken = jtRandomString(16);
                                            if (data.insecure) {
                                                window.location = '/home?login=' + loginToken + '&insecure=1';
                                            } else {
                                                window.location = '/home?login=' + loginToken;
                                            }
                                        });
                                        return;
                                    }

                                    if (msg === 'wrong') {
                                        $msg.removeClass().text('Salah Password').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'banned') {
                                        $msg.removeClass().text('User di Banned').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'empty') {
                                        $msg.removeClass().text('Silakan diisi').fadeIn(1000);
                                    } else if (msg === 'capempty') {
                                        $msg.removeClass().text('Verifikasi Kosong').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'caperror') {
                                        $msg.removeClass().text('Verifikasi Salah').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'recaperror') {
                                        $msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000);
                                    } else if (msg === 'iperror') {
                                        $msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'capexp') {
                                        $msg.removeClass().text('Captcha Expired').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    } else if (msg === 'cap') {
                                        $msg.removeClass().text('Isi Verifikasi').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                        $root.find('.verifikasiform, #mverifikasiform').show();
                                        $root.find('.verifval').val('1');
                                    } else if (msg === 'turnnoevent') {
                                        window.location.reload();
                                    } else if (msg === 'turnblock') {
                                        $msg.removeClass().text('Insecure Device').fadeIn(1000);
                                    } else {
                                        $msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000);
                                        $root.find('#verifikasi').html(verHtml);
                                    }
                                }
                                
                                function jtSubmitLogin(rootSel, captchaPath, captchaStyle) {
                                    var $root = $(rootSel);
                                    var $form = $root.find('form.form');
                                
                                    if ($form.length === 0) {
                                        $form = $root.find('.form');
                                    }
                                
                                    if ($form.length === 0) {
                                        console.error('Login form not found:', rootSel);
                                        return false;
                                    }
                                
                                    var $submitBtn = $root.find('.submit');
                                    var $msg = $root.find('#msgbox');
                                    var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle);
                                    var isMobile = (rootSel.indexOf('mobile') !== -1);
                                
                                    $msg.removeClass().text('Validating').fadeIn(1000);
                                
                                    $submitBtn.prop('disabled', true).addClass('disabled');

                                    function unlockSubmit() {
                                        $submitBtn.prop('disabled', false).removeClass('disabled');
                                    }

                                    function doLoginPost() {
                                        $.ajax({
                                            url: '/api/front/login',
                                            type: 'POST',
                                            data: $form.serialize(),
                                            dataType: 'json',
                                            headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
                                            success: function(data) {
                                                jtHandleLoginResponse(data, $root, verHtml);
                                            }
                                        })
                                        .fail(function() {
                                            $msg.removeClass().text('Koneksi gagal').fadeIn(1000);
                                            $root.find('#verifikasi').html(verHtml);
                                        })
                                        .always(unlockSubmit);
                                    }

                                    function afterTurnstile() {
                                        if (typeof jtWithRecaptchaLoginToken === 'function') {
                                            jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit);
                                        } else {
                                            doLoginPost();
                                        }
                                    }

                                    function afterIframe() {
                                        if (typeof jtWithTurnstileLogin === 'function') {
                                            jtWithTurnstileLogin($form, afterTurnstile);
                                        } else {
                                            afterTurnstile();
                                        }
                                    }

                                    if (typeof jtWithIframeCaptchaLogin === 'function') {
                                        jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) {
                                            $msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000);
                                            unlockSubmit();
                                        });
                                    } else {
                                        afterIframe();
                                    }
                                
                                    return false;
                                }
                                
                                // Login desktop
                                $(document).on('click', '#desktoplogin .submit', function(e) {
                                    e.preventDefault();
                                
                                    jtSubmitLogin(
                                        '#desktoplogin',
                                        '/capimg.php',
                                        'width="40" height="30" style="border:1px #999 solid;"'
                                    );
                                
                                    return false;
                                });
                                
                                // Login mobile
                                $(document).on('click', '#mobilelogin .submit', function(e) {
                                    e.preventDefault();
                                
                                    jtSubmitLogin(
                                        '#mobilelogin',
                                        '/mcapimg.php',
                                        'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"'
                                    );
                                
                                    return false;
                                });
                                
                                // Tekan Enter utk login
                                $(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) {
                                    if (e.which === 13) {
                                        e.preventDefault();
                                
                                        var $root = $(this).closest('#desktoplogin, #mobilelogin');
                                
                                        if ($root.attr('id') === 'desktoplogin') {
                                            $('#desktoplogin .submit').trigger('click');
                                        } else {
                                            $('#mobilelogin .submit').trigger('click');
                                        }
                                
                                        return false;
                                    }
                                });
                                
                                function jtEnsureDriver(done) {
                                    if (window.driver && window.driver.js) {
                                        done();
                                        return;
                                    }
                                    if (window._jtDriverLoading) {
                                        window._jtDriverLoading.push(done);
                                        return;
                                    }
                                    window._jtDriverLoading = [done];

                                    var link = document.createElement('link');
                                    link.rel = 'stylesheet';
                                    link.href = 'https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.css';
                                    link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC';
                                    link.crossOrigin = 'anonymous';
                                    document.head.appendChild(link);

                                    var s = document.createElement('script');
                                    s.src = 'https://cdn.jsdelivr.net/npm/driver.js@1.3.1/dist/driver.js.iife.js';
                                    s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO';
                                    s.crossOrigin = 'anonymous';
                                    s.onload = function () {
                                        var q = window._jtDriverLoading || [];
                                        window._jtDriverLoading = null;
                                        q.forEach(function (fn) {
                                            try { fn(); } catch (e) {}
                                        });
                                    };
                                    s.onerror = function () {
                                        window._jtDriverLoading = null;
                                    };
                                    document.head.appendChild(s);
                                }

                                function scrollToLoginForm() {
                                    if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts();
                                    var isDesktop = window.innerWidth >= 992;
                                    var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin');

                                    if (!formEl) {
                                        return;
                                    }

                                    formEl.scrollIntoView({
                                        behavior: 'smooth',
                                        block: 'center'
                                    });

                                    setTimeout(function() {
                                        var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]');

                                        if (inp) {
                                            inp.focus();
                                        }

                                        if (!inp) {
                                            return;
                                        }

                                        jtEnsureDriver(function () {
                                            if (!window.driver || !window.driver.js) {
                                                return;
                                            }

                                            var driver = window.driver.js.driver({
                                                popoverClass: 'driverjs-theme',
                                                showProgress: false,
                                                showButtons: [],
                                                overlayOpacity: 0.3,
                                                steps: [
                                                    {
                                                        element: inp,
                                                        popover: {
                                                            title: 'Harap Login',
                                                            description: 'Silakan masukkan username Anda',
                                                            side: 'bottom',
                                                            align: 'start',
                                                            showButtons: [],
                                                            nextBtnText: '',
                                                            prevBtnText: '',
                                                            doneBtnText: ''
                                                        }
                                                    }
                                                ],
                                                onDestroyStarted: () => driver.destroy(),
                                            });
                                            driver.drive();

                                            var destroyDriver = function() {
                                                driver.destroy();
                                                inp.removeEventListener('input', destroyDriver);
                                                inp.removeEventListener('click', destroyDriver);
                                                inp.removeEventListener('focus', destroyDriver);
                                            };
                                            inp.addEventListener('input', destroyDriver, { once: true });
                                            inp.addEventListener('click', destroyDriver, { once: true });
                                            inp.addEventListener('focus', destroyDriver, { once: true });
                                        });
                                    }, 400);
                                }
                                
                                window.JT_LOGGED_IN = false;
                                
                                if (sessionStorage.getItem('jt_pending_action')) {
                                    $(document).ready(function() {
                                        scrollToLoginForm();
                                    });
                                }
                                </script>
            
                        </div>
                    
                        
                        <!--<a href="/event">-->
                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
                        <!--</a>-->
                    </div>
                    
                    <!-- Desktop Login End -->
                  </div>
                  
                  <div class="desktop-topbar-line"></div>
                
                
                

        <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
            
                  <nav class="section desktop-mainnav d-flex align-items-center">
                    <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="content('/home.php','#content',this); return false;">
                      <img src="/images/logo.png?v=1787379177" alt="Logo" height="60">
                    </a>
                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
                                            <a href="/home"
                         onclick="content('/home.php','#content',this); return false;"                         class="desktop-nav-link"
                         data-nav="home">
                                                  <img src="https://img.viva88athenae.com/new/menu-home.png?v=1787379177" alt="">
                                                <span>Home</span>
                      </a>
                                            <a href="/togel"
                         onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
                         data-nav="togel">
                                                  <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1787379177" alt="">
                                                <span>Togel</span>
                      </a>
                                            <a href="/slot"
                         onclick="showProviders('slot',this); return false;"                         class="desktop-nav-link"
                         data-nav="slot">
                                                  <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1787379177" alt="">
                                                <span>Slot</span>
                      </a>
                                            <a href="/kupon"
                         onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
                         data-nav="kupon">
                                                  <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1787379177" alt="">
                                                <span>Kupon</span>
                      </a>
                                            <a href="/casino"
                         onclick="showProviders('casino',this); return false;"                         class="desktop-nav-link"
                         data-nav="casino">
                                                  <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1787379177" alt="">
                                                <span>Casino</span>
                      </a>
                                            <a href="/sport"
                         onclick="content('/game.php?content=sport','#content',this); return false;"                         class="desktop-nav-link"
                         data-nav="sport">
                                                  <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1787379177" alt="">
                                                <span>Sport</span>
                      </a>
                                            <a href="/sabung"
                         onclick="content('/game.php?content=sabung','#content',this); return false;"                         class="desktop-nav-link"
                         data-nav="sabung">
                                                  <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1787379177" alt="">
                                                <span>Sabung</span>
                      </a>
                                            <a href="/arcade"
                         onclick="showProviders('arcade',this); return false;"                         class="desktop-nav-link"
                         data-nav="arcade">
                                                  <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1787379177" alt="">
                                                <span>Arcade</span>
                      </a>
                                            <a href="/interactive"
                         onclick="showProviders('interactive',this); return false;"                         class="desktop-nav-link"
                         data-nav="interactive">
                                                  <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1787379177" alt="">
                                                <span>Interactive</span>
                      </a>
                                            <a href="/promosi"
                         onclick="content('/promosi.php','#content',this); return false;"                         class="desktop-nav-link"
                         data-nav="promosi">
                                                  <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1787379177" alt="">
                                                <span>Promosi</span>
                      </a>
                                            <a href="/event"
                         onclick="content('/event.php','#content',this); return false;"                         class="desktop-nav-link"
                         data-nav="event">
                                                  <img src="https://img.viva88athenae.com/new/menu-event.png?v=1787379177" alt="">
                                                <span>Event</span>
                      </a>
                                          </div>
                  </nav>
            
                </div>
        <!-- WHEEL -->
                <!-- WHEEL -->
        

            
                <nav class="navbar px-3 d-md-none" style="z-index: 1046">
                  <div class="w-100 d-flex justify-content-between align-items-center ps-3">
                    <a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;">
                      <img src="/images/logo.png?v=1787379177" alt="Logo" height="40">
                    </a>
                                            <div class="d-flex align-items-center gap-2 pe-2">
                          <button class="btn btn-transparent py-0 px-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Menu kontak">
                            <i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i>
                          </button>
                        </div>
                                              </div>
                  </div>
                </nav>
                


                
                

<style>

        .banner {
              aspect-ratio: 1920 / 380;
              width: 100%;
              object-fit: cover;
              background: black
        }

        @media only screen and (max-width: 1000px) {

            .banner {
                aspect-ratio: 600 / 300;
            }

        }

</style>

<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
  <div class="carousel-indicators">
                         <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="6" aria-label="Slide 7"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="7" aria-label="Slide 8"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="8" aria-label="Slide 9"></button>
                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="9" aria-label="Slide 10"></button>
              </div>
    <div class="carousel-inner" style="height: 100%">
                    <div class="carousel-item active" style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260823113555.jpg"
                        class="d-block w-100 banner"
                        alt=""
                        fetchpriority="high"                    >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260807134413.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260812110949.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260807134515.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260807134942.jpg"
                        class="d-block w-100 banner"
                        alt="Crypto Rush"
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20240308165142.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20260108154734.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20240308165205.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="https://img.viva88athenae.com/banner/mgl-25.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="https://img.viva88athenae.com/banner/slider-fgs.jpg"
                        class="d-block w-100 banner"
                        alt=""
                                            >
    
                </a>
    
            </div>
            </div>
</div>

                <div class="section marquee-bar">
                  <div class="marquee-date ps-2">
                    <span id="datetime"></span>
                    <i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i>
                  </div>
                  <div class="marquee-text">
                    <div class="marquee-runner" id="marqueeRunner">
                      <span>Selamat datang di Situs ASIAN4D! LINK ALTENATIF : https://infodomain.space/asian4d</span>
                    </div>
                  </div>
                </div>

                <div class="p-2">
                    <div class="d-md-none">
                    <div id="lobbyMenuWrap" class="splide pb-4 mt-2">
                      <div class="splide__track">
                        <ul class="splide__list">
                                                    <li class="splide__slide">
                            <a href="/home"
                               onclick="content('/home.php','#content',this); return false;"
                               class="lobby-menu"
                               data-nav="home">
                              <img src="https://img.viva88athenae.com/new/menu-home.png?v=1787379177" alt="">
                              <small>Home</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/togel"
                               onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"
                               class="lobby-menu"
                               data-nav="togel">
                              <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1787379177" alt="">
                              <small>Togel</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/kupon"
                               onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"
                               class="lobby-menu"
                               data-nav="kupon">
                              <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1787379177" alt="">
                              <small>Kupon</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/slot"
                               onclick="showProviders('slot',this); return false;"
                               class="lobby-menu"
                               data-nav="slot">
                              <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1787379177" alt="">
                              <small>Slot</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/casino"
                               onclick="showProviders('casino',this); return false;"
                               class="lobby-menu"
                               data-nav="casino">
                              <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1787379177" alt="">
                              <small>Casino</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sport"
                               onclick="content('/game.php?content=sport','#content',this); return false;"
                               class="lobby-menu"
                               data-nav="sport">
                              <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1787379177" alt="">
                              <small>Sport</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sabung"
                               onclick="content('/game.php?content=sabung','#content',this); return false;"
                               class="lobby-menu"
                               data-nav="sabung">
                              <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1787379177" alt="">
                              <small>Sabung</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/arcade"
                               onclick="showProviders('arcade',this); return false;"
                               class="lobby-menu"
                               data-nav="arcade">
                              <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1787379177" alt="">
                              <small>Arcade</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/interactive"
                               onclick="showProviders('interactive',this); return false;"
                               class="lobby-menu"
                               data-nav="interactive">
                              <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1787379177" alt="">
                              <small>Interactive</small>
                            </a>
                          </li>
                                                  </ul>
                      </div>
                    </div>
                    </div>

                    <script>
                    document.addEventListener('DOMContentLoaded', function () {
                      var lobbyEl = document.getElementById('lobbyMenuWrap');
                      if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
                        var mountLobby = function () {
                          if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
                          new Splide('#lobbyMenuWrap', {
                            type: 'slide', perPage: 5, perMove: 5,
                            gap: '8px', pagination: true, arrows: false, drag: true,
                          }).mount();
                        };
                        if (typeof ensureSplide === 'function') {
                          ensureSplide().then(mountLobby).catch(function () {});
                        } else {
                          mountLobby();
                        }
                      }

                      if (typeof initUserareaShell === 'function') {
                        initUserareaShell();
                      } else if (typeof initGuestShell === 'function') {
                        initGuestShell();
                      } else if (typeof content === 'function') {
                        var isDesktop = window.innerWidth >= 768;
                        var homeMenu = isDesktop
                          ? document.querySelector('.desktop-nav-link[data-nav="home"]')
                          : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]');
                        content('/home.php', '#content', homeMenu);
                      }
                    });
                    </script>
                </div>
                
                    
                <!-- Mobile Login Start -->
            
                <div id="mobilelogin" class="d-block d-lg-none mb-3">
                        <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form">
                        <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
                        <div class="input-group login-field">
                            <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
                            <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
                        </div>
                        <div class="input-group login-field">
                            <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
                            <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
                        </div>
                        
                        <!-- captcha -->
                       
                        <div id="mverifikasiform" class="w-100" style="">
                            
                            <span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></span>
                            <div class="input-group login-field mt-1">
                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
                                <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
                            </div>
                        </div>
                
                        <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
                
                        <!-- end captcha -->
                        
                        <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
                            <input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span>
                        </label>
                
                        <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
                        <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px">Masuk</button>
                        <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftarMobile()">Daftar Sekarang</button>
                        
                                                    <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/asian4d_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
                                        
                        
                        <input type="hidden" name="task" value="login">    
                        <input type="hidden" name="iscaptchalogin" value="1">
                        <input type="hidden" name="isrecaptchalogin" value="0">
                        <input type="hidden" name="recaptcha_login_token" value="">
                        <input type="hidden" name="fp_event_id" value="">
                        <input type="hidden" name="fp_visitor_id" value="">
                        <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
                    </form>

                                        
                    <a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
                
                </div>
            
                <!-- Mobile Login End -->

                <script>
                    function openDaftar() {
                        if (typeof content === 'function') {
                            content('/register.php');
                        } else {
                            window.location.href = '/register';
                        }
                    }
                    
                    function openDaftarMobile() {
                        if (typeof content === 'function') {
                            content('/mregister.php');
                        } else {
                            window.location.href = '/register';
                        }
                    }
                    
                    
                </script>

                
    <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
        <div id="modal-content" class="modal-content rounded-0 primary-background-color">
        </div>
      </div>
    </div>

    <div id="content" class="section p-2" style="position:relative;min-height:60vh;">
<div class="home-view">
            
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-bar-chart-fill me-1"></i>
            Pasaran Togel        </div>
        <div id="togel-panel" class="togel-grid-wrap togel-panel" style="margin-bottom: 20px;margin-top: 15px;">
                        <div class="togel-panel-more"><i class="bi bi-chevron-double-down"></i></div>
        </div>
    </div>

    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-fire me-1"></i>
            Hot Slot Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('JSzPHLYoZ4NBLBsput5dnhdF0CFzi5o3R_BkIhBcp7s', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('OzgoY7l_48Rg68DD_HEcGNQ5NgyJxPvnaGkCFKi47lo', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/mahjong-ways2.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('12o51jtB_kdfjNDXkAo25e_qepGVcr7QVO6yPzHNsyU', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympx.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('Uttb7ruqOKlxm1KTdxZHHgJ0iA910_jwlHHkROxX21n9r9l_jOG6Z6grJxBik9Aa', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vswaysmahwblck.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('EVn9wRtuDUTAZl6vhNtaYZcck5F5JhzO9LsmV9pEX30', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pg/images/wild-bounty-showdown.png?v=1" data-provider="pg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('67b0w4vswxCb0ZU4ilzrWS7p4SF3YT9JUE9ZxvANx1gZmTM80A-igjGrHxqlLrxW', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/vs20olympgold.png?v=1" data-provider="pp" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('n8OQP_bafKqe8REkewE03XW8JNoDrYkenP_1adIf2v0', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/cq9/images/VPCQS28.png?v=1" data-provider="cq9" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('AnpgNt8kTDyySi4p4wCaI52ZlkZolrppCy3bC7WTKUk', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mgw/images/6059.png?v=1" data-provider="mgw" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                <span class="game-flag-badge game-flag-badge--hot">HOT</span>
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('xPZkW0Hv-WXGlFndjgZFGF7_by1PU_YWzw2v4lwP2DZn9lRw7Tts41l9sAoW_m0c', 1200, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/mg/images/p5_mahjongmaxwin.png?v=1" data-provider="mg" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('LKW3u5z6rUOC4pVxQxJoJ9hU5xHhoZE2yrf1dZqbrUeVlJV6BwG634fedIdeU4We', 450, 800)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/fgs/images/S5G-H5-99950.png?v=1" data-provider="fgs" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        </div>
    </div>
    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-suit-heart-fill me-1"></i>
            Hot Casino Games        </div>
        <div class="game-scroll-wrap">
                    <div class="game-card" onclick="launchGame('DaMxm5buyUpxDHiCOSfB50_y1iNqCcsa39e9v0xTA2M', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1301.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('MqxZN164gFQa0Xb8obEYmeCcKCIu_UmtleKenoJzbZU', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/1101.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('_ML3Hxhi4_OBgHrnznuMD8obSvA9UY3tK-ZEbmks0b8', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/pp/images/801.png?v=1" data-provider="pplc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('ViKl23CDrUj2Q_16V7zN9jgkYNJrijZBhjqwKjw_UkM', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/icefishing.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('WGCrJnhDVIB-2P1M5LfPUs6jLV0d9ffPo14i_Y9Oml9d0QdoMXcgwNXKoWISPuYc', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ion/images/ion_roulette.png?v=1" data-provider="ion" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('DxLSSiTY8U6MQtVR9JQzDpP6k0ndzFrNpfaU8DYUv_g', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/crazytime.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('nZ4KPcD57b9ZaCTmwudxJhL6x1ALLGydlEYHqxPPZv6aj2wkU92QoCIP2TNoTJWc', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/evo/images/lightningstorm.png?v=1" data-provider="evo" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('fvNfEQYUsoJ5PgcW5LntwAeK29cRT1q_jcYqnURLlas', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sx/images/baccaratc1.png?v=1" data-provider="sx" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('B7b-Rb0hcUySCgetTPRZOzWgANzNc_pSwCbf1UPNOws', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/ptlc/images/rol.png?v=1" data-provider="ptlc" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        <div class="game-card" onclick="launchGame('2jnqiLfruuOa4YcDnz7h4kFL7CleNoCUfwIeeDij_pzTSUMg0nyHqP6wk3Z7V-6r', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sbo/images/sbol_roulette.png?v=1" data-provider="sbol" alt="" loading="lazy" decoding="async">
                <div class="game-img-placeholder"><i class="bi bi-controller"></i></div>
                
                
            </div>
            
        </div>        </div>
    </div>
    
        
        <div class="home-section">
        <div class="section-title">
            <i class="bi bi-trophy-fill me-1"></i>
            Sport Matches        </div>
        <div class="match-slider-wrap">
            <div id="sportMatchSplide" class="splide">
                <div class="splide__track">
                    <ul class="splide__list">
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">SPAIN LA LIGA</div>
                                <div class="kickoff-time">August 28, 2026 — 02:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png" class="team-logo" alt="">
                                        <div class="team-name">Barcelona</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(137664023)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png" class="team-logo" alt="">
                                        <div class="team-name">Athletic Bilbao</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        1.25                                        <small style="margin-left: 5px;">0.53</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1.25                                        <small style="margin-left: 5px;">-0.63</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">SPAIN LA LIGA</div>
                                <div class="kickoff-time">August 28, 2026 — 01:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/fd954d083ee85a6f1a3f2471dc756242.png" class="team-logo" alt="">
                                        <div class="team-name">Celta Vigo</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(143787276)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/c2050b940076df70b2ad0a6103c50df4.png" class="team-logo" alt="">
                                        <div class="team-name">Osasuna</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.42</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.52</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">GERMANY BUNDESLIGA</div>
                                <div class="kickoff-time">August 29, 2026 — 01:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/ef19a84a6745fe57aa786873d2b18e8a.png" class="team-logo" alt="">
                                        <div class="team-name">Bayern Munchen</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(138026751)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/bfdd500484330d63a723cbc396df762c.png" class="team-logo" alt="">
                                        <div class="team-name">VfB Stuttgart</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        1.5                                        <small style="margin-left: 5px;">0.67</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1.5                                        <small style="margin-left: 5px;">-0.77</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 29, 2026 — 02:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/42396d18444156e640c37476c2b41b93.png" class="team-logo" alt="">
                                        <div class="team-name">Crystal Palace</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285828)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" class="team-logo" alt="">
                                        <div class="team-name">Manchester City</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -0.75                                        <small style="margin-left: 5px;">-0.90</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.75                                        <small style="margin-left: 5px;">0.80</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 29, 2026 — 18:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png" class="team-logo" alt="">
                                        <div class="team-name">Liverpool</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285831)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/62572999d107f777efa4aeb907443527.png" class="team-logo" alt="">
                                        <div class="team-name">Nottingham Forest</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        1                                        <small style="margin-left: 5px;">0.80</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1                                        <small style="margin-left: 5px;">-0.90</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 30, 2026 — 20:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png" class="team-logo" alt="">
                                        <div class="team-name">Chelsea</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285826)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png" class="team-logo" alt="">
                                        <div class="team-name">Brighton &amp; Hove Albion</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.25                                        <small style="margin-left: 5px;">0.65</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -0.25                                        <small style="margin-left: 5px;">-0.75</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 29, 2026 — 21:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png" class="team-logo" alt="">
                                        <div class="team-name">Bournemouth AFC</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285825)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/9592d1e0be6375b9e6c5ef169b7aa864.png" class="team-logo" alt="">
                                        <div class="team-name">Everton</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.25                                        <small style="margin-left: 5px;">0.81</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -0.25                                        <small style="margin-left: 5px;">-0.91</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 29, 2026 — 23:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png" class="team-logo" alt="">
                                        <div class="team-name">Tottenham Hotspur</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285843)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/5dbe320855e3ba772dbce54f940c6fa5.png" class="team-logo" alt="">
                                        <div class="team-name">Newcastle United</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.73</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.83</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">August 30, 2026 — 22:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png" class="team-logo" alt="">
                                        <div class="team-name">Manchester United</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(136285839)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/cec3eaaa5271c1f2f036469593ecbcd8.png" class="team-logo" alt="">
                                        <div class="team-name">Ipswich Town</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        1                                        <small style="margin-left: 5px;">0.68</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1                                        <small style="margin-left: 5px;">-0.78</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">ITALY SERIE A</div>
                                <div class="kickoff-time">August 30, 2026 — 23:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/37ed13d27edccd30e053167962c02b3a.png" class="team-logo" alt="">
                                        <div class="team-name">Napoli</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(135186640)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/5f7059f40965e5a2cc00987e6bac2f32.png" class="team-logo" alt="">
                                        <div class="team-name">Como</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.77</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.87</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>

    
        
            <div class="home-section">
        <div class="widget-kupon" style="margin-top:20px;">
            <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php" title="Widget kupon" loading="lazy"></iframe>
            <div onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',null) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm())" style="position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;z-index:5;"></div>
        </div>
    </div>
    
    
</div>

<script>
(function () {
    function mountSportSplide() {
        var el = document.getElementById('sportMatchSplide');
        if (!el || el.classList.contains('is-initialized')) return;
        if (typeof Splide === 'undefined') return;
        new Splide('#sportMatchSplide', {
            type       : 'loop',
            perPage    : 3,
            gap        : '8px',
            autoplay   : true,
            interval   : 4500,
            pauseOnHover: true,
            pagination : true,
            arrows     : true,
            breakpoints: {
                767: { perPage: 1 }
            }
        }).mount();
    }
    function bootSportSplide() {
        if (typeof ensureSplide === 'function') {
            ensureSplide().then(mountSportSplide).catch(function () {});
        } else {
            mountSportSplide();
        }
    }
    // SSR: defer sampai Splide ready; AJAX: mount via ensureSplide.
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', bootSportSplide);
    } else {
        bootSportSplide();
    }
})();

var _sboLaunchToken = null;

function jtSboBet(matchId) {
    if (window.JT_LOGGED_IN && _sboLaunchToken) {
        var url = '/new/launch/' + _sboLaunchToken + (matchId ? '?matchId=' + encodeURIComponent(matchId) : '');
        var checkUrl = url + (url.indexOf('?') === -1 ? '?check=1' : '&check=1');
        var standalone = window.navigator.standalone === true ||
                         window.matchMedia('(display-mode: standalone)').matches;
        var isMobile = standalone || window.innerWidth < 768;
        var popup = isMobile ? null : window.open('about:blank', '_blank', 'width=1200,height=800,top=0,left=0,resizable=yes,scrollbars=yes');
        fetch(checkUrl, {credentials: 'same-origin'}).then(function(res) {
            if (res.ok) {
                if (popup) { popup.location.href = url; } else { window.location.href = url; }
            } else if (popup) {
                popup.close();
            }
        }).catch(function() {
            if (popup) popup.close();
        });
    } else {
        if (matchId) sessionStorage.setItem('jt_pending_action', JSON.stringify({type: 'sbo', matchId: matchId}));
        else sessionStorage.removeItem('jt_pending_action');
        if (typeof scrollToLoginForm === 'function') scrollToLoginForm();
    }
}

</script>

<div id="pasaranPopupOverlay" class="pasaran-popup-overlay">
    <div class="pasaran-popup themed-box">
        <div class="pasaran-popup-inner">
            <div class="pasaran-popup-header">
                <div class="pasaran-popup-select">
                    <button type="button" class="pasaran-popup-select-btn" onclick="ppToggleDropdown()" id="ppSelectBtn">
                        <span id="ppTitle">-</span>
                        <i class="bi bi-chevron-down"></i>
                    </button>
                    <div class="pasaran-popup-dropdown" id="ppDropdown"></div>
                </div>
                <button type="button" class="tx-btn-close" onclick="closePasaranPopup()" aria-label="Tutup"><i class="bi bi-x-lg"></i></button>
            </div>
            <div class="pasaran-popup-meta" id="ppMeta"></div>
            <div class="pasaran-popup-body">
                <table class="themed-table history-table" id="ppTable">
                    <thead>
                        <tr>
                            <th style="width:10%">No.</th>
                            <th>Tanggal</th>
                            <th>Hari</th>
                            <th>Periode</th>
                            <th>Result</th>
                        </tr>
                    </thead>
                    <tbody id="ppTableBody"></tbody>
                </table>
            </div>
            <div class="history-paging pasaran-popup-paging" id="ppPaging" style="display:none;">
                <ul class="h-pages" id="ppPages"></ul>
            </div>
        </div>
    </div>
</div>

<script>
window.addEventListener('message', function(e) {
    if (e.origin !== 'https://fkupon.com') return;
    var iframe = document.querySelector('.iframe-kupon');
    if (!iframe) return;
    var h = null;
    if (e.data && typeof e.data.height === 'number') h = e.data.height;
    else if (typeof e.data === 'number') h = e.data;
    if (h !== null) {
        iframe.style.height = Math.max(60, h) + 'px';
    }
});

// launchGame / copy helpers → main.js

var _ppMarkets       = [];
var _ppCurrentNameid = '';
var PP_PER_PAGE      = 10;

function showPasaranPopup(el) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    var nameid  = el.dataset.nameid || '';
    if (!overlay || !nameid) return;
    overlay.style.display = 'flex';
    ppSelectPasaran(nameid);
}

function ppFindMarket(nameid) {
    for (var i = 0; i < _ppMarkets.length; i++) {
        if (String(_ppMarkets[i].nameid) === String(nameid)) return _ppMarkets[i];
    }
    return null;
}

function ppRenderDropdown() {
    var dd = document.getElementById('ppDropdown');
    if (!dd) return;
    dd.innerHTML = '';
    _ppMarkets.forEach(function (m) {
        var btn = document.createElement('button');
        btn.type = 'button';
        btn.className = 'pasaran-popup-dd-item' + (String(m.nameid) === String(_ppCurrentNameid) ? ' active' : '');
        btn.textContent = m.name || '';
        btn.dataset.nameid = m.nameid || '';
        btn.addEventListener('click', function () { ppSelectPasaran(btn.dataset.nameid); });
        dd.appendChild(btn);
    });
}

function ppSelectPasaran(nameid) {
    var market = ppFindMarket(nameid);
    if (!market) return;
    _ppCurrentNameid = nameid;
    document.getElementById('ppTitle').textContent = market.name || '';
    var ppMetaRows = [
        ['Website', market.web],
        ['Hari Undi', market.hari],
        ['Jam Tutup', market.jam_tutup],
        ['Jam Result', market.jam_result]
    ];
    document.getElementById('ppMeta').innerHTML = ppMetaRows.map(function (r) {
        return '<div class="pasaran-popup-meta-row"><span class="pp-meta-label">' + esc(r[0]) + '</span><span class="pp-meta-value">: ' + esc(r[1] || '-') + '</span></div>';
    }).join('');
    ppRenderDropdown();
    ppCloseDropdown();
    ppLoadKeluaran(1);
}

function ppToggleDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.toggle('open');
    if (wrap) wrap.classList.toggle('open');
}

function ppCloseDropdown() {
    var dd   = document.getElementById('ppDropdown');
    var wrap = document.querySelector('.pasaran-popup-select');
    if (dd) dd.classList.remove('open');
    if (wrap) wrap.classList.remove('open');
}

function ppLoadKeluaran(page) {
    var tbody = document.getElementById('ppTableBody');
    tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-loading-cell"><div class="content-loader-wrap"><div class="loader"></div></div></td></tr>';

    fetch('/api/front/pasaran-keluaran?pasaran=' + encodeURIComponent(_ppCurrentNameid) + '&page=' + page + '&per_page=' + PP_PER_PAGE)
        .then(function (r) { return r.json(); })
        .then(function (res) {
            if (!res.error || res.error.code !== 200) { ppRenderError(); return; }
            var data = res.data || {};
            ppRenderRows(data.rows || [], data.pagination || {});
        })
        .catch(ppRenderError);
}

function ppRenderError() {
    document.getElementById('ppTableBody').innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Gagal memuat data.</td></tr>';
    document.getElementById('ppPaging').style.display = 'none';
}

function ppRenderRows(rows, pagination) {
    var tbody = document.getElementById('ppTableBody');
    if (!rows.length) {
        tbody.innerHTML = '<tr><td colspan="5" class="text-center pp-empty-cell" style="color:var(--secondary-text-color)">Tidak ada data.</td></tr>';
    } else {
        var page    = pagination.page || 1;
        var startNo = (page - 1) * PP_PER_PAGE;
        tbody.innerHTML = rows.map(function (row, i) {
            return '<tr>' +
                '<td class="text-center" style="color:var(--secondary-text-color)">' + (startNo + i + 1) + '</td>' +
                '<td class="pp-col-tanggal">' + esc(row.tanggal) + '</td>' +
                '<td class="pp-col-hari">' + esc(row.hari) + '</td>' +
                '<td>' + esc(row.pasaran) + '</td>' +
                '<td class="pp-col-result"><strong>' + esc(row.result) + '</strong></td>' +
                '</tr>';
        }).join('');
    }
    ppRenderPaging(pagination);
}

function ppRenderPaging(pagination) {
    var paging     = document.getElementById('ppPaging');
    var pagesList  = document.getElementById('ppPages');
    var totalPages = pagination.total_pages || 0;
    var page       = pagination.page || 1;

    if (totalPages <= 1) { paging.style.display = 'none'; return; }
    paging.style.display = '';

    pagesList.innerHTML = '';
    function btn(label, targetPage, disabled, active) {
        var li = document.createElement('li');
        var b  = document.createElement('button');
        b.innerHTML = label;
        if (disabled) b.disabled = true;
        if (active)   b.classList.add('active');
        b.addEventListener('click', function () { ppLoadKeluaran(targetPage); });
        li.appendChild(b);
        pagesList.appendChild(li);
    }
    function ellipsis() {
        var li   = document.createElement('li');
        var span = document.createElement('span');
        span.className = 'h-ellipsis';
        span.textContent = '...';
        li.appendChild(span);
        pagesList.appendChild(li);
    }

    btn('First', 1, page === 1, false);

    var winStart = Math.max(1, page - 2);
    var winEnd   = Math.min(totalPages, page + 2);
    for (var p = winStart; p <= winEnd; p++) btn(p, p, false, p === page);

    if (winEnd < totalPages) {
        if (winEnd < totalPages - 1) ellipsis();
        btn(totalPages, totalPages, false, page === totalPages);
    }

    btn('Last', totalPages, page === totalPages, false);
}

function closePasaranPopup() {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay) overlay.style.display = 'none';
    ppCloseDropdown();
}

document.addEventListener('click', function(e) {
    var overlay = document.getElementById('pasaranPopupOverlay');
    if (overlay && e.target === overlay) closePasaranPopup();

    var selectWrap = document.querySelector('.pasaran-popup-select');
    if (selectWrap && !selectWrap.contains(e.target)) ppCloseDropdown();
});

(function() {
    var PER_PAGE = 10;

    function initTogelPagination() {
        var wrap = document.querySelector('.togel-list-guest');
        if (!wrap) return;

        var rows = Array.prototype.slice.call(wrap.querySelectorAll('.togel-list-row'));
        var total = rows.length;
        if (total <= PER_PAGE) return;

        var totalPages = Math.ceil(total / PER_PAGE);
        var currentPage = 1;

        function showPage(page) {
            currentPage = page;
            rows.forEach(function(row, i) {
                var start = (page - 1) * PER_PAGE;
                row.style.display = (i >= start && i < start + PER_PAGE) ? 'flex' : 'none';
            });
            renderPager();
        }

        function renderPager() {
            var pager = document.getElementById('togelListPager');
            if (!pager) return;
            pager.innerHTML = '';

            for (var p = 1; p <= totalPages; p++) {
                (function(pg) {
                    var dot = document.createElement('button');
                    dot.className = 'tlp-dot' + (pg === currentPage ? ' active' : '');
                    dot.addEventListener('click', function() { showPage(pg); });
                    pager.appendChild(dot);
                })(p);
            }
        }

        var pager = document.createElement('div');
        pager.id = 'togelListPager';
        pager.className = 'togel-list-pager';
        wrap.parentNode.insertBefore(pager, wrap.nextSibling);

        var touchStartX = 0;
        wrap.addEventListener('touchstart', function(e) {
            touchStartX = e.changedTouches[0].clientX;
        }, { passive: true });
        wrap.addEventListener('touchend', function(e) {
            var dx = e.changedTouches[0].clientX - touchStartX;
            if (Math.abs(dx) < 40) return;
            if (dx < 0 && currentPage < totalPages) showPage(currentPage + 1);
            if (dx > 0 && currentPage > 1)           showPage(currentPage - 1);
        }, { passive: true });

        showPage(1);
    }

    initTogelPagination();
})();

(function() {
    var btn = document.querySelector('.togel-panel-more');
    if (!btn) return;
    btn.addEventListener('click', function() {
        var wrap = btn.closest('.togel-panel');
        if (wrap) wrap.classList.toggle('togel-panel--open');
    });
})();

function jtBootHomePartial() {
    var isLoggedIn = false;
    var bootMarkets = [{"name":"TOTO WUHAN","nameid":"TWH","periode":"660","status":1,"web":"www.totowuhan.com","hari":"Setiap Hari ( 09:00 | 12:00 | 15:00 | 18:00 | 21:00 | 00:00 )","jam_tutup":"Tiap 3 jam","jam_result":"Tiap 3 jam","result":"7623","date":"27/8/2026"},{"name":"HK SIANG","nameid":"HKD","periode":"892","status":1,"web":"www.hkpools1.com","hari":"Setiap Hari","jam_tutup":"10:30 WIB","jam_result":"11:00 WIB","result":"9069","date":"26/8/2026"},{"name":"CAMBODIA","nameid":"CMB","periode":"180","status":1,"web":"www.magnumcambodia.com","hari":"Setiap Hari","jam_tutup":"11:30 WIB","jam_result":"11:50 WIB","result":"0190","date":"26/8/2026"},{"name":"SG METRO","nameid":"SGM","periode":"923","status":1,"web":"www.sgmetro.com","hari":"Setiap Hari","jam_tutup":"12:30 WIB","jam_result":"13:00 WIB","result":"6673","date":"26/8/2026"},{"name":"SYDNEY","nameid":"SYD","periode":"892","status":1,"web":"www.sydneypools.info","hari":"Setiap Hari","jam_tutup":"13.30 WIB","jam_result":"14:00 WIB","result":"7150","date":"26/8/2026"},{"name":"SYDNEY POOL","nameid":"SYDP","periode":"062","status":1,"web":"https://www.sydneypoolstoday.com/","hari":"Setiap Hari","jam_tutup":"13:30 WIB","jam_result":"14:00 WIB","result":"1925","date":"26/8/2026"},{"name":"SINGAPORE","nameid":"SG","periode":"222","status":1,"web":"www.singaporepools.com.sg","hari":"Senin, Rabu, Kamis, Sabtu, Minggu","jam_tutup":"17:20 WIB","jam_result":"17:45 WIB","result":"1564","date":"26/8/2026"},{"name":"MALAYSIA SIANG","nameid":"MYD","periode":"891","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"14:30 WIB","jam_result":"15:00 WIB","result":"1303","date":"26/8/2026"},{"name":"MALAYSIA","nameid":"MY","periode":"839","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"18:30 WIB","jam_result":"19:00 WIB","result":"3204","date":"26/8/2026"},{"name":"MACAU","nameid":"MC","periode":"821","status":1,"web":"www.supersixmacau.com","hari":"Setiap Hari","jam_tutup":"19:30 WIB","jam_result":"20:00 WIB","result":"9282","date":"26/8/2026"},{"name":"QATAR","nameid":"QTR","periode":"161","status":1,"web":"www.qatarlottery.com","hari":"Setiap Hari","jam_tutup":"20:30 WIB","jam_result":"21:00 WIB","result":"3465","date":"26/8/2026"},{"name":"HONGKONG","nameid":"HK","periode":"314","status":1,"web":"www.hongkongpools.com","hari":"Setiap Hari","jam_tutup":"22:30 WIB","jam_result":"23:00 WIB","result":"6492","date":"26/8/2026"},{"name":"TOTOMACAU 0000","nameid":"TMC00","periode":"181","status":1,"web":"www.totomacaupools.club","hari":"Setiap Hari","jam_tutup":"23.45 WIB","jam_result":"00.00 WIB","result":"8456","date":"27/8/2026"},{"name":"TOTOMACAU 1300","nameid":"TMC13","periode":"180","status":1,"web":"www.totomacaupools.club","hari":"Setiap Hari","jam_tutup":"12.45 WIB","jam_result":"13.00 WIB","result":"4062","date":"26/8/2026"},{"name":"TOTOMACAU 1600","nameid":"TMC16","periode":"180","status":1,"web":"www.totomacaupools.club","hari":"Setiap Hari","jam_tutup":"15.45 WIB","jam_result":"16.00 WIB","result":"3202","date":"26/8/2026"},{"name":"TOTOMACAU 1900","nameid":"TMC19","periode":"180","status":1,"web":"www.totomacaupools.club","hari":"Setiap Hari","jam_tutup":"18.45 WIB","jam_result":"19.00 WIB","result":"5366","date":"26/8/2026"},{"name":"TOTOMACAU 2200","nameid":"TMC22","periode":"180","status":1,"web":"www.totomacaupools.club","hari":"Setiap Hari","jam_tutup":"21.45 WIB","jam_result":"22.00 WIB","result":"5862","date":"26/8/2026"}];

    function renderTogelCards(markets) {
        var panel = document.getElementById('togel-panel');
        if (!panel) return;

        var loading = panel.querySelector('.togel-cards-loading');
        if (loading) loading.remove();

        var moreBtn = panel.querySelector('.togel-panel-more');
        panel.querySelectorAll('.togel-grid-row').forEach(function (el) { el.remove(); });

        var mid  = markets.length > 10 ? Math.ceil(markets.length / 2) : Math.min(markets.length, 12);
        var rows = [markets.slice(0, mid), markets.slice(mid)];

        rows.forEach(function (row) {
            if (!row.length) return;
            var rowDiv = document.createElement('div');
            rowDiv.className = 'togel-grid-row';

            row.forEach(function (m) {
                var card = document.createElement('div');
                card.className = 'togel-card';

                var inner = '<div class="market-name">'  + esc(m.name)   + '</div>' +
                            '<div class="market-code">'  + esc(m.result) + '</div>' +
                            '<div class="market-info">'  + esc(m.date)   + '</div>';

                if (isLoggedIn) {
                    var isMarketOnline = String(m.status) === '1';
                    if (isMarketOnline) {
                        var marketCode = (m.nameid || '') + '-' + (m.periode || '');
                        card.setAttribute('onclick', "content('/togel-detail.php?market=" + encodeURIComponent(marketCode) + "','#content')");
                    } else {
                        card.setAttribute('onclick', "content('/togel.php','#content')");
                    }
                } else {
                    card.setAttribute('onclick', 'showPasaranPopup(this)');
                    card.dataset.nameid    = m.nameid     || '';
                    card.dataset.market    = m.name       || '';
                    card.dataset.website   = m.web        || '';
                    card.dataset.hari      = m.hari       || 'Setiap Hari';
                    card.dataset.jamTutup  = m.jam_tutup  || '-';
                    card.dataset.jamResult = m.jam_result || '-';

                    inner += '<div class="tc-guest-detail">' +
                        '<div class="tc-dr"><span>Web</span><span>'    + esc(m.web)       + '</span></div>' +
                        '<div class="tc-dr"><span>Buka</span><span>'   + esc(m.hari)      + '</span></div>' +
                        '<div class="tc-dr"><span>Tutup</span><span>'  + esc(m.jam_tutup) + '</span></div>' +
                        '<div class="tc-dr"><span>Result</span><span>' + esc(m.jam_result)+ '</span></div>' +
                        '</div>';
                }

                card.innerHTML = inner;
                rowDiv.appendChild(card);
            });

            panel.insertBefore(rowDiv, moreBtn || null);
        });
    }

    if (Array.isArray(bootMarkets) && bootMarkets.length) {
        _ppMarkets = bootMarkets;
        renderTogelCards(bootMarkets);
    }

    if (typeof initHomeGameImageFallback === 'function') {
        initHomeGameImageFallback(document);
    }

    (function() {
        function enableDragScroll(el) {
            var isDown = false, startX, scrollLeft;
            el.addEventListener('mousedown', function(e) {
                isDown = true;
                el.style.cursor = 'grabbing';
                startX = e.pageX - el.offsetLeft;
                scrollLeft = el.scrollLeft;
                e.preventDefault();
            });
            el.addEventListener('mouseleave', function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mouseup',    function() { isDown = false; el.style.cursor = ''; });
            el.addEventListener('mousemove',  function(e) {
                if (!isDown) return;
                el.scrollLeft = scrollLeft - (e.pageX - el.offsetLeft - startX);
            });
        }
        document.querySelectorAll('.home-view .game-scroll-wrap, .home-view .togel-grid-wrap').forEach(enableDragScroll);
    })();

    (function () {
        document.querySelectorAll('.home-view .game-scroll-wrap').forEach(function (wrap) {
            if (wrap.parentNode && wrap.parentNode.classList.contains('game-scroll-outer')) return;

            var outer = document.createElement('div');
            outer.className = 'game-scroll-outer';
            wrap.parentNode.insertBefore(outer, wrap);
            outer.appendChild(wrap);

            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            btnL.className = 'game-scroll-btn game-scroll-btn-l';
            btnR.className = 'game-scroll-btn game-scroll-btn-r';
            btnL.type = 'button';
            btnR.type = 'button';
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            outer.appendChild(btnL);
            outer.appendChild(btnR);

            function update() {
                var canL = wrap.scrollLeft > 0;
                var canR = wrap.scrollLeft < wrap.scrollWidth - wrap.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            function cardWidth() {
                var card = wrap.querySelector('.game-card');
                if (!card) return 120;
                return card.offsetWidth + 10;
            }
            btnR.addEventListener('click', function () {
                wrap.scrollBy({ left: cardWidth(), behavior: 'smooth' });
            });
            btnL.addEventListener('click', function () {
                wrap.scrollBy({ left: -cardWidth(), behavior: 'smooth' });
            });

            wrap.addEventListener('scroll', update);
            window.addEventListener('resize', update);
            update();
        });
    })();
}

if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', jtBootHomePartial);
} else {
    jtBootHomePartial();
}
</script>
</div>
    
    
<!-- Transaksi Start -->



<style>

    .transaksi-group {
        display: grid;
        grid-template-columns: 458px 1fr;
        justify-content: space-between;
        grid-template-areas:
        "transaksi-bank transaksi-other transaksi-crypto";
    }
    
    .transaksi-bank {
        grid-area: transaksi-bank;
        display: grid;
        place-items: center
    }
    
    .transaksi-other {
        grid-area: transaksi-other;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .transaksi-crypto {
        grid-area: transaksi-crypto;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
    }
    
    .icon-crypto {
        width: 24px;
        height: 24px;
    }
    
    .transaksi-list-bank {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 92px);
        grid-template-rows: repeat(4, auto);
        gap: 4px;
    }
    
    .transaksi-list-other {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(3, 92px);
        gap: 4px;
    }
    
    .transaksi-list-crypto {
        height: fit-content;
        display: grid;
        grid-template-columns: repeat(2, 80px);
        gap: 10px 8px;
    }
    
    
    .transaksi-item {
        display: flex;
        flex-direction: column;
        /* transform: perspective(10px) rotateX(3deg); */
    }
    
    .transaksi-header {

        height: 30px;
        border-radius: 5px;
        display: grid;
        place-items: center;
        font-weight: bold;
        border: 2px solid rgba(108,108,108,1);
        background: rgba(54,54,54,1);
        color: white;
    }
    
    .transaksi-status {
        margin-left: 3px;
        margin-right: 3px;
        height: 3px;
        border-radius: 0px 0px 4px 4px;
        background: rgb(54,54,54);
        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
    }
    
    .header-green {
        background: rgba(44,121,6,1);
        border-color: rgba(168,255,0,1);
    }
    
    .header-blue {
        background: rgba(0,80,89,1);
        border-color: rgba(0,255,204,1);
    }
    
    .status-green {
        background: rgb(44,121,6);
        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
    }
    
    .status-blue {
        background: rgb(0,80,89);
        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
    }
    
    .transaksi-name {
        font-size: 1.1rem; 
        font-weight: bold; 
        line-height: 1.5rem
    }
    
    .transaksi-wrapper {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }


    @media only screen and (max-width: 768px) {
        
        .transaksi-group {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-areas:
            "transaksi-bank"
            "transaksi-other"
            "transaksi-crypto";
            gap: 32px;
            margin-bottom: 8px;
            
        }
        
        .transaksi-header {
            font-size: 1.1rem;
            height: 36px;
        }
        
        .transaksi-list-bank {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-other {
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list-crypto {
            width: 86%;
            margin: auto;
            grid-template-columns: repeat(4, 1fr);
        }
        
        .transaksi-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
        }
        
        .transaksi-item {
            width: 100%;
        }
        
        .transaksi-title-group {
            justify-content: center;
            padding: 16px 0;
        }
        
        .transaksi-name {
            font-size: 1.3rem;
            text-align: center;    
            line-height: 1.8rem;
        }

        .transaksi-wrapper {
            width: 100%;
            max-width: 100%!important;
            gap: 1rem;
        }
        
        .icon-crypto {
            width: 28px;
            height: 28px;
        }

    }
</style>

    
    <style>
        .transaksi-wrapper {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
}

.transaksi-name {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.5rem;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.transaksi-list-bank, .transaksi-list-other {
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 8px 10px;
}


.transaksi-list-bank, .transaksi-list-other {
    height: fit-content;
    display: grid;
    grid-template-columns: repeat(4, minmax(80px, 1fr));
    gap: 4px 6px;
}


.transaksi-item {
    display: flex;
    flex-direction: column;
    position: relative;
}
.transaksi-header {
    height: 34px;
    border-radius: 6px;
    font-weight: bold;
    border: 2px solid rgba(108, 108, 108, 1);
    background: rgba(54, 54, 54, 1);
    color: white;
    min-width: 110px;
    padding: 0 16px 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.transaksi-header {
    border: none;
    padding: 0px;
    padding-bottom: 4px;
}

.transaksi-header.is-online::before {
    content: "";
    position: absolute;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 4px;
    bottom: 0%;
    background-color: #00ff66;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0, 255, 102, .85);
}

.transaksi-header.is-offline {
    padding: 0 16px;
    background: #2e2e2e;
    border-color: #555;
    opacity: .35;
    align-items: center;
    justify-content: center;
    text-align: center;
}
    </style>

 <div class="section desktop-only" style="min-height: 220px">

<div class="transaksi-group">
    <div class="transaksi-bank">

            <div class="transaksi-wrapper">
                <div class="transaksi-name">Bank Lokal</div>
                
                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                </div>
                <div class="carousel-inner" >
                                            <div class="carousel-item active" style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mandiri</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BNI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BRI</div>
                                    <div class="transaksi-status "></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">CIMB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Danamon</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Permata</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BJB</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">PANIN</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OCBC</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BSI</div>
                                    <div class="transaksi-status "></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">JAGO</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SeaBank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Sinarmas</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BluBCA</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Superbank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                            </div>
                        </div>
                    
                     
                     
                  </div>
                </div>

        </div>
    </div>
    
    <div class="transaksi-other">
            
            
            <div class="transaksi-wrapper" style="max-width: 458px">

                <div class="transaksi-name">E Money & Pulsa</div>

    
                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-other">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Telkomsel</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Axiata</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DANA</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">OVO</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">GOPAY</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">LinkAja</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Lain-lain</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
        
        
        
    </div>
    
     <div class="transaksi-crypto">
    <div class="transaksi-wrapper" style="max-width: 284px">

                <div class="transaksi-name mb-1">Crypto Currency</div>

    
                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
                    
                                        
                    </div>
                  <div class="carousel-inner" >
                                            <div class="carousel-item active">
                            <div class="transaksi-list-crypto">
                            
                                                        
                                                                
                                <div class="d-flex gap-2">
                                    <img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto" alt="USDT">
                                    <strong class="transaksi-name">USDT</strong>
                                    
                                </div>
                                                        
                                                            
                            </div>
                        </div>
                    
                     
                     
                </div>
            </div>
        </div>
    </div>
</div>

</div>


        


    <footer class="site-footer">
<div class="section">

    <div class="footer-nav">
                <a href="javascript:void(0)" onclick="modal('/cms.php?content=tentang')">TENTANG KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=bantuan')">BANTUAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=peraturan')">PERATURAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=bank')">INFORMASI BANK</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=hubungi')">HUBUNGI KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=privasi')">KEBIJAKAN PRIVASI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="modal('/cms.php?content=cookies')">PERSETUJUAN COOKIES</a>
            </div>

    <div class="footer-guidelines-wrap">
        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1787379177" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
    </div>

    <div class="footer-providers">
        <img src="https://img.viva88athenae.com/assets/provider.png?v=1787379177" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
        <img src="/images/new/provider-mobile.png?v=1787379177" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
    </div>

        <div class="footer-meta"><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<style>
  .site-title { color: gold; }

  .fixed-left[data-v-38a8c498] {
    position: fixed;
    z-index: 99;
    bottom: 80px;
    left: 10px;
    width: 120px;
  }

  /* Tombol utama: INFO BONUS dengan stroke NEON EMAS LUXURY */
  .info-bonus-btn {
    width: 120px;
    min-height: 46px;
    padding: 9px 10px;
    border: 2px solid #D4AF37;
    border-radius: 10px;
    background: linear-gradient(180deg, #1a1608 0%, #070603 55%, #020202 100%);
    color: #FFF3B0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .7px;
    cursor: pointer;
    outline: none;
    text-shadow:
      0 0 4px #D4AF37,
      0 0 8px #D4AF37,
      0 0 12px #D4AF37;
    box-shadow:
      0 0 5px #D4AF37,
      0 0 10px rgba(255, 215, 0, .95),
      0 0 18px rgba(212, 175, 55, .72),
      inset 0 0 8px rgba(255, 193, 7, .30);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    animation: infoBonusGoldPulse 1.6s ease-in-out infinite alternate;
  }

  .info-bonus-btn:hover {
    transform: translateY(-1px) scale(1.04);
    background: linear-gradient(180deg, #2a2108 0%, #0d0a03 60%, #030303 100%);
    box-shadow:
      0 0 8px #D4AF37,
      0 0 16px #D4AF37,
      0 0 28px rgba(255, 215, 0, 1),
      inset 0 0 12px rgba(255, 193, 7, .42);
  }

  .info-bonus-btn:active {
    transform: scale(.97);
  }

  @keyframes infoBonusGoldPulse {
    from {
      border-color: #D4AF37;
      text-shadow:
        0 0 3px #FFD700,
        0 0 6px #FFB800,
        0 0 10px rgba(255, 184, 0, .75);
      box-shadow:
        0 0 4px #D4AF37,
        0 0 8px #FFD700,
        0 0 14px rgba(255, 184, 0, .65),
        inset 0 0 6px rgba(255, 193, 7, .20);
    }
    to {
      border-color: #FFD700;
      text-shadow:
        0 0 5px #FFD700,
        0 0 10px #FFB800,
        0 0 16px rgba(255, 184, 0, 1);
      box-shadow:
        0 0 7px #FFD700,
        0 0 15px #FFD700,
        0 0 28px rgba(255, 184, 0, .95),
        inset 0 0 10px rgba(255, 193, 7, .35);
    }
  }

  /* Daftar icon disembunyikan dulu */
  .fixed-left main[data-v-38a8c498] {
    position: absolute;
    left: 0;
    bottom: 56px;
    width: 120px;
    padding: 12px;
    background-color: #000;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(.96);
    transform-origin: left bottom;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }

  /* Setelah tombol INFO BONUS diklik, icon akan keluar */
  .fixed-left.open main[data-v-38a8c498] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .fixed-left a[data-v-38a8c498],
  main[data-v-38a8c498] {
    display: block;
  }

  .fixed-img-100[data-v-38a8c498],
  .fixed-vippoint[data-v-38a8c498],
  .fixed-rtp[data-v-38a8c498],
  .fixed-bonus[data-v-38a8c498] {
    width: 100%;
  }

  .fixed-vippoint[data-v-38a8c498],
  .fixed-rtp[data-v-38a8c498],
  .fixed-bonus[data-v-38a8c498] {
    margin-bottom: 5px;
  }

  .fixed-rtp .animated[data-v-38a8c498],
  .fixed-wa .animated[data-v-38a8c498] {
    animation: zoom-data-v-38a8c498 1s ease-in-out infinite alternate;
  }

  @keyframes zoom-data-v-38a8c498 {
    from { transform: scale(1); }
    to { transform: scale(1.08); }
  }

  .vertical-align-center { align-items: center; }
  .dflex { display: flex !important; }
  .justify-content-center { justify-content: center !important; }

  .img-xxs { height: 20px; }

  @media (max-width: 1366px) {
    .img-xxs { height: 15px; }
  }

  .messagebleft-container {
    background: #9d8640;
    border: 2px solid var(--line-color, #9d8640);
  }

  .social {
    left: 0;
    width: 100%;
    position: fixed;
    top: 130px;
    z-index: 999999;
    background-size: contain;
    padding: 5px 1px 10px;
    margin: auto;
    text-align: center;
  }

  div.col-sm-0 span { display: none; }

  #ico {
    background: #131313;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px 3px;
    border: .5px solid #fff;
    display: inline-block;
  }

  div.social img {
    vertical-align: middle;
    display: inline;
  }

  div.social p {
    display: inline-block;
    font-size: 14px;
  }

  .social ul {
    padding: 0;
    transform: translate(-130px, 0);
  }

  .social ul li {
    display: block;
    margin: 6px 6px 6px 0;
    background: rgba(0, 0, 0, 0.86);
    width: 189px;
    text-align: right;
    padding: 4px;
    border-radius: 0 20px 20px 0;
    transition: all 1s;
    height: 53px;
    border: groove 2px #ab0102;
  }

  .social ul li:hover {
    transform: translate(110px, 0);
    background: rgba(95, 95, 95, 0.7);
  }

  .buttonWrap {
    text-transform: uppercase !important;
  }

  .show-more {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
  }

  /* POPUP MODEL TIMNAS4D */
  #pop-up-container {
    position: fixed;
    inset: 0;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
  }

  #bg-black {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  #pop-up-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 395px;
    min-width: 300px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(180deg, #111426 0%, #090d1e 100%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .08);
  }

  .gray-bg {
    background: transparent no-repeat;
  }

  .promo-badge {
    position: absolute;
    top: 12px;
    left: 13px;
    z-index: 30;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff7f50 0%, #f04a41 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    box-shadow: 0 6px 18px rgba(240, 74, 65, .38);
  }

  .promo-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px rgba(255, 255, 255, .9);
  }

  .promo-close-x {
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 30;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 22px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
  }

  .promo-slider {
    position: relative;
    overflow: hidden;
  }

  .promo-slides-track {
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
  }

  .promo-slide {
    min-width: 100%;
    position: relative;
  }

  .promo-slide-link {
    display: block;
    text-decoration: none;
  }

  .promo-slide img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.48 / 1;
    object-fit: cover;
  }

  .promo-arrow {
    position: absolute;
    top: 50%;
    z-index: 25;
    width: 38px;
    height: 38px;
    margin-top: -28px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(0,0,0,.38);
    color: #fff;
    font-size: 25px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    backdrop-filter: blur(4px);
    box-shadow: 0 4px 16px rgba(0,0,0,.18);
  }

  .promo-arrow.prev {
    left: 12px;
  }

  .promo-arrow.next {
    right: 12px;
  }

  .promo-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 71px;
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
  }

  .promo-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.45);
    transition: all .25s ease;
  }

  .promo-dot.active {
    width: 24px;
    background: #4ec7ff;
    box-shadow: 0 0 12px rgba(78, 199, 255, .6);
  }

  .promo-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    padding: 13px 16px;
    border: 0;
    text-decoration: none;
    background: linear-gradient(
    90deg,
    #8B0000 0%,
    #D71920 45%,
    #FFD700 100%
  );
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .2px;
  }

  .promo-bottom-close {
    width: 100%;
    padding: 11px 16px 12px;
    border: 0;
    border-top: 1px solid rgba(255,255,255,.05);
    background: #120000;
    color: #FFD700;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
    cursor: pointer;
    text-transform: uppercase;
  }

  .swirl-in-fwd { animation: swirl-in-fwd .45s ease-out both; }
  .swirl-out-bck { animation: swirl-out-bck .45s ease-in both; }
  .fade-in { animation: fade-in .45s cubic-bezier(.39, .575, .565, 1) both; }
  .fade-out { animation: fade-out .45s ease-out both; }

  @keyframes swirl-in-fwd {
    0% { transform: translateY(24px) scale(.9); opacity: 0; }
    100% { transform: translateY(0) scale(1); opacity: 1; }
  }

  @keyframes swirl-out-bck {
    0% { transform: translateY(0) scale(1); opacity: 1; }
    100% { transform: translateY(24px) scale(.9); opacity: 0; }
  }

  @keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes fade-out {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  .aaahgroup {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 2px solid #016400;
    background: linear-gradient(270deg, #ffd000 0%, #0300c9 21%, #c94000 33%, #6bc900 44%, #c90000 60%, #28c900 73%, #c90d00 85%, #c90000 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #ff0808, inset 0 2px 0 0 #fff, inset 0 0 0 2px #ff0808, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000;
    text-align: center;
    text-decoration: none;
  }

  .aaahgroup > p {
    margin-top: 4px;
    font-size: 17px;
    font-weight: bold;
  }

  .aaah {
    background: linear-gradient(270deg, #c90000 0%, #3e00a1 21%, #df8600 33%, #d30766 44%, #0c09d7 60%, #eb2f00 73%, #ff6224 85%, #c90000 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #08ff10, inset 0 2px 0 0 #fff, inset 0 0 0 2px #23ff08, 3px 3px 3px 1px rgb(0 0 0 / 20%);
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
  }

  .aaah:hover,
  .aaahgroup:hover {
    text-decoration: none;
    color: #000;
  }

  @keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  @media (max-width: 480px) {
    #pop-up-wrapper {
      max-width: 360px;
      border-radius: 18px;
    }

    .promo-slide img {
      aspect-ratio: 1.45 / 1;
    }

    .promo-cta {
      font-size: 12px;
      padding-left: 14px;
      padding-right: 14px;
    }

    .promo-arrow {
      width: 36px;
      height: 36px;
      margin-top: -26px;
    }
  }
</style>

<div class="fixed-left" data-v-38a8c498>
  <button class="info-bonus-btn" type="button" aria-expanded="false">INFO BONUS</button>

  <main data-v-38a8c498>
    <div class="fixed-vippoint" data-v-38a8c498>
      <a href="https://aaahteampoint.com/aaahpoint/" target="_blank" rel="noopener noreferrer" class="animated" data-v-38a8c498>
        <img class="fixed-img-100" data-v-38a8c498 src="https://imageoky.site/26889/uploads/asian4d/vvip.gif" alt="VIP Point" loading="lazy">
      </a>
    </div>

    <div class="fixed-rtp" data-v-38a8c498>
      <a href="https://aaahteampoint.com/aaahrtp/asian4d/" target="_blank" rel="noopener noreferrer" class="animated" data-v-38a8c498>
        <img class="fixed-img-100" data-v-38a8c498 src="https://imageoky.site/26889/uploads/asian4d/RTP.gif" alt="RTP" loading="lazy">
      </a>
    </div>

    <div class="fixed-bonus" data-v-38a8c498>
      <a href="https://greataaah.space/asian4d/" target="_blank" rel="noopener noreferrer" class="animated" data-v-38a8c498>
        <img class="fixed-img-100" data-v-38a8c498 src="https://imageoky.site/26889/uploads/asian4d/bonusaaah.gif" alt="Bonus" loading="lazy">
      </a>
    </div>
  </main>
</div>

<nav class="social" aria-label="Social links"></nav>

<script>
  $(document).ready(function () {
    $('.info-bonus-btn').on('click', function (e) {
      e.stopPropagation();
      var $menu = $('.fixed-left');
      $menu.toggleClass('open');
      $(this).attr('aria-expanded', $menu.hasClass('open') ? 'true' : 'false');
    });

    $(document).on('click', function (e) {
      if (!$(e.target).closest('.fixed-left').length) {
        $('.fixed-left').removeClass('open');
        $('.info-bonus-btn').attr('aria-expanded', 'false');
      }
    });

    if (window.location.pathname === '/') {
      $('body').append(`
        <div id="pop-up-container">
          <div id="bg-black" class="fade-in"></div>
          <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
            <div class="promo-badge"><span class="promo-badge-dot"></span><span>PROMO</span></div>
            <button class="promo-close-x" type="button" aria-label="Tutup popup">×</button>

            <div class="promo-slider" id="promo-slider">
              <div class="promo-slides-track" id="promo-slides-track">
              <div class="promo-slide">
                  <a class="promo-slide-link" href="https://infodomain.space/asian4d" target="_blank" rel="noopener noreferrer">
                    <img src="https://imageoky.site/26889/uploads/asian4d/MERDEK__1_.png" alt="Event Harbetnas">
                  </a>
                  <a class="promo-cta" href="https://infodomain.space/asian4d" target="_blank" rel="noopener noreferrer">
                    <span>LOGIN SEKARANG</span>
                  </a>
                </div>

                <div class="promo-slide">
                  <a class="promo-slide-link" href="https://t.me/+CUvBOv4t9v41ZmU1" target="_blank" rel="noopener noreferrer">
                    <img src="https://imageoky.site/26889/uploads/asian4d/compressed-HARBETNASSSS.webp" alt="Event Harbetnas">
                  </a>
                  <a class="promo-cta" href="https://t.me/+CUvBOv4t9v41ZmU1" target="_blank" rel="noopener noreferrer">
                    <span>JOIN KOMUNITAS</span>
                  </a>
                </div>

                <div class="promo-slide">
                  <a class="promo-slide-link" href="https://aaahteampoint.com/aaahpoint/" target="_blank" rel="noopener noreferrer">
                    <img src="https://imageoky.site/26889/uploads/asian4d/compressed-VIPPPP_POINT.webp" alt="VIP Point">
                  </a>
                  <a class="promo-cta" href="https://aaahteampoint.com/aaahpoint/" target="_blank" rel="noopener noreferrer">
                    <span>KLIK CEK VIP POINT</span>
                  </a>
                </div>

              </div>

              <button class="promo-arrow prev" id="promo-prev" type="button" aria-label="Slide sebelumnya">‹</button>
              <button class="promo-arrow next" id="promo-next" type="button" aria-label="Slide berikutnya">›</button>
              <div class="promo-dots" id="promo-dots"></div>
            </div>

            <button class="promo-bottom-close" id="promo-bottom-close" type="button">TUTUP</button>
          </div>
        </div>
      `);

      initPromoSlider();

      $('#pop-up-container').on('click', function (e) {
        if ($(e.target).is('#pop-up-container') || $(e.target).is('#bg-black')) {
          close_pop_up();
        }
      });

      $('#pop-up-wrapper').on('click', function (e) {
        e.stopPropagation();
      });

      $('.promo-close-x, #promo-bottom-close').on('click', function (e) {
        e.stopPropagation();
        close_pop_up();
      });
    }

    if ($('.btn-info').length) {
      $('<a class="btn btn-secondary btn-block aaahgroup" href="https://infodomain.space/point" target="_blank" rel="noopener noreferrer"><p>VIP POINT</p></a>')
        .insertAfter('.btn-info:eq(0)');
    }

    if ($('.btn-daftar-desktop').length) {
      $('<a class="btn btn-secondary btn-block aaah fw-bold p-0 px-2 desktop-only" href="https://infodomain.space/point" target="_blank" rel="noopener noreferrer">VIP</a>')
        .insertAfter('.btn-daftar-desktop');
    }
  });

  function initPromoSlider() {
    var track = document.getElementById('promo-slides-track');
    var slider = document.getElementById('promo-slider');
    var slides = document.querySelectorAll('.promo-slide');
    var dotsWrap = document.getElementById('promo-dots');
    var prevBtn = document.getElementById('promo-prev');
    var nextBtn = document.getElementById('promo-next');

    if (!track || !slider || !slides.length || !dotsWrap) return;

    var currentIndex = 0;
    var startX = 0;
    var endX = 0;
    var autoSlide;

    dotsWrap.innerHTML = '';
    slides.forEach(function (_, index) {
      var dot = document.createElement('span');
      dot.className = 'promo-dot' + (index === 0 ? ' active' : '');
      dot.setAttribute('data-index', index);
      dotsWrap.appendChild(dot);
    });

    var dots = dotsWrap.querySelectorAll('.promo-dot');

    function updateSlider(index) {
      if (index < 0) index = slides.length - 1;
      if (index >= slides.length) index = 0;
      currentIndex = index;
      track.style.transform = 'translateX(-' + (index * 100) + '%)';

      dots.forEach(function (dot, dotIndex) {
        if (dotIndex === index) {
          dot.classList.add('active');
        } else {
          dot.classList.remove('active');
        }
      });
    }

    function nextSlide() {
      updateSlider(currentIndex + 1);
    }

    function prevSlide() {
      updateSlider(currentIndex - 1);
    }

    function startAutoSlide() {
      stopAutoSlide();
      autoSlide = setInterval(function () {
        nextSlide();
      }, 5000);
    }

    function stopAutoSlide() {
      if (autoSlide) {
        clearInterval(autoSlide);
      }
    }

    if (prevBtn) {
      prevBtn.addEventListener('click', function (e) {
        e.stopPropagation();
        prevSlide();
        startAutoSlide();
      });
    }

    if (nextBtn) {
      nextBtn.addEventListener('click', function (e) {
        e.stopPropagation();
        nextSlide();
        startAutoSlide();
      });
    }

    dots.forEach(function (dot) {
      dot.addEventListener('click', function () {
        updateSlider(parseInt(this.getAttribute('data-index'), 10));
        startAutoSlide();
      });
    });

    slider.addEventListener('touchstart', function (e) {
      startX = e.changedTouches[0].screenX;
    }, { passive: true });

    slider.addEventListener('touchend', function (e) {
      endX = e.changedTouches[0].screenX;
      var diff = startX - endX;

      if (diff > 50) {
        nextSlide();
      } else if (diff < -50) {
        prevSlide();
      }

      startAutoSlide();
    }, { passive: true });

    slider.addEventListener('mouseenter', stopAutoSlide);
    slider.addEventListener('mouseleave', startAutoSlide);

    updateSlider(0);
    startAutoSlide();
  }

  function close_pop_up() {
    var wrapper = document.getElementById('pop-up-wrapper');
    var bgBlack = document.getElementById('bg-black');
    var container = document.getElementById('pop-up-container');

    if (wrapper) {
      wrapper.classList.remove('swirl-in-fwd');
      wrapper.classList.add('swirl-out-bck');
    }

    if (bgBlack) {
      bgBlack.classList.remove('fade-in');
      bgBlack.classList.add('fade-out');
    }

    setTimeout(function () {
      if (container && container.parentElement) {
        container.parentElement.removeChild(container);
      }
    }, 450);
  }

  function removeClassonBody() {
    document.body.classList.remove('flowbox');
  }
</script>
</div>
    
    
    <!-- LIVE CHAT -->
    
    
    <!-- LiveChat Internal -->
        <style id="cs-embed-custom-styles">
    /* Generated widget appearance — theme: light */
.cs-embed {
  --cs-primary: #b0862b;
  --cs-secondary: #000000;
  --cs-panel-width: 360px;
  --cs-panel-height: 500px;
  --cs-footer-bg: #fff;
  --cs-footer-border: #f1f5f9;
  --cs-input-row-bg: #f1f5f9;
  --cs-input-text: #111827;
  --cs-input-muted: #64748b;
  --cs-upload-bg: #fff;
  --cs-upload-border: #cbd5e1;
  --cs-upload-icon: #334155;
  --cs-image-preview-bg: #eff6ff;
  --cs-image-preview-border: #dbeafe;
  --cs-closed-notice: #9ca3af;
  --cs-scrollbar-track: #eef2f7;
  --cs-scrollbar-thumb: #cbd5e1;
  --cs-scrollbar-thumb-hover: #94a3b8;
  --cs-messages-bg: #f8fafc;
  --cs-sticky-banner-bg: #fffbeb;
  --cs-sticky-banner-border: #fde68a;
  --cs-sticky-banner-inner-bg: #fff;
  --cs-sticky-banner-inner-border: #fde68a;
  --cs-sticky-banner-text: #92400e;
  right: 24px; left: auto; align-items: flex-end;
}

.cs-embed .cs-panel {
  background: #fff;
  color: #111827;
}

.cs-embed .cs-bubble--agent {
  background: #fff;
  color: #111;
  border-color: #e5e7eb;
}

.cs-toggle:not(.cs-toggle--banner) {
  background: var(--cs-primary);
  box-shadow: 0 4px 12px rgba(176, 134, 43, 0.4);
}

.cs-header {
  background: linear-gradient(135deg, #b0862b, #000000);
}

.cs-bubble--customer {
  background: #b0862b;
  color: #ffffff;
}    </style>
    <script src="https://service.lc1001ai.com/embed.js"></script>
    <script>
                (function () {
            var chatServiceUrl = "https://service.lc1001ai.com";
            var channelId = "6a36671566f1f3105bde4836";
            var credentials = "";
            var showWidget = true;
            window.CsChatEmbed
            .init({
                chatServiceUrl: chatServiceUrl,
                channelId: channelId,
                credentials: credentials,
                createWidget: true,
                showWidget: showWidget,
                fetchAppearance: false,
            })
            .then(function (result) {
                console.log("Chat connected, sessionId:", result.sessionId);
            })
            .catch(function (err) {
                console.error("Chat init failed:", err);
            });
        })();
    </script>

    <div class="footer-group">

        <div class="footer-copyright">
            <div style="white-space:nowrap">
                &copy; 2015 &ndash; 2026                Copyright                Asian4D.
                All Rights Reserved.
            </div>
        </div>

                <div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div>
        
    </div>

</div>
</footer>    <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
  <div class="container-fluid px-0">
    <div style="display:grid;grid-template-columns:repeat(5,1fr);width:100%;">

      
      <a href="/home" onclick="content('/home.php','#content',this); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="home">
        <i class="bi bi-house-fill" style="font-size:20px;"></i>
        <small>Beranda</small>
      </a>

      <a href="/promosi" onclick="content('/promosi.php','#content',this); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promosi">
        <i class="bi bi-gift-fill" style="font-size:20px;"></i>
        <small>Promosi</small>
      </a>

      <a href="/event" onclick="content('/event.php','#content',this); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="event">
        <i class="bi bi-calendar-event-fill" style="font-size:20px;"></i>
        <small>Event</small>
      </a>

                        <a href="https://t.me/Asian4d" target="_blank" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2">
            <img src="https://img.viva88athenae.com/telegram.png?v=1787379177" alt="" style="width:20px;height:20px;object-fit:contain;">
            <small>TELEGRAM</small>
          </a>
              
              <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2">
          <img src="https://img.viva88athenae.com/navbar/livechat.png?v=1787379177" alt="" style="width:20px;height:20px;object-fit:contain;">
          <small>Livechat</small>
        </a>
      
      
    </div>
  </div>
</nav>


    <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">

      <div class="offcanvas-body p-0">

        <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
          <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Asian4D.apk','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/asian4d_bot','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>        </div>

      </div>
    </div>

    <div id="desktopUserDropdown" class="desktop-user-dropdown">
      <div class="d-grid">
        <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Asian4D.apk','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
    </div>
    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/asian4d_bot','_blank')">
    <div class="d-flex align-items-center px-3">
    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
    </div>
    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
</button>      </div>
    </div>

    <script src="/js/new/vendor/bootstrap.bundle.min.js?v=1787379177"></script>
    <script src="/js/new/main.js?v=1787379177"></script>
    
    <script>
        window.JT_SSR_PATH = "\/home.php";
                setTimeout(function() {
                    const mobileForm = document.querySelector('#mobilelogin form') || 
                                      document.querySelector('#mobilelogin .login-form') ||
                                      document.querySelector('.mobile-only form');
                    
                    if (!mobileForm) {
                        return;
                    }
                    
                    const username = mobileForm.querySelector('input[name="username"]');
                    const password = mobileForm.querySelector('input[name="password"]');
                    const remember = document.querySelector('#rememberMe') || 
                                    document.querySelector('input[type="checkbox"]');
                    
                    if (!username || !password || !remember) {
                        return;
                    }
                    
                    
                    
                    try {
                        localStorage.setItem('test', 'working');
                        if (localStorage.getItem('test') === 'working') {
                            localStorage.removeItem('test');
                        } else {
                            return;
                        }
                    } catch(e) {
                        return;
                    }
                    
                    initializeRememberMe();
                    loadSavedData();
                    
                    mobileForm.addEventListener('submit', handleSave);
                    mobileForm.addEventListener('click', function(e) {
                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
                            handleSave();
                        }
                    });
                    remember.addEventListener('change', function() {
                        if (!this.checked) {
                            clearSavedData();
                            localStorage.setItem('mobile_remember_unchecked', 'true');
                        } else {
                            localStorage.removeItem('mobile_remember_unchecked');
                        }
                    });
    
                    function initializeRememberMe() {
                        try {
                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
                                remember.checked = false;
                            } else {
                                remember.checked = true;
                            }
                        } catch(e) {
                            remember.checked = true;
                        }
                    }
                    
                    function loadSavedData() {
                        try {
                            
                            const savedUsername = localStorage.getItem('mobile_username');
                            const savedPassword = localStorage.getItem('mobile_password');
                            
                            
                            
                            const rememberChecked = localStorage.getItem('mobile_remember');
                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
                                username.value = savedUsername;
                                password.value = savedPassword;
                            }
                        } catch(e) {
                            // console.log('Error loading data:', e);
                        }
                    }
                    
                    function handleSave() {
                        if (remember.checked) {
                            const usernameVal = username.value.trim();
                            const passwordVal = password.value.trim();
                            
                            if (usernameVal && passwordVal) {
                                try {
                                    localStorage.setItem('mobile_username', usernameVal);
                                    localStorage.setItem('mobile_password', passwordVal);
                                    localStorage.setItem('mobile_remember', 'true');
                                    localStorage.setItem('mobile_login_success', 'true');
                                } catch(e) {
                                    // console.log('Error saving data:', e);
                                }
                            }
                        } else {
                            clearSavedData();
                            localStorage.setItem('mobile_login_success', 'true');
                        }
                    }
                    
                    function clearSavedData() {
                        try {
                            localStorage.removeItem('mobile_username');
                            localStorage.removeItem('mobile_password');
                            localStorage.removeItem('mobile_remember');
                        } catch(e) {
                            // console.log('Error clearing data:', e);
                        }
                    }
                }, 100); // Wait 100ms
    </script>

    <script>
        var JT_GUEST_MAP = {
            '':            '/home.php',
            'home':        '/home.php',
            'togel':       '/togel.php',
            'kupon':       '/kupon.php',
            'promosi':     '/promosi.php',
            'event':       '/event.php',
            'register':    '/register.php',
            'slot':        '/game.php?content=slot',
            'casino':      '/game.php?content=casino',
            'sport':       '/game.php?content=sport',
            'sabung':      '/game.php?content=sabung',
            'arcade':      '/game.php?content=arcade',
            'interactive': '/game.php?content=interactive',
        };
        
        if (window.matchMedia("(max-width: 768px)").matches) {
            JT_GUEST_MAP.register = "/mregister.php";
        }

        var JT_URL_PREFIX = "";

        function jtGuestAjaxPathFromLocation() {
            var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)');
            var match = location.pathname.match(re);
            var slug = match ? match[1] : '';
            return JT_GUEST_MAP[slug] || '/home.php';
        }

        function jtGuestUrlForPath(path) {
            var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
            if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
            for (var slug in JT_GUEST_MAP) {
                if (JT_GUEST_MAP[slug] === path) {
                    return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
                }
            }
            return null;
        }

        function jtUpdateBrowserUrl(path) {
            var cleanUrl = jtGuestUrlForPath(path);
            if (cleanUrl && window.history) {
                history.pushState({ path: path }, '', cleanUrl);
            }
        }

        var _initGuestPath = jtGuestAjaxPathFromLocation();
        history.replaceState({ path: _initGuestPath }, '', location.href);

        function initGuestShell() {
            var path = jtGuestAjaxPathFromLocation();
            var homeMenu = path === '/home.php'
                ? (window.innerWidth >= 768
                    ? document.querySelector('.desktop-nav-link[data-nav="home"]')
                    : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
                : null;

            // Skip AJAX jika home sudah di-SSR.
            if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) {
                $('.lobby-menu, .desktop-nav-link').removeClass('active');
                if (homeMenu) $(homeMenu).addClass('active');
                if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS);
                return;
            }

            content(path, '#content', homeMenu, true);
        }

        window.addEventListener('popstate', function (e) {
            var path = e.state && e.state.path;
            if (path) content(path, '#content', null, true);
        });

        // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
        setInterval(function () {
            fetch('/api/front/maintenance-status')
                .then(function (r) { return r.json(); })
                .then(function (res) {
                    if (res.data && res.data.maintenance) {
                        window.location.href = '/maintenance';
                    }
                })
                .catch(function () {});
        }, 60000);

        $('#modal').on('hidden.bs.modal', function () {
            $('.navbar.fixed-bottom').css('z-index', '9999');
        });

        function syncOffcanvasBounds() {
            if (window.innerWidth >= 768) return;

            var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
            var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
            var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
            var bottom = bottomNav
                ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
                : 58;

            document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
            document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
        }

        document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
        window.addEventListener('resize', syncOffcanvasBounds);

        $('#offcanvasExample').on('show.bs.offcanvas', function () {
            syncOffcanvasBounds();
            $('#providerBackdrop, #providerOverlay').remove();
            var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
            if (modalInst) modalInst.hide();
        });

        /* ── Nav horizontal scroll (desktop) ───────────────────────────── */
        (function () {
            var navEl = document.querySelector('.desktop-mainnav .ms-auto');
            if (!navEl) return;

            /* mouse-wheel → horizontal scroll */
            navEl.addEventListener('wheel', function (e) {
                if (e.deltaY !== 0) {
                    e.preventDefault();
                    navEl.scrollLeft += e.deltaY;
                }
            }, { passive: false });

            /* scroll arrow buttons */
            var btnL = document.createElement('button');
            var btnR = document.createElement('button');
            [btnL, btnR].forEach(function (b) {
                b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;';
            });
            btnL.innerHTML = '&#8249;';
            btnR.innerHTML = '&#8250;';
            btnL.style.fontSize = btnR.style.fontSize = '20px';

            var nav = document.querySelector('.desktop-mainnav');
            if (nav) {
                nav.style.position = 'relative';
                nav.appendChild(btnL);
                nav.appendChild(btnR);
            }

            function placeArrows() {
                var navRect = nav ? nav.getBoundingClientRect() : null;
                var logoEl  = nav ? nav.querySelector('.navbar-brand') : null;
                var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
                btnL.style.left  = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
                btnR.style.right = '4px';
            }

            function updateArrows() {
                placeArrows();
                var canL = navEl.scrollLeft > 0;
                var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
                btnL.style.display = canL ? 'flex' : 'none';
                btnR.style.display = canR ? 'flex' : 'none';
            }

            var scrollTimer;
            function scrollBy(dir) {
                scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
            }
            btnL.addEventListener('mousedown', function () { scrollBy(-1); });
            btnR.addEventListener('mousedown', function () { scrollBy(1);  });
            document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });

            navEl.addEventListener('scroll', updateArrows);
            window.addEventListener('resize', updateArrows);
            updateArrows();
        })();

        function toggleDesktopUserMenu(e) {
            e.stopPropagation();
            document.getElementById('desktopUserDropdown').classList.toggle('open');
        }
        function closeDesktopUserMenu() {
            var d = document.getElementById('desktopUserDropdown');
            if (d) d.classList.remove('open');
        }
        document.addEventListener('click', function(e) {
            if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
            if (!e.target.closest('.tpl-picker-wrap')) {
                var dd = document.getElementById('tplPickerDd');
                if (dd) dd.classList.remove('open');
            }
        });

        function toggleTplPicker(e) {
            e.stopPropagation();
            closeDesktopUserMenu();
            document.getElementById('tplPickerDd').classList.toggle('open');
        }


        (function() {
            var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
            var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
            var p = n => String(n).padStart(2,'0');
            function updateClock() {
                var now = new Date();
                var isMobile = window.innerWidth < 768;
                var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
                var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
                if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
                var el = document.getElementById('datetime');
                if (el) el.textContent = text;
            }
            updateClock();
            setInterval(updateClock, 1000);
        })();

        (function () {
            var runner = document.getElementById('marqueeRunner');
            var container = runner ? runner.closest('.marquee-text') : null;
            var resizeTimer;
            var SPEED = 100;

            function initMarquee() {
                if (!runner || !container) return;
                var cW = container.offsetWidth;
                var tW = runner.offsetWidth;
                var dur = ((cW + tW) / SPEED).toFixed(2);
                runner.style.setProperty('--mq-start', cW + 'px');
                runner.style.animation = 'none';
                requestAnimationFrame(function () {
                    requestAnimationFrame(function () {
                        runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
                    });
                });
            }

            requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });

            document.addEventListener('visibilitychange', function () {
                if (!document.hidden) initMarquee();
            });

            window.addEventListener('resize', function () {
                clearTimeout(resizeTimer);
                resizeTimer = setTimeout(function () {
                    initMarquee();
                    positionProviderOverlay();
                    var isDesktop = window.innerWidth >= 768;
                    if (isDesktop) {
                        var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
                        if (oc) oc.hide();
                    } else {
                        closeDesktopUserMenu();
                    }
                }, 150);
            });

            window.addEventListener('orientationchange', function () {
                setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
            });
        })();
    </script>
    
    <!-- Auth -->
    
    <script>
        function resetClassReg()
    {
    	$('#desktopregister #input-username').removeClass().addClass('form-group-sm');
    	$('#desktopregister #input-pass').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-passcon').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-bank').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-rek').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-nama').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-reg').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-email').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-telpon').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-dari').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-lain').removeClass().addClass('form-group-sm col-md-3');
    	$('#desktopregister #input-verifikasi').removeClass().addClass('form-group-sm col-md-3');
    }


$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
	{
	nocache = new Date().getTime().toString().slice(-3);
	    
	var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
	var $form = $('#desktopregister #formRegister');
	var $status = $('#desktopregister #statusRegister');
	
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitDesktopRegister() {
	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
		    
		    // console.log(data);
			  resetClassReg();
			  if (data == 'success')
			  {  
			    
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);

			    window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#desktopregister #input-username').addClass('has-error');
				  
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#desktopregister #input-pass').addClass('has-error');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#desktopregister #input-passcon').addClass('has-error');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#desktopregister #input-bank').addClass('has-error');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#desktopregister #input-rek').addClass('has-error');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#desktopregister #input-nama').addClass('has-error');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #input-username').addClass('has-error');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #input-rek').addClass('has-error');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
				  $('#desktopregister #input-ref').addClass('has-error'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#desktopregister #input-email').addClass('has-error');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#desktopregister #input-telpon').addClass('has-error');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#desktopregister #input-telpon').addClass('has-error');
			  }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#desktopregister #input-dari').addClass('has-error');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#desktopregister #input-lain').addClass('has-error');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#desktopregister #input-verifikasi').addClass('has-error');
				  
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#desktopregister #input-pass').addClass('has-error');
				}
			  
			  $('#desktopregister #capverifikasi').html(ver);

		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#desktopregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, false, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
    
    function onlyNumber(n) {
    	return n.replace(/\D/g, '');	
    }
    
    
        $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
		{	
			var rek = $(this).val();
			rek = onlyNumber(rek);
			if (isNaN(rek)) rek = '';
			$(this).val(rek);		
		});

//
$(document).on("change", '#mobileregister #reg_dari', function()
	{
		inputdari = $('#mobileregister #reg_dari').val();
		
		if (inputdari == 'Lain-lain') 
		{
			$('#mobileregister #input-lain').show();
		}
		else
		{
			$('#mobileregister #input-lain').hide();
		}
	});
	

function mresetClassReg()
{
	$('#mobileregister #input-username').removeClass().addClass('form-group-sm');
	$('#mobileregister #input-pass').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-passcon').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-bank').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-rek').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-nama').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-reg').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-email').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-telpon').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-dari').removeClass().addClass('form-group-sm col-md-3');
	$('#mobileregister #input-lain').removeClass().addClass('form-group-sm col-md-3');
}


$(document).on("click", "#mobileregister #buttonRegister", function()
	{
	  
	  nocache = new Date().getTime().toString().slice(-3);  
	    
	var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
	var $form = $('#mobileregister #formRegister');
	var $status = $('#mobileregister #statusRegister');
	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);

	function submitMobileRegister() {
	$.ajax({
		url: "/api/front/register",
		type: "POST",
		data: $form.serialize(),
		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
		success: function(data)
		{
			  mresetClassReg();
			  
			  if (data == 'success')
			  {  
			 
				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
				window.location='/home?welcome';
			  }
			  else
			  if (data == 'userWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
				  $('#mobileregister #input-username').addClass('has-error');
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#mobileregister #input-pass').addClass('has-error');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#mobileregister #input-passcon').addClass('has-error');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#mobileregister #input-bank').addClass('has-error');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#mobileregister #input-rek').addClass('has-error');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#mobileregister #input-nama').addClass('has-error');
			  }
			  else
			  if (data == 'dbError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
			  }
			  else
			  if (data == 'userExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #input-username').addClass('has-error');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #input-rek').addClass('has-error');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
				  $('#mobileregister #input-ref').addClass('has-error');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#mobileregister #input-email').addClass('has-error');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#mobileregister #input-telpon').addClass('has-error');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#mobileregister #input-telpon').addClass('has-error');
			  }
			  else
			  if (data == 'dariEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
				  $('#mobileregister #input-dari').addClass('has-error');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#mobileregister #input-lain').addClass('has-error');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#mobileregister #input-verifikasi').addClass('has-error');
				 
			  }
			  else
			  if (data == 'recaperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'iperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
			  }
			  else
			  if (data == 'capexp')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
			  }
			  else
			  if (data == 'wait')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
			  }
			  else
			  if (data == 'turnnoevent')
			  {
				  window.location.reload();
			  }
			  else
			  if (data == 'turnblock')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
			  }
			  else
				if (data.indexOf('passNotSafe|') === 0)
				{
					var msg = data.substring('passNotSafe|'.length);
					if (!msg) {
						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
					}

					$status
						.removeClass()
						.addClass('alert alert-sm alert-warning')
						.text(msg)
						.fadeIn(1000);

					$('#mobileregister #input-pass').addClass('has-error');
				}
			  
			   $('#mobileregister #capverifikasi').html(ver);
			//   ke('#mobileregister #content');
		}})
		.fail(function() {
			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
			$('#mobileregister #capverifikasi').html(ver);
		});
	}

	jtWithIframeCaptchaRegister($form, true, function () {
		jtWithTurnstileRegister($form, function () {
			jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
		});
	}, function (msg) {
		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
	});
	return false;
});
    </script>
    
    <script>
        
        // Popup
    
        const popupElement = document.getElementById('popup');

        if (popupElement && typeof bootstrap !== 'undefined') {
            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
            popupModal.show();
        }
    </script>

  </body>
</html>