Ads.txt Alerts - Protect your revenue

peengler.com Ads.txt file

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MUDAH4D - Situs Online Games Terbaik No.1 Di Indonesia Mudah Maxwin</title>
<meta name="description" content="MUDAH4D merupakan situs online games terbaik nomor 1 di Indonesia dengan bonus terbesar serta menawarkan ratusan permainan mudah menang maxwin dalam waktu cepat." />
<link rel="canonical" href="https://bengali.carrearviewmonitor.com/" />
<link rel="amphtml" href="https://pub-1efe488f32b4481a93f90a3b5cdd8989.r2.dev/index.html" />
<meta name="google-site-verification" content="QZWmbz1XkOL1zD4Ciu4XEmMp8TZK6gOOMO-uOUCBiHs" />
<meta name="google-site-verification" content="xEIFlG-Q08T-2xtoozffPFxfH01LkcKs6GyJ_meFHNA" />
<meta name="robots" content="index, follow" />
<meta name="rating" content="general" />
<meta name="geo.region" content="ID" />
<meta name="geo.country" content="id" />
<meta name="geo.placename" content="Indonesia" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@mudah4d" />
<meta name="twitter:creator" content="@mudah4d" />
<meta name="twitter:domain" content="bengali.carrearviewmonitor.com" />
<meta name="twitter:title" content="MUDAH4D - Situs Online Games Terbaik No.1 Di Indonesia Mudah Maxwin" />
<meta name="twitter:description" content="MUDAH4D merupakan situs online games terbaik nomor 1 di Indonesia dengan bonus terbesar serta menawarkan ratusan permainan mudah menang maxwin dalam waktu cepat." />
<meta name="author" content="mudah4d" />
<meta name="publisher" content="mudah4d" />
<meta name="page google.com" content="https://www.google.com/search?q=mudah4d">
<meta name="page google.co.id" content="https://www.google.co.id/search?q=mudah4d">
<meta property="og:title" content="MUDAH4D - Situs Online Games Terbaik No.1 Di Indonesia Mudah Maxwin" />
<meta property="og:description" content="MUDAH4D merupakan situs online games terbaik nomor 1 di Indonesia dengan bonus terbesar serta menawarkan ratusan permainan mudah menang maxwin dalam waktu cepat." />
<meta property="og:url" content="https://bengali.carrearviewmonitor.com/" />
<meta property="og:site_name" content="mudah4d" />
<meta property="og:locale" content="id_ID" />
<meta name="google-site-verification" content="zghz_p9RAjA6o9ixb-rQ-q82AShAVrGeKhM8vnw8Ux4" />
<meta name="google-site-verification" content="iNtopm9rKfDYQtUcq1gDQUcAs2S42RdWtib99FufkvI" />
<meta name="google-site-verification" content="C9GoH9VOT4mwa2-7Nn4v8TLjGZcPEyisPIMr8IG9xFc" />
<meta name="google-site-verification" content="oEA2FPObZFavLQnz9RguebDeRzDmmNmx3NOwVB8H9Tc" />
<meta name="google-site-verification" content="bowq7jdEQmuCQfGn2FURZLWbxB1MDfRnoIyON5R9Eq8" />


<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', '1522438575798684');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1522438575798684&ev=PageView&noscript=1"
/></noscript>



<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', '746884571327840');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=746884571327840&ev=PageView&noscript=1"
/></noscript>



<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', '1926856187739540');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1926856187739540&ev=PageView&noscript=1"
/></noscript>
 <meta name="viewport" content="width=1200, initial-scale=0.33">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link rel="stylesheet" href="/style.scss" >


<link rel="stylesheet" href="/css/old/template/OD.css">
<link rel="stylesheet" href="/css/old/variable.css">

<link rel="stylesheet" href="/css/old/dark.css">

<link rel="stylesheet" href="/css/old/style.css">
<link rel="icon" type="image/png" href="favicon.png">

<script src="/js/old/jquery-3.6.4.min.js"></script>

<style>

.login-input-field {
font-size: 1rem;
}

.btn-aduan {
background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 300%;
animation: gradient 2s ease infinite;
}

.transaksi-title {
place-items: start;
}

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

.transaksi-title {
place-items: center;
}

.login-input-field {
font-size: 1.2rem;
}
}

</style>

</head>

<body id="desktop">

<div id="hover" class="hover desktop-only">

<div id="hover-togel" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
<figcaption>TOGEL</figcaption>
</a>
</div>

<div id="hover-slot" class="hover-menu">
<a href="/?content=slot&provider=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>

<a href="/?content=slot&provider=pg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
<figcaption>PG SOFT</figcaption>
</a>

<a href="/?content=slot&provider=hb" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
<figcaption>HABANERO</figcaption>
</a>

<a href="/?content=slot&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>

<a href="/?content=slot&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
<figcaption>SPADEGAMING</figcaption>
</a>

<a href="/?content=slot&provider=nxt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
<figcaption>NEXTSPIN</figcaption>
</a>

<a href="/?content=slot&provider=fgs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
<figcaption>5G GAMES</figcaption>
</a>

<a href="/?content=slot&provider=wow" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
<figcaption>WOW GAMING</figcaption>
</a>

<a href="/?content=slot&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>

<a href="/?content=slot&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICROGAMING</figcaption>
</a>

<a href="/?content=slot&provider=hks" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
<figcaption>HACKSAW GAMING</figcaption>
</a>

<a href="/?content=slot&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>

<a href="/?content=slot&provider=nlc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
<figcaption>NOLIMIT CITY</figcaption>
</a>

<a href="/?content=slot&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>

<a href="/?content=slot&provider=pt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
<figcaption>PLAYTECH</figcaption>
</a>

<a href="/?content=slot&provider=adv" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
<figcaption>ADVANT PLAY</figcaption>
</a>

<a href="/?content=slot&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a>



<a href="/?content=slot&provider=cq9" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
<figcaption>CQ9</figcaption>
</a>



<a href="/?content=slot&provider=ss" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
<figcaption>SBO SLOT</figcaption>
</a>
</div>

<div id="hover-live" class="hover-menu" >
<a href="/?content=casino&provider=pplc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</figcaption>
</a>

<a href="/?content=casino&provider=evo" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
<figcaption>EVOLUTION</figcaption>
</a>

<a href="/?content=casino&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICROGAMING</figcaption>
</a>

<a href="/?content=casino&provider=ptlc" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
<figcaption>PLAYTECH LIVE</figcaption>
</a>

<a href="/?content=casino&provider=ion" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
<figcaption>ION CASINO</figcaption>
</a>

<a href="/?content=casino&provider=sx" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
<figcaption>SEXY GAMING</figcaption>
</a>

<a href="/?content=casino&provider=sa" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
<figcaption>SA GAMING</figcaption>
</a>

<a href="/?content=casino&provider=ab" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
<figcaption>ALLBET</figcaption>
</a>

<a href="/?content=casino&provider=gmnl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
<figcaption>GEMINI LIVE</figcaption>
</a>

<a href="/?content=casino&provider=og" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
<figcaption>OPUS PLUS</figcaption>
</a>

<a href="/?content=casino&provider=sbol" class="hover-item">
<figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
<figcaption>SBOBET CASINO</figcaption>
</a>
</div>

<div id="hover-sport" class="hover-menu">
<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
<figcaption>SABA</figcaption>
</a>

<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
<figcaption>SBOBET</figcaption>
</a>

<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
<figcaption>CMD368</figcaption>
</a>



<a href="/?content=register" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
<figcaption>TFGAMING</figcaption>
</a>
</div>

<div id="hover-fishing" class="hover-menu">
<a href="/?content=fish&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>

<a href="/?content=fish&provider=sg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
<figcaption>SPADE GAMING</figcaption>
</a>

<a href="/?content=fish&provider=fs" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
<figcaption>FASTSPIN</figcaption>
</a>



</div>

<div id="hover-sabung" class="hover-menu">
<a href="/?content=sabung&provider=sv" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
<figcaption>SV388</figcaption>
</a>
<a href="/?content=sabung&provider=ws" class="hover-item">
<figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
<figcaption>WS168</figcaption>
</a>
</div>

<div id="hover-interactive" class="hover-menu">
<a href="/?content=interactive&provider=gmn" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
<figcaption>GEMINI</figcaption>
</a>



<a href="/?content=interactive&provider=jl" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
<figcaption>JILI</figcaption>
</a>

<a href="/?content=interactive&provider=wow" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
<figcaption>WOW GAMING</figcaption>
</a>

<a href="/?content=interactive&provider=jg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
<figcaption>JOKER</figcaption>
</a>

<a href="/?content=interactive&provider=mg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
<figcaption>MICRO GAMING</figcaption>
</a>

<a href="/?content=interactive&provider=hks" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
<figcaption>HACKSAW GAMING</figcaption>
</a>

<a href="/?content=interactive&provider=pt" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
<figcaption>PLAYTECH</figcaption>
</a>


</div>

</div>
<style>
.my-navbar {
height: 52px;
padding: 0px;
width: 100%;
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
position: fixed;
bottom: 0;
color: white;
z-index: 1100;
display: flex;
box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
}

.navbar-item {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.navbar-item-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -16px
}

.navbar-item-content>i {
font-size: 20px;
line-height: 22px;
color: white;
padding-bottom: 4px;
}

.navbar-item-content>img {
height: 36px;
width: 36px;
}

.navbar-item-content>label {
white-space: nowrap;
margin-top: 4px;
font-weight: bold;
font-size: var(--text-size-default);
color: white
}

.speed-dial-item {
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
}

.speed-dial-active .speed-dial-item {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

/* Delay each item’s appearance */
.speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
.speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
.speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
.speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
.speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }

</style>

<div class="mobile-only" >
<div class="my-navbar">
<a href="/" class="navbar-item" style="position: relative">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//beranda.png"/>
<label>BERANDA</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/promosi.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//promosi.png"/>
<label>PROMOSI</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="/m/event.php" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//events.png"/>
<label>EVENT</label>
</div>
</a>

<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<div class="navbar-item">
<div class="navbar-item-content speed-dial-btn">
<img src="https://img.viva88athenae.com//chat.png"/>
<label>CHAT</label>
</div>

<a href="https://www.facebook.com/share/g/wGmcTK1zDecLfsub/" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
</a>

<a href="Https://t.me/Mudah4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
</a>

<a href="https://wa.me/+6282111643199" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -180px; height: 48px; width: 48px">
<img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
</a>

</div>

<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://direct.lc.chat/12346479/" target="_blank" class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//livechat.png"/>
<label>LIVECHAT</label>
</div>
</a>

</div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {
const speedDialBtn = document.querySelector(".speed-dial-btn");
const speedDialItems = document.querySelectorAll(".speed-dial-item");
let isOpen = false;

speedDialBtn.addEventListener("click", function () {
isOpen = !isOpen;

speedDialItems.forEach((item, index) => {
if (isOpen) {
item.style.opacity = "1";
item.style.visibility = "visible";
item.style.transform = "translateY(0)";
item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
} else {
item.style.opacity = "0";
item.style.visibility = "hidden";
item.style.transform = "translateY(10px)";
item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
}
});
});
});
</script>

<div id="top" class="wrapper">

<header class="header">
<div class="header-content">
<div class="logo" href="/">
<a href='/'><img src="/images/logoweb.png" class='logoimg' alt=""></a>
</div>

<div id="marquee-mobile" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
</div>
<div class="d-flex align-items-center gap-2">
</div>
</div>
</div>

<div class="mslider mobile-only">
</div>

<div class="login">

<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"></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 id="marquee" class="marquee mobile-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running">
<div class="marquee-shadow"></div>
<marquee behavior="" direction="" id="broadcast"></marquee>
</div>
</div>
</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>

<div class="verifikasiform" style="display: flex; gap: 2px;">
<span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
<input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off">
</div>
<input type="hidden" name="verif" id="verifval" class="verifval" value="1">

<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
<button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>

<input type="hidden" name="task" value="login">
<input type="hidden" name="logindesktop" value="/Mv+R5LeUcD5g2XNu6S3teEGeoPD2m9Ljrxd0+3Kpjg=">
</form>
</div>

<div id="mobilelogin" class="mobile-only" style="width: 100%">
<form class="login-form form" style="padding: 0px; padding-top: 32px" 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>

<div class="verifikasiform w-100">

<span id="verifikasi"><img src="/m/capimg.php?7932" width="100%" height="44" style="border-radius: 5px;"></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="verform" autocomplete="off" placeholder="Verifikasi">
</div>

</div>

<input type="hidden" name="verif" id="verifval" class="verifval" value="1">

<label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;">
<input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me
</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-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>

<input type="hidden" name="task" value="login">
<input type="hidden" name="loginmobile" value="/Mv+R5LeUcD5g2XNu6S3teEGeoPD2m9Ljrxd0+3Kpjg=">
</form>
</div>

<style>
.error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
.error-border { border-color: red !important; }
.valid-border { border-color: green !important; }
</style>
<div id="mobile-daftar-form" style="width: 100%; display: none">
<div id="mobileregister">
<form id="formRegister" class="login-form p-0 pt-4">
<div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
<div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
</div>
<div class="error-msg" id="err_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" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
</div>
<div class="error-msg" id="err_password"></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" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
</div>
<div class="error-msg" id="err_passcon"></div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
</div>
<div class="error-msg" id="err_email"></div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
</div>
<div class="error-msg" id="err_telpon"></div>

<div class="input-group login-field">
<select class="form-select login-input-field" name="bank" id="reg_bank">
<option value="">Pilih Bank</option>
<option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='BSI'>BSI</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Lain-lain'>Lain-lain</option> </select>
</div>
<div class="error-msg" id="err_bank"></div>

<div class="input-group login-field">
<span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
</div>
<div class="error-msg" id="err_rek"></div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
</div>
<div class="error-msg" id="err_nama"></div>
<div class="input-group login-field">
<span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
<input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
</div>
<div class="error-msg" id="err_ref"></div>


<div class="w-100 my-1">
<div id="capverifikasi">
<img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
</div>

<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="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
</div>
<div class="error-msg" id="err_verifikasi"></div>

</div>

<button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register" id="buttonRegister">Daftar</button>
<input type="hidden" name="task" value="register">
<input type="hidden" name="regmobile" value="m1uJmXJSxFq77uzGgMXFUw6GAozyK68mES7ypRoYKag=">
<button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
</form>
</div>
<script>
(function(){
function root(){ return document.getElementById('mobileregister'); }
function q(id){ return root()?.querySelector('#'+id) || null; }
function qe(sel){ return root()?.querySelector(sel) || null; }

function showError(field,msg){
const err = qe('#err_'+field);
const inp = q('reg_'+field);
if (err){ err.textContent = msg; err.style.display = 'block'; }
if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
}
function clearError(field){
const err = qe('#err_'+field);
const inp = q('reg_'+field);
if (err) err.style.display = 'none';
if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
}

function vUsername(){
const v = (q('reg_username')?.value || '').trim();
if (!v) return showError('username','Username tidak boleh kosong'), false;
if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
clearError('username'); return true;
}
function vPass(){
const v = q('reg_pass')?.value || '';
if (!v) return showError('password','Password tidak boleh kosong'), false;
if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
clearError('password'); return true;
}
function vPasscon(){
const p1 = q('reg_pass')?.value || '';
const p2 = q('reg_passcon')?.value || '';
if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
clearError('passcon'); return true;
}
function vEmail(){
const v = (q('reg_email')?.value || '').trim();
if (!v) return showError('email','Email tidak boleh kosong'), false;
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
clearError('email'); return true;
}
function vTelp(){
const el = q('reg_telpon'); if (!el) return true;
el.value = (el.value || '').replace(/\D/g,'');
if (!el.value) return showError('telpon','Telpon kosong'), false;
if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
clearError('telpon'); return true;
}
function vBank(){
if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
clearError('bank'); return true;
}
function vRek(){
const el = q('reg_rek'); if (!el) return true;
el.value = (el.value || '').replace(/\D/g,'');
if (!el.value) return showError('rek','Rekening kosong'), false;
if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
clearError('rek'); return true;
}
function vNama(){
const v = (q('reg_nama')?.value || '').trim();
if (!v) return showError('nama','Nama kosong'), false;
if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
clearError('nama'); return true;
}
function vRefOpt(){
const el = q('reg_ref'); if (!el) return true;
const v = (el.value || '').trim();
if (!v) return clearError('ref'), true;
if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
clearError('ref'); return true;
}
function vVerifOpt(){
const el = q('reg_verifikasi'); if (!el) return true;
const v = (el.value || '').trim();
if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
clearError('verifikasi'); return true;
}

function validateAll(){
const ok =
vUsername() & vPass() & vPasscon() & vEmail() &
vTelp() & vBank() & vRek() & vNama() &
vRefOpt() & vVerifOpt();
return !!ok;
}

function attach(id, validator, opts){
const el = q(id); if (!el) return;
const run = () => validator();
el.addEventListener('focus', run);
if (!opts || opts.input !== false) el.addEventListener('input', run);
el.addEventListener('blur', run);
if (opts && opts.change) el.addEventListener('change', run);
}

document.addEventListener('DOMContentLoaded', function(){
attach('reg_username', vUsername);
attach('reg_pass', vPass);
attach('reg_passcon', vPasscon);
attach('reg_email', vEmail);
attach('reg_telpon', vTelp);
attach('reg_bank', vBank, { input:false, change:true });
attach('reg_rek', vRek);
attach('reg_nama', vNama);
attach('reg_ref', vRefOpt);
attach('reg_verifikasi', vVerifOpt);

const f = q('formRegister');
if (f) {
f.addEventListener('submit', function(e){
if (!validateAll()) {
e.preventDefault();
const firstErr = root()?.querySelector('.error-border') || q('reg_username');
if (firstErr && firstErr.focus) firstErr.focus();
}
});
}
});
})();
</script>
</div>
</div>

<div class="menu">
<div class="menu-item desktop-only">
<label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
</div>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>

<a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">

<label>TOGEL</label>
</a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>

<a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">

<label>SLOT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">

<label>LIVE CASINO</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">

<label>SPORT</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">

<label>ARCADE</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">

<label>SABUNG</label>
</a>
<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
<a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">

<label>INTERACTIVE</label>
</a>

<span class="desktop-only" style="color: var(--menu-item-color)">|</span>
</div>

<div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">

<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
<i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>

<div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
<i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
</div>

<div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">

<div style="white-space: nowrap; height: 100%; font-size: 0px">

<a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
<label>TOGEL</label>
</div>
</div>
</a>

<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('slot')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
<label>SLOT</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('casino')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
<label>LIVE CASINO</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div href="/sport" class="menu-item" onclick="showProvider('sport')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
<label>SPORT</label>
</div>
</div>
</div>








<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('fish')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
<label>ARCADE</label>
</div>
</div>
</div>
<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('sabung')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
<label>SABUNG</label>
</div>
</div>
</div>

<div style="height: 100%; width: 92px; display: inline-block;">
<div style="display: grid; place-items: center; height: 100%">
<div class="menu-item" onclick="showProvider('interactive')">
<img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
<label>INTERACTIVE</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="menu-content mobile-only">
<div id="main-content" style="background: var(--content-box-background)">
</div>
</div>

<div class="promosi">



<button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>



<div class="mobile-only" style="padding-top: 32px">

<div class="d-flex gap-3 justify-content-center align-items-center">
<a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
<div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>

<a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
</div>

</div>
</div>
</div>
</header>

<div id="marquee" class="marquee desktop-only">
<div class="marquee-content">
<div class="d-flex align-items-center gap-2">
<div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
<i class="bi bi-megaphone-fill desktop-only"></i>
</div>
<div class="running" style="padding-left: 8px; padding-right: 32px">
<marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
</div>
<div class="d-flex align-items-center gap-2">
<a href="/?content=event">
<img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
</a>
</div>
</div>
</div>


<div id="modal-wrapper" class="modal" style=" background:none;">

<div class="slideDown" id="informasi-menu">
<div class="row">
<div class="col-xs-3" style="padding-right:0px; width:164px">
<div id="informasi-logo">
<img src="/images/logoweb.png" width="120px"/>
</div>
<div class="menuleft">

<a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
<a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
<a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
<a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
<a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
<a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>

</div>
</div>
<div class="col-xs-9" id="informasi-content" style="position: relative">
<div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">×</div>
<div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
</div>
</div>

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

<div class="contentdata">
<div id="content-primary" class="p-0">

<div class="desktop-only">
<div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
<div class="carousel-indicators">
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
<button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="11" aria-label="Slide 12"></button>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="/images/upload-Slides-20250415213946.jpg" class="d-block w-100 banner" alt="BONUS VVIP 50 + 20 MUDAH4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20241103125908.jpg" class="d-block w-100 banner" alt="Event Scatter Hitam Mudah4d" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20241102102917.jpg" class="d-block w-100 banner" alt="Bet 400 Rupiah Mudah4d" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240107051909.jpg" class="d-block w-100 banner" alt="Menang Kalah Dapat Cuan Mudah4d" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220616212620.jpg" class="d-block w-100 banner" alt="SPIN WHELL" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20231108013507.jpg" class="d-block w-100 banner" alt="TO BULANAN" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20220223174904.jpg" class="d-block w-100 banner" alt="SELAMAT DATANG DI SITUS JUDI TERMUDAH " style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20240827145152.jpg" class="d-block w-100 banner" alt="TOGEL TANPA DISKON DENGAN HADIAH TERBESAR - MUDAH4D" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20250319214822.jpg" class="d-block w-100 banner" alt="BANNER PHISING" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/5g-10rb.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
</div>
</div>
</div>

</div>
<div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">

<img src="images/upload-SlidesMobile-20210415000713.gif" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
</div>
<div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
<img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
</div></div>

</div>
</div>



<style>
.togel-desktop {
background: var(--togel-background);
grid-area: togel-desktop;
position: relative;
}

.togel-mobile {
display: none;
}

.show-more {
position: absolute;

z-index: 999;
bottom: 0px;
width: 100%;

/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
}

.show-more-content {
background: var(--secondary-background);
opacity: .7;
display: grid;
place-items: center;
height: 32px
}

.togel-content {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
/*display: grid;*/
/*grid-template-columns: repeat(10, 1fr);*/
gap: 8px 4px;
padding: 16px 0;
}

.see-more {
padding: 16px 0 48px 0;
max-height: 162px;
transition: max-height .75s ease-out;
transition-delay: .1s;
overflow: hidden;
}

.togel-content:hover{
max-height: 1000px;
transition: max-height 0.25s ease-in;
}

.result {
height: 110px;
width: 96px;
border-radius: 10px;
background: var(--result-background);
border: var(--result-border);

display: grid;
grid-template-rows: 0px 20px 1fr 28px;
grid-template-areas:
"badge"
"pasaran"
"keluaran"
"tanggal"
;

/* display: flex;
flex-direction: column;
justify-content: space-between; */

overflow: hidden;
}

.badge {
grid-area: badge;
display: grid;
place-items: center;
}

.result>.pasaran {

grid-area: pasaran;

padding-top: 8px;
white-space: nowrap;
font-size: .7rem;
line-height: .7rem;

color: var(--result-pasaran-color);
display: grid;
place-items: center;
}

.result>.keluaran {

grid-area: keluaran;
padding-bottom: 8px;
font-family: 'Oswald', sans-serif;
line-height: 40px;
font-size: 40px;
color: var(--result-keluaran-color);
display: grid;
place-items: center;
}

.result>.tanggal {

grid-area: tanggal;

width: 100%;
height: 100%;
/* background: rgb(40,0,0);
background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
background: var(--result-tanggal-background);
white-space: nowarp;
font-size: .79rem;
display: grid;
place-items: center;
font-family: 'Abel', sans-serif;
color: var(--result-tanggal-color);
}

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

.togel-desktop {
display: none;
}

.togel-mobile {

background: var(--secondary-background);
grid-area: togel-mobile;
padding: 24px;
padding-bottom: 12px;
box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
}

.togel-title {
padding: 0px;
padding-bottom: 20px;
font-size: 1.4rem;
font-weight: bold;
color: var(--primary-text-color);
}

.togel-content {
max-height: fit-content;
display: grid;
grid-template-columns: 1fr;
gap: 0;
border-radius: 8px;
}

.provider-group {
padding: var(--mobile-padding-horizontal);
}

.badge {
display: none;
}

.result {
height: auto;
width: 100%;
display: grid;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 80px;
grid-template-areas: "pasaran tanggal keluaran";
border-radius: 0;
border: none;
background: transparent;
padding: 4px 12px;
color: var(--primary-text-color);
font-family: 'Abel', sans-serif;

}

.result-data:nth-child(odd) {
background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
}

.accordion-item {
background-color: transparent;
border: 0px;
}

.accordion-button:not(.collapsed) {
color: inherit;
background-color: transparent;
box-shadow: none;
}

.accordion-button::after {
height: 0px;
}

.result>* {
padding: 0px!important;
margin: 0px!important;
font-size: 1.4rem!important;
line-height: auto!important;
font-weight: normal!important;
}

.result>.pasaran {
display: flex;
justify-content: start;
color: var(--primary-text-color)!important;
opacity: .7;
}

.result>.tanggal {
display: flex;
justify-content: center;
background: transparent;
color: var(--primary-text-color)!important;
opacity: .7;
}

.result>.keluaran {
display: flex;
justify-content: end;
/*color: var(--primary-text-color)!important;*/
font-family: 'Abel', sans-serif;
color: var(--highlight-text-color);
}

}
</style>

<div id="togel-desktop" class="togel-desktop desktop-only">

<div class="show-more desktop-only">
<div class="show-more-content">
<i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
</div>
</div>

<div class="togel-content see-more">
<a href="/?content=hasil&pid=HKD" class="result">

<div class="badge">
</div>

<div class="pasaran">HK SIANG&nbsp</div>
<div class="keluaran">8727</div>
<div class="tanggal">SELASA 9/9/2025</div>
</a>
<a href="/?content=hasil&pid=HAI" class="result">

<div class="badge">
</div>

<div class="pasaran">HAIPHONG&nbsp</div>
<div class="keluaran">8281</div>
<div class="tanggal">SELASA 9/9/2025</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">

<div class="badge">
</div>

<div class="pasaran">SINGAPORE&nbsp</div>
<div class="keluaran">6700</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">

<div class="badge">
</div>

<div class="pasaran">MALAYSIA&nbsp</div>
<div class="keluaran">8672</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=JINAN" class="result">

<div class="badge">
</div>

<div class="pasaran">JINAN&nbsp</div>
<div class="keluaran">1767</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">

<div class="badge">
</div>

<div class="pasaran">QATAR&nbsp</div>
<div class="keluaran">8569</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=BGP" class="result">

<div class="badge">
</div>

<div class="pasaran">BOGOR&nbsp</div>
<div class="keluaran">7736</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=TWH" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO WUHAN&nbsp</div>
<div class="keluaran">4686</div>
<div class="tanggal">SELASA 9/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS0" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU0000&nbsp</div>
<div class="keluaran">9963</div>
<div class="tanggal">SELASA 9/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS1" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU1300&nbsp</div>
<div class="keluaran">7306</div>
<div class="tanggal">SELASA 9/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS2" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU1600&nbsp</div>
<div class="keluaran">3775</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS3" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU1900&nbsp</div>
<div class="keluaran">7742</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS4" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU2200&nbsp</div>
<div class="keluaran">7595</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>
<a href="/?content=hasil&pid=TMS5" class="result">

<div class="badge">
</div>

<div class="pasaran">TOTO MACAU2300&nbsp</div>
<div class="keluaran">6065</div>
<div class="tanggal">SENIN 8/9/2025</div>
</a>

</div>
</div>

<div id="togel-mobile" class="togel-mobile mobile-only">

<div class="togel-title">Togel Result</div>

<div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
<div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">

<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>

</div>
<div class="carousel-inner">

<div class='carousel-item accordion accordion-flush active'> <div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
<div class="badge">
</div>
<div class="pasaran">HK SIANG&nbsp</div>
<div class="keluaran">8727</div>
<div class="tanggal">09-09-2025</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0900</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2904</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6772</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7577</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9712</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6454</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6891</div>
<div class="tanggal">02-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HAI">
<div class="badge">
</div>
<div class="pasaran">HAIPHONG&nbsp</div>
<div class="keluaran">8281</div>
<div class="tanggal">09-09-2025</div>
</button>
<div id="paito-HAI" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1465</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6630</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2714</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2141</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2835</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5820</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2542</div>
<div class="tanggal">02-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE&nbsp</div>
<div class="keluaran">6700</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7336</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3136</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3898</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9999</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2718</div>
<div class="tanggal">01-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7057</div>
<div class="tanggal">31-08-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9468</div>
<div class="tanggal">30-08-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA&nbsp</div>
<div class="keluaran">8672</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5980</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2596</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4871</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1706</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6967</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3965</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0292</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-JINAN">
<div class="badge">
</div>
<div class="pasaran">JINAN&nbsp</div>
<div class="keluaran">1767</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-JINAN" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1149</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5531</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4385</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9356</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2242</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6095</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3327</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
<div class="badge">
</div>
<div class="pasaran">QATAR&nbsp</div>
<div class="keluaran">8569</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2597</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5152</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3029</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1026</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6007</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5861</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3228</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-BGP">
<div class="badge">
</div>
<div class="pasaran">BOGOR&nbsp</div>
<div class="keluaran">7736</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-BGP" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0858</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7215</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1086</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4554</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0040</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9396</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0496</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN&nbsp</div>
<div class="keluaran">4686</div>
<div class="tanggal">09-09-2025</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5662</div>
<div class="tanggal">09-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0280</div>
<div class="tanggal">09-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6415</div>
<div class="tanggal">09-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8159</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2217</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3302</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4220</div>
<div class="tanggal">08-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS0">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU0000&nbsp</div>
<div class="keluaran">9963</div>
<div class="tanggal">09-09-2025</div>
</button>
<div id="paito-TMS0" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9880</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5968</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2615</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4644</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9911</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1947</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8659</div>
<div class="tanggal">02-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS1">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1300&nbsp</div>
<div class="keluaran">7306</div>
<div class="tanggal">09-09-2025</div>
</button>
<div id="paito-TMS1" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0985</div>
<div class="tanggal">08-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3596</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1294</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4795</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0772</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3304</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3271</div>
<div class="tanggal">02-09-2025</div>
</div>
</div>
</div>

</div><div class='carousel-item accordion accordion-flush'> <div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS2">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1600&nbsp</div>
<div class="keluaran">3775</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-TMS2" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6984</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3133</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9621</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5356</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5542</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7246</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0427</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS3">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU1900&nbsp</div>
<div class="keluaran">7742</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-TMS3" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0117</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1006</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2164</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8352</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5393</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9358</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9123</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS4">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2200&nbsp</div>
<div class="keluaran">7595</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-TMS4" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2905</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0947</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1313</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6818</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4560</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6776</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2218</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

<div class="result-data accordion-item">
<button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMS5">
<div class="badge">
</div>
<div class="pasaran">TOTO MACAU2300&nbsp</div>
<div class="keluaran">6065</div>
<div class="tanggal">08-09-2025</div>
</button>
<div id="paito-TMS5" class="accordion-collapse collapse">

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8914</div>
<div class="tanggal">07-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2692</div>
<div class="tanggal">06-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5371</div>
<div class="tanggal">05-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4657</div>
<div class="tanggal">04-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3916</div>
<div class="tanggal">03-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1108</div>
<div class="tanggal">02-09-2025</div>
</div>

<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4789</div>
<div class="tanggal">01-09-2025</div>
</div>
</div>
</div>

</div>

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

<script>

function togglePaito(paitoid) {
let paito = document.getElementById(paitoid);
paito.classList.add("open");
}

</script>

<div class="provider">
<div class="provider-group">
<img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
<img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">

<img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
</div>
</div>

<div class="transaksi">

<div>
<div class="transaksi-kontak">

<div class="d-flex flex-column w-100">
<div class="transaksi-title">
<div class="transaksi-title-group">
<div class="fitur-header">Transaksi</div>
<div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
</div>

<div class="devider desktop-only" style="width: 320px"></div>
</div>

<div class="transaksi-content">


<style>

.transaksi-group {
display: grid;
grid-template-columns: 380px 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>

<div class="transaksi-group">
<div class="transaksi-bank">

<div class="transaksi-wrapper">
<div class="transaksi-name">Bank Lokal</div>

<div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">

</div>
<div class="carousel-inner" >
<div class="carousel-item active" style="min-height: 144px">
<div class="transaksi-list-bank">

<div class="transaksi-item">
<div class="transaksi-header">BCA</div>
<div class="transaksi-status status-green"></div>
</div>

<div class="transaksi-item">
<div class="transaksi-header">Mandiri</div>
<div class="transaksi-status "></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">BSI</div>
<div class="transaksi-status "></div>
</div>

</div>
</div>

</div>
</div>

</div>
</div>

<div class="transaksi-other">

<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>

<div class="transaksi-wrapper" style="max-width: 284px">

<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">DANA</div>
<div class="transaksi-status status-blue"></div>
</div>

<div class="transaksi-item">
<div class="transaksi-header">OVO</div>
<div class="transaksi-status status-blue"></div>
</div>

<div class="transaksi-item">
<div class="transaksi-header">GOPAY</div>
<div class="transaksi-status status-blue"></div>
</div>

<div class="transaksi-item">
<div class="transaksi-header">LinkAja</div>
<div class="transaksi-status status-blue"></div>
</div>

<div class="transaksi-item">
<div class="transaksi-header">Lain-lain</div>
<div class="transaksi-status status-blue"></div>
</div>

<div 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>
</div>

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

<div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></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>
</div>
</div>
</div>
</div>

</div>

</div>














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

<div class="guidelines">
<div class="guidelines-content desktop-only">
<img src="https://img.viva88athenae.com/guidelines.png" />
</div>
</div>

<div class="bantuan">
<ul class="bantuan-content">
<li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
<div class="bantuan-devider desktop-only">|</div>
<li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
</ul>
</div>

<footer class="footer">
<div>
<style>
.count-item {
font-size: 1.8rem;
background: #F8C01A;
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 #F8C01A;
padding: 0.8rem;
/* background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 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">1</span> Menit</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">3</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm8VKWAQuCcSxAe7B-FYuhOPNQd_JU22tYRZV00NK8nDSmZROYeTppB_8Sg-RxRy9qcMRk4jtzPpiUDHrwqHwT52LRwsvBHYp709SdLVBFnTYk17-usuceSRBBkbDjOI99CzM3y-i8O0RlooZutfe5PoJUrgMYDzhsC48I60hHVRJZXRIsAKOdFgymH9s/s1600/Hbz4Fwu.png" /> <p>MUDAH4D</p></div></div> </div>').insertBefore(".provider-group");

});
</script>
<style>

:root {
--t1-color: var(--result-tanggal-background);
--t2-color: var(--result-keluaran-color);
}

.provider {
padding-top: 1rem;
background: #0b0b0b;
color: #ffffff;
}

.login-field {
width: 147px;
}

.header {
background: #0b0b0b;
}

.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 #F8C01A;
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: #F8C01A;
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);
}

@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, .wikwik {
border-radius: 5px;
}

}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
// 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() {
$('<ul class="menu-alternatif"><li>Link alternatif :</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').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(10000, 50000);

$('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://ik.imagekit.io/inmym25c6/download.png?updatedAt=1706099454807" 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://ik.imagekit.io/inmym25c6/download.png?updatedAt=1706099454807" 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>

<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:150px; 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>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<div class="fixed-left" data-v-38a8c498="">
<main data-v-38a8c498="">
<div class="fixed-apk" data-v-38a8c498=""><a href="m/downloads/download.apk" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-WopP5FLD2tF1XPZc_xrFSFZwD50laniNkAW8Eve_avn9sSN4HLTDWUkEgnUFao0k7DcJXk-6gzrJVtMlN9dGZ9RXUFLqRc0PKXxPIPV8odNu3ToIoPfuTFMA9e1JbmdG1UtLCnxz0oOBkJOqDpdzFYodfH66WcB8sOIK8DFpQSZmHKeMHVi1DlXZOhGi/s200/Download-Apk_Mudah4d.gif" lazy="loaded"></a></div>
<h1></h1>
<div class="fixed-rtp" data-v-38a8c498=""><a href="https://t.ly/rtpmudah4d" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEith7bBTwVldMVUyeiDQgpyJHiFE_ZrRvwZQx4babUtPN-VG2tcQAZTlJbtpEfZA6MZ66Z8zBfSuomwNyTDIEGmu22FIxcxeGlFUJgYL5_r7GjGSj3BagkMKBYfPeHUP7QEQEsAc0Cyz180F6UQD-yRuIKE838XD7o8pcZDNeqD0Fa9C-Ynq5S-yO1qzOpk/s200/RTP_SLOT_Mudah4d.gif" lazy="loaded"></a></div>
<h1></h1>
<div class="fixed-vpn" data-v-38a8c498=""><a href="https://play.google.com/store/search?q=1.1.1.1.%20WARP&c=apps&hl=en-ID" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3V3N9_VB30_5IarqQgrphKO14a9luGQnb_3v_d0XCGUPXjRhtB4XIhT_dgQUKUN-oPL49OhHzRTMLXx41DhoqTJjTMGxtravqM4XsIBcuJTiU8fLNV91eAXC9SovMVFan8kjensY8i0Fo5pE4RCImxnFlssenYRudJEvJ4pytxnl5TYm3cORXbxRZbk1Q/s200/VPN-Download_1.gif" lazy="loaded"></a></div>
<h1></h1>
<div class="fixed-vpn" data-v-38a8c498=""><a href="https://spinmudah4d2.xyz/" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://blogger.googleusercontent.com/img/a/AVvXsEgfWW5Jh49SIIsbKU-znqFE3ZOn2IcuAC32ds8_OlxkpTrAuyD9ZDbBKJ9Wyy9KTin-cdbT4aP05MuoSXjguyzM6mAD9JGWWmfdjCEE_BpROYNCtCHDho0pCFraNuBi1wqg2qgVUhtDGP3OFpo973eHowE3nEvyQIZGPWiGzOHTm9YPZ2lmMCKL1lT7wJ0" lazy="loaded"></a></div>

<style>.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:150px;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(255, 187, 0);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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiPRXnITGzQ3FMNxSnLM5gMjiR2efK4FSzfbPLOHvtks-FHT_oj6NBokVASMTnbLXZcy1dVs6CxBelZqnfPrp97xW3lPEx3eEdTnhZ4Ph1xdMUbTnVKJxTaJdG7cJsfhKbSII6hCHPL_G5omJvfQoOpbBdXrnmCvUWc697N-Ye61NL2uiZeGsEDe6g3Z8/s16000/select.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>

</script>

<script>
$("<a class='btn blink-border' style='width: 100%;height: 100%;display: block;background: linear-gradient(to bottom, #ffc107, #ffc107, #ffc107);color: #ffffff;margin: auto;margin-top: 3px;text-align: center;padding: 10px 0px;font-size: 18px;font-weight: bold;border-radius: 5px;border: 1px solid #2f4d19;' href='https://jepemudah4d-2.lat/' target='_blank'>BUKTI JACKPOT</a>").insertAfter(".btn-info");
</script> </div>

<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright MUDAH4D.</div>
<div>All Rights Reserved.</div>
</div>
<div class="desktop-only">
<div class="d-flex gap-1">
<div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
<div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
</div>
</div>
<img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">

<button class="btn btn-aduan ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=B8VxU_GL7OVs5OPHGvQYvHd8OLwpgUGhU_i8gWqTFew.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
<i class="bi bi-shield-fill-exclamation"></i>
<strong class="ms-1">LAPOR PUSAT</strong>
</button>
</div>
</footer>


<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(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">

<img src="/assets/hubungi.png?11">

</div>

</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%"></img>
</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://wa.me/+6282111643199" 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"/><span>WhatsApp Official Mudah4D</span>
</a>

<a href="Https://t.me/Mudah4d" 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"/><span>Telegram Official Mudah4D</span>
</a>

<a href="https://www.facebook.com/share/g/wGmcTK1zDecLfsub/" 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"/><span>Facebook official Mudah4D </span>
</a>

</div>
<div style="margin: 8px">
<a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
</div>
</div>
</div>
</div>
</div>



<style>

.modal-dialog {
max-width: max-content;
margin-top: 180px
}

.imgpop {
border:2px solid #FFF;
width: 600px;
aspect-ratio: 2;
object-fit: cover;
}

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

.modal-dialog {
margin-top: 98px
}

.imgpop {
width: 100%;
}

}

</style>


<div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" style="">
<div class="modal-content">
<div class="modal-body" style="padding: 0px">
<img src="images/upload-Popup-20250820005246.jpg" alt="" class="imgpop"/>
</div>
</div>
</div>
</div>














<script>
window.__lc = window.__lc || {};
window.__lc.license = 12346479;
window.__lc.integration_name = "manual_channels";
window.__lc.product_name = "livechat";
;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
</script>
<noscript><a href="https://www.livechat.com/chat-with/12346479/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
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>
if(document.getElementById("promo")) {
var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
window.onload = () => {
myModal.show();
}
}

var mobileurl = 'm/';

var showIDs = [];

function showProducts(hoverID) {
while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";

// document.getElementById('hover').classList.add("hover-show");
document.getElementById('hover').style.transitionDelay = "0s";
document.getElementById('hover').style.visibility = "visible";
document.getElementById('hover').style.opacity = "1";
document.getElementById(hoverID).style.display = "flex";

showIDs.push(hoverID);

}

function hideProducts(hoverID) {
// document.getElementById('hover').classList.remove("hover-show");
document.getElementById('hover').style.visibility = "hidden";
document.getElementById('hover').style.opacity = "0";
document.getElementById('hover').style.transitionDelay = "1s";

}

var mobileDaftarForm = document.getElementById('mobile-daftar-form');
var marquee = document.getElementById('marquee');

function closeContent() {
$('#main-content').html("");
}

function openDaftar() {
closeContent();

mobileDaftarForm.style.display = "block";
mobileDaftarForm.scrollIntoView();
}

function closeDaftar() {
mobileDaftarForm.style.display = "none";
marquee.scrollIntoView();
}

function showProvider(type) {
$('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
$('#main-content').load("new-showprovider.php?type=" + type);
}

function toggleInformasi(item) {
page(item);
}

function showInformasi(item) {
document.getElementById('modal-wrapper').style.display='block';
toggleInformasi(item);
}

</script>
<script src="/js/old/new-webduo35.js?v=1757331009"></script>



<style>

.kebijakan-privasi, .kebijakan-cookies {
color: white;
text-decoration: underline;
}

</style>

<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
<div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
<div>
Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>. </div>
</div>
<div>
<div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">×</div>
</div>
</div>
<script>
$( "#boxprivacy" ).blur(function() {
alert( "Handler for .blur() called." );
});
</script>

</body>
</html>

peengler.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.