<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SUSUN4D: Situs Resmi & Terpercaya di AmazingCareAssist.com 2025</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="susun4d, susun4d login, susun4d daftar, susun4d link, susun4d situs" />
<meta name="description" content="Temukan pengalaman bermain game digital interaktif di SUSUN4D. Platform terbaru 2025 dengan fitur modern, komunitas aktif, dan akses mudah di semua perangkat!" />
<meta name="google-site-verification" content="y1cfAESpOBJqrwKQIAvoRjvQkN7yQnOZBcs_fbePkUw" />
<meta name="google-site-verification" content="E_lWL8aZelBCZnslFRfU4hAvrRtcv6z0fiOM-PYmHzM" />
<meta name="google-site-verification" content="IRppgauSzGfWk-3u7LmQE3as5tpvIk1zsmBdASlQr28" />
<meta name="google-site-verification" content="7v9_HLBZSIN0dej9ykrSgqhfvVliztf2aKkslpmBp2E" />
<link rel="amphtml" href="https://ssn4dgood.xyz/">
<link rel="canonical" href="https://bandungekspres.co.id/" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SSJLHD9ZWH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-SSJLHD9ZWH');
</script> <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/LD.css">-->
<link rel="stylesheet" href="/css/old/template/LD.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=nte" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
<figcaption>NETENT</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=ttg" class="hover-item">
<figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
<figcaption>TOPTREND GAMING</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-pin.png" alt="PINNACLE"></figure>
<figcaption>PINNACLE</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>
<!-- <a href="/?content=fish&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</figcaption>
</a>
<a href="/?content=fish&provider=l22" class="hover-item">
<figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
<figcaption>LIVE22</figcaption>
</a> -->
</div>
<div id="hover-sabung" class="hover-menu">
<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=pp" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
<figcaption>PRAGMATIC PLAY</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>
<!-- <a href="/?content=interactive&provider=ps" class="hover-item">
<figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
<figcaption>PLAYSTAR</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>
<a href="https://wa.me/6287819895522" target='_blank' class="navbar-item">
<div class="navbar-item-content">
<img src="https://img.viva88athenae.com//whatsapp.png"/>
<label>WHATSAPP</label>
</div>
</a>
<div style="height: 36px; width: 3px; background: black; margin: auto"></div>
<a href="https://tawk.to/chat/67be2478dfac1e1910d847f5/1ikvbsu6j" 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="r297/vYQYzzOQqCqGzmBuUqtzr3+jrxuyb9V8xtPmck=">
</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?9373" 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">
<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="r297/vYQYzzOQqCqGzmBuUqtzr3+jrxuyb9V8xtPmck=">
</form>
</div>
<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="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="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="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="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="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='CIMB'>CIMB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option> </select>
</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="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="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>
<!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
<input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
<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>
<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="ycKoSDYyLVcjs7eD4VzqNAnXyY9afuDVC28hMGkxZGw=">
<button type="button" class="btn btn-secondary fw-bold p-0 px-2" value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
</form>
</div>
</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')">
<!--<img class="mobile-only" src="assets/togel.png" alt="">-->
<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')">
<!--<img class="mobile-only" src="assets/slot.png" alt="">-->
<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')">
<!--<img class="mobile-only" src="assets/live.png" alt="">-->
<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')">
<!--<img class="mobile-only" src="assets/sport.png" alt="">-->
<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')">
<!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
<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')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<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')">
<!-- <img class="mobile-only" src="assets/sabung.png" alt="">-->
<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('esport')">-->
<!-- <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
<!-- <label>E-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">
<!-- Desktop -->
<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>
<!-- Mobile -->
<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>
<!--Informasi Modal -->
<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>
</div>
<div class="carousel-inner" style="height: 100%">
<div class="carousel-item active" style="height: 100%">
<img src="/images/upload-Slides-20231105201540.jpg" class="d-block w-100 banner" alt="KWPAY SLIDE" style="height: 100%">
</div>
<div class="carousel-item " style="height: 100%">
<img src="/images/upload-Slides-20230420173942.jpg" class="d-block w-100 banner" alt="HADIAH TOGEL DESKTOP" 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-20230420173737.jpg" alt="HADIAH TOGEL MOBILE BANNER" 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>
<!-- Togel -->
<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="togel-content ">
<a href="/?content=hasil&pid=TWH" class="result">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">0754</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=HKD" class="result">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">7626</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=SGM" class="result">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">7990</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=SYD" class="result">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">2143</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=MYD" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">2661</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=SG" class="result">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">5718</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=MY" class="result">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA </div>
<div class="keluaran">9721</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=MC" class="result">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">9674</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=QTR" class="result">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">9401</div>
<div class="tanggal">SENIN 11/8/2025</div>
</a>
<a href="/?content=hasil&pid=HK" class="result">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">7829</div>
<div class="tanggal">MINGGU 10/8/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">
</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-TWH">
<div class="badge">
</div>
<div class="pasaran">TOTO WUHAN </div>
<div class="keluaran">0754</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-TWH" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0802</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4150</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9190</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2755</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1270</div>
<div class="tanggal">11-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9358</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0709</div>
<div class="tanggal">10-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-HKD">
<div class="badge">
</div>
<div class="pasaran">HK SIANG </div>
<div class="keluaran">7626</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-HKD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3586</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4858</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0687</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0874</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5337</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3072</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4384</div>
<div class="tanggal">04-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-SGM">
<div class="badge">
</div>
<div class="pasaran">SG METRO </div>
<div class="keluaran">7990</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-SGM" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4893</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0106</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1855</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2104</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1544</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6239</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9549</div>
<div class="tanggal">04-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-SYD">
<div class="badge">
</div>
<div class="pasaran">SYDNEY </div>
<div class="keluaran">2143</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-SYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0115</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2741</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1868</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8712</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3551</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9550</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5844</div>
<div class="tanggal">04-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-MYD">
<div class="badge">
</div>
<div class="pasaran">MALAYSIA SIANG </div>
<div class="keluaran">2661</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-MYD" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8147</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0885</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5652</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5720</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6802</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8954</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9691</div>
<div class="tanggal">04-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-SG">
<div class="badge">
</div>
<div class="pasaran">SINGAPORE </div>
<div class="keluaran">5718</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-SG" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4067</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8681</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3199</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9132</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2804</div>
<div class="tanggal">04-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9427</div>
<div class="tanggal">03-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0851</div>
<div class="tanggal">02-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 </div>
<div class="keluaran">9721</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-MY" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1817</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7291</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4209</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2015</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5876</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1071</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0495</div>
<div class="tanggal">04-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-MC">
<div class="badge">
</div>
<div class="pasaran">MACAU </div>
<div class="keluaran">9674</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-MC" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7626</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1485</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2003</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6484</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3936</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7962</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">1958</div>
<div class="tanggal">04-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-QTR">
<div class="badge">
</div>
<div class="pasaran">QATAR </div>
<div class="keluaran">9401</div>
<div class="tanggal">11-08-2025</div>
</button>
<div id="paito-QTR" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6923</div>
<div class="tanggal">10-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2429</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3196</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5682</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">6894</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5090</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">3547</div>
<div class="tanggal">04-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-HK">
<div class="badge">
</div>
<div class="pasaran">HONGKONG </div>
<div class="keluaran">7829</div>
<div class="tanggal">10-08-2025</div>
</button>
<div id="paito-HK" class="accordion-collapse collapse">
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">8544</div>
<div class="tanggal">09-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">0915</div>
<div class="tanggal">08-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">2481</div>
<div class="tanggal">07-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">4151</div>
<div class="tanggal">06-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">7390</div>
<div class="tanggal">05-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">5276</div>
<div class="tanggal">04-08-2025</div>
</div>
<div class="result">
<div class="pasaran"></div>
<div class="keluaran">9869</div>
<div class="tanggal">03-08-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">
<!-- Bank -->
<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 "></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">CIMB</div>
<div class="transaksi-status status-green"></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">ShopeePay</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">GOPAY</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">QRIS</div>
<div class="transaksi-status status-blue"></div>
</div>
<div class="transaksi-item">
<div class="transaksi-header">AntarBank</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 class="carousel-item active">
<div class="transaksi-list-crypto">
<div class="d-flex gap-2">
<img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto">
<strong class="transaksi-name">USDT</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
<!-- <div class="transaksi-title">-->
<!-- <div class="transaksi-title-group">-->
<!-- <div class="fitur-header">Kontak Kami</div>-->
<!-- </div>-->
<!-- <div class="devider desktop-only"></div>-->
<!-- </div>-->
<!--
<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
<div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
</div>
<div class="carousel-inner" style="height: 164px">
<div class="carousel-item active">
<div>
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
<img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
<a class="d-flex flex-column" href="https://wa.me/6287819895522" target='_blank'>
<div style="color: #888888;">WHATSAPP</div>
<div style="line-height: .9rem; color: var(--primary-text-color)">WHATSAPP</div>
</a>
</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>
<html>
<head>
<style>
.btn-primary {
font-size: 1.25rem;
font-weight: 600;
text-shadow: 1px 1px #000000;
border-radius: 8px !important;
height: 48px !important;
background-image: linear-gradient(#6c96fc, #2f62fd);
}
.btn-daftar:hover {
color: white;
}
.btn-daftar {
background-image: linear-gradient(#fbdf70, #b39347) !important;
border: none;
}
@media only screen and (max-width: 900px) {
.bttn-rtpsusun {
display: none;
}}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
th, th {
border: 1px solid #ffffff;
text-align: left;
padding: 8px;
}
tr:nth-child(even), th{
background-color: #666666;
}
h1 {
font-size: 30px;
}
h4 {
font-size: 20px;
text-align: left;
}
h3 {
text-align: left;
font-size: 20px;
}
#colorful-heading {
animation: colorfulBlink 2s infinite;
}
@keyframes colorfulBlink {
0% {
color: #CD853F;
}
25% {
color: #F0E68C;
}
50% {
color: #DAA520;
}
75% {
color: #FFD700;
}
100% {
color: #B8860B;
}
}
@media only screen and (max-width: 768px) {
.modal-dialog {
margin-top: 50px;
}
.imgpop {
width: 80%;
margin-left: 50px;
}
}
.modal-content {
background-color: transparent;
margin-top: 100px;
}
</style>
</head>
<body>
<h1 id="colorful-heading" style="text-align: center;">SUSUN4D: Situs Resmi & Terpercaya di AmazingCareAssist.com 2025</h1><br><br>
<h3 id="colorful-heading"><b>Mengenal SUSUN4D di Era Game Online Modern</b></h3>
<h6>Memasuki tahun 2025, dunia game online semakin berkembang pesat dengan teknologi yang membawa pengalaman bermain ke level baru. Di tengah banyaknya platform yang bermunculan, SUSUN4D menonjol sebagai salah satu situs resmi yang mampu mempertahankan reputasi dan kepercayaan para pemain.</h6><br>
<h6>Sejak awal berdiri, SUSUN4D hadir dengan misi sederhana: menghadirkan hiburan digital yang aman, inovatif, dan memuaskan. Komitmen ini tidak hanya terlihat dari teknologi yang digunakan, tetapi juga dari layanan dan perhatian terhadap kebutuhan setiap pengguna.</h6><br>
<h3 id="colorful-heading"><b>Keunggulan yang Membuat SUSUN4D Berbeda</b></h3>
<h6>Banyak pemain mengakui bahwa ada sesuatu yang spesial saat bermain di <a href="https://amazingcareassist.com/">SUSUN4D</a>. Bukan hanya soal koleksi game yang lengkap, tetapi juga rasa aman dan nyaman yang sulit ditemukan di tempat lain. Desain situs yang modern membuat navigasi terasa mudah, bahkan bagi pengguna baru.</h6><br>
<h6>Selain itu, performa server yang stabil membuat semua game berjalan lancar tanpa gangguan berarti. Dukungan tim profesional yang siap membantu 24 jam juga menjadi salah satu alasan mengapa banyak pemain betah di platform ini. Dengan kombinasi teknologi mutakhir dan pelayanan yang tulus, SUSUN4D berhasil membangun komunitas yang solid dan aktif.</h6><br>
<h3 id="colorful-heading"><b>Fitur-Fitur Unggulan SUSUN4D</b></h3>
<h6>SUSUN4D selalu memastikan setiap detail platformnya mendukung kenyamanan pengguna. Keamanan data pribadi dijaga dengan sistem enkripsi terbaru, sehingga pemain tidak perlu khawatir soal privasi. Transaksi juga diproses dengan cepat, baik saat melakukan deposit maupun penarikan.</h6><br>
<h6>Tidak hanya itu, koleksi game di SUSUN4D selalu diperbarui mengikuti tren 2025. Ini memastikan pemain tidak pernah kehabisan pilihan hiburan. Baik melalui PC, laptop, maupun smartphone, semua fitur dapat diakses dengan performa yang konsisten.</h6><br>
<h3 id="colorful-heading"><b>Komitmen Terhadap Keamanan dan Kenyamanan</b></h3>
<h6>Kepercayaan adalah modal utama dalam dunia digital. Itulah sebabnya SUSUN4D menempatkan keamanan dan kenyamanan pemain sebagai prioritas. Setiap akun dilengkapi autentikasi ganda, memastikan hanya pemilik sah yang dapat mengaksesnya.</h6><br>
<h6>Selain itu, SUSUN4D memiliki kebijakan tegas untuk memastikan platform ini digunakan oleh pengguna yang memenuhi persyaratan usia. Informasi terkait aturan main, syarat, dan ketentuan juga disampaikan dengan jelas, sehingga setiap orang bisa bermain dengan rasa tenang.</h6><br>
<h3 id="colorful-heading"><b>Cara Bergabung dengan SUSUN4D</b></h3>
<h6>Proses bergabung dengan <a href="https://amazingcareassist.com/">SUSUN4D Resmi</a> sangat sederhana. Pemain hanya perlu mengunjungi situs resmi, mengisi formulir pendaftaran dengan data yang valid, lalu melakukan verifikasi. Setelah itu, semua fitur platform sudah bisa dinikmati sepenuhnya.</h6><br>
<h6>Banyak anggota baru mengakui bahwa proses pendaftaran cepat dan tidak ribet, sehingga mereka bisa langsung fokus menikmati pengalaman bermain.</h6><br>
<h3 id="colorful-heading"><b>Suara dari Pengguna SUSUN4D</b></h3>
<h6>Pujian untuk SUSUN4D datang dari berbagai kalangan. Beberapa anggota lama menyebut layanan pelanggan di sini sangat responsif, sementara yang lain mengapresiasi kualitas dan stabilitas servernya. Banyak juga yang mengakui bahwa komunitas pemain di SUSUN4D terasa ramah dan membantu, sehingga interaksi di dalam platform menjadi lebih menyenangkan.</h6><br>
<h3 id="colorful-heading"><b>Visi SUSUN4D ke Depan</b></h3>
<h6>Menghadapi persaingan yang semakin ketat di industri game online, SUSUN4D berkomitmen untuk terus berinovasi. Dengan dukungan teknologi terbaru, tim yang berpengalaman, dan komunitas yang loyal, <a href="https://amazingcareassist.com/">SUSUN4D terpercaya</a> siap melangkah lebih jauh di tahun-tahun mendatang.</h6>
<h6>ini tidak hanya ingin menjadi tempat bermain, tetapi juga pusat hiburan digital yang menghubungkan orang-orang dari berbagai daerah.</h6><br>
<h3 id="colorful-heading"><b>FAQ seputar SUSUN4D</b></h3><br>
<h6><strong>Apakah SUSUN4D resmi dan aman?</strong></h6>
<h6>Ya. SUSUN4D beroperasi secara resmi dengan sistem keamanan berlapis untuk melindungi data dan transaksi pengguna.</h6><br>
<h6><strong>Apakah SUSUN4D bisa diakses dari smartphone?</strong></h6>
<h6>Bisa. Platform ini telah dioptimalkan untuk berbagai perangkat, termasuk smartphone dan tablet, dengan performa yang sama stabilnya.</h6><br>
<h6><strong>Apakah game di SUSUN4D selalu diperbarui?</strong></h6>
<h6>Ya. SUSUN4D rutin menghadirkan pembaruan game terbaru agar pemain selalu mendapatkan pengalaman segar setiap saat.</h6><br>
<h6><strong>Bagaimana cara bergabung dengan SUSUN4D?</strong></h6>
<h6>Cukup kunjungi situs resmi, daftar akun, verifikasi, lalu Anda bisa langsung memulai petualangan di platform ini.</h6><br>
<nav class="social">
<ul>
<li><a href="https://www.facebook.com/susun4d" target="_blank"><span
style="position:relative; left:-20px; top:10px;">FACEBOOK</span><img src="https://ik.imagekit.io/ups88win/icon%20sosmed/facebook.png"
style="float:right;" width="40" height="40"></a></li>
<li><a href="https://www.instagram.com/susun4d_official" target="_blank"><span
style="position:relative; left: -20px; top:10px;">INSTAGRAM</span><img src="https://ik.imagekit.io/ups88win/icon%20sosmed/instagram.png"
style="float:right;" width="40" height="40"></a></li>
<li><a href="https://x.com/susun4d" target="_blank"><span
style="position:relative; left: -20px; top:10px;">TWITTER</span><img src="https://ik.imagekit.io/ups88win/icon%20sosmed/twitter.png"
style="float:right;" width="40" height="40"></a></li>
<li><a href="https://www.youtube.com/@susun4d_official" target="_blank"><span
style="position:relative; left: -20px; top:10px;">YOUTUBE</span><img src="https://ik.imagekit.io/ups88win/icon%20sosmed/youtube.png"
style="float:right;" width="40" height="40"></a></li>
<li><a href="https://wa.me/6287819895522" target="_blank"><span
style="position:relative; left: -20px; top:10px;">WHATSAPP</span><img src="https://ik.imagekit.io/ups88win/icon%20sosmed/whatsapp.png"
style="float:right;" width="40" height="40"></a></li>
</ul>
</nav>
<style>
div.col-sm-0 span {
display: none;
}
div.social {
width: 100%;
background-image: url(https://i.imgur.com/1SHCzVn.jpg);
background-size: contain;
padding: 5px 1px 10px 1px;
margin: auto;
text-align: center;
}
#ico {
background: #131313;
padding: 5px 15px 5px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
margin: 5px 3px;
border: .5px solid #ffffff;
display: inline-block;
}
div.social img {
vertical-align: middle;
display: inline;
}
div.social p {
display: inline-block;
font-size: 14px;
}
.social {
left: 0;
width: 0;
position: fixed;
top: 130px;
z-index: 9999999999;
}
.social ul {
padding: 0px;
-webkit-transform: translate(-130px, 0);
-moz-transform: translate(-130px, 0);
-ms-transform: translate(-130px, 0);
-o-transform: translate(-130px, 0);
transform: translate(-130px, 0);
}
.social ul li {
display: block;
margin: 6px;
margin-left: 0px;
background: rgba(0, 0, 0, 0.86);
width: 189px;
text-align: right;
padding: 4px;
-webkit-border-radius: 0 20px 20px 0;
-moz-border-radius: 0 20px 20px 0;
border-radius: 0 20px 20px 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
height: 53px;
border: groove 3px #ffbf00;
}
.social ul li:hover {
-webkit-transform: translate(110px, 0);
-moz-transform: translate(110px, 0);
-ms-transform: translate(110px, 0);
-o-transform: translate(110px, 0);
transform: translate(110px, 0);
background: rgba(95, 95, 95, 0.7);
}
.buttonWrap {
text-transform: uppercase !important;
}
</style>
</body>
</html>
<!-- Histats.com START (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4405449,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4405449&101" alt="" border="0"></a></noscript>
<!-- Histats.com END -->
<!--RUNNING DEPOWD START-->
<style>
.blinking{
animation:blinkingText 1.5s infinite;
margin:auto;
display:block;
font-weight: 900;
color:#fefaa9;
}
</style>
<script>
var modal = document.getElementById('modal-wrapper');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
<script src="https://misterhoki08.github.io/projectD/projectDyahahayuk.js"></script>
<!--RUNNING DEPOWD END-->
<!--BUTTONRTP START-->
<style>
#mobile #logo-img {width: 400px;}#mobile .logo-div {margin-top: 15px;margin-bottom: 15px;}.alert {max-width:380px;margin: -25px auto 0px;border: #555 2px solid;}.blinking{animation:blinkingText 1.5s infinite;margin: -8px auto 0;display:block;font-weight: 900;color:#f00;}
</style>
<script>
$("<a class='btn btn-primary btn-block' style='width: 100%; height: 42px; display: grid; place-items: center' href='https://spider-web581.xyz/target="_blank">RTP</a>").insertAfter(".btn-info:eq(0)")
</script>
<div class="btn-rtpsusun" style="position: fixed; bottom: 100px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://spider-web581.xyz/" target="_blank" rel="noopener nofollow"><img class="rtpsusun" src="https://iili.io/J4CGknn.gif" width="66" height="66"></a></div>
<!--BUTTONRTP END-->
</style>
<div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body" style="padding: 0px">
<a href="https://menangdiups.com/"_blank"><img src="https://i.pinimg.com/736x/a3/bd/15/a3bd15199feb623bb4a9d2038e7e8995.jpg" alt=“PAMTOTO POPUP" class="imgpop"/></a>
</div>
</div>
</div>
</div> </div>
<div class="footer-group">
<div class="copyright">
<div style="white-space: nowrap">© 2015 - 2025 Copyright SUSUN4D.</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=KWEC-lyKLeGujHLfZuhHCsWiXj4tD-A01kUioE2rjjs.','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>
<!-- SIDENAV -->
<div id="mySidenav" class="sidenav desktop-only">
<div id="nav">
<div style="display: flex; align-items: start;">
<div style="height: 246px; width: 64px; background: var(--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>
<!--<img id="about" src="/images/kontak.png?4">-->
</div>
<div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
<div id="" style="padding: 4px">
<img src="/assets/24h.png" style="width: 100%"></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/6287819895522" 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</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>
<!--POP UP -->
<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>
<!-- Modal -->
<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-20230614021354.jpg" alt="BONUS DEPO QRIS DANA SUSUN4D" class="imgpop"/>
</div>
</div>
</div>
</div>
<!--<div class="modal fade" id="promo">-->
<!-- <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
<!-- <div class="modal-content" style="padding:0px; border-radius:0px;">-->
<!-- <div class="modal-body" style="padding:0px;">-->
<!-- <img src="images/upload-Popup-20230614021354.jpg" alt="BONUS DEPO QRIS DANA SUSUN4D" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
<!-- <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">×</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div> -->
<!-- LIVE CHAT -->
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/67be2478dfac1e1910d847f5/1ikvbsu6j';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<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>
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=1754554387"></script>
<!-- POP UP COOKIES -->
<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>