Showing source for: https://pedro4d.lol/
Duration: 0.253834s
Server: cloudflare

<!doctype html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>PEDRO4D - Situs Pedro4d Terbaik &amp; Terpercaya No.1 di Indonesia</title>    
    <link rel="icon" type="image/png" href="/favicon.png">
    
    <meta name="description" content="PEDRO4D adalah situs platform resmi pedro4dup terbaik dan terpercaya nomor 1 di Indonesia yang menawarkan berbagai permainan online dan pasaran terpercaya.">
<meta name="keywords" content="pedro4d,pedro4d login,pedro4d slot,rtp pedro4d,pedro 4d,bandar bola,situs bola,bola slot,slot demo,akun demo,game slot demo,link demo,slot online" />
<link rel="canonical" href="https://pedro4d.lol/" />
<link rel="amphtml" href="https://pedro4damp.online/" />
<meta name="google-site-verification" content="NWoD1fUt58JJFrcZ_46IPRuh5pFc14nFHESxIJyj2dg" />
<meta name="google-site-verification" content="bQYERaiXwuMR5YXxNIRdKXF-raqdIJCRuzFqqQFUdEg" />

<meta name="page_type" content="np-template-header-footer-from-plugin" />
  <meta name="google" content="notranslate" />
  <meta name="copyright" content="Pedro4d">
  <meta name="robots" content="index, follow" />
  <meta name="rating" content="general" />
  <meta name="geo.region" content="id_ID" />
  <meta name="googlebot" content="index,follow" />
  <meta name="geo.country" content="id" />
  <meta name="language" content="en-ID" />
  <meta name="distribution" content="global" />
  <meta name="geo.placename" content="Indonesia" />
  <meta name="author" content="Pedro4d official" />
  <meta name="publisher" content="Pedro4d official" />
  <meta property="og:type" content="website" />
  <meta property="og:locale" content="id_ID" />
  <meta property="og:locale:alternate" content="en_ID" />
  <meta property="og:url" content="https://pedroofc.com/" />
  <meta property="og:site_name" content="PEDRO4D" />
  <meta property="og:title" content="PEDRO4D - Situs Game Online Terbaik & Terpercaya No.1 Indonesia" />
  <meta property="og:description" content="PEDRO4D merupakan situs game online terbaik dan tepercaya no.1 di Indonesia sejak tahun 2018 menyediakan depo pakai qris proses cuma 1 detik." />
  <meta property="og:image" content="https://pedroofc.com/" />
  <meta property="og:image:alt" content="PEDRO4D" />

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

  gtag('config', 'G-GNNJR1W8JM');
</script>

<meta name="google-site-verification" content="kh9bj2pIusnn1B72P1BFzK6yIPzp-EFqQaaKWiWgb94" />

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MC36JW6X');</script>
<!-- End Google Tag Manager -->


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

  gtag('config', 'AW-17615331684');
</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', '1587367469412543');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1587367469412543&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


  ttq.load('DA8P9FBC77UBCVGL00H0');
  ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->

<!-- TikTok Pixel Code Start -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};


  ttq.load('DA8QQOBC77U4RNF8HF4G');
  ttq.page();
}(window, document, 'ttq');
</script>
<!-- TikTok Pixel Code End -->

<!-- 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', '1409009764712333');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1696444741450893&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->    
    <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=1791889413" 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: RD — RD */
:root {
    /* --- Accent --- */
    --accent-color:               #a30100;

    /* --- Text --- */
    --primary-text-color:         #ffffff;
    --secondary-text-color:       #d4d4d4;
    --accent-text-color:          #d60100;

    /* --- Teks tambahan --- */
    --muted-text-color:           #888888;
    --muted-text-color-secondary: #2b2626;
    --muted-text-color-tertiary:  #b54b4a;

    /* --- Background utama --- */
    --primary-background-color:   #000000;
    --secondary-background-color: #000000;
    --ternary-background-color:   #000000;
    --quaternary-background-color: #240f0f;

    /* --- Background tambahan --- */
    --placeholder-bg:             #3e1e1e;
    --overlay-bg:                 rgba(0,0,0,0.6);
    --handle-color:               rgba(255,255,255,0.2);
    --table-hover-bg:             rgba(163,1,0,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(--secondary-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(163,1,0,0.05);
    --marquee-bg:                 #1c0808;
    --search-bg:                  #0c0202;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:    #3f1d1c;
    --widget-profile-bg-end:      #1c0808;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:    #d60100;
    --btn-deposit-color-mid:      #ff2524;
    --btn-deposit-color-end:      #d60100;
    --btn-deposit-text:           #ffffff;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:   #1c0808;
    --btn-withdraw-color-end:     #2e1515;
    --btn-withdraw-text:          #ffffff;

    /* --- 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:              #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(--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(163,1,0,0.12);
    --breadcrumb-color:           var(--accent-color);
    --alert-danger-bg:            #ee5f5b;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:           rgba(163,1,0,0.10);
    --accent-bg-active:           rgba(163,1,0,0.12);
    --accent-border-subtle:       rgba(163,1,0,0.32);

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

    /* --- Card togel pasaran (home) --- */
    --togel-card-bg:               var(--secondary-background-color);
    --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:                #a30100;

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

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

    /* --- Background utama --- */
    --primary-background-color:    #eae1e1;
    --secondary-background-color:  #f0eaea;
    --ternary-background-color:    #e2d9d9;
    --quaternary-background-color: #eae1e1;

    /* --- Background tambahan --- */
    --placeholder-bg:              #d7cbcb;
    --overlay-bg:                  rgba(0,0,0,0.6);
    --handle-color:                rgba(0,0,0,0.2);
    --table-hover-bg:              rgba(163,1,0,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(--secondary-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(163,1,0,0.05);
    --marquee-bg:                  #f0eaea;
    --search-bg:                   #e2d9d9;

    /* --- Widget profile gradient --- */
    --widget-profile-bg-start:     #d8cbca;
    --widget-profile-bg-end:       #f0eaea;

    /* --- Tombol Deposit (gradient) --- */
    --btn-deposit-color-start:     #d60100;
    --btn-deposit-color-mid:       #ff2524;
    --btn-deposit-color-end:       #d60100;
    --btn-deposit-text:            #ffffff;

    /* --- Tombol Withdraw (gradient) --- */
    --btn-withdraw-color-start:    #f0eaea;
    --btn-withdraw-color-end:      #e2d9d9;
    --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:               #c91612;
    --color-pasaran:               #0967b3;
    --color-debit:                 #c91612;
    --color-kredit:                #327135;
    --color-balance:               #0967b3;

    /* --- 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(163,1,0,0.12);
    --breadcrumb-color:            var(--accent-color);
    --alert-danger-bg:             #ee5f5b;

    /* --- Accent alpha (untuk hover/active) --- */
    --accent-bg-subtle:            rgba(163,1,0,0.10);
    --accent-bg-active:            rgba(163,1,0,0.12);
    --accent-border-subtle:        rgba(163,1,0,0.32);

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

    /* --- 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=1791889413">
    <link rel="stylesheet" href="/css/new/logo.css?v=1791889413">
    <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=1791889413" media="print" onload="this.media='all'">
    
    <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889413" media="print" onload="this.media='all'">
    <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889413" media="print" onload="this.media='all'">
    <noscript>
        <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1791889413">
        <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1791889413">
        <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1791889413">
        <link rel="stylesheet" href="/css/new/game.min.css?v=1791889413">
    </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=1791889413"></script>
    <script>
        window.JT_CSRF_TOKEN = '3a32d9c6c5896557d037c9c613f91c06e5bde4c46e7180e4fe71c2a8c2ce020e';
        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 = '0';
        window.JT_CAPTCHA_REGISTER_MODE = '0';

        $.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 d-flex justify-content-between">
        <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 px-2">
            <div class="d-flex flex-column w-100 gap-2">
                
                                
                                                
                            <a  href="https://t.me/pedrogacor" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div>
                               <div style="color: var(--primary-text-color);">Pedrogacor</div>
                            </a>
                            
                                            

                                
                                                
                            <a  href="https://wa.me/6281977169707" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="18" height="18" alt=""></div>
                               <div style="color: var(--primary-text-color);">+6281977169707</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/pedrogacor" 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>Pedrogacor</span>
                                            </a>
                                            
                                            
                                    
                                                                        
                                                                                
                                            <a href="https://wa.me/6281977169707" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20" height="20" alt=""><span>+6281977169707</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;
                        }

                        .btn-google {
                            width: 30px;
                            height: 30px;
                            background: #fff;
                            border: 1px solid #ddd;
                            border-radius: 3px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                        }

                        .btn-google:hover {
                            background: #f5f5f5;
                        }

                        .btn-google-mobile {
                            background: #fff;
                            color: #3c4043;
                            border: 1px solid #dadce0;
                            border-radius: 3px;
                            height: 36px;
                            padding: 0 12px;
                            font-weight: 600;
                            font-size: 1.2rem;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            gap: 8px;
                        }

                        .btn-google-mobile:hover {
                            background: #f8f9fa;
                            color: #202124;
                        }

                    </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="display: none;">
                                        <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="openRegister('desktop')">Daftar</button>
                                
                                <input type="hidden" name="task" value="login">
                                <input type="hidden" name="iscaptchalogin" value="0">
                                <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() {
                                            window.location = '/home';
                                        });
                                        return;
                                    }

                                    if (code === 429 || msg === 'ratelimit') {
                                        $msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000);
                                    } else 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/[email protected]/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/[email protected]/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 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> -->
                    <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;">
                      <img src="/images/logo.png?v=1791889413" alt="Logo" class="logo">
                    </a>
                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
                                            <a href="/home"
                         onclick="openPage('home',this); return false;"                         class="desktop-nav-link"
                         data-nav="home">
                                                  <img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889413" 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=1791889413" 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=1791889413" alt="">
                                                <span>Slot</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=1791889413" alt="">
                                                <span>Casino</span>
                      </a>
                                            <a href="/sport"
                         onclick="openPage('sport',this); return false;"                         class="desktop-nav-link"
                         data-nav="sport">
                                                  <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889413" alt="">
                                                <span>Sport</span>
                      </a>
                                            <a href="/sabung"
                         onclick="openPage('sabung',this); return false;"                         class="desktop-nav-link"
                         data-nav="sabung">
                                                  <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889413" 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=1791889413" 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=1791889413" alt="">
                                                <span>Interactive</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=1791889413" alt="">
                                                <span>Kupon</span>
                      </a>
                                            <a href="/promosi"
                         onclick="openPage('promosi',this); return false;"                         class="desktop-nav-link"
                         data-nav="promosi">
                                                  <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1791889413" alt="">
                                                <span>Promosi</span>
                      </a>
                                            <a href="/event"
                         onclick="openPage('event',this); return false;"                         class="desktop-nav-link"
                         data-nav="event">
                                                  <img src="https://img.viva88athenae.com/new/menu-event.png?v=1791889413" 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=1791889413" alt="Logo" class="logo">
                    </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>
              </div>
    <div class="carousel-inner" style="height: 100%">
                    <div class="carousel-item active" style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161631.jpg"
                        class="d-block w-100 banner"
                        alt="agen bola 2025 Pedro4d offcial sbobet saba sport cmd368"
                        fetchpriority="high"                    >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161257.jpg"
                        class="d-block w-100 banner"
                        alt="agen judi bola Pedro4d offcial sbobet saba sport cmd368"
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161101.jpg"
                        class="d-block w-100 banner"
                        alt="slot gacor 2025 Pedro4d offcial Begadang 2025"
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161051.jpg"
                        class="d-block w-100 banner"
                        alt="slot gacor Pedro4d offcial QRIS crypto"
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161308.jpg"
                        class="d-block w-100 banner"
                        alt="slot gacor 2025 Pedro4d offcial"
                                            >
    
                </a>
    
            </div>
                    <div class="carousel-item " style="height: 100%">
    
                <a >
    
                    <img
                        src="/images/upload-Slides-20251201161318.jpg"
                        class="d-block w-100 banner"
                        alt="slot gacor 2025 deposit qris 1 detik"
                                            >
    
                </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 Bettingan Terbaik Pedro4d | Layanan 24 Jam Online Nonstop | Deposit QRIS Cuma 1 Detik Lebih Aman Dan Banyak Bonusnya | Salam JP Maxwin Bosku^^</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="openPage('home',this); return false;"
                               class="lobby-menu"
                               data-nav="home">
                              <img src="https://img.viva88athenae.com/new/menu-home.png?v=1791889413" 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=1791889413" 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=1791889413" 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=1791889413" 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=1791889413" alt="">
                              <small>Casino</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sport"
                               onclick="openPage('sport',this); return false;"
                               class="lobby-menu"
                               data-nav="sport">
                              <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1791889413" alt="">
                              <small>Sport</small>
                            </a>
                          </li>
                                                    <li class="splide__slide">
                            <a href="/sabung"
                               onclick="openPage('sabung',this); return false;"
                               class="lobby-menu"
                               data-nav="sabung">
                              <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1791889413" 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=1791889413" 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=1791889413" 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="display: none;">
                            
                            <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/PEDRO4DHOKY_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="0">
                        <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 openRegister === 'function') {
                            openRegister('desktop');
                        } else {
                            window.location.href = '/register';
                        }
                    }
                    
                    function openDaftarMobile() {
                        if (typeof openRegister === 'function') {
                            openRegister('mobile');
                            $("#content").get(0).scrollIntoView({behavior: 'smooth'});
                        } 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('NDnM4UJxBbcXm8XXgCpN-f8cIcbc92pl1sQ8SifOqpo', 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('2Z-z0n_29WjEmNhB42kQfhoitAQjie4gejrxXPFj0ow', 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('E6KrJsf35rN4nYqw26vKFAK2amiZWKnGU3OHmy1r5nU', 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('5ly7GsHDx4ELDBXLgwD24aLarI_h3sfOeMjqDMlehG0', 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('2g-XYw5YzJ73d3o1_sHopOnMUlCj8nLDCXiJisxebgtsSba3vuIUFjpNIaj7Hw8J', 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('vE_HrbShp08U1lEyDFP3FgOLUJmZLNxZDuGMLGkeNZRXwMHdamnfpFx3HPiOVtjA', 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('O3hGKLQfYrKW9Nx5yaE82wyks-fXWggRcXht8uHQN9E', 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('jrIHiYePsBrZBVOeyT58zQc9bskEtemsFct08X8jchA', 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('ykbfUsZfmXc-W1dLAyvB-ycCgNflU6HNdao5HFG6RJWVpS6ONfFgZRUkHVMEtVvY', 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('QF-i59jZ5yNwmaiBXiszVH9unx39t1NY4xaK5DxwLel8vr6sK2bOw0sSI9w3JEHZ', 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('ac94sr93fkNHr9ShkhXkHVjMYWZ7bUD4nRnKmxNQCsk', 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('8CdlPCYQRza0dO1B8SiXOfpvJ-AT5nH3X9ZBFvEXDBo', 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('CbdUq4ZzrZh-Ag4yYjY64F0O6d-_pW2_t6Sq8o47n30', 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('yRHBuW5-lA7SW-4_cCwRZNOJ-zcLN3ogJP2WDQ3VuIA', 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('r5xT80Xs2tr1bTucBCNk5xJ1m_RAGQrXlafhXO3Ed2k', 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('FTUFpm1sEbjUKb-b_rJ_xKB4FL_Iuf9TLOk8684CjtbHnmaC696iQ-JL6RD1AHsO', 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('tK9vR9TM2vuY-Mkj8uVggknf0q6UQo6QMbcs0xoRCTJ9DHRemcDL9W1BQZ4IX791', 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('mLVs49jRPQsn6Tq8urkmrl4r6lnPji_qvv-JuotrJOY', 1080, 700)">
            <div class="game-card-img-box">
                <img class="js-game-image" src="https://img.viva88athenae.com/new/sx/images/lobby.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('RbvD1UbhqZbfwhdgu4O_xCGy_8B5aCSfT1HvqWi_7glapb9ERcrDtNj18wK2cHBr', 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 class="game-card" onclick="launchGame('xsfCG_97AYk_48N4rmSN9GbGceL_sE5RzdOF-8Mu52A', 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>
    </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">ENGLISH PREMIER LEAGUE</div>
                                <div class="kickoff-time">October 17, 2026 — 18:30 WIB</div>
                                <div class="match-main-row">
                                    <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 class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100872)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png" class="team-logo" alt="">
                                        <div class="team-name">Chelsea</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.70</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.60</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 15, 2026 — 23:45 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/4e07d3ac5c7d1f02fba7fa4c14c8ee76.png" class="team-logo" alt="">
                                        <div class="team-name">Red Bull Salzburg</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148934776)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/643ef4101b017dc1495dbd9e9d5cce28.png" class="team-logo" alt="">
                                        <div class="team-name">AC Milan</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -0.25                                        <small style="margin-left: 5px;">-0.83</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">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 16, 2026 — 02:00 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(148934791)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/dc0e43b95c6676c54415bac168472aa4.png" class="team-logo" alt="">
                                        <div class="team-name">Juventus</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.65</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.57</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 15, 2026 — 23:45 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/d49ab93fbac0f4602293bac98b94d9c0.png" class="team-logo" alt="">
                                        <div class="team-name">Lech Poznan</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148934778)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/f15ae3ec9b2d7888180a6c8cf4b137e8.png" class="team-logo" alt="">
                                        <div class="team-name">Bayer Leverkusen</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -0.75                                        <small style="margin-left: 5px;">-0.81</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.75                                        <small style="margin-left: 5px;">0.73</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 15, 2026 — 23:45 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/92fb3cf79ea2ba919b94b04668e13491.png" class="team-logo" alt="">
                                        <div class="team-name">Lyon</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148934780)">BET NOW</a>
                                    </div>
                                    <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>
                                <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.81</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">October 17, 2026 — 21:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png" class="team-logo" alt="">
                                        <div class="team-name">Brentford</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145100947)">BET NOW</a>
                                    </div>
                                    <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>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.79</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.89</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 16, 2026 — 02:00 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/78360445c12fa3fdc8b489486fff4eb6.png" class="team-logo" alt="">
                                        <div class="team-name">Benfica</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148934795)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/4952d00987ef86afeda3204d66ac3fd6.png" class="team-logo" alt="">
                                        <div class="team-name">Celtic FC</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.75</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">October 17, 2026 — 23:30 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/018e260ad68bdad741c61e3171c4c608.png" class="team-logo" alt="">
                                        <div class="team-name">Real Betis (n)</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(147215858)">BET NOW</a>
                                    </div>
                                    <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>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        -1                                        <small style="margin-left: 5px;">-0.72</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        1                                        <small style="margin-left: 5px;">0.62</small>
                                    </div>
                                </div>
                            </div>
                        </li>
                                                <li class="splide__slide">
                            <div class="match-card-home">
                                <div class="league-name">UEFA EUROPA LEAGUE</div>
                                <div class="kickoff-time">October 15, 2026 — 23:45 WIB</div>
                                <div class="match-main-row">
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/b796af8f1a3f43d5d56f4a4255b87260.png" class="team-logo" alt="">
                                        <div class="team-name">Union Saint-Gilloise (n)</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(148934781)">BET NOW</a>
                                    </div>
                                    <div class="team-col">
                                        <img src="https://cdn.sportnanoapi.com/football/team/579db6e95905545973035e6eab8df2cd.png" class="team-logo" alt="">
                                        <div class="team-name">Real Sociedad</div>
                                    </div>
                                </div>
                                <div class="match-odds-row">
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">0.89</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        0.00                                        <small style="margin-left: 5px;">-0.97</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">October 17, 2026 — 21: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">Manchester City</div>
                                    </div>
                                    <div class="score-col">
                                        <div class="score-value">0 : 0</div>
                                        <a href="javascript:void(0)" class="bet-btn" onclick="jtSboBet(145101068)">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.75                                        <small style="margin-left: 5px;">0.81</small>
                                    </div>
                                    <div class="odds-spacer"></div>
                                    <div class="odds-col">
                                        -1.75                                        <small style="margin-left: 5px;">-0.91</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;
        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');
        jtPost(url, { check: 1, matchId: matchId || '' }).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>';

    jtPostJson('/api/front/pasaran-keluaran', {
            pasaran: _ppCurrentNameid,
            page: page,
            per_page: PP_PER_PAGE
        })
        .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":"944","status":0,"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":"1244","date":"15/10/2026"},{"name":"HK SIANG","nameid":"HKD","periode":"942","status":1,"web":"www.hkpools1.com","hari":"Setiap Hari","jam_tutup":"10:30 WIB","jam_result":"11:00 WIB","result":"0775","date":"15/10/2026"},{"name":"CAIRO","nameid":"CAI","periode":"480","status":1,"web":"https://loiterycairo.com/","hari":"Setiap Hari","jam_tutup":"12:00 WIB","jam_result":"12:30 WIB","result":"7093","date":"14/10/2026"},{"name":"SYDNEY","nameid":"SY","periode":"696","status":1,"web":"https://sydneylotto.com/","hari":"Setiap Hari","jam_tutup":"13:20 WIB","jam_result":"13:55 WIB","result":"9150","date":"14/10/2026"},{"name":"SWISS","nameid":"SWI","periode":"481","status":1,"web":"http://lotteryswissnational.com","hari":"Setiap Hari","jam_tutup":"15:30 WIB","jam_result":"16:00 WIB","result":"8349","date":"14/10/2026"},{"name":"SINGAPORE","nameid":"SG","periode":"257","status":1,"web":"www.singaporepools.com.sg","hari":"Senin, Rabu, Kamis, Sabtu, Minggu","jam_tutup":"17:20 WIB","jam_result":"17:45 WIB","result":"0300","date":"14/10/2026"},{"name":"QATAR","nameid":"QTR","periode":"210","status":1,"web":"www.qatarlottery.com","hari":"Setiap Hari","jam_tutup":"20:30 WIB","jam_result":"21:00 WIB","result":"4395","date":"14/10/2026"},{"name":"HONGKONG","nameid":"HK","periode":"128","status":1,"web":"https://hongkonglotto.com/","hari":"Setiap Hari","jam_tutup":"22:30 WIB","jam_result":"23:00 WIB","result":"0944","date":"14/10/2026"},{"name":"TAIWAN","nameid":"TWN","periode":"481","status":1,"web":"https://loiterytaiwan.com/","hari":"Setiap Hari","jam_tutup":"23:20 WIB","jam_result":"23:50 WIB","result":"4271","date":"14/10/2026"},{"name":"MALAYSIA","nameid":"MY","periode":"124","status":1,"web":"www.malaysialottery.net","hari":"Setiap Hari","jam_tutup":"18:30 WIB","jam_result":"19:00 WIB","result":"9418","date":"14/10/2026"},{"name":"TOTOMACAU 0000","nameid":"TM0","periode":"015","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"23:45 WIB","jam_result":"00:00 WIB","result":"6430","date":"15/10/2026"},{"name":"TOTOMACAU 1300","nameid":"TM1","periode":"014","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"12:45 WIB","jam_result":"13:00 WIB","result":"1524","date":"14/10/2026"},{"name":"TOTOMACAU 1600","nameid":"TM2","periode":"013","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"15:45 WIB","jam_result":"16:00 WIB","result":"3784","date":"14/10/2026"},{"name":"TOTOMACAU 1900","nameid":"TM3","periode":"014","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"18:45 WIB","jam_result":"19:00 WIB","result":"2117","date":"14/10/2026"},{"name":"TOTOMACAU 2200","nameid":"TM4","periode":"014","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"21:45 WIB","jam_result":"22:00 WIB","result":"2455","date":"14/10/2026"},{"name":"TOTOMACAU 2300","nameid":"TM5","periode":"014","status":1,"web":"https://poolstotomacao.com","hari":"Setiap Hari","jam_tutup":"22:45 WIB","jam_result":"23:00 WIB","result":"2892","date":"14/10/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);
        });

        updateTogelMoreBtn(panel, moreBtn);
    }

    function updateTogelMoreBtn(panel, moreBtn) {
        if (!moreBtn) return;
        var check = function() {
            var cards = panel.querySelectorAll('.togel-card');
            var multiRow = false;
            if (cards.length) {
                var firstTop = cards[0].offsetTop;
                for (var i = 1; i < cards.length; i++) {
                    if (cards[i].offsetTop > firstTop + 1) { multiRow = true; break; }
                }
            }
            moreBtn.style.display = multiRow ? '' : 'none';
            if (!multiRow) {
                panel.classList.remove('togel-panel--open');
                panel.style.maxHeight = panel.scrollHeight + 'px';
            } else if (!panel.classList.contains('togel-panel--open')) {
                var secondTop = null;
                for (var j = 0; j < cards.length; j++) {
                    if (cards[j].offsetTop > firstTop + 1) { secondTop = cards[j].offsetTop; break; }
                }
                var peek = cards[0].offsetHeight * 0.12;
                panel.style.maxHeight = secondTop !== null ? (secondTop + peek) + 'px' : '';
            }
        };
        check();
        window.addEventListener('resize', check, { passive: true });
        window.addEventListener('load', check);
    }

    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">
                    
                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                                                
                </div>
                <div class="carousel-inner" style="min-height: 144px">
                                            <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 status-green"></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">DKI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">SUMUT</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">BSI</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NEO</div>
                                    <div class="transaksi-status status-green"></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>
                        </div>
                    
                                            <div class="carousel-item " style="min-height: 144px">
                            <div class="transaksi-list-bank">
                            
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">DBS</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">NOBU</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Maybank</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">Mestika</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">Mega</div>
                                    <div class="transaksi-status status-green"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">UOB</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 class="transaksi-item">
                                    <div class="transaksi-header">Allobank</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">Jenius</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">ShopeePay</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">Sakuku</div>
                                    <div class="transaksi-status status-blue"></div>
                                </div>
                                                        
                                                                
                                <div class="transaksi-item">
                                    <div class="transaksi-header">AstraPay</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="openCms('tentang')">TENTANG KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
            </div>

    <div class="footer-guidelines-wrap">
        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1791889413" 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=1791889413" 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=1791889413" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
    </div>

        <div class="footer-meta"><style>
  :root {
    --m1-color: #00f5f6;
    --m2-color: #0b669e;
    --m3-color: #05f4fa;
    --m4-color: #00d3ff;
  }

  .button-download {
    padding: 6px 15px;
    color: #ffffff;
    background: linear-gradient(0deg, #490000, #f70202, #d10000);
    border-radius: 20px;
    border: 1px solid #000000;
    box-shadow: -1px 1px 3px 0px #000000;
    display: inline;
    text-align: center;
    right: 9px;
    margin-top: -42px;
    position: absolute;
    font-size: 15px;
    height: 40px;
}

  a.button-download .buttonBG {
    background: #ffffff;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    animation: fade-blink 1.7s infinite;
  }

  .btn-close {
    position: absolute;
    display: block;
    top: -4px;
    left: 0px;
    width: 25px;
    height: 63px;
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    line-height: 60px;
    z-index: 999;
  }

  .smart-benner {
    width: 100%;
    padding: 10px;
    font-family: Verdana, arial, sans-serif;
    color: #fff;
    background: linear-gradient(to right, #24152c 0%, #24152c 50%, #24152c 100%);
    );
    height: inherit;
    transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s;
    overflow: hidden;
    position: fixed;
    z-index: 999;
  }

  .app-icon {
    width: 43px !important;
    height: auto !important;
    margin: 0px 0px 0px 13px;
  }

  .app_info {
    position: absolute;
    left: 67px;
    top: 12px;
  }

  .app_title {
    font-size: 15px;
    font-weight: bold;
    color: #ff0000;
  }

  .app_slogan {
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0px;
  }

  @keyframes fade-blink {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }

  .divider-mobile {
    height: 64px;
  }

  .contact-us-text {
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
  }
</style>
<!-- 2-->

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<body>
<div class="fixed-left" data-v-38a8c498="">
<main data-v-38a8c498="">
<div class="fixed-apk" data-v-38a8c498=""><a href=
"https://tinyurl.com/pedro4dapk" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src="https://iili.io/qfUmu7p.gif" alt=
"APK"
lazy="loaded"></a></div>
<!---->
<div class="fixed-apk" data-v-38a8c498=""><a href=
"https://t.me/togelpedro4d" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src="https://iili.io/K3INw0B.gif" alt=
"togel"
lazy="loaded"></a></div>
<!---->
<div class="fixed-apk" data-v-38a8c498=""><a href=
"https://tinyurl.com/pedrobola" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src="https://iili.io/CSY46JI.gif" alt=
"livescore"
lazy="loaded"></a></div>
<!---->
<div class="fixed-rtp" data-v-38a8c498=""><a href=
"https://tinyurl.com/pedrortp" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src=
"https://iili.io/C42jc7a.gif" alt=
"rtp" lazy=
"loaded"></a></div>
<!---->
<div class="fixed-rtp" data-v-38a8c498=""><a href=
"https://t.me/INFOGACORPEDRO4D" target="_blank" class=
"animated" data-v-38a8c498=""><img class="fixed-img-100"
data-v-38a8c498="" src=
"https://iili.io/CbgxQmN.gif" alt=
"telegram" lazy=
"loaded"></a></div>
<!---->
<div class="fixed-vpn" data-v-38a8c498=""><a href=
"https://wa.me/6281977169707"
target="_blank" class="animated" data-v-38a8c498=""><img class=
"fixed-img-100" data-v-38a8c498="" src=
"https://iili.io/FKUtarx.gif" alt=
"wa"
lazy="loaded"></a></div>

<!--3-->
<style>
.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:20px;left:-10px;width:120px;padding:15px 15px 15px 20px;background-color:#262626d2;border-radius:10px;border:3px solid rgba(255, 0, 0, 0);transition:.5s ease-in-out}.fixed-left a[data-v-38a8c498],main{display:block}.fixed-img-100[data-v-38a8c498],
  .fixed-rtp[data-v-38a8c498],
  .fixed-wa[data-v-38a8c498] {
      width: 100%;
  }
  .fixed-qr .fixed-apk .fixed-rtp .fixed-vpn [data-v-38a8c498] {
      margin-bottom:5px; / Properti margin-bottom untuk menambahkan jarak /
  }
  .fixed-rtp .animated[data-v-38a8c498],.fixed-wa .animated[data-v-38a8c498]{-webkit-animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498;animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498}.fixed-arrow[data-v-38a8c498]{position:absolute;right:-25px;top:10px;bottom:10px;background-color:rgb(242, 27, 7);width:25px;border-radius:0 10px 10px 0;cursor:pointer}.vertical-align-center{align-items:center}.dflex{display:flex!important}.justify-content-center{justify-content:center!important}.fixed-arrow img[data-v-38a8c498]{transform:rotate(270deg);filter:invert(1)}.img-xxs{height:20px}@media (max-width:1366px){.img-xxs{height:15px}}.fixed-left.nganu[data-v-38a8c498]{left:-110px}
</style></main>
<section class=
"fixed-arrow dflex vertical-align-center justify-content-center"
data-v-38a8c498=""><img src=
"https://daftarakun.co/s.png"
alt="Arrow RTP" class="img-xxs" data-v-38a8c498=""></section>
</div>
<script>
$(document).ready(function(){$(".fixed-arrow").click(function(){$(".fixed-left").toggleClass("nganu")})});
</script>
 
 
<!-- Artikel Section -->
      <section class="container__artikel">
        <div>
          <section>
            <article>
<h1 style="text-align: center;"><strong>PEDRO4D: Daftar Bandar Bola, Slot Demo, Toto 4D, dan Casino Online Resmi 2024</h1>

<p1 style="text-align: left;"> PEDRO4D adalah platform terdepan untuk judi online yang menawarkan berbagai layanan, termasuk taruhan bola, <a href="https://pedroofc.com/">slot demo</a>, Toto 4D, dan permainan casino online. Sebagai situs resmi yang beroperasi sejak 2024, PEDRO4D menjamin pengalaman bermain yang aman dan menyenangkan dengan sistem keamanan tinggi serta layanan pelanggan yang responsif. Pengguna dapat menikmati beragam pilihan permainan dari penyedia ternama, dengan antarmuka yang user-friendly dan promosi menarik yang dirancang untuk meningkatkan kepuasan bermain. Dengan <a href="https://pedroofc.com/">PEDRO4D</a>, pemain bisa merasakan sensasi taruhan yang seru dan peluang kemenangan yang besar di satu tempat.</p1>

<h2 style="text-align: center;"><strong> PEDRO4D Deposit QRIS dan Uang Asli </h2>

<p1 style="text-align: left;"> PEDRO4D menghadirkan kemudahan dalam bertransaksi dengan fitur deposit menggunakan QRIS dan uang asli. Dengan QRIS, pemain dapat melakukan deposit secara cepat, mudah, dan aman hanya dengan memindai kode QR. Selain itu, PEDRO4D juga mendukung berbagai metode pembayaran menggunakan uang asli, memastikan fleksibilitas dan kenyamanan bagi semua pengguna. Fasilitas ini dirancang untuk mempercepat proses bermain dan memungkinkan pemain untuk fokus menikmati berbagai permainan yang ditawarkan, seperti <a href="https://pedroofc.com/">slot demo</a>, bandar bola, Toto 4D, dan permainan casino online. Dengan PEDRO4D, transaksi menjadi lebih praktis dan aman.</p1>

Hanya dengan satu akun saja semua akses permainan sudah dapat para customer nikmati, dan jika ada kendala customer service kami online 7/24JAM nonstop sehingga customer bisa langsung konfirmasi lewat livechat kami yang selalu online melayani member secara ramah dan juga profesional.
<li><a href="https://papascineducar.com/quieres-apoyarnos/">Link Alternatif Pedro4d 1</a></li>
<li><a href="https://140.99.130.156:555/">Link Alternatif Pedro4d 2</a></li>
</div>
            </article>
          </section>
        </div>
      </section>
      <!-- End of Artikel Section -->

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MC36JW6X"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!DOCTYPE html> 
<style>
        .PEDRO4D{
        width: 100%;
        display: block;
        color: #ffffff;
        text-shadow: 0px 1px #ffffff;
        margin: auto;
        margin-top: 3px;
        text-align: center;
        padding: 10px 0px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px;
        border: 5px outset white;
        animation: needmoney 1.5s infinite;
        }
        
        @keyframes needmoney {
          0% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1 ;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          2.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          7.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          10% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          12.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          15% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          17.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          20% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          22.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          25% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          27.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          30% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          32.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          35% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          37.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000);
          }
          40% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000);
          }
          42.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000);
          }
          45% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff);
          }
          50% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          72.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          75% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff);
          }
          77.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000,#9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000);
          }
          80% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000);
          }
          82.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000);
          }
          85% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          87.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          90% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          92.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          95% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          97.5% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #9c0000, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
          100% {
        border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;
            background: linear-gradient(to right, #ffffff, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000, #9c0000);
          }
        }
        
        .blinking{
            animation:blinkingText 1.5s infinite;
            margin:auto;
            display:block;
            font-weight: 900;
            color:#f00;
</style>
<!-- Service Table -->
<style>
.count-item {
font-size: 1.8rem;
background: #9c0000;
padding: 0.3rem 0.5rem;
color: #fff !important;
border-radius: 10px;
font-weight: bold;
}
.wrapper-service {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
border-radius: 10px;
margin-top: 1.3rem;
border:  3px solid #9c0000;
padding: 0.8rem;
/* background: linear-gradient(90deg , #e60505 0%, #cca11f 21%, #bf0202 49%, rgb(191, 2, 2) 75%, #9e0000 100%); color: #000; */
}
.status-wrapper, .status-wrapper-mem {
display: flex;
align-items: center;
}
.status-wrapper {
  justify-content: center;
}
.status-wrapper-mem {
  justify-content: center;
}
.status-wrapper p {
margin-right: 0.6rem !important;
}
.item-service {
margin-right: 3rem;
}
.item-service:last-child {
margin-right: 0;
}
.item-service h1 {
font-size: 2.2rem;
margin-top: 7px !important;
text-transform : uppercase;
font-weight: bold !important;
}
.google-wrapper {
background: #fff;
padding: 1.7rem;
width: 18rem;
height: 0.5rem;
border-radius: 10px;
position: relative;
}
.google-wrapper img {
position: absolute;
width: 2rem;
top: 9px;
left: 10px;
}
.item-service p {
color: #fff;
}
.google-wrapper p {
position: absolute;
left: 3.4rem;
top: 0.6rem;
text-transform: uppercase;
font-size: 1.50rem !important;
font-weight: bold !important;
color: #000 !important;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', () => {

const min = 12554;
const max = 36548;
const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;

$(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">5</span> Detik</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Ketik Di Google:</p> <div class="google-wrapper"><img src="https://iili.io/3m8RBkJ.png" /> <p>PEDRO4D</p></div></div> </div>').insertBefore(".provider-group");

});
</script>
<style>


        
        
        .provider {
        padding-top: 1rem;
        background: #0b0b0b;
        color: #ffffff;
        }
        
        .login-field {
        width: 147px;
        }
        
        .header {
        background: #000000;
        }
        
        .menu-item>label, .menu span {
        color: #fff !important;
        }

        .title-infos {
        text-transform: uppercase;
        color: #fff;
        font-size: 1.2rem;
        text-align: center;
        display: flex;
        align-items:center;
        justify-content: center;
        }
        
        .img-title-infos { 
        width: 40px;
        margin-right: 0.5rem;
        }
        
        .transaksi {
        padding-top: 1.5rem;
        }
        
        .wrap-all-trans {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
        }
        
        .wrapper-transactions {
                width: 35rem;
                    max-width: 100%;
                    padding: 0.7rem;
                    margin-bottom: 1rem;
                    margin-top: 1rem;
                    border-radius: 10px;
                    border: 3px solid #9c0000;
                    background: var(--result-background);
                }
        
                .content-trans {
                    height: 15rem;
                    overflow: hidden;
                    position: relative;
                }
        
                .avatar-trans {
                    width: 2rem;
                    max-width: 100%;
                    margin-right: 0.7rem;
                }
        
                .avatar-wrapper {
                    display: flex;
                    justify-content: center;
                }
        
                .item-trans {
                    color: #fff;
                    background: #360909;
                    display: flex;
                    width: 100%;
                    border: 2px solid #ffffff;
                    justify-content: space-between;
                    align-items: center;
                    border-radius: 5px;
                    font-size: 1rem;
                    margin-bottom: 0.45rem !important;
                    padding: 0.4rem;
        position: relative;
            bottom: 0; /* Start the boxes at the bottom of the container */
            animation: moveUp 40s linear infinite;
                }
        
                .rupiah-trans {
                    color: #ffffff;
        font-weight: bold;
                }
        
                .text-centertitle {
                    color: #ffffff;
                    margin-top: 0;
        padding-bottom: 0.5rem;
        font-size: 1.15rem;
        font-weight: bold;
                }
        
        .divider-trans {
        margin-top: 14px !important;
        border-top: 1px solid rgb(0 0 0);
        }
        
        
        .menu-alternatif {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        list-style-type: none;
        gap: 8px;
        margin-bottom: 0.5rem;
        }
        
        .menu-alternatif li:first-child {
        background: #0b0b0b
        border: 3px solid #9c0000;
        text-transform: uppercase;
        box-shadow: none;
        }
        
        .menu-alternatif li {
        background: #0b0b0b;
        padding: 0.8rem;
        font-size: 1.3rem;
        font-weight: bold;
       border: 3px solid #9c0000;
        border-radius: 0 25px;
        box-shadow: 5px 3px 20px #000;
        }
        
        @keyframes moveUp {
            0% {
                transform: translateY(0); /* Initial position, no translation */
            }
            100% {
                transform: translateY(-1500px); /* Move the box upwards by the height of container */
            }
        }
        
        @keyframes glowing  {
        
            0%  {
             background-position:  0 0;
         }
        50%  {
             background-position:  400% 0;
         }
        100%  {
             background-position:  0 0;
         }
        }
        @keyframes glowing  {
            0%  {
             background-position:  0 0;
         }
        50%  {
             background-position:  400% 0;
         }
        100%  {
             background-position:  0 0;
         }
        
        }
        
        @media only screen and (max-width: 1000px) {
                .wrap-all-trans {
                        display: block;
                }
                
                .wrapper-transactions {
                        width: 100%;
                }
        
                .gambar-samping {
                        display: none;
                }
        
                .menu-alternatif li {
                        width: 100%;
                        text-align: center;
                        padding: 0.3rem;
                        font-size: 1rem;
                }
        
        }
        
        
        @media only screen and (max-width: 1000px) {
                .login-form {
                        margin: 0 20px;
                }
        
                .login-field, .login-form>button, .btn-promosi, 
				.selint {
                        border-radius: 5px;
                }
        
               
        
                
        }
</style>
<script>
        document.addEventListener('DOMContentLoaded', () => {
        // General Setting
        const getLoginBtn = document.querySelector('.btn.btn-masuk.fw-bold.p-0.px-2.submit');
        const getPromosiBtn = document.querySelector('.btn-promosi.fw-bold.desktop-only');
        
        const linkAlt1 = 'Pedro4dplay.pro';
        const linkAlt2 = 'Pedroofc.com';
        const linkAlt3 = 'Pedroviral.com';
        
        getLoginBtn.textContent = 'Login';
        getPromosiBtn.textContent = 'PROMO';
        
        // Withdraw & Deposit
        const getProvider = document.querySelector('.provider-group');
        const transWrap = document.createElement('div');
        transWrap.className = 'wrapper-transactions';
        
        const transWrapDp = document.createElement('div');
        transWrapDp.className = 'wrapper-transactions';
        
        const transContent = document.createElement('div');
        transContent.className = 'content-trans';
        
        const transContentDp = document.createElement('div');
        transContentDp.className = 'content-trans';
        
        const makeDp = document.createElement('div');
        makeDp.className = 'deposit-members';
        
        const makeWd = document.createElement('div');
        makeWd.className = 'withdraw-members';
        
        const titleDp = document.createElement('h3');
        titleDp.className = 'text-centertitle';
        titleDp.textContent = 'NEW DEPOSIT';
        
        const titleWd = document.createElement('h3');
        titleWd.className = 'text-centertitle';
        titleWd.textContent = 'NEW WITHDRAW';
        
        transContentDp.appendChild(makeDp);
        transContent.appendChild(makeWd);
        transWrapDp.appendChild(titleDp);
        transWrap.appendChild(titleWd);
        
        transWrapDp.appendChild(transContentDp);
        transWrap.appendChild(transContent);
        
        const wrapAllTrans = document.createElement('div');
        wrapAllTrans.className = 'wrap-all-trans';
        
        wrapAllTrans.appendChild(transWrapDp);
        wrapAllTrans.appendChild(transWrap);
        
        getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
        
        function LinkAlternatif() {
                $('').insertBefore($('.wrap-all-trans'));
        
        $('.menu-alternatif li').click(function() {
        
        const targetLink = $(this).data('alternatif');
        
                if(targetLink  !== undefined ) {
                        location.href = 'https://' + targetLink;
                }
        
        });
        
        }
        
        function getDeposit() {
                $.ajax({
                    url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(response) {
                      const getUser = randomUser(response.slice(0, 50));
                        $.each(getUser, function(index, items){
                             // IDR Value
                            const dana_wd = uangRupiahDp(5000, 50000);
        
        $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://iili.io/2Amcqj2.png" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
        
                        });
            
                    }
                })
            }
        
         function getWithdraw() {
                $.ajax({
                    url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
                    type: 'GET',
                    dataType: 'JSON',
                    success: function(response) {
                      const getUser = randomUser(response.slice(0, 50));
                        $.each(getUser, function(index, items){
                             // IDR Value
                            const dana_wd = uangRupiah(50000, 2000000);
                            $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://iili.io/2Amcqj2.png" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
                           
                        });
                    }
                })
            }
        
        function uangRupiah(min, max) {
            function getRandomRoundNumber(min, max) {
                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
                const returnNum = Math.floor(randomNumber / 10000) * 10000;
                if(returnNum != 0 || !isNaN(returnNum)) {
                  return returnNum;
                }
              }
            
              const randomRoundNumber = getRandomRoundNumber(min, max);
              const roundedNumber = randomRoundNumber;
              return new Intl.NumberFormat().format(roundedNumber);
          }
        
        function uangRupiahDp(min, max) {
            function getRandomRoundNumber(min, max) {
                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
                const returnNum = Math.floor(randomNumber / 5000) * 5000;
                if(returnNum != 0 || !isNaN(returnNum)) {
                  return returnNum;
                }
              }
            
              const randomRoundNumber = getRandomRoundNumber(min, max);
              const roundedNumber = randomRoundNumber;
              return new Intl.NumberFormat().format(roundedNumber);
          }
        
        function randomUser(array) {
                var currentIndex = array.length, temporaryValue, randomIndex;
              
                // While there remain elements to shuffle
                while (0 !== currentIndex) {
                  // Pick a remaining element
                  randomIndex = Math.floor(Math.random() * currentIndex);
                  currentIndex -= 1;
              
                  // Swap it with the current element
                  temporaryValue = array[currentIndex];
                  array[currentIndex] = array[randomIndex];
                  array[randomIndex] = temporaryValue;
                }
              
                return array;
              }
        
        getWithdraw();
        getDeposit();
        LinkAlternatif();
        
        });
</script>

<div id="fl_menu"><img src="https://iili.io/qf9DPdF.gif"
width="190px" height="70px">
<div class="menuaa">
<table width="250">
<tbody>
<tr style="background: none;">
<td class="menu_item"><a class="linkalte" href=
"https://papascineducar.com/quieres-apoyarnos/" target="_blank"
style="text-decoration: none;">LINK ALTERNATIF 1</a></td>
<td class="menu_item"><a class="linkalte" href=
"https://140.99.130.156:555/" target="_blank"
style="text-decoration: none;">LINK ALTERNATIF 2</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<style>
.linkalte {color:black;text-decoration: none;}
.linkalte:visited {color: #FFF;}
.linkalte:hover {
  color:rgb(113, 113, 113);
}
  .linkalte { text-decoration: none; color: #FFFFFF; font-family: arial; font-weight: bold; }
  #fl_menu { position:fixed; top:70px; left:5px; z-index:9999; width:190px; height:70px; display: block; overflow: hidden; -webkit-transition: height 0.5s; }
  #fl_menu:hover { height: 190px; }
  .menuaa { width: 190px; background: rgba(0,0,0,0.6);}
  .menu_item{display:block;background:rgba(224, 224, 224, 0);color: #fffff;border-top:0px border-color: #d9aa0c; padding:8px 20px;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:none; text-align: center; width: 190px; border-bottom: 1px #01243d solid; padding: 10px;}
  .menu_item:hover{background:rgba(0, 40, 65, 0.5);text-decoration: none; color: #ffffff;}@media only screen and (max-width: 1024px) {#fl_menu{display:none;}}
</style>
<script>
var modal = document.getElementById('modal-wrapper');
window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}
</script>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N4LNZ8J3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<a href="//www.dmca.com/Protection/Status.aspx?ID=f5e638ab-b469-40ad-af47-c05d943a978d&refurl=https://pedroofc.com/" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w200-2x1-04.png?ID=f5e638ab-b469-40ad-af47-c05d943a978d"  alt="DMCA.com Protection Status" /></a>  <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>

<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>
                                    <script type="text/javascript">                                                                                  (function () { var c = document.createElement('link'); c.type = 'text/css'; c.rel = 'stylesheet'; c.href = 'https://images.dmca.com/badges/dmca.css?ID=f5e638ab-b469-40ad-af47-c05d943a978d'; var h = document.getElementsByTagName("head")[0]; h.appendChild(c); })();</script>
                                    <div id="DMCA-badge">
                                        <div class="dm-1 dm-1-b" style="left: 0;"><a href="https://www.dmca.com/compliance/pedroofc.com" title="DMCA">DMCA</a></div>
                                        <div class="dm-2 dm-2-b"><a href="http://www.dmca.com/Protection/Status.aspx?ID=f5e638ab-b469-40ad-af47-c05d943a978d&refurl=https://pedroofc.com/" title="DMCA">PROTECTED</a></div>
                                    </div>
                                
<style>

</div>
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MC36JW6X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- LIVE CHAT -->
    
                
    <!-- LiveChat Internal -->
        <style id="cs-embed-custom-styles">
    /* Generated widget appearance — theme: dark */
.cs-embed {
  --cs-primary: #ef4444;
  --cs-secondary: #ef4444;
  --cs-panel-width: 340px;
  --cs-panel-height: 576px;
  --cs-footer-bg: #1e293b;
  --cs-footer-border: #334155;
  --cs-input-row-bg: #0f172a;
  --cs-input-text: #e2e8f0;
  --cs-input-muted: #94a3b8;
  --cs-upload-bg: #334155;
  --cs-upload-border: #475569;
  --cs-upload-icon: #e2e8f0;
  --cs-image-preview-bg: #1e293b;
  --cs-image-preview-border: #334155;
  --cs-closed-notice: #94a3b8;
  --cs-scrollbar-track: #0f172a;
  --cs-scrollbar-thumb: #475569;
  --cs-scrollbar-thumb-hover: #64748b;
  --cs-messages-bg: #0f172a;
  --cs-sticky-banner-bg: #422006;
  --cs-sticky-banner-border: #78350f;
  --cs-sticky-banner-inner-bg: #1c1917;
  --cs-sticky-banner-inner-border: #92400e;
  --cs-sticky-banner-text: #fcd34d;
  right: 24px; left: auto; align-items: flex-end;
}

.cs-embed .cs-panel {
  background: #0f172a;
  color: #e2e8f0;
}

.cs-embed .cs-messages {
  background: var(--cs-messages-bg);
  scrollbar-color: var(--cs-scrollbar-thumb) var(--cs-scrollbar-track);
}

.cs-embed .cs-footer,
.cs-embed .cs-footer--demo,
.cs-embed .cs-footer--intake {
  background: var(--cs-footer-bg);
  border-top-color: var(--cs-footer-border);
}

.cs-embed .cs-input-row {
  background: var(--cs-input-row-bg);
}

.cs-embed .cs-intake-label {
  color: var(--cs-input-text);
}

.cs-embed .cs-intake-intro {
  color: var(--cs-closed-notice);
}

.cs-embed .cs-intake-input {
  background: var(--cs-upload-bg);
  border-color: var(--cs-upload-border);
  color: var(--cs-input-text);
}

.cs-embed .cs-intake-input::placeholder {
  color: var(--cs-input-muted);
}

.cs-embed .cs-intake-skip {
  background: var(--cs-upload-bg);
  border-color: var(--cs-upload-border);
  color: var(--cs-input-muted);
}

.cs-embed .cs-bubble--agent {
  background: #1e293b;
  color: #e2e8f0;
  border-color: #334155;
}

.cs-embed .cs-sender-label {
  color: #94a3b8;
}

.cs-embed .cs-time,
.cs-embed .cs-msg-event__time {
  color: #64748b;
}

.cs-embed .cs-ai-typing__dot {
  background: #64748b;
}

.cs-embed .cs-ai-typing__label {
  color: #94a3b8;
}

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

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

.cs-bubble--customer {
  background: #ef4444;
  color: #ffffff;
}    </style>
    <script src="https://service.lc1001ai.com/embed.js"></script>
    <script>
                (function () {
            var chatServiceUrl = "https://service.lc1001ai.com";
            var channelId = "6aa7818d9f66e40ee6245012";
            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                PEDRO4D.
                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(4,1fr);width:100%;">

      
        <a href="/home" onclick="openPage('home',this); window.scrollTo({top:0,behavior:'smooth'}); 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>Home</small>
        </a>

        <a href="/promosi" onclick="openPage('promosi',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); 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="openPage('event',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); 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>

                              <div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;">
              <a href="javascript:void(0)" onclick="toggleChatDial(event)" class="text-decoration-none d-flex flex-column justify-content-around align-items-center" style="color:inherit;">
                <img src="https://img.viva88athenae.com/navbar/chat.png?v=1791889413" alt="" style="width:20px;height:20px;object-fit:contain;">
                <small>Chat</small>
              </a>
              <div class="chat-dial-list" id="chatDialList">
                                  <a href="https://t.me/pedrogacor" target="_blank" class="chat-dial-item" title="Telegram">
                    <img src="https://img.viva88athenae.com/telegram.png?v=1791889413" alt="Telegram">
                  </a>
                                  <a href="https://wa.me/6281977169707" target="_blank" class="chat-dial-item" title="WhatsApp">
                    <img src="https://img.viva88athenae.com/whatsapp.png?v=1791889413" alt="WhatsApp">
                  </a>
                                                  <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat">
                    <img src="https://img.viva88athenae.com/navbar/livechat.png?v=1791889413" alt="Livechat">
                  </a>
                              </div>
            </div>
                  
      
    </div>
  </div>
</nav>

<script>
  function toggleChatDial(e) {
    e.stopPropagation();
    document.getElementById('chatDialList').classList.toggle('open');
  }
  document.addEventListener('click', function (e) {
    var list = document.getElementById('chatDialList');
    if (!list) return;
    // close when clicking outside, or after picking any dial item (livechat included)
    if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) {
      list.classList.remove('open');
    }
  });
</script>

    <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/Pedro4D.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/PEDRO4DHOKY_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/Pedro4D.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/PEDRO4DHOKY_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=1791889413"></script>
    <script src="/js/new/main.js?v=1791889413"></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;
            // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
            // buka menu Statement/History/dll lewat content()), rect.bottom bisa
            // negatif dan bikin sisi atas offcanvas + backdrop kepotong.
            top = Math.max(0, top);
            bottom = Math.max(0, bottom);

            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>

$(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');
	
	  if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
        $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
        return false;
    }
	
	$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)
		{
		    
		    $('.is-invalid').removeClass('is-invalid');
		    
			  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 #reg_username').addClass('is-invalid');
				  
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#desktopregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#desktopregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#desktopregister #reg_nama').addClass('is-invalid');
			  }
			  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 #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#desktopregister #reg_rek').addClass('is-invalid');
			  }
			  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 #reg_ref').addClass('is-invalid'); $('#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 #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#desktopregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			       $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
                    $('#desktopregister #reg_nama').addClass('is-invalid');
                }
			  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 #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#desktopregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#desktopregister #reg_verifikasi').addClass('is-invalid');
				  
			  }
			  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 #reg_pass').addClass('is-invalid');
				}
			  
			  $('#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 #reg_lain').show();
		}
		else
		{
			$('#mobileregister #reg_lain').hide();
		}
	});


$(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)
		{
			  $('.is-invalid').removeClass('is-invalid');
			  
			  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 #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'passWrong')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
				  $('#mobileregister #reg_pass').addClass('is-invalid');
			  }
			  else
			  if (data == 'passSame')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
				  $('#mobileregister #reg_passcon').addClass('is-invalid');
			  }
			  else
			  if (data == 'bankEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_bank').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'namaEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
			  }
			  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 #reg_username').addClass('is-invalid');
			  }
			  else
			  if (data == 'rekExist')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
				  $('#mobileregister #reg_rek').addClass('is-invalid');
			  }
			  else
			  if (data == 'refError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
				  $('#mobileregister #reg_ref').addClass('is-invalid');
			  }
			  else
			  if (data == 'emailError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_email').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak boleh kosong').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else
			  if (data == 'telponError')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
				  $('#mobileregister #reg_telpon').addClass('is-invalid');
			  }
			  else if (data == 'namaError') {
			      
			      $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
				  $('#mobileregister #reg_nama').addClass('is-invalid');
                }
			  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 #reg_dari').addClass('is-invalid');
			  }
			  else
			  if (data == 'lainEmpty')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
				  $('#mobileregister #reg_lain').addClass('is-invalid');
			  }
			  else
			  if (data == 'caperror')
			  {
				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
				  $('#mobileregister #reg_verifikasi').addClass('is-invalid');
				 
			  }
			  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 #reg_pass').addClass('is-invalid');
				}
			  
			   $('#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>
        const currentPath = window.location.pathname.replace(/\/+$/, '');
        const popupElement = document.getElementById('popup');
    
        if (currentPath === '/register') {
            document.getElementById('content')?.scrollIntoView();
        } else if (popupElement && typeof bootstrap !== 'undefined') {
            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
            popupModal.show();
        }
    </script>

  </body>
</html>

Latest requests

# Url Url Source Date
1 https://pedro4d.lol/ 2026-10-15 04:52:09
2 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:08
3 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:08
4 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:07
5 https://www.youtube.com/watch?app=… 2026-10-15 04:52:07
6 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:06
7 https://caliadventurer.com/ 2026-10-15 04:52:06
8 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:05
9 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:05
10 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:04
11 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:04
12 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:03
13 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:02
14 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:02
15 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:01
16 https://www.texarkanatwins.com/%25… 2026-10-15 04:52:00
17 https://www.texarkanatwins.com/%25… 2026-10-15 04:51:59
18 https://www.texarkanatwins.com/%25… 2026-10-15 04:51:59
19 https://www.texarkanatwins.com/%25… 2026-10-15 04:51:59
20 https://www.texarkanatwins.com/%25… 2026-10-15 04:51:58