truckmountsource.com Ads.txt file
<!doctype html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<title>SLOT138 Login - Link Situs Slot Gacor Terbaik Layanan 24 Jam Non Stop</title>
<meta name="description" content="SLOT138 merupakan link situs slot gacor terpercaya di tahun 2025 yang memiliki layanan terbaik dan tercepat 24 jam non stop sehingga dapat membantu para pemain jika mengalami kendala dalam bermain maupun transaksi." />
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="author" content="SLOT138">
<meta name="language" content="id">
<meta name="keywords" content="slot138, slot 138, situs slot138, situs138, slot138 daftar, slot138 login, slot138 link alternatif">
<meta name="theme-color" content="#000000">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="MDVyHgo-odpGiKC3gdKWJ2GJRvXEzZNtV-mxj_aK5kA" />
<link rel="canonical" href="https://www.misscococupcake.com/">
<link rel="icon" href="https://res.cloudinary.com/ddl1jrkiz/image/upload/v1721565793/slot138-ico_e31a7o.png" type="image/gif">
<link rel="amphtml" href="https://misscococupcake.pages.dev/" />
<!-- Open Graph untuk Facebook -->
<meta property="og:url" content="https://www.misscococupcake.com/">
<meta property="og:title" content="SLOT138 Login - Link Situs Slot Gacor Terbaik Layanan 24 Jam Non Stop">
<meta property="og:type" content="website">
<meta property="og:description" content="SLOT138 merupakan link situs slot gacor terpercaya di tahun 2025 yang memiliki layanan terbaik dan tercepat 24 jam non stop sehingga dapat membantu para pemain jika mengalami kendala dalam bermain maupun transaksi.">
<meta property="og:image" content="https://images.subimage.xyz/images/2025/07/30/BANNER-JUTAWAN-S138.png">
<meta property="og:site_name" content="SLOT138">
<meta property="og:locale" content="id_ID">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SLOT138 Login - Link Situs Slot Gacor Terbaik Layanan 24 Jam Non Stop">
<meta name="twitter:description" content="SLOT138 merupakan link situs slot gacor terpercaya di tahun 2025 yang memiliki layanan terbaik dan tercepat 24 jam non stop sehingga dapat membantu para pemain jika mengalami kendala dalam bermain maupun transaksi.">
<meta name="twitter:image" content="https://images.subimage.xyz/images/2025/07/30/BANNER-JUTAWAN-S138.png">
<meta name="twitter:site" content="@SLOT138official">
<!-- AMP Scripts -->
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
<script async custom-element="amp-accordion" src="https://cdn.ampproject.org/v0/amp-accordion-0.1.js"></script>
<script async custom-element="amp-lightbox" src="https://cdn.ampproject.org/v0/amp-lightbox-0.1.js"></script>
<script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
<script async custom-element="amp-selector" src="https://cdn.ampproject.org/v0/amp-selector-0.1.js"></script>
<!-- Schema Markup -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "SLOT138",
"url": "https://www.misscococupcake.com/",
"description": "SLOT138 merupakan link situs slot gacor terpercaya di tahun 2025 yang memiliki layanan terbaik dan tercepat 24 jam non stop sehingga dapat membantu para pemain jika mengalami kendala dalam bermain maupun transaksi.",
"image": "https://images.subimage.xyz/images/2025/07/30/BANNER-JUTAWAN-S138.png",
"author": {
"@type": "Organization",
"name": "SLOT138",
"logo": {
"@type": "ImageObject",
"url": "https://images.subimage.xyz/images/2025/05/29/logo.gif"
}
},
"publisher": {
"@type": "Organization",
"name": "SLOT138"
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.misscococupcake.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<!-- AMP Boilerplate -->
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style>
<noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<style amp-custom>
/* Base Styles */
* {
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 14px;
color: #fff;
margin: 0;
line-height: 1.42857;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
background-attachment: fixed;
overflow-x: hidden;
}
/* Common Elements */
ul {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
padding: 0 8px;
}
a {
text-decoration: none;
color: #fff;
transition: opacity 0.2s ease;
}
a:focus {
outline: 2px solid #e59407;
outline-offset: 2px;
}
a:active {
opacity: .7;
}
a:hover {
opacity: .8;
}
input,
button {
font-family: inherit;
}
/* Navigation Styles */
.nav {
background-color: #000;
border-bottom: 2px solid #e59407;
box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
position: fixed;
top: 0;
height: 60px;
width: 100%;
z-index: 998;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
}
.nav__menu {
cursor: pointer;
padding: 10px;
border-radius: 5px;
transition: background-color 0.2s ease;
}
.nav__menu:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.nav__menu:active {
opacity: .7;
}
.nav__logo {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
justify-content: center;
}
.nav__logo img {
height: 45px;
width: auto;
max-width: 150px;
}
/* Hamburger Menu */
.hamburger {
padding: 8px;
display: inline-block;
cursor: pointer;
transition: opacity 0.15s linear;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: .8;
}
.hamburger-box {
display: block;
width: 25px;
height: 16px;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1px;
position: absolute;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
width: 25px;
height: 2px;
background-color: #fff;
border-radius: 4px;
position: absolute;
transition: transform 0.15s ease;
}
.hamburger-inner::after,
.hamburger-inner::before {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
}
.hamburger-inner::after {
bottom: -7px;
}
/* Close button for sidebar */
.sidebar-close {
position: absolute;
top: 15px;
right: 15px;
background: transparent;
border: none;
color: #fff;
font-size: 24px;
cursor: pointer;
z-index: 1001;
padding: 5px;
line-height: 1;
}
.sidebar-close:hover {
color: #000000;
}
/* Sidebar Styles */
amp-sidebar {
z-index: 1000;
}
.sidebar {
background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
width: 280px;
height: 100vh;
overflow-y: auto;
pointer-events: auto;
z-index: 1000;
position: relative;
}
.sidebar::-webkit-scrollbar {
width: 6px;
}
.sidebar::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
}
.sidebar::-webkit-scrollbar-thumb {
background: rgba(229, 148, 7, 0.7);
border-radius: 3px;
}
/* Sidenav Header */
.sidenav {
background: linear-gradient(135deg, #000000 0%, #000000 100%);
padding: 25px;
text-align: center;
border-bottom: 2px solid #ffffff;
position: relative;
}
.sidenav .welcome {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
color: #ffffff;
}
.sidenav .sidenav_logo {
margin: 15px 0;
}
.sidenav .sidenav_btn_title {
color: #ffffff;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
}
.sidenav .sidenav_btn_button {
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.sidenav .sidenav_btn_button button {
flex: 1;
outline: 0;
border: none;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
padding: 12px 8px;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.sidenav .sidenav_btn_button button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}
.sidenav .sidenav_btn_button button:active {
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.sidenav .sidenav_btn_button .sidenav-login {
background: linear-gradient(135deg, #ff8c00 0%, #e59407 100%);
color: #000;
border: 2px solid #ff8c00;
}
.sidenav .sidenav_btn_button .sidenav-login:hover {
background: linear-gradient(135deg, #ff7700 0%, #d4840a 100%);
}
.sidenav .sidenav_btn_button .sidenav-register {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
color: #fff;
border: 2px solid #dc3545;
}
.sidenav .sidenav_btn_button .sidenav-register:hover {
background: linear-gradient(135deg, #c82333 0%, #a71e2a 100%);
}
.sidenav .sidenav_btn_forgetpw {
font-size: 12px;
color: #000;
}
/* Sidenav Games - Black Background */
.sidenav-games {
padding: 0;
background-color: #000;
}
.sidenav-games ul {
display: block;
}
.sidenav-games ul li {
padding: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: block;
}
.sidenav-games ul li a {
display: flex;
align-items: center;
padding: 15px 25px;
transition: background-color 0.2s ease;
background-color: #000;
}
.sidenav-games ul li a:hover {
background-color: rgba(229, 148, 7, 0.1);
}
.sidenav-games ul li a img {
width: 24px;
height: 24px;
margin-right: 15px;
filter: brightness(0) invert(1);
}
.sidenav-games ul li a span {
font-size: 16px;
font-weight: 500;
}
/* Accordion Styles - Fixed for proper functionality */
amp-accordion {
background-color: #000;
}
amp-accordion section {
border: none;
background-color: #000;
margin: 0;
}
amp-accordion section h4 {
border: none;
color: #fff;
padding: 15px 25px;
margin: 0;
cursor: pointer;
transition: background-color 0.2s ease;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
font-weight: 500;
position: relative;
background: #000;
}
amp-accordion section h4:hover {
background-color: rgba(229, 148, 7, 0.1);
}
amp-accordion section[expanded] h4 {
background-color: rgba(229, 148, 7, 0.2);
}
.sub-title {
display: flex;
align-items: center;
width: 100%;
}
.sub-title>div {
display: flex;
align-items: center;
width: 100%;
}
.all-games {
background-color: #000;
padding: 0;
margin: 0;
}
.all-games li {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
background-color: #000;
list-style: none;
}
.all-games li a {
padding: 12px 25px 12px 50px;
background-color: #000;
display: flex;
align-items: center;
transition: background-color 0.2s ease;
}
.all-games li a:hover {
background-color: rgba(229, 148, 7, 0.1);
}
/* Games section - Black background */
.games {
padding: 0;
background-color: #000;
}
/* Content Area */
.content {
margin: 60px 0 70px;
min-height: calc(100vh - 130px);
}
/* Quick Action Buttons */
.quick-btn {
display: flex;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.quick-btn a {
flex: 1;
text-align: center;
padding: 15px 0;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
position: relative;
overflow: hidden;
}
.quick-btn a:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.quick-btn a:first-child {
background: linear-gradient(135deg, #e59407 0%, #b47e11 50%, #fef1a2 100%);
color: #000;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.3),
0 2px 4px rgba(229, 148, 7, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(180, 126, 17, 0.8);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
.quick-btn a:last-child {
background: linear-gradient(135deg, #dc3545 0%, #c82333 50%, #fea2a2 100%);
color: #fff;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.3),
0 2px 4px rgba(220, 53, 69, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.2),
inset 0 -1px 0 rgba(0, 0, 0, 0.3);
border: 1px solid rgba(200, 35, 51, 0.8);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* Efek saat ditekan untuk memperkuat kesan 3D */
.quick-btn a:first-child:active {
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.3),
0 1px 2px rgba(229, 148, 7, 0.4),
inset 0 1px 3px rgba(0, 0, 0, 0.2),
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
transform: translateY(1px);
}
.quick-btn a:last-child:active {
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.3),
0 1px 2px rgba(220, 53, 69, 0.4),
inset 0 1px 3px rgba(0, 0, 0, 0.3),
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
transform: translateY(1px);
}
/* Game Categories */
.game-front-wrapper {
background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
padding: 15px 10px;
border-top: 2px solid #e59407;
border-bottom: 2px solid #e59407;
display: flex;
justify-content: center;
}
.game-front-wrapper amp-carousel {
max-width: 800px;
width: 100%;
}
.nav-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
text-decoration: none;
padding: 10px;
border-radius: 10px;
transition: transform 0.2s ease, background-color 0.2s ease;
min-width: 80px;
}
.nav-link:hover {
transform: translateY(-3px);
background-color: rgba(229, 148, 7, 0.2);
}
.nav-link>i {
width: 50px;
height: 50px;
margin-bottom: 8px;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 8px;
}
.nav-link>span {
font-size: 12px;
font-weight: 500;
text-align: center;
}
/* Games Section */
.home-games {
padding: 20px 15px;
background-color: #000;
}
.home-games .title {
text-align: center;
margin-bottom: 20px;
}
.home-games .title span {
font-size: 20px;
font-weight: 700;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.home-games .title .text-color {
color: #e59407;
}
.game-wrapper {
overflow-x: auto;
padding-bottom: 10px;
}
.game-wrapper::-webkit-scrollbar {
height: 6px;
}
.game-wrapper::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}
.game-wrapper::-webkit-scrollbar-thumb {
background: rgba(229, 148, 7, 0.7);
border-radius: 3px;
}
.game-items {
display: flex;
gap: 15px;
padding: 10px 0;
min-width: max-content;
}
.game-items .box {
cursor: pointer;
text-align: center;
color: #fff;
min-width: 120px;
border-radius: 15px;
padding: 10px;
background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
border: 2px solid #e59407;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.game-items .box::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(229, 148, 7, 0.3), transparent);
transition: left 0.5s ease;
}
.game-items .box:hover::before {
left: 100%;
}
.game-items .box:hover {
transform: translateY(-5px) scale(1.05);
box-shadow: 0 10px 25px rgba(229, 148, 7, 0.3);
}
.game-items .box .box-item {
overflow: hidden;
border-radius: 10px;
margin-bottom: 10px;
position: relative;
}
.game-items .box .box-item img {
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.game-items .box:hover .box-item img {
transform: scale(1.1);
}
.game-items .box span {
display: block;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
position: relative;
z-index: 1;
}
/* Supported Banks */
.supported-bank {
background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
padding: 20px 15px;
text-align: center;
border-top: 2px solid #e59407;
}
.supported-bank .bank {
margin: 8px 5px;
border: 2px solid #e59407;
background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
border-radius: 10px;
padding: 8px 5px;
width: 80px;
display: inline-block;
min-height: 35px;
position: relative;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.supported-bank .bank:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(229, 148, 7, 0.3);
}
.supported-bank .indicator {
position: absolute;
top: 5px;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #28a745;
box-shadow: 0 0 5px rgba(40, 167, 69, 0.5);
}
.supported-bank .bank div {
font-size: 10px;
font-weight: 600;
color: #fff;
text-align: center;
padding: 5px;
}
/* SEO Section */
.seo {
padding: 30px 20px;
text-align: center;
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
border-top: 2px solid #e59407;
}
.seo h1 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
color: #e59407;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
line-height: 1.3;
}
.seo p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 25px;
color: #ccc;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* Bottom Navigation */
.bottom-nav-bar {
width: 100%;
height: 60px;
position: fixed;
bottom: 0;
z-index: 997;
background: linear-gradient(135deg, #000 0%, #1a1a1a 100%);
border-top: 2px solid #e59407;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5);
display: flex;
}
.bottom-nav-bar ul {
display: flex;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.bottom-nav-bar ul li {
flex: 1;
border-right: 1px solid rgba(229, 148, 7, 0.3);
padding: 0;
}
.bottom-nav-bar ul li:last-child {
border-right: none;
}
.bottom-nav-bar a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
color: #ccc;
font-size: 11px;
font-weight: 500;
text-decoration: none;
transition: color 0.2s ease, background-color 0.2s ease;
padding: 5px;
}
.bottom-nav-bar a:hover,
.bottom-nav-bar a.active {
color: #e59407;
background-color: rgba(229, 148, 7, 0.1);
}
.bottom-nav-bar .nav-icon {
width: 24px;
height: 24px;
margin-bottom: 4px;
stroke: currentColor;
}
/* Popup Styles */
#popup_container {
min-width: 320px;
max-width: 500px;
width: 90%;
background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);
border: 3px solid #e59407;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
#popup_title {
font-size: 20px;
font-weight: 700;
color: #e59407;
padding: 20px 20px 0;
margin: 0;
text-align: center;
}
#popup_content {
padding: 20px;
}
#popup_message {
color: #fff;
font-size: 16px;
line-height: 1.5;
text-align: center;
margin-bottom: 25px;
}
#popup_panel {
text-align: center;
}
#popup_ok {
font-size: 16px;
font-weight: 700;
border: none;
padding: 12px 30px;
cursor: pointer;
background: linear-gradient(135deg, #e59407 0%, #b47e11 100%);
color: #000;
border-radius: 8px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
outline: none;
}
#popup_ok:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(229, 148, 7, 0.4);
}
/* Mobile Responsive */
@media (max-width: 767px) {
.nav {
height: 55px;
padding: 0 10px;
}
.nav__logo img {
height: 40px;
}
.content {
margin: 55px 0 65px;
}
.quick-btn a {
padding: 12px 0;
font-size: 14px;
}
.seo h1 {
font-size: 18px;
}
.seo p {
font-size: 14px;
}
.bottom-nav-bar {
height: 55px;
}
.bottom-nav-bar a {
font-size: 10px;
}
.bottom-nav-bar .nav-icon {
width: 20px;
height: 20px;
}
/* Mobile Game Grid */
.game-wrapper {
padding: 0 5px;
}
.game-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
width: 100%;
min-width: auto;
padding: 5px 0;
}
.game-items .box {
width: 100%;
min-width: 0;
max-width: none;
height: auto;
margin: 0;
padding: 6px;
display: flex;
flex-direction: column;
border-radius: 10px;
}
.game-items .box .box-item {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
margin-bottom: 8px;
border-radius: 8px;
}
.game-items .box .box-item amp-img {
width: 100%;
height: auto;
display: block;
}
.game-items .box .box-item amp-img img {
width: 100%;
height: auto;
object-fit: contain;
background-color: transparent;
}
.game-items .box span {
font-size: 9px;
line-height: 1.3;
padding: 2px 0;
text-align: center;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
max-height: 2.6em;
overflow: hidden;
}
.game-items .box:hover .box-item img,
.game-items .box:hover {
transform: none;
}
.game-items .box:active {
transform: scale(0.95);
transition: transform 0.1s ease;
}
.game-front-wrapper {
justify-content: flex-start;
}
.game-front-wrapper amp-carousel {
max-width: none;
}
}
@media (max-width: 480px) {
.sidenav {
padding: 20px;
}
.sidenav .sidenav_btn_button {
flex-direction: column;
gap: 8px;
}
.supported-bank .bank {
width: 70px;
margin: 5px 3px;
}
#popup_container {
min-width: 280px;
}
}
@media (max-width: 374px) {
.game-items {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.game-items .box {
padding: 8px;
}
.game-items .box span {
font-size: 10px;
}
}
/* Tablet Responsive */
@media (min-width: 768px) and (max-width: 991px) {
.game-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
justify-content: center;
max-width: 800px;
margin: 0 auto;
}
.game-items .box {
width: 100%;
max-width: 180px;
}
}
/* Desktop Responsive */
@media (min-width: 992px) {
.game-items {
justify-content: center;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.game-items .box {
min-width: 150px;
max-width: 180px;
}
.home-games .title span {
font-size: 24px;
}
}
/* Accessibility */
button:focus,
a:focus,
[tabindex]:focus {
outline: 2px solid #e59407;
outline-offset: 2px;
}
@media (prefers-contrast: high) {
.nav,
.game-items .box,
.supported-bank .bank {
border-width: 3px;
}
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms;
animation-iteration-count: 1;
transition-duration: 0.01ms;
}
}
/* Loading Animation */
@keyframes pulse {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
.loading {
animation: pulse 1.5s infinite;
}
/* Lightbox centering */
amp-lightbox {
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
/* Mobile popup centering */
@media (max-width: 480px) {
#popup_container {
min-width: 280px;
width: 95%;
margin: 0;
}
}
/* Valid CSS to disable sidebar mask without !important */
/* Create transparent overlay that doesn't block interactions */
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
pointer-events: none;
z-index: 999;
}
/* Ensure sidebar has proper z-index */
amp-sidebar {
z-index: 1000;
}
/* Make sidebar background solid */
.sidebar {
background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.5);
position: relative;
}
/* Hide any potential mask elements using attribute selectors */
[class*="mask"] {
opacity: 0;
pointer-events: none;
display: none;
}
[id*="mask"] {
opacity: 0;
pointer-events: none;
display: none;
}
/* Ensure hamburger menu remains functional */
.hamburger {
position: relative;
z-index: 1001;
pointer-events: auto;
}
/* Improve sidebar visibility and positioning */
amp-sidebar[open] {
visibility: visible;
transform: translateX(0);
position: fixed;
top: 0;
left: 0;
height: 100vh;
}
/* Prevent body scroll when sidebar is open */
body[amp-sidebar-open] {
overflow: hidden;
}
/* Target accordion header menggunakan elemen dan struktur yang ada */
amp-accordion section h4 {
background-color: #000;
background: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);
}
</style>
</head>
<body>
<!-- Sidebar Menu -->
<amp-sidebar id="sidebar" class="sidebar" layout="nodisplay" side="left">
<button class="sidebar-close" on="tap:sidebar.close" aria-label="Close sidebar">❌</button>
<div class="sidenav">
<div class="welcome">Selamat Datang</div>
<div class="sidenav_logo">
<a href="https://lanjutmasuks138.click/daftar/" aria-label="Daftar SLOT138">
<amp-img src="https://images.subimage.xyz/images/2025/05/29/logo.gif" width="150" height="45" alt="Logo SLOT138" layout="responsive"></amp-img>
</a>
</div>
<div class="sidenav_btn">
<div class="sidenav_btn_title">Silahkan Login atau Daftar</div>
<div class="sidenav_btn_button">
<button class="sidenav-login" aria-label="Masuk ke akun">
<a href="https://lanjutmasuks138.click/login/">Masuk</a>
</button>
<button class="sidenav-register" aria-label="Daftar akun baru">
<a href="https://lanjutmasuks138.click/daftar/">Daftar</a>
</button>
</div>
<div class="sidenav_btn_forgetpw">
<a href="https://lanjutmasuks138.click/livechat/">Lupa Rincian Masuk?</a>
</div>
</div>
</div>
<div class="sidenav-games">
<amp-accordion>
<section>
<h4 class="sub-title">
<div>
<div style="display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 15px">
<!-- Games Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
<circle cx="7" cy="9" r="1"></circle>
<circle cx="17" cy="9" r="1"></circle>
<path d="M9 13h6"></path>
</svg>
</div>
<span>Games</span>
</div>
</h4>
<ul class="all-games">
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Sportsbook Games">
<!-- Soccer Ball Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<circle cx="12" cy="12" r="10"></circle>
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path>
<path d="M2 12h20"></path>
<path d="M12 2v20"></path>
<path d="M8 6l8 12"></path>
<path d="M16 6l-8 12"></path>
</svg>
<span>Sportsbook</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Slot Games">
<!-- Slot Machine Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect>
<rect x="6" y="6" width="4" height="4" rx="1"></rect>
<rect x="14" y="6" width="4" height="4" rx="1"></rect>
<rect x="10" y="6" width="4" height="4" rx="1"></rect>
<circle cx="8" cy="8" r="1"></circle>
<circle cx="12" cy="8" r="1"></circle>
<circle cx="16" cy="8" r="1"></circle>
<rect x="6" y="14" width="12" height="2" rx="1"></rect>
<circle cx="12" cy="19" r="1"></circle>
</svg>
<span>Slots</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Live Casino Games">
<!-- Dice Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
<circle cx="9" cy="9" r="1"></circle>
<circle cx="15" cy="9" r="1"></circle>
<circle cx="9" cy="15" r="1"></circle>
<circle cx="15" cy="15" r="1"></circle>
<circle cx="12" cy="12" r="1"></circle>
</svg>
<span>Live Casino</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Poker Games">
<!-- Playing Cards Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<rect x="2" y="4" width="20" height="16" rx="2"></rect>
<path d="M7 15h.01"></path>
<path d="M17 9h.01"></path>
<path d="M7 9v6"></path>
<path d="M17 15V9"></path>
<path d="M12 9v6"></path>
<path d="M12 12h5"></path>
<path d="M7 12h5"></path>
</svg>
<span>Poker</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Fish Shooting Games">
<!-- Fish Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<path d="M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.46-2.44 6-7 6-3.56 0-7.56-2.54-8.5-6Z"></path>
<path d="M18 12v.5"></path>
<path d="M16 17.93a9.77 9.77 0 0 1 0-11.86"></path>
<path d="M7 10.67C7 8 5.58 5.97 2.73 5.5c-1.13-.18-1.73.74-1.73 1.75v9.5c0 1.01.6 1.93 1.73 1.75C5.58 18.03 7 16 7 13.33"></path>
<path d="M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4"></path>
<path d="M16.01 17.93c-.2 1.38-1.23 2.02-2.4 2.73H8.5a2 2 0 0 1-1.98-1.67l-.23-1.4"></path>
</svg>
<span>Tembak Ikan</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/rtp-slot/" aria-label="Togel Lottery">
<!-- 8 Ball Pool Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<circle cx="12" cy="12" r="10"></circle>
<circle cx="12" cy="12" r="6" fill="currentColor"></circle>
<circle cx="12" cy="10" r="2" fill="white"></circle>
<text x="12" y="14" text-anchor="middle" font-size="6" fill="white" font-weight="bold">8</text>
</svg>
<span>Togel</span>
</a>
</li>
</ul>
</section>
</amp-accordion>
<ul>
<li>
<a href="https://lanjutmasuks138.click/promosi/" aria-label="Promosi dan Bonus">
<!-- Promotion/Gift Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<rect x="3" y="8" width="18" height="4" rx="1"></rect>
<path d="M12 8v13"></path>
<path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path>
<path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path>
</svg>
<span>Promosi</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/apk/" aria-label="Download Aplikasi">
<!-- Android Download Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7,10 12,15 17,10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
<rect x="9" y="1" width="6" height="2" rx="1"></rect>
</svg>
<span>Download</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/livechat/" aria-label="Hubungi Customer Service">
<!-- Phone Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 15px; filter: brightness(0) invert(1);">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
</svg>
<span>Hubungi Kami</span>
</a>
</li>
</ul>
</div>
</amp-sidebar>
<!-- Top Navigation -->
<nav class="nav" role="navigation" aria-label="Main Navigation">
<div class="nav__menu">
<button class="hamburger hamburger--squeeze" type="button" aria-label="Open Menu" on="tap:sidebar.open">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="nav__logo">
<a href="https://www.misscococupcake.com/" aria-label="SLOT138 Homepage">
<amp-img src="https://images.subimage.xyz/images/2025/05/29/logo.gif" width="150" height="45" alt="SLOT138 Logo" layout="fixed"></amp-img>
</a>
</div>
</nav>
<!-- Main Content -->
<main class="content">
<!-- Hero Banner -->
<section aria-label="Hero Banner">
<amp-carousel class="carousel-container" layout="responsive" width="1111" height="555" type="slides" autoplay delay="5000" loop>
<amp-img src="https://images.subimage.xyz/images/2025/07/30/BANNER-JUTAWAN-S138.png" width="1111" height="555" alt="SLOT138" layout="responsive"></amp-img>
</amp-carousel>
</section>
<!-- Quick Action Buttons -->
<section class="quick-btn" aria-label="Quick Actions">
<a href="https://lanjutmasuks138.click/login/" aria-label="Login ke Akun Anda">Masuk</a>
<a href="https://lanjutmasuks138.click/daftar/" aria-label="Daftar Akun Baru">Daftar</a>
</section>
<!-- Game Categories -->
<section class="game-front-menu" aria-label="Game Categories">
<div class="game-front-wrapper">
<amp-carousel height="100" layout="fixed-height" type="carousel">
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Sports Betting">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/sports.png);"></i>
<span>Sports</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Live Casino">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/casino.png);"></i>
<span>Casino</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Slot Games">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/slot.png);"></i>
<span>Slot</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Mahjong Ways">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/mahjong.webp);"></i>
<span>Mahjong Ways</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Tembak Ikan">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/tembak-ikan.png);"></i>
<span>Tembak Ikan</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Lottery Games">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/togel.png);"></i>
<span>Lottery</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Sabung Ayam">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/sabung-ayam.png);"></i>
<span>Sabung Ayam</span>
</a>
</div>
<div class="item">
<a href="https://lanjutmasuks138.click/rtp-slot/" class="nav-link" aria-label="Other Games">
<i style="background-image: url(https://images.subimage.xyz/images/2025/06/02/games.png);"></i>
<span>Games</span>
</a>
</div>
</amp-carousel>
</div>
</section>
<!-- Hot Slot Games -->
<section class="games" aria-label="Hot Slot Games">
<div class="home-games">
<div class="title">
<span>
<span class="text-white">HOT </span>
<span class="text-color">SLOT GAMES</span>
</span>
</div>
<div class="game-wrapper">
<div class="game-items">
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Gates of Olympus">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/gto.webp" width="200" height="275" alt="Gates of Olympus Slot Game" layout="responsive"></amp-img>
</div>
<span>Gates of Olympus</span>
</div>
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Sweet Bonanza">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/sbonanza.webp" width="200" height="275" alt="Sweet Bonanza Slot Game" layout="responsive"></amp-img>
</div>
<span>Sweet Bonanza</span>
</div>
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Mahjong Ways 2">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/mjways2.webp" width="200" height="275" alt="Mahjong Ways 2 Slot Game" layout="responsive"></amp-img>
</div>
<span>Mahjong Ways 2</span>
</div>
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Wild Bandito">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/wbandito.webp" width="200" height="275" alt="Wild Bandito Slot Game" layout="responsive"></amp-img>
</div>
<span>Wild Bandito</span>
</div>
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Starlight Princess">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/sprincess.webp" width="200" height="275" alt="Starlight Princess Slot Game" layout="responsive"></amp-img>
</div>
<span>Starlight Princess</span>
</div>
<div class="box" role="button" tabindex="0" on="tap:AMP.setState({showLightbox: true})" aria-label="Play Lucky Neko">
<div class="box-item">
<amp-img src="https://images.subimage.xyz/images/2025/06/02/lneko.webp" width="200" height="275" alt="Lucky Neko Slot Game" layout="responsive"></amp-img>
</div>
<span>Lucky Neko</span>
</div>
</div>
</div>
</div>
</section>
<!-- Supported Payment Methods -->
<section class="supported-bank" aria-label="Supported Payment Methods">
<h2 style="text-align: center; color: #e59407; margin-bottom: 20px; font-size: 18px;">Metode Pembayaran Tersedia</h2>
<div class="bank" aria-label="Bank BCA">
<span class="indicator" aria-label="Online"></span>
<div>BCA</div>
</div>
<div class="bank" aria-label="Bank Mandiri">
<span class="indicator" aria-label="Online"></span>
<div>Mandiri</div>
</div>
<div class="bank" aria-label="Bank CIMB">
<span class="indicator" aria-label="Online"></span>
<div>CIMB</div>
</div>
<div class="bank" aria-label="Bank BNI">
<span class="indicator" aria-label="Online"></span>
<div>BNI</div>
</div>
<div class="bank" aria-label="Bank BRI">
<span class="indicator" aria-label="Online"></span>
<div>BRI</div>
</div>
<div class="bank" aria-label="Bank Danamon">
<span class="indicator" aria-label="Online"></span>
<div>Danamon</div>
</div>
<div class="bank" aria-label="Bank Permata">
<span class="indicator" aria-label="Online"></span>
<div>Permata</div>
</div>
<div class="bank" aria-label="OVO E-Wallet">
<span class="indicator" aria-label="Online"></span>
<div>OVO</div>
</div>
<div class="bank" aria-label="GoPay E-Wallet">
<span class="indicator" aria-label="Online"></span>
<div>GoPay</div>
</div>
<div class="bank" aria-label="DANA E-Wallet">
<span class="indicator" aria-label="Online"></span>
<div>DANA</div>
</div>
<div class="bank" aria-label="Bank Panin">
<span class="indicator" aria-label="Online"></span>
<div>Panin</div>
</div>
<div class="bank" aria-label="LinkAja E-Wallet">
<span class="indicator" aria-label="Online"></span>
<div>LinkAja</div>
</div>
<div class="bank" aria-label="Sakuku E-Wallet">
<span class="indicator" aria-label="Online"></span>
<div>Sakuku</div>
</div>
</section>
<!-- SEO Content -->
<section class="seo">
<h1>SLOT138 Login - Link Situs Slot Gacor Terbaik Layanan 24 Jam Non Stop</h1>
<p>SLOT138 merupakan link situs slot gacor terpercaya di tahun 2025 yang memiliki layanan terbaik dan tercepat 24 jam non stop sehingga dapat membantu para pemain jika mengalami kendala dalam bermain maupun transaksi. Bergabunglah dengan ribuan pemain yang sudah merasakan kemenangan besar di platform terpercaya kami.</p>
<div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
<amp-img src="https://cdn.robotaset.com/assets/images/common/asf-main.png" width="200" height="80" alt="Licensed and Secure Gaming Platform" layout="fixed"></amp-img>
</div>
</section>
</main>
<!-- Bottom Navigation -->
<nav class="bottom-nav-bar" role="navigation" aria-label="Bottom Navigation">
<ul>
<li>
<a href="https://lanjutmasuks138.click/login/" aria-label="Kembali ke halaman sebelumnya">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nav-icon">
<path d="M19 12H5"></path>
<path d="M12 19l-7-7 7-7"></path>
</svg>
<span>Kembali</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/livechat/" aria-label="Akun pengguna">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nav-icon">
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
<span>Akun</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/promosi/" aria-label="Promosi dan bonus">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nav-icon">
<path d="M20 12v10H4V12"></path>
<path d="M2 7h20v5H2z"></path>
<path d="M12 22V7"></path>
<path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
<path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
</svg>
<span>Promosi</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/livechat/" aria-label="Live chat customer service">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nav-icon">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
<path d="M8 10h.01"></path>
<path d="M12 10h.01"></path>
<path d="M16 10h.01"></path>
</svg>
<span>Live Chat</span>
</a>
</li>
<li>
<a href="https://lanjutmasuks138.click/apk/" class="active" aria-label="Beranda utama">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="nav-icon">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
<polyline points="9 22 9 12 15 12 15 22"></polyline>
</svg>
<span>Apk</span>
</a>
</li>
</ul>
</nav>
<!-- Popup Modal -->
<amp-lightbox id="my-bindable-lightbox" [open]="showLightbox" layout="nodisplay" on="lightboxClose:AMP.setState({showLightbox: false})" role="dialog" aria-labelledby="popup_title" aria-describedby="popup_message">
<div id="popup_container">
<h4 id="popup_title">Perhatian</h4>
<div id="popup_content">
<div id="popup_message">Silahkan Login Atau Daftar Terlebih Dahulu, Untuk Memainkan Slot Gacor Pilihan Anda. Nikmati pengalaman bermain yang aman dan terpercaya!</div>
<div id="popup_panel">
<button id="popup_ok" type="button" on="tap:my-bindable-lightbox.close" aria-label="Tutup dialog">OK</button>
</div>
</div>
</div>
</amp-lightbox>
</body>
</html>