PageSourceSearch

https://covidtechconnect.com/slot

html covidtechconnect.com collected 2026-10-06 03:15:45 UTC 191,937 bytes, 4,423 lines download raw bytes

1<!doctype html>
2<html lang="id">
3  <head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6    <title>SLOT88KU: Platform Game Online dengan Konsep Permainan yang Fleksibel</title>    
7    <link rel="icon" type="image/png" href="/favicon.png">
8    
9    <meta name="google-site-verification" content="EtVDvhl9cAXDU7rIrICJWBEPYQ-URS_xPxfu_mGbgcg" />
10<meta name="description" content="SLOT88KU hadir sebagai platform game slot online modern yang mengusung konsep permainan super fleksibel bagi seluruh lapisan pemain. Melalui penyediaan halaman login resmi yang intuitif dan ringan, pengguna dapat dengan mudah mengakses berbagai lini permainan favorit kapan saja tanpa hambatan di link alternatif."/>
11<meta name="keywords" content="slot88ku, slot88ku login, slot88ku alternatif, slot88ku link alternatif, slot88ku link, slot88ku online, slot88ku resmi" />
12<meta name="robots" content="index,follow">
13<meta name="distribution" content="global">
14<meta name="author" content="SLOT88KU">
15<meta name="publisher" content="SLOT88KU">
16<meta name="language" content="id-ID">
17<meta name="geo.region" content="id_ID">
18<meta name="geo.placename" content="jakarta">
19<meta name="categories" content="website">
20<meta name="robots" content="index,follow">
21<meta name="rating" content="general">
22<meta property="og:locale" content="id_ID">
23<meta property="og:type" content="website">
24<meta property="og:site_name" content="SLOT88KU">
25<link rel="canonical" href="https://slot88kumain.com/" />
26<link rel="amphtml" href="https://slot88kumain.icu/amp/"/>
27    <link rel="alternate" hreflang="id-id" href="https://slot88kumain.icu/amp/"/>
28    <link rel="alternate" href="https://slot88kumain.icu/amp/"/>
29    <link rel="alternate" hreflang="id" href="https://slot88kumain.icu/amp/"/>
30    <link rel="alternate" hreflang="en" href="https://slot88kumain.icu/amp/"/>
31    <link rel="alternate" hreflang="x-default" href="https://slot88kumain.icu/amp/"/>
32
33<script type="application/ld+json">
34        {
35            "@context": "https://schema.org",
36            "@type": "Product",
37            "name": "SLOT88KU: Platform Game Online dengan Konsep Permainan yang Fleksibel",
38            "image": "https://i.imgur.com/lWvJKFd.jpeg",
39            "description": "SLOT88KU hadir sebagai platform game slot online modern yang mengusung konsep permainan super fleksibel bagi seluruh lapisan pemain. Melalui penyediaan halaman login resmi yang intuitif dan ringan, pengguna dapat dengan mudah mengakses berbagai lini permainan favorit kapan saja tanpa hambatan di link alternatif.",
40            "brand": {
41                "@type": "Brand",
42                "name": "SLOT88KU"
43            },
44            "sku": "SLOT88KU",
45            "mpn": "Situs Game",
46            "url": "https://slot88kumain.com/",
47            "offers": {
48                "@type": "Offer",
49                "url": "https://slot88kumain.com/",
50                "priceCurrency": "USD",
51                "price": "0.00",
52                "priceValidUntil": "2025-11-31",
53                "itemCondition": "https://schema.org/NewCondition",
54                "availability": "https://schema.org/InStock",
55                "seller": {
56                    "@type": "Organization",
57                    "name": "SLOT88KU"
58                }
59            },
60            "aggregateRating": {
61                "@type": "AggregateRating",
62                "ratingValue": "5.0",
63                "reviewCount": 779
64            },
65            "review": [{
66                "@type": "Review",
67                "reviewRating": {
68                    "@type": "Rating",
69                    "ratingValue": "5",
70                    "bestRating": "5"
71                },
72                "author": {
73                    "@type": "Person",
74                    "name": "Ajoni"
75                }
76            }, {
77                "@type": "Review",
78                "reviewRating": {
79                    "@type": "Rating",
80                    "ratingValue": "5",
81                    "bestRating": "5"
82                },
83                "author": {
84                    "@type": "Person",
85                    "name": "User Verified"
86                }
87            }]
88        }
89    </script>
89
90
91<script type="application/ld+json">
92{
93  "@context": "https://schema.org",
94  "@type": "BreadcrumbList",
95  "itemListElement": [
96    {
97      "@type": "ListItem",
98      "position": 1,
99      "name": "SLOT88KU",
100      "item": "https://slot88kumain.com/"
101    },
102    {
103      "@type": "ListItem",
104      "position": 2,
105      "name": "Situs Game",
106      "item": "https://slot88kumain.com/"
107    },
108    {
109      "@type": "ListItem",
110      "position": 3,
111      "name": "Game Online",
112      "item": "https://slot88kumain.com/"
113    },
114    {
115      "@type": "ListItem",
116      "position": 4,
117      "name": "Situs Resmi",
118      "item": "https://slot88kumain.com/"
119    },
120    {
121      "@type": "ListItem",
122      "position": 5,
123      "name": "Slot88ku Login",
124      "item": "https://slot88kumain.com/"
125    }
126  ]
127}
128</script>
128
129
130<script type="application/ld+json">
131{
132  "@context": "https://schema.org",
133  "@type": "Organization",
134  "name": "SLOT88KU",
135  "url": "https://slot88kumain.com/",
136  "logo": "https://slot88ku-main.pages.dev/slot88ku-logo.png",
137  "sameAs": [
138    "https://www.facebook.com/SLOT88KU",
139    "https://twitter.com/SLOT88KU",
140    "https://www.instagram.com/SLOT88KU"
141  ],
142  "contactPoint": {
143    "@type": "ContactPoint",
144    "telephone": "+62-822-1111-8888",
145    "contactType": "customer support",
146    "areaServed": "ID",
147    "availableLanguage": ["Indonesian", "English"]
148  }
149}
150</script>
150
151 
152 
152<script type="application/ld+json">
153 {
154   "@context": "https://schema.org",
155   "@graph": [
156     {
157       "@type": "Organization",
158       "@id": "https://slot88kumain.com/",
159       "name": "SLOT88KU",
160       "url": "https://slot88kumain.com/",
161       "logo": "https://slot88ku-main.pages.dev/slot88ku-logo.png"
162     },
163     {
164       "@type": "WebSite",
165       "@id": "https://slot88kumain.com/",
166       "url": "https://slot88kumain.com/",
167       "name": "SLOT88KU",
168       "publisher": { "@id": "https://slot88kumain.com/" },
169       "inLanguage": "id-ID",
170       "potentialAction": {
171         "@type": "SearchAction",
172         "target": "https://slot88kumain.com/",
173         "query-input": "required name=search_term_string"
174       }
175     },
176     {
177       "@type": "SoftwareApplication",
178       "@id": "https://slot88kumain.com/",
179       "name": "SLOT88KU",
180       "applicationCategory": "GameApplication",
181       "operatingSystem": "Android, iOS, Windows",
182       "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
183       "aggregateRating": { "@type": "AggregateRating", "ratingValue": 4.9, "ratingCount": 62595 }
184     }
185   ]
186 }
187 </script>
187
188
189<!-- Meta Pixel Code -->
190<script>
vendor: 408 bytes, lines 190-199
190
191!function(f,b,e,v,n,t,s)
192{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
193n.callMethod.apply(n,arguments):n.queue.push(arguments)};
194if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
195n.queue=[];t=b.createElement(e);t.async=!0;
196t.src=v;s=b.getElementsByTagName(e)[0];
197s.parentNode.insertBefore(t,s)}(window, document,'script',
198'https://connect.facebook.net/en_US/fbevents.js');
199fbq('init', '
1991142875606940266
vendor: 32 bytes, lines 199-200
199');
200fbq('track', 'PageView');
201</script>
201
202<noscript><img height="1" width="1" style="display:none"
203src="https://www.facebook.com/tr?id=1142875606940266&ev=PageView&noscript=1"
204/></noscript>
205<!-- End Meta Pixel Code -->    
206    <link rel="preconnect" href="https://img.viva88athenae.com">
207    <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
208    <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
209    <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
210    <link href="/css/new/vendor/bootstrap.min.css?v=1790436644" rel="stylesheet">
211    <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
212/* latin-ext */
213@font-face {
214  font-family: 'Oswald';
215  font-style: normal;
216  font-weight: 400;
217  font-display: swap;
218  src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
219  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
220}
221/* latin */
222@font-face {
223  font-family: 'Oswald';
224  font-style: normal;
225  font-weight: 400;
226  font-display: swap;
227  src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
228  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
229}
230/* latin-ext */
231@font-face {
232  font-family: 'Oswald';
233  font-style: normal;
234  font-weight: 500;
235  font-display: swap;
236  src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
237  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
238}
239/* latin */
240@font-face {
241  font-family: 'Oswald';
242  font-style: normal;
243  font-weight: 500;
244  font-display: swap;
245  src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
246  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
247}
248/* latin-ext */
249@font-face {
250  font-family: 'Oswald';
251  font-style: normal;
252  font-weight: 600;
253  font-display: swap;
254  src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
255  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
256}
257/* latin */
258@font-face {
259  font-family: 'Oswald';
260  font-style: normal;
261  font-weight: 600;
262  font-display: swap;
263  src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
264  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
265}
266/* latin-ext */
267@font-face {
268  font-family: 'Oswald';
269  font-style: normal;
270  font-weight: 700;
271  font-display: swap;
272  src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
273  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
274}
275/* latin */
276@font-face {
277  font-family: 'Oswald';
278  font-style: normal;
279  font-weight: 700;
280  font-display: swap;
281  src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
282  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
283}
284/* latin-ext */
285@font-face {
286  font-family: 'Ubuntu';
287  font-style: italic;
288  font-weight: 300;
289  font-display: swap;
290  src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
291  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
291BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
292}
293/* latin */
294@font-face {
295  font-family: 'Ubuntu';
296  font-style: italic;
297  font-weight: 300;
298  font-display: swap;
299  src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
300  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
301}
302/* latin-ext */
303@font-face {
304  font-family: 'Ubuntu';
305  font-style: italic;
306  font-weight: 400;
307  font-display: swap;
308  src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
309  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
310}
311/* latin */
312@font-face {
313  font-family: 'Ubuntu';
314  font-style: italic;
315  font-weight: 400;
316  font-display: swap;
317  src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
318  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
319}
320/* latin-ext */
321@font-face {
322  font-family: 'Ubuntu';
323  font-style: italic;
324  font-weight: 500;
325  font-display: swap;
326  src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
327  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
328}
329/* latin */
330@font-face {
331  font-family: 'Ubuntu';
332  font-style: italic;
333  font-weight: 500;
334  font-display: swap;
335  src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
336  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
337}
338/* latin-ext */
339@font-face {
340  font-family: 'Ubuntu';
341  font-style: italic;
342  font-weight: 700;
343  font-display: swap;
344  src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
345  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
346}
347/* latin */
348@font-face {
349  font-family: 'Ubuntu';
350  font-style: italic;
351  font-weight: 700;
352  font-display: swap;
353  src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
354  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
355}
356/* latin-ext */
357@font-face {
358  font-family: 'Ubuntu';
359  font-style: normal;
360  font-weight: 300;
361  font-display: swap;
362  src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
363  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
364}
365/* latin */
366@font-face {
367  font-family: 'Ubuntu';
368  font-style: normal;
369  font-weight: 300;
370  font-display: swap;
371  src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
372  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
373}
374/* latin-ext */
375@font-face {
376  font-family: 'Ubuntu';
377  font-style: normal;
378  font-weight: 400;
379  font-display: swap;
380  src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
381  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
382}
383/* latin */
384@font-face {
385  font-family: 'Ubuntu';
386  font-style: normal;
387  font-weight: 400;
388  font-display: swap;
389  src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
390  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
391}
392/* latin-ext */
393@font-face {
394  font-family: 'Ubuntu';
395  font-style: normal;
396  font-weight: 500;
397  font-display: swap;
398  src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
399  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1D
399BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
400}
401/* latin */
402@font-face {
403  font-family: 'Ubuntu';
404  font-style: normal;
405  font-weight: 500;
406  font-display: swap;
407  src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
408  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
409}
410/* latin-ext */
411@font-face {
412  font-family: 'Ubuntu';
413  font-style: normal;
414  font-weight: 700;
415  font-display: swap;
416  src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
417  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
418}
419/* latin */
420@font-face {
421  font-family: 'Ubuntu';
422  font-style: normal;
423  font-weight: 700;
424  font-display: swap;
425  src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
426  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
427}
428</style>    <style id="jt-theme">/* Theme: LD — LD */
429:root {
430    /* --- Accent --- */
431    --accent-color:               rgba(212,187,130,1);
432
433    /* --- Text --- */
434    --primary-text-color:         #ffffff;
435    --secondary-text-color:       #FFD86A;
436    --accent-text-color:          #bd9f55;
437
438    /* --- Teks tambahan --- */
439    --muted-text-color:           #FFD86A;
440    --muted-text-color-secondary: #2b2626;
441    --muted-text-color-tertiary:  #b5964a;
442
443    /* --- Background utama --- */
444    --primary-background-color:   #111111;
445    --secondary-background-color: #0a0a0a;
446    --ternary-background-color:   #1a1a1a;
447    --quaternary-background-color: #111111;
448
449    /* --- Background tambahan --- */
450    --placeholder-bg:             #262626;
451    --overlay-bg:                 rgba(0,0,0,0.6);
452    --handle-color:               rgba(255,255,255,0.2);
453    --table-hover-bg:             rgba(189,159,85,0.05);
454    --btn-close-hover-bg:         rgba(128,128,128,0.12);
455    --qr-bg:                      #ffffff;
456
457    /* --- Navbar --- */
458    --navbar-bg:                  var(--ternary-background-color);
459    --bottom-navbar-bg:           var(--ternary-background-color);
460
461    /* --- Navbar text --- */
462    --navbar-text-color:          #ffffff;
463    --bottom-navbar-text-color:   #ffffff;
464
465    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
466    --topbar-link-color:          var(--primary-text-color);
467    --section-title-color:        var(--primary-text-color);
468    --togel-market-name-color:    var(--primary-text-color);
469    --balance-text-color:         var(--secondary-text-color);
470    --nav-active-color:           var(--accent-text-color);
471    --marquee-date-color:         var(--accent-text-color);
472    --username-text-color:        var(--secondary-text-color);
473    --marquee-text-color:         var(--secondary-text-color);
474
475    /* --- Menu / Marquee / Search --- */
476    --menu-box-bg:                rgba(189,159,85,0.05);
477    --marquee-bg:                 #0a0a0a;
478    --search-bg:                  #1a1a1a;
479
480    /* --- Widget profile gradient --- */
481    --widget-profile-bg-start:    #262115;
482    --widget-profile-bg-end:      #0a0a0a;
483
484    /* --- Tombol Deposit (gradient) --- */
485    --btn-deposit-color-start:    #b88e27;
486    --btn-deposit-color-mid:      #dab251;
487    --btn-deposit-color-end:      #b88e27;
488    --btn-deposit-text:           #000000;
489
490    /* --- Tombol Withdraw (gradient) --- */
491    --btn-withdraw-color-start:   #191919;
492    --btn-withdraw-color-end:     #363636;
493    --btn-withdraw-text:          #000000;
494
495    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
496    --tx-tab-active-color:        #ffffff;
497    --tx-table-accent-color:      var(--accent-text-color);
498
499    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
500    --table-stripe-odd-bg:        var(--ternary-background-color);
501    --table-stripe-even-bg:       var(--secondary-background-color);
502    --input-placeholder-color:    #6b7280;
503
504    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
505    --cms-nav-color:              var(--muted-text-color);
506    --cms-nav-hover-color:        var(--secondary-text-color);
507    --cms-nav-active-color:       var(--primary-text-color);
508
509    /* --- History table --- */
510    --color-tanggal:              #ef5350;
511    --color-pasaran:              #42a5f5;
512    --color-debit:                #ef5350;
513    --color-kredit:               #66bb6a;
514    --color-balance:              #42a5f5;
515
516    /* --- Component backgrounds --- */
517    --btn-menu-bg:                var(--ternary-background-color);
518    --card-bg:                    var(--quaternary-background-color);
519    --avatar-bg:                  var(--ternary-background-color);
520    --table-header-bg:            var(--ternary-background-color);
521    --dropdown-bg:                var(--secondary-background-color);
522    --sidebar-bg:                 var(--secondary-background-color);
523    --input-bg:                   var(--secondary-background-color);
524    --menu-box-border-color:      rgba(189,159,85,0.12);
525    --breadcrumb-color:           var(--accent-color);
526    --alert-danger-bg:            #ee5f5b;
527
528    /* --- Accent alpha (untuk hover/active) --- */
529    --accent-bg-subtle:           rgba(189,159,85,0.10);
530    --accent-bg-active:           rgba(189,159,85,0.12);
531    --accent-border-subtle:       rgba(189,159,85,0.32);
532
533    /* --- Skeleton shimmer --- */
534    --skeleton-color-base:        var(--ternary-background-color);
535    --skeleton-color-shine:       #2c2c2c;
536
537    /* --- Card togel pasaran (home) --- */
538    --togel-card-bg:               #1a1a1a;
539    --togel-card-number-color:    var(--primary-text-color);
540
541    /* --- Splide pagination --- */
542    --splide-pagination-inactive: #dee2e6;
543
544    /* --- Border --- */
545    --border-color:               rgba(255,255,255,0.08);
546    --border-subtle-color:        rgba(255,255,255,0.04);
547
548    /* --- Font & Radius --- */
549    --font-body:                  "Ubuntu", sans-serif;
550    --radius-sm:                  6px;
551    --radius-md:                  8px;
552    --radius-lg:                  10px;
553    --radius-xl:                  12px;
554    --radius-pill:                999px;
555
556    /* --- Font sizes --- */
557    --fs-xs:                      10px;
558    --fs-sm:                      11px;
559    --fs-md:                      12px;
560    --fs-base:                    13px;
561    --fs-lg:                      14px;
562    --fs-xl:                      15px;
563    --fs-2xl:                     16px;
564    --fs-3xl:                     18px;
565}
566
567:root[data-theme="light"] {
568    /* --- Light theme overrides (auto-generated dari base gelap) --- */
569    /* --- Accent --- */
570    --accent-color:                rgba(212,187,130,1);
571
572    /* --- Text --- */
573    --primary-text-color:          #141414;
574    --secondary-text-color:        #2b2b2b;
575    --accent-text-color:           #725e2c;
576
577    /* --- Teks tambahan --- */
578    --muted-text-color:            #595959;
579    --muted-text-color-secondary:  #5c5656;
580    --muted-text-color-tertiary:   #6c6147;
581
582    /* --- Background utama --- */
583    --primary-background-color:    #cfbdaa;
584    --secondary-background-color:  #f2ede8;
585    --ternary-background-color:    #e7ded5;
586    --quaternary-background-color: #ede6de;
587
588    /* --- Background tambahan --- */
589    --placeholder-bg:              #ded1c4;
590    --overlay-bg:                  rgba(0,0,0,0.6);
591    --handle-color:                rgba(0,0,0,0.2);
592    --table-hover-bg:              rgba(161,132,62,0.05);
593    --btn-close-hover-bg:          rgba(128,128,128,0.12);
594    --qr-bg:                       #ffffff;
595
596    /* --- Navbar --- */
597    --navbar-bg:                   var(--ternary-background-color);
598    --bottom-navbar-bg:            var(--ternary-background-color);
599
600    /* --- Navbar text --- */
601    --navbar-text-color:           #141414;
602    --bottom-navbar-text-color:    #141414;
603
604    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
605    --topbar-link-color:           var(--primary-text-color);
606    --section-title-color:         var(--primary-text-color);
607    --togel-market-name-color:     var(--primary-text-color);
608    --balance-text-color:          var(--secondary-text-color);
609    --nav-active-color:            var(--accent-text-color);
610    --marquee-date-color:          var(--accent-text-color);
611    --username-text-color:         var(--secondary-text-color);
612    --marquee-text-color:          var(--secondary-text-color);
613
614    /* --- Menu / Marquee / Search --- */
615    --menu-box-bg:                 rgba(161,132,62,0.05);
616    --marquee-bg:                  #f2ede8;
617    --search-bg:                   #e7ded5;
618
619    /* --- Widget profile gradient --- */
620    --widget-profile-bg-start:     #ded1c4;
621    --widget-profile-bg-end:       #f2ede8;
622
623    /* --- Tombol Deposit (gradient) --- */
624    --btn-deposit-color-start:     #82651c;
625    --btn-deposit-color-mid:       #c19529;
626    --btn-deposit-color-end:       #82651c;
627    --btn-deposit-text:            #000000;
628
629    /* --- Tombol Withdraw (gradient) --- */
630    --btn-withdraw-color-start:    #f0eeea;
631    --btn-withdraw-color-end:      #e2dfd9;
632    --btn-withdraw-text:           #141414;
633
634    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
635    --tx-tab-active-color:         var(--accent-color);
636    --tx-table-accent-color:       var(--accent-text-color);
637
638    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
639    --table-stripe-odd-bg:         var(--primary-background-color);
640    --table-stripe-even-bg:        var(--secondary-background-color);
641    --input-placeholder-color:     #6b7280;
642
643    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
644    --cms-nav-color:               var(--muted-text-color);
645    --cms-nav-hover-color:         var(--secondary-text-color);
646    --cms-nav-active-color:        var(--primary-text-color);
647
648    /* --- History table --- */
649    --color-tanggal:               #ce1613;
650    --color-pasaran:               #0a6ab8;
651    --color-debit:                 #ce1613;
652    --color-kredit:                #347537;
653    --color-balance:               #0a6ab8;
654
655    /* --- Component backgrounds --- */
656    --btn-menu-bg:                 var(--ternary-background-color);
657    --card-bg:                     var(--ternary-background-color);
658    --avatar-bg:                   var(--ternary-background-color);
659    --table-header-bg:             var(--ternary-background-color);
660    --dropdown-bg:                 var(--secondary-background-color);
661    --sidebar-bg:                  var(--secondary-background-color);
662    --input-bg:                    var(--secondary-background-color);
663    --menu-box-border-color:       rgba(161,132,62,0.12);
664    --breadcrumb-color:            var(--accent-color);
665    --alert-danger-bg:             #ee5f5b;
666
667    /* --- Accent alpha (untuk hover/active) --- */
668    --accent-bg-subtle:            rgba(114,94,44,0.10);
669    --accent-bg-active:            rgba(114,94,44,0.12);
670    --accent-border-subtle:        rgba(114,94,44,0.32);
671
672    /* --- Skeleton shimmer --- */
673    --skeleton-color-base:         var(--ternary-background-color);
674    --skeleton-color-shine:        #ded1c4;
675
676    /* --- Card togel pasaran (home) --- */
677    --togel-card-bg:               var(--secondary-background-color);
678    --togel-card-number-color:    var(--primary-text-color);
679
680    /* --- Splide pagination --- */
681    --splide-pagination-inactive:  #a8b2bd;
682
683    /* --- Border --- */
684    --border-color:                rgba(0,0,0,0.08);
685    --border-subtle-color:         rgba(0,0,0,0.04);
686
687    /* --- Font & Radius --- */
688    --font-body:                   "Ubuntu", sans-serif;
689    --radius-sm:                   6px;
690    --radius-md:                   8px;
691    --radius-lg:                   10px;
692    --radius-xl:                   12px;
693    --radius-pill:                 999px;
694
695    /* --- Font sizes --- */
696    --fs-xs:                       10px;
697    --fs-sm:                       11px;
698    --fs-md:                       12px;
699    --fs-base:                     13px;
700    --fs-lg:                       14px;
701    --fs-xl:                       15px;
702    --fs-2xl:                      16px;
703    --fs-3xl:                      18px;
704}
705
706/* History table column colors */
707.history-table .col-tanggal  { white-space: nowrap; color: var(--color-tanggal); }
708.history-table .col-pasaran  { color: var(--color-pasaran); }
709.history-table .col-betid    { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
710.history-table .col-deskripsi { color: var(--primary-text-color); }
711.history-table .col-balance  { white-space: nowrap; color: var(--color-balance); }
712</style>    <link rel="stylesheet" href="/css/new/layout.min.css?v=1790436644">
713    <link rel="stylesheet" href="/css/new/logo.css?v=1790436644">
714    <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>
715
716    <link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436644" media="print" onload="this.media='all'">
717    
718    <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436644" media="print" onload="this.media='all'">
719    <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436644" media="print" onload="this.media='all'">
720    <noscript>
721        <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436644">
722        <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436644">
723        <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436644">
724        <link rel="stylesheet" href="/css/new/game.min.css?v=1790436644">
725    </noscript>
726
727    <style>
728    @media (max-width: 768px) {
729        .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
730        .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
731        .driver-popover-description { font-size: 12px !important; }
732    }
733    </style>
734
735    <style>
736        a {
737          color: inherit; /* blue colors for links too */
738          text-decoration: inherit; /* no underline */
739        }
740    
741        .desktop-only {
742            display: block!important;
743        }
744        
745        .mobile-only {
746            display: none !important;
747        }
748        
749        .btn {
750            height: 30px;
751            border-radius: 3px;
752        }
753        
754        .login-field {
755            width: 104px;
756            height: 30px;
757            border-radius: 3px;
758        }
759
760        .login-input-field {
761            margin: 0px;
762            padding: 0px 8px;
763            border-radius: 3px !important;
764        }
765        
766        .section>.home-view {
767            padding: 0px;
768        }
769
770        @media only screen and (max-width: 1000px) {
771
772            .desktop-only {
773                display: none!important;
774            }
775                
776            .mobile-only {
777                display: block!important;
778            }
779            
780            .login-form {
781                padding: 32px 0;
782                margin: 0px 64px;
783                display: flex;
784                flex-direction: column;
785            }
786            
787            .login-field, .login-form>button, .btn-promosi {
788                height: 36px;
789                width: 100% !important;
790                border-radius: 8px;
791                overflow: hidden;
792            }
793                    
794            .login-input-field {
795                border-top-left-radius: 0 !important;
796                border-bottom-left-radius: 0 !important;
797                font-size: 1rem;
798            }
799            
800            .section {
801                padding: 0px 8px!important;
802            }
803        }
804
805        .grecaptcha-badge {
806            display: none !important;
807        }
808    </style>
809    
810    
811</head>
812  <body>
813    
813<script src="/js/new/vendor/jquery.min.js?v=1790436644"></script>
813
814    
814<script>
815        window.JT_CSRF_TOKEN = '6818dfa18517166a7173bf98b56e2103b8b3b52ebd933577e9d519dec02e192e';
816        window.JT_NEED_RECAPTCHA_REGISTER = false;
817        window.JT_NEED_RECAPTCHA_LOGIN = false;
818        window.JT_NEED_RECAPTCHA = false;
819        window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
820        window.JT_NEED_TURNSTILE_REGISTER = false;
821        window.JT_NEED_TURNSTILE_LOGIN = false;
822        window.JT_NEED_TURNSTILE = false;
823        window.JT_NEED_IFRAME_CAPTCHA = false;
824        window.JT_CAPTCHA_LOGIN_MODE = '1';
825        window.JT_CAPTCHA_REGISTER_MODE = '1';
826
827        $.ajaxSetup({
828            beforeSend: function (xhr, settings) {
829                if (settings.type === 'POST' && !settings.crossDomain) {
830                    xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
831                }
832            }
833        });
834
835        var _recaptchaLoader = null;
836        function jtLoadRecaptcha() {
837            if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
838            if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
839            if (_recaptchaLoader) return _recaptchaLoader;
840            _recaptchaLoader = new Promise(function (resolve, reject) {
841                var s = document.createElement('script');
842                s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
843                s.async = true;
844                s.onload = function () { resolve(); };
845                s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
846                document.head.appendChild(s);
847            });
848            return _recaptchaLoader;
849        }
850
851        
852        function jtWarmAuthScripts() {
853            if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
854            if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
855                window.turnst('').catch(function () {});
856            }
857        }
858
859        $(document).on(
860            'focusin',
861            '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
862            jtWarmAuthScripts
863        );
864        $(document).on(
865            'click',
866            '.btn-daftar, [onclick*="register"], a[href*="register"]',
867            jtWarmAuthScripts
868        );
869
870        function jtNeedRecaptchaRegister($form) {
871            var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
872            return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
873        }
874
875        function jtNeedRecaptchaLogin($form) {
876            var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
877            return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
878        }
879
880        function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
881            if (!shouldRun) {
882                onReady();
883                return;
884            }
885            var fieldName = tokenField || 'recaptcha_token';
886            var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
887            function showFail(msg) {
888                if (warnCls) {
889                    $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
890                } else {
891                    $status.removeClass().text(msg).fadeIn(1000);
892                }
893                if (typeof onFail === 'function') {
894                    onFail();
895                }
896            }
897            jtLoadRecaptcha().then(function () {
898                if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
899                    showFail('Verifikasi gagal dimuat, refresh halaman');
900                    return;
901                }
902                grecaptcha.enterprise.ready(function () {
903                    grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
904                        .then(function (token) {
905                            jtSetHidden($form, fieldName, token);
906                            onReady();
907                        })
908                        .catch(function () {
909                            showFail('Verifikasi gagal, coba lagi');
910                        });
911                });
912            }).catch(function () {
913                showFail('Verifikasi gagal dimuat, refresh halaman');
914            });
915        }
916
917        function jtWithRecaptchaRegisterToken($form, $status, onReady) {
918            jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
919        }
920
921        function jtWithRecaptchaLoginToken($form, $status, onReady, onF
921ail) {
922            jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
923        }
924
925        function jtSetHidden($form, name, value) {
926            var $el = $form.find('input[name="' + name + '"]');
927            if ($el.length === 0) {
928                $form.append('<input type="hidden" name="' + name + '" value="">');
929                $el = $form.find('input[name="' + name + '"]');
930            }
931            $el.val(value);
932        }
933
934        function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
935            if (!needFlag || typeof window.turnst !== 'function') {
936                onReady();
937                return;
938            }
939            window.turnst(actionName).then(function (fpResult) {
940                jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
941                jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
942                onReady();
943            }).catch(function () {
944                jtSetHidden($form, 'fp_event_id', '');
945                jtSetHidden($form, 'fp_visitor_id', '');
946                onReady();
947            });
948        }
949
950        function jtWithTurnstileRegister($form, onReady) {
951            jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
952        }
953
954        function jtWithTurnstileLogin($form, onReady) {
955            jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
956        }
957
958        var _jtIframePending = null;
959
960        function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
961            if (!window.JT_NEED_IFRAME_CAPTCHA) {
962                onReady();
963                return;
964            }
965            var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
966            var $modal = $(modalId);
967            if ($modal.length === 0) {
968                onReady();
969                return;
970            }
971            _jtIframePending = {
972                isMobile: !!isMobile,
973                onReady: onReady,
974                onCancelMsg: onCancelMsg || null
975            };
976            $modal.css('display', 'flex');
977        }
978
979        function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
980            var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
981            if (mode !== '2') {
982                onReady();
983                return;
984            }
985            jtShowIframeCaptcha(isMobile, function (token, key) {
986                jtSetHidden($form, 'token', token || '');
987                jtSetHidden($form, 'key', key || '');
988                onReady();
989            }, onCancelMsg);
990        }
991
992        function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
993            var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
994            if (mode !== '2') {
995                onReady();
996                return;
997            }
998            jtShowIframeCaptcha(isMobile, function (token, key) {
999                jtSetHidden($form, 'token', token || '');
1000                jtSetHidden($form, 'key', key || '');
1001                onReady();
1002            }, onCancelMsg);
1003        }
1004
1005        window.addEventListener('message', function (e) {
1006            if (e.origin !== 'https://recaptcha.viva88athenae.com') {
1007                return;
1008            }
1009            if (!_jtIframePending) {
1010                return; 
1011            }
1012            var pending = _jtIframePending;
1013            _jtIframePending = null;
1014
1015            var dataCaptcha = e.data || {};
1016            var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
1017            $modal.css('display', 'none');
1018
1019            if (dataCaptcha.verified !== true) {
1020                if (typeof pending.onCancelMsg === 'function') {
1021                    pending.onCancelMsg('Verifikasi Kosong');
1022                }
1023                return;
1024            }
1025
1026            if (typeof pending.onReady === 'function') {
1027                pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
1028            }
1029        });
1030    </script>
1030
1031
1032      
1033<style>
1034    .btn-tele {
1035        text-shadow: 1px 1px #000000;
1036        height: 36px!important;
1037        border-radius: 8px;
1038        background: #28323C;
1039        color: white;
1040    }
1041</style>
1042
1043    
1044<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasExampleLabel" style="width: 50%; background: var(--primary-background-color); color: var(--primary-text-color); z-index: 99999">
1045    <div class="offcanvas-header py-3 d-flex justify-content-between">
1046        <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5>
1047        <button type="button" class="text-reset" style="background: transparent; border: none" data-bs-dismiss="offcanvas" aria-label="Close"><i class="bi bi-x" style="color: var(--primary-text-color); font-size: 20px"></i></button>
1048    </div>
1049    <div class="offcanvas-body p-0 px-2">
1050            <div class="d-flex flex-column w-100 gap-2">
1051                
1052                                
1053                                                
1054                            <a  href="https://www.facebook.com/ameliadamayan" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
1055                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/facebook.png" width="18" height="18" alt=""></div>
1056                               <div style="color: var(--primary-text-color);">Amelia Damayanti</div>
1057                            </a>
1058                            
1059                                            
1060
1061                                
1062                                                
1063                            <a  href="https://t.me/slot88ku_id" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
1064                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div>
1065                               <div style="color: var(--primary-text-color);">SLOT88KU OFFICIAL</div>
1066                            </a>
1067                            
1068                                            
1069
1070                                
1071                                                
1072                            <a  href="https://cli.re/WhatsApp-SLOT88KU" target='_blank' class="d-flex p-3 w-100 gap-3 rounded" style="background: var(--menu-box-bg, transparent); border: 1px solid var(--menu-box-border-color, rgba(255, 255, 255, 0.06));">
1073                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="18" height="18" alt=""></div>
1074                               <div style="color: var(--primary-text-color);">WHATSAPP OFFICIAL SLOT88KU </div>
1075                            </a>
1076                            
1077                                            
1078
1079                                
1080
1081            </div>
1082
1083    </div>
1084</div>
1085
1086            
1087    <style>
1088    
1089    #mySidenav {
1090    position: fixed;
1091    top: 180px;
1092    right: 100px;
1093    z-index: 999;
1094}
1095
1096#mySidenav div#nav:hover {
1097  left: -138px;
1098}
1099
1100#mySidenav div#nav {
1101    position: absolute;
1102    font-size: 20px;
1103    border-radius: 0 5px 5px 0;
1104    left: 36px;
1105    transition: 0.3s;
1106    display: flex;
1107}
1108
1109#kontak-content {
1110    width: 190px;
1111    padding: 5px 10px 8px 10px;
1112    font-size: 15px;
1113    background-color: #FFF;
1114    color: #000;
1115}
1116    
1117</style>
1118
1119            <!-- SIDENAV -->
1120            <div id="mySidenav" class="sidenav desktop-only">
1121                <div id="nav">
1122                    <div style="display: flex; align-items: start;">
1123                        <div style="height: 246px; width: 64px; background: var(--accent-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
1124                            
1125                            <img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami">
1126
1127                        </div>
1128                        <!--<img id="about" src="/images/kontak.png?4">-->
1129                    </div>
1130                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
1131                       <div id="" style="padding: 4px">
1132                       <img src="/assets/24h.png" style="width: 100%" alt="Layanan 24 Jam">
1133                        </div>
1134                    
1135                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
1136                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
1137                            
1138                                                                
1139                                                                                
1140                                            <a href="https://www.facebook.com/ameliadamayan" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1141                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20" height="20" alt=""><span>Amelia Damayanti</span>
1142                                            </a>
1143                                            
1144                                            
1145                                    
1146                                                                        
1147                                                                                
1148                                            <a href="https://t.me/slot88ku_id" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1149                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""><span>SLOT88KU OFFICIAL</span>
1150                                            </a>
1151                                            
1152                                            
1153                                    
1154                                                                        
1155                                                                                
1156                                            <a href="https://cli.re/WhatsApp-SLOT88KU" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1157                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20" height="20" alt=""><span>WHATSAPP OFFICIAL SLOT88KU </span>
1158                                            </a>
1159                                            
1160                                            
1161                                    
1162                                                                
1163    
1164                        </div>
1165                            <div style="margin: 8px">
1166                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem!important; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
1167                            </div>
1168                    </div>
1169                </div>
1170            </div>
1171    
1172        
1173        
1174    
1175    <div class="d-none d-md-block px-2">
1176        
1177                        
1178                <div class="section desktop-topbar d-flex align-items-center justify-content-between">
1179                    <div class="d-flex align-items-center gap-4">
1180            
1181                    </div>
1182            
1183                                
1184                    <!-- Desktop Login Start -->
1185                    
1186                    <style>
1187                        
1188                        .login-form {
1189                            display: flex;
1190                            align-items: center;
1191                            justify-content: end;
1192                            gap: 4px;
1193                        }
1194                        
1195                        .btn-masuk {
1196                            background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important;
1197                            color: white;
1198                        }
1199                        
1200                        .btn-daftar {
1201                            background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important;
1202                            color: white;
1203                        }
1204
1205                        .btn-google {
1206                            width: 30px;
1207                            height: 30px;
1208                            background: #fff;
1209                            border: 1px solid #ddd;
1210                            border-radius: 3px;
1211                            display: inline-flex;
1212                            align-items: center;
1213                            justify-content: center;
1214                        }
1215
1216                        .btn-google:hover {
1217                            background: #f5f5f5;
1218                        }
1219
1220                        .btn-google-mobile {
1221                            background: #fff;
1222                            color: #3c4043;
1223                            border: 1px solid #dadce0;
1224                            border-radius: 3px;
1225                            height: 36px;
1226                            padding: 0 12px;
1227                            font-weight: 600;
1228                            font-size: 1.2rem;
1229                            display: flex;
1230                            align-items: center;
1231                            justify-content: center;
1232                            gap: 8px;
1233                        }
1234
1235                        .btn-google-mobile:hover {
1236                            background: #f8f9fa;
1237                            color: #202124;
1238                        }
1239
1240                    </style>
1241                    
1242                    <div class="d-flex align-items-center gap-2">
1243                        <div id="desktoplogin" class="desktop-only">
1244                            <form class="login-form form" role="form">
1245                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1246                                <div class="input-group login-field">
1247                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1248                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1249                                </div>
1250                                
1251                                
1252                                
1253                                <div class="input-group login-field">
1254                                    <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>
1255                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1256                                </div>
1257                                
1258                                <!-- captcha -->
1259                         
1260                                    <div class="verifikasiform" style="">
1261                                        <div style="display: flex; gap: 2px;">
1262                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span>
1263                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi">
1264                                        </div>
1265            
1266                                    </div>
1267                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1268                              
1269                                <!-- end captcha -->
1270            
1271            
1272                                <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
1273                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button>
1274                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button>
1275                                
1276                                <input type="hidden" name="task" value="login">
1277                                <input type="hidden" name="iscaptchalogin" value="1">
1278                                <input type="hidden" name="isrecaptchalogin" value="0">
1279                                <input type="hidden" name="recaptcha_login_token" value="">
1280                                <input type="hidden" name="fp_event_id" value="">
1281                                <input type="hidden" name="fp_visitor_id" value="">
1282                                <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
1283                            </form>
1284
1285                                                        
1286                            
1286<script>
1287                                function jtRandomString(length) {
1288                                    var result = '';
1289                                    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
1290                                
1291                                    for (var i = 0; i < length; i++) {
1292                                        result += characters.charAt(Math.floor(Math.random() * characters.length));
1293                                    }
1294                                
1295                                    return result;
1296                                }
1297                                
1298                                function jtGetCaptchaHtml(captchaPath, captchaStyle) {
1299                                    var r = Math.floor(Math.random() * 10000);
1300                                    return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">';
1301                                }
1302                                
1303                                function jtHandleLoginResponse(res, $root, verHtml) {
1304                                    var $msg = $root.find('#msgbox');
1305
1306                                    var code = res && res.error && res.error.code;
1307                                    var msg  = res && res.error && res.error.message;
1308                                    var data = (res && res.data) || {};
1309
1310                                    if (code === 200 && msg === 'success') {
1311                                        toast('Login berhasil', 200);
1312                                        $msg.removeClass().text('Logging in').fadeTo(900, 1, function() {
1313                                            window.location = '/home';
1314                                        });
1315                                        return;
1316                                    }
1317
1318                                    if (code === 429 || msg === 'ratelimit') {
1319                                        $msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000);
1320                                    } else if (msg === 'wrong') {
1321                                        $msg.removeClass().text('Salah Password').fadeIn(1000);
1322                                        $root.find('#verifikasi').html(verHtml);
1323                                    } else if (msg === 'banned') {
1324                                        $msg.removeClass().text('User di Banned').fadeIn(1000);
1325                                        $root.find('#verifikasi').html(verHtml);
1326                                    } else if (msg === 'empty') {
1327                                        $msg.removeClass().text('Silakan diisi').fadeIn(1000);
1328                                    } else if (msg === 'capempty') {
1329                                        $msg.removeClass().text('Verifikasi Kosong').fadeIn(1000);
1330                                        $root.find('#verifikasi').html(verHtml);
1331                                    } else if (msg === 'caperror') {
1332                                        $msg.removeClass().text('Verifikasi Salah').fadeIn(1000);
1333                                        $root.find('#verifikasi').html(verHtml);
1334                                    } else if (msg === 'recaperror') {
1335                                        $msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000);
1336                                    } else if (msg === 'iperror') {
1337                                        $msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000);
1338                                        $root.find('#verifikasi').html(verHtml);
1339                                    } else if (msg === 'capexp') {
1340                                        $msg.removeClass().text('Captcha Expired').fadeIn(1000);
1341                                        $root.find('#verifikasi').html(verHtml);
1342                                    } else if (msg === 'cap') {
1343                                        $msg.removeClass().text('Isi Verifikasi').fadeIn(1000);
1344                                        $root.find('#verifikasi').html(verHtml);
1345                                        $root.find('.verifikasiform, #mverifikasiform').show();
1346                                        $root.find('.verifval').val('1');
1347                                    } else if (msg === 'turnnoevent') {
1348                                        window.location.reload();
1349                                    } else if (msg === 'turnblock') {
1350                                        $msg.removeClass().text('Insecure Device').fadeIn(1000);
1351                                    } else {
1352                                        $msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000);
1353                                        $root.find('#verifikasi').html(verHtml);
1354                                    }
1355                                }
1356                                
1357                                function jtSubmitLogin(rootSel, captchaPath, captchaStyle) {
1358                                    var $root = $(rootSel);
1359                                    var $form = $root.find('form.form');
1360                                
1361                                    if ($form.length === 0) {
1362                                        $form = $root.find('.form');
1363                                    }
1364                                
1365                                    if ($form.length === 0) {
1366                                        console.error('Login form not found:', rootSel);
1367                                        return false;
1368                                    }
1369                                
1370                                    var $submitBtn = $root.find('.submit');
1371                                    var $msg = $root.find('#msgbox');
1372                                    var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle);
1373                                    var isMobile = (rootSel.indexOf('mobile') !== -1);
1374                                
1375                                    $msg.removeClass().text('Validating').fadeIn(1000);
1376                                
1377                                    $submitBtn.prop('disabled', true).addClass('disabled');
1378
1379                                    function unlockSubmit() {
1380                                        $submitBtn.prop('disabled', false).removeClass('disabled');
1381                                    }
1382
1383                                    function doLoginPost() {
1384                                        $.ajax({
1385                                            url: '/api/front/login',
1386                                            type: 'POST',
1387                                            data: $form.serialize(),
1388                                            dataType: 'json',
1389                                            headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
1390                                            success: function(data) {
1391                                                jtHandleLoginResponse(data, $root, verHtml);
1392                                            }
1393                                        })
1394                                        .fail(function() {
1395                                            $msg.removeClass().text('Koneksi gagal').fadeIn(1000);
1396                                            $root.find('#verifikasi').html(verHtml);
1397                                        })
1398                                        .always(unlockSubmit);
1399                                    }
1400
1401                                    function afterTurnstile() {
1402                                        if (typeof jtWithRecaptchaLoginToken === 'function') {
1403                                            jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit);
1404                                        } else {
1405                                            doLoginPost();
1406                                        }
1407                                    }
1408
1409                                    function afterIframe() {
1410                                        if (typeof jtWithTurnstileLogin === 'function') {
1411                                            jtWithTurnstileLogin($form, afterTurnstile);
1412                                        } else {
1413                                            afterTurnstile();
1414                                        }
1415                                    }
1416
1417                                    if (typeof jtWithIframeCaptchaLogin === 'function') {
1418                                        jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) {
1419                                            $msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000);
1420                                            unlockSubmit();
1421                                        });
1422                                    } else {
1423                                        afterIframe();
1424                                    }
1425                                
1426                                    return false;
1427                                }
1428                                
1429                                // Login desktop
1430                                $(document).on('click', '#desktoplogin .submit', function(e) {
1431                                    e.preventDefault();
1432                                
1433                                    jtSubmitLogin(
1434                                        '#desktoplogin',
1435                                        '/capimg.php',
1436                                        'width="40" height="30" style="border:1px #999 solid;"'
1437                                    );
1438                                
1439                                    return false;
1440                                });
1441                                
1442                                // Login mobile
1443                                $(document).on('click', '#mobilelogin .submit', function(e) {
1444                                    e.preventDefault();
1445                                
1446                                    jtSubmitLogin(
1447                                        '#mobilelogin',
1448                                        '/mcapimg.php',
1449                                        'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"'
1450                                    );
1451                                
1452                                    return false;
1453                                });
1454                                
1455                                // Tekan Enter utk login
1456                                $(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) {
1457                                    if (e.which === 13) {
1458                                        e.preventDefault();
1459                                
1460                                        var $root = $(this).closest('#desktoplogin, #mobilelogin');
1461                                
1462                                        if ($root.attr('id') === 'desktoplogin') {
1463                                            $('#desktoplogin .submit').trigger('click');
1464                                        } else {
1465                                            $('#mobilelogin .submit').trigger('click');
1466                                        }
1467                                
1468                                        return false;
1469                                    }
1470                                });
1471                                
1472                                function jtEnsureDriver(done) {
1473                                    if (window.driver && window.driver.js) {
1474                                        done();
1475                                        return;
1476                                    }
1477                                    if (window._jtDriverLoading) {
1478                                        window._jtDriverLoading.push(done);
1479                                        return;
1480                                    }
1481                                    window._jtDriverLoading = [done];
1482
1483                                    var link = document.createElement('link');
1484                                    link.rel = 'stylesheet';
1485                                    link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css';
1486                                    link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC';
1487                                    link.crossOrigin = 'anonymous';
1488                                    document.head.appendChild(link);
1489
1490                                    var s = document.createElement('script');
1491                                    s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js';
1492                                    s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO';
1493                                    s.crossOrigin = 'anonymous';
1494                                    s.onload = function () {
1495                                        var q = window._jtDriverLoading || [];
1496                                        window._jtDriverLoading = null;
1497                                        q.forEach(function (fn) {
1498                                            try { fn(); } catch (e) {}
1499                                        });
1500                                    };
1501                                    s.onerror = function () {
1502                                        window._jtDriverLoading = null;
1503                                    };
1504                                    document.head.appendChild(s);
1505                                }
1506
1507                                function scrollToLoginForm() {
1508                                    if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts();
1509                                    var isDesktop = window.innerWidth >= 992;
1510                                    var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin');
1511
1512                                    if (!formEl) {
1513                                        return;
1514                                    }
1515
1516                                    formEl.scrollIntoView({
1517                                        behavior: 'smooth',
1518                                        block: 'center'
1519                                    });
1520
1521                                    setTimeout(function() {
1522                                        var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]');
1523
1524                                        if (inp) {
1525                                            inp.focus();
1526                                        }
1527
1528                                        if (!inp) {
1529                                            return;
1530                                        }
1531
1532                                        jtEnsureDriver(function () {
1533                                            if (!window.driver || !window.driver.js) {
1534                                                return;
1535                                            }
1536
1537                                            var driver = window.driver.js.driver({
1538                                                popoverClass: 'driverjs-theme',
1539                                                showProgress: false,
1540                                                showButtons: [],
1541                                                overlayOpacity: 0.3,
1542                                                steps: [
1543                                                    {
1544                                                        element: inp,
1545                                                        popover: {
1546                                                            title: 'Harap Login',
1547                                                            description: 'Silakan masukkan username Anda',
1548                                                            side: 'bottom',
1549                                                            align: 'start',
1550                                                            showButtons: [],
1551                                                            nextBtnText: '',
1552                                                            prevBtnText: '',
1553                                                            doneBtnText: ''
1554                                                        }
1555                                                    }
1556                                                ],
1557                                                onDestroyStarted: () => driver.destroy(),
1558                                            });
1559                                            driver.drive();
1560
1561                                            var destroyDriver = function() {
1562                                                driver.destroy();
1563                                                inp.removeEventListener('input', destroyDriver);
1564                                                inp.removeEventListener('click', destroyDriver);
1565                                                inp.removeEventListener('focus', destroyDriver);
1566                                            };
1567                                            inp.addEventListener('input', destroyDriver, { once: true });
1568                                            inp.addEventListener('click', destroyDriver, { once: true });
1569                                            inp.addEventListener('focus', destroyDriver, { once: true });
1570                                        });
1571                                    }, 400);
1572                                }
1573                                
1574                                window.JT_LOGGED_IN = false;
1575                                
1576                                if (sessionStorage.getItem('jt_pending_action')) {
1577                                    $(document).ready(function() {
1578                                        scrollToLoginForm();
1579                                    });
1580                                }
1581                                </script>
1581
1582            
1583                        </div>
1584                    
1585                        
1586                        <!--<a href="/event">-->
1587                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1588                        <!--</a>-->
1589                    </div>
1590                    
1591                    <!-- Desktop Login End -->
1592                  </div>
1593                  
1594                  <div class="desktop-topbar-line"></div>
1595                
1596                
1597                
1598
1599        <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
1600            
1601                  <nav class="section desktop-mainnav d-flex align-items-center">
1602                    <!-- <a class="navbar-brand me-2 flex-shrink-0 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> -->
1603                    <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;">
1604                      <img src="/images/logo.png?v=1790436644" alt="Logo" class="logo">
1605                    </a>
1606                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
1607                                            <a href="/home"
1608                         onclick="openPage('home',this); return false;"                         class="desktop-nav-link"
1609                         data-nav="home">
1610                                                  <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436644" alt="">
1611                                                <span>Home</span>
1612                      </a>
1613                                            <a href="/togel"
1614                         onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
1615                         data-nav="togel">
1616                                                  <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436644" alt="">
1617                                                <span>Togel</span>
1618                      </a>
1619                                            <a href="/slot"
1620                         onclick="showProviders('slot',this); return false;"                         class="desktop-nav-link"
1621                         data-nav="slot">
1622                                                  <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436644" alt="">
1623                                                <span>Slot</span>
1624                      </a>
1625                                            <a href="/casino"
1626                         onclick="showProviders('casino',this); return false;"                         class="desktop-nav-link"
1627                         data-nav="casino">
1628                                                  <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436644" alt="">
1629                                                <span>Casino</span>
1630                      </a>
1631                                            <a href="/sport"
1632                         onclick="openPage('sport',this); return false;"                         class="desktop-nav-link"
1633                         data-nav="sport">
1634                                                  <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436644" alt="">
1635                                                <span>Sport</span>
1636                      </a>
1637                                            <a href="/sabung"
1638                         onclick="openPage('sabung',this); return false;"                         class="desktop-nav-link"
1639                         data-nav="sabung">
1640                                                  <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436644" alt="">
1641                                                <span>Sabung</span>
1642                      </a>
1643                                            <a href="/arcade"
1644                         onclick="showProviders('arcade',this); return false;"                         class="desktop-nav-link"
1645                         data-nav="arcade">
1646                                                  <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436644" alt="">
1647                                                <span>Arcade</span>
1648                      </a>
1649                                            <a href="/interactive"
1650                         onclick="showProviders('interactive',this); return false;"                         class="desktop-nav-link"
1651                         data-nav="interactive">
1652                                                  <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436644" alt="">
1653                                                <span>Interactive</span>
1654                      </a>
1655                                            <a href="/kupon"
1656                         onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"                         class="desktop-nav-link"
1657                         data-nav="kupon">
1658                                                  <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436644" alt="">
1659                                                <span>Kupon</span>
1660                      </a>
1661                                            <a href="/promosi"
1662                         onclick="openPage('promosi',this); return false;"                         class="desktop-nav-link"
1663                         data-nav="promosi">
1664                                                  <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1790436644" alt="">
1665                                                <span>Promosi</span>
1666                      </a>
1667                                            <a href="/event"
1668                         onclick="openPage('event',this); return false;"                         class="desktop-nav-link"
1669                         data-nav="event">
1670                                                  <img src="https://img.viva88athenae.com/new/menu-event.png?v=1790436644" alt="">
1671                                                <span>Event</span>
1672                      </a>
1673                                          </div>
1674                  </nav>
1675            
1676                </div>
1677        <!-- WHEEL -->
1678                <!-- WHEEL -->
1679        
1680
1681            
1682                <nav class="navbar px-3 d-md-none" style="z-index: 1046">
1683                  <div class="w-100 d-flex justify-content-between align-items-center ps-3">
1684                    <a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;">
1685                      <img src="/images/logo.png?v=1790436644" alt="Logo" class="logo">
1686                    </a>
1687                                            <div class="d-flex align-items-center gap-2 pe-2">
1688                          <button class="btn btn-transparent py-0 px-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Menu kontak">
1689                            <i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i>
1690                          </button>
1691                        </div>
1692                                              </div>
1693                  </div>
1694                </nav>
1695                
1696
1697
1698                
1699                
1700
1701<style>
1702
1703        .banner {
1704              aspect-ratio: 1920 / 380;
1705              width: 100%;
1706              object-fit: cover;
1707              background: black
1708        }
1709
1710        @media only screen and (max-width: 1000px) {
1711
1712            .banner {
1713                aspect-ratio: 600 / 300;
1714            }
1715
1716        }
1717
1718</style>
1719
1720<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
1721  <div class="carousel-indicators">
1722                         <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
1723                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
1724                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
1725                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
1726                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
1727                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
1728                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="6" aria-label="Slide 7"></button>
1729              </div>
1730    <div class="carousel-inner" style="height: 100%">
1731                    <div class="carousel-item active" style="height: 100%">
1732    
1733                <a >
1734    
1735                    <img
1736                        src="/images/upload-Slides-20250410164715.jpg"
1737                        class="d-block w-100 banner"
1738                        alt="SLIDER EVENT MAHJONG PG SOFT"
1739                        fetchpriority="high"                    >
1740    
1741                </a>
1742    
1743            </div>
1744                    <div class="carousel-item " style="height: 100%">
1745    
1746                <a >
1747    
1748                    <img
1749                        src="/images/upload-Slides-20250330180034.jpg"
1750                        class="d-block w-100 banner"
1751                        alt="INFORMASI PHISING"
1752                                            >
1753    
1754                </a>
1755    
1756            </div>
1757                    <div class="carousel-item " style="height: 100%">
1758    
1759                <a >
1760    
1761                    <img
1762                        src="/images/upload-Slides-20250411162953.jpg"
1763                        class="d-block w-100 banner"
1764                        alt="BONUS CASHBACK"
1765                                            >
1766    
1767                </a>
1768    
1769            </div>
1770                    <div class="carousel-item " style="height: 100%">
1771    
1772                <a >
1773    
1774                    <img
1775                        src="/images/upload-Slides-20250316155340.jpg"
1776                        class="d-block w-100 banner"
1777                        alt="BONUS MIXPARLAY 200RB"
1778                                            >
1779    
1780                </a>
1781    
1782            </div>
1783                    <div class="carousel-item " style="height: 100%">
1784    
1785                <a >
1786    
1787                    <img
1788                        src="/images/upload-Slides-20250313212335.jpg"
1789                        class="d-block w-100 banner"
1790                        alt="EVENT MYSTERY NUMBER"
1791                                            >
1792    
1793                </a>
1794    
1795            </div>
1796                    <div class="carousel-item " style="height: 100%">
1797    
1798                <a >
1799    
1800                    <img
1801                        src="https://img.viva88athenae.com/banner/mgl-25.jpg"
1802                        class="d-block w-100 banner"
1803                        alt=""
1804                                            >
1805    
1806                </a>
1807    
1808            </div>
1809                    <div class="carousel-item " style="height: 100%">
1810    
1811                <a >
1812    
1813                    <img
1814                        src="https://img.viva88athenae.com/banner/slider-fgs.jpg"
1815                        class="d-block w-100 banner"
1816                        alt=""
1817                                            >
1818    
1819                </a>
1820    
1821            </div>
1822            </div>
1823</div>
1824
1825                <div class="section marquee-bar">
1826                  <div class="marquee-date ps-2">
1827                    <span id="datetime"></span>
1828                    <i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i>
1829                  </div>
1830                  <div class="marquee-text">
1831                    <div class="marquee-runner" id="marqueeRunner">
1832                      <span>SELAMAT DATANG DI SITUS ONLINE SLOT88KU, DAFTAR &amp; MENANGKAN JACKPOT YANG SUDAH MENUNGGU !!!</span>
1833                    </div>
1834                  </div>
1835                </div>
1836
1837                <div class="p-2">
1838                    <div class="d-md-none">
1839                    <div id="lobbyMenuWrap" class="splide pb-4 mt-2">
1840                      <div class="splide__track">
1841                        <ul class="splide__list">
1842                                                    <li class="splide__slide">
1843                            <a href="/home"
1844                               onclick="openPage('home',this); return false;"
1845                               class="lobby-menu"
1846                               data-nav="home">
1847                              <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436644" alt="">
1848                              <small>Home</small>
1849                            </a>
1850                          </li>
1851                                                    <li class="splide__slide">
1852                            <a href="/togel"
1853                               onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"
1854                               class="lobby-menu"
1855                               data-nav="togel">
1856                              <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436644" alt="">
1857                              <small>Togel</small>
1858                            </a>
1859                          </li>
1860                                                    <li class="splide__slide">
1861                            <a href="/kupon"
1862                               onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"
1863                               class="lobby-menu"
1864                               data-nav="kupon">
1865                              <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436644" alt="">
1866                              <small>Kupon</small>
1867                            </a>
1868                          </li>
1869                                                    <li class="splide__slide">
1870                            <a href="/slot"
1871                               onclick="showProviders('slot',this); return false;"
1872                               class="lobby-menu"
1873                               data-nav="slot">
1874                              <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436644" alt="">
1875                              <small>Slot</small>
1876                            </a>
1877                          </li>
1878                                                    <li class="splide__slide">
1879                            <a href="/casino"
1880                               onclick="showProviders('casino',this); return false;"
1881                               class="lobby-menu"
1882                               data-nav="casino">
1883                              <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436644" alt="">
1884                              <small>Casino</small>
1885                            </a>
1886                          </li>
1887                                                    <li class="splide__slide">
1888                            <a href="/sport"
1889                               onclick="openPage('sport',this); return false;"
1890                               class="lobby-menu"
1891                               data-nav="sport">
1892                              <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436644" alt="">
1893                              <small>Sport</small>
1894                            </a>
1895                          </li>
1896                                                    <li class="splide__slide">
1897                            <a href="/sabung"
1898                               onclick="openPage('sabung',this); return false;"
1899                               class="lobby-menu"
1900                               data-nav="sabung">
1901                              <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436644" alt="">
1902                              <small>Sabung</small>
1903                            </a>
1904                          </li>
1905                                                    <li class="splide__slide">
1906                            <a href="/arcade"
1907                               onclick="showProviders('arcade',this); return false;"
1908                               class="lobby-menu"
1909                               data-nav="arcade">
1910                              <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436644" alt="">
1911                              <small>Arcade</small>
1912                            </a>
1913                          </li>
1914                                                    <li class="splide__slide">
1915                            <a href="/interactive"
1916                               onclick="showProviders('interactive',this); return false;"
1917                               class="lobby-menu"
1918                               data-nav="interactive">
1919                              <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436644" alt="">
1920                              <small>Interactive</small>
1921                            </a>
1922                          </li>
1923                                                  </ul>
1924                      </div>
1925                    </div>
1926                    </div>
1927
1928                    
1928<script>
1929                    document.addEventListener('DOMContentLoaded', function () {
1930                      var lobbyEl = document.getElementById('lobbyMenuWrap');
1931                      if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
1932                        var mountLobby = function () {
1933                          if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
1934                          new Splide('#lobbyMenuWrap', {
1935                            type: 'slide', perPage: 5, perMove: 5,
1936                            gap: '8px', pagination: true, arrows: false, drag: true,
1937                          }).mount();
1938                        };
1939                        if (typeof ensureSplide === 'function') {
1940                          ensureSplide().then(mountLobby).catch(function () {});
1941                        } else {
1942                          mountLobby();
1943                        }
1944                      }
1945
1946                      if (typeof initUserareaShell === 'function') {
1947                        initUserareaShell();
1948                      } else if (typeof initGuestShell === 'function') {
1949                        initGuestShell();
1950                      } else if (typeof content === 'function') {
1951                        var isDesktop = window.innerWidth >= 768;
1952                        var homeMenu = isDesktop
1953                          ? document.querySelector('.desktop-nav-link[data-nav="home"]')
1954                          : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]');
1955                        content('/home.php', '#content', homeMenu);
1956                      }
1957                    });
1958                    </script>
1958
1959                </div>
1960                
1961                    
1962                <!-- Mobile Login Start -->
1963            
1964                <div id="mobilelogin" class="d-block d-lg-none mb-3">
1965                        <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form">
1966                        <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
1967                        <div class="input-group login-field">
1968                            <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1969                            <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
1970                        </div>
1971                        <div class="input-group login-field">
1972                            <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>
1973                            <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
1974                        </div>
1975                        
1976                        <!-- captcha -->
1977                       
1978                        <div id="mverifikasiform" class="w-100" style="">
1979                            
1980                            <span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></span>
1981                            <div class="input-group login-field mt-1">
1982                                <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>
1983                                <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
1984                            </div>
1985                        </div>
1986                
1987                        <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1988                
1989                        <!-- end captcha -->
1990                        
1991                        <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
1992                            <input class="login-field" type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> <span style="white-space: nowrap;">Remember Me</span>
1993                        </label>
1994                
1995                        <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
1996                        <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit w-100 d-flex justify-content-center align-items-center" style="height: 36px; border-radius: 8px">Masuk</button>
1997                        <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftarMobile()">Daftar Sekarang</button>
1998
1999                        
2000                                                    <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/SLOT88KUBOT', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
2001                                        
2002                        
2003                        <input type="hidden" name="task" value="login">    
2004                        <input type="hidden" name="iscaptchalogin" value="1">
2005                        <input type="hidden" name="isrecaptchalogin" value="0">
2006                        <input type="hidden" name="recaptcha_login_token" value="">
2007                        <input type="hidden" name="fp_event_id" value="">
2008                        <input type="hidden" name="fp_visitor_id" value="">
2009                        <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
2010                    </form>
2011
2012                                        
2013                    <a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
2014                
2015                </div>
2016            
2017                <!-- Mobile Login End -->
2018
2019                
2019<script>
2020                    function openDaftar() {
2021                        if (typeof openRegister === 'function') {
2022                            openRegister('desktop');
2023                        } else {
2024                            window.location.href = '/register';
2025                        }
2026                    }
2027                    
2028                    function openDaftarMobile() {
2029                        if (typeof openRegister === 'function') {
2030                            openRegister('mobile');
2031                            $("#content").get(0).scrollIntoView({behavior: 'smooth'});
2032                        } else {
2033                            window.location.href = '/register';
2034                        }
2035                    }
2036                    
2037                    
2038                </script>
2038
2039
2040                
2041    <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
2042      <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
2043        <div id="modal-content" class="modal-content rounded-0 primary-background-color">
2044        </div>
2045      </div>
2046    </div>
2047
2048    <div id="content" class="section p-2" style="position:relative;min-height:60vh;"></div>
2049    
2050    
2051<!-- Transaksi Start -->
2052
2053
2054
2055<style>
2056
2057    .transaksi-group {
2058        display: grid;
2059        grid-template-columns: 458px 1fr;
2060        justify-content: space-between;
2061        grid-template-areas:
2062        "transaksi-bank transaksi-other transaksi-crypto";
2063    }
2064    
2065    .transaksi-bank {
2066        grid-area: transaksi-bank;
2067        display: grid;
2068        place-items: center
2069    }
2070    
2071    .transaksi-other {
2072        grid-area: transaksi-other;
2073        display: flex;
2074        justify-content: space-evenly;
2075        width: 100%;
2076    }
2077    
2078    .transaksi-crypto {
2079        grid-area: transaksi-crypto;
2080        display: flex;
2081        justify-content: space-evenly;
2082        width: 100%;
2083    }
2084    
2085    .icon-crypto {
2086        width: 24px;
2087        height: 24px;
2088    }
2089    
2090    .transaksi-list-bank {
2091        height: fit-content;
2092        display: grid;
2093        grid-template-columns: repeat(4, 92px);
2094        grid-template-rows: repeat(4, auto);
2095        gap: 4px;
2096    }
2097    
2098    .transaksi-list-other {
2099        height: fit-content;
2100        display: grid;
2101        grid-template-columns: repeat(3, 92px);
2102        gap: 4px;
2103    }
2104    
2105    .transaksi-list-crypto {
2106        height: fit-content;
2107        display: grid;
2108        grid-template-columns: repeat(2, 80px);
2109        gap: 10px 8px;
2110    }
2111    
2112    
2113    .transaksi-item {
2114        display: flex;
2115        flex-direction: column;
2116        /* transform: perspective(10px) rotateX(3deg); */
2117    }
2118    
2119    .transaksi-header {
2120
2121        height: 30px;
2122        border-radius: 5px;
2123        display: grid;
2124        place-items: center;
2125        font-weight: bold;
2126        border: 2px solid rgba(108,108,108,1);
2127        background: rgba(54,54,54,1);
2128        color: white;
2129    }
2130    
2131    .transaksi-status {
2132        margin-left: 3px;
2133        margin-right: 3px;
2134        height: 3px;
2135        border-radius: 0px 0px 4px 4px;
2136        background: rgb(54,54,54);
2137        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
2138    }
2139    
2140    .header-green {
2141        background: rgba(44,121,6,1);
2142        border-color: rgba(168,255,0,1);
2143    }
2144    
2145    .header-blue {
2146        background: rgba(0,80,89,1);
2147        border-color: rgba(0,255,204,1);
2148    }
2149    
2150    .status-green {
2151        background: rgb(44,121,6);
2152        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
2153    }
2154    
2155    .status-blue {
2156        background: rgb(0,80,89);
2157        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
2158    }
2159    
2160    .transaksi-name {
2161        font-size: 1.1rem; 
2162        font-weight: bold; 
2163        line-height: 1.5rem
2164    }
2165    
2166    .transaksi-wrapper {
2167        display: flex;
2168        flex-direction: column;
2169        gap: .5rem;
2170    }
2171
2172
2173    @media only screen and (max-width: 768px) {
2174        
2175        .transaksi-group {
2176            display: grid;
2177            grid-template-columns: 1fr;
2178            grid-template-areas:
2179            "transaksi-bank"
2180            "transaksi-other"
2181            "transaksi-crypto";
2182            gap: 32px;
2183            margin-bottom: 8px;
2184            
2185        }
2186        
2187        .transaksi-header {
2188            font-size: 1.1rem;
2189            height: 36px;
2190        }
2191        
2192        .transaksi-list-bank {
2193            grid-template-columns: repeat(4, 1fr);
2194        }
2195        
2196        .transaksi-list-other {
2197            grid-template-columns: repeat(4, 1fr);
2198        }
2199        
2200        .transaksi-list-crypto {
2201            width: 86%;
2202            margin: auto;
2203            grid-template-columns: repeat(4, 1fr);
2204        }
2205        
2206        .transaksi-list {
2207            display: grid;
2208            grid-template-columns: repeat(3, 1fr);
2209        }
2210        
2211        .transaksi-item {
2212            width: 100%;
2213        }
2214        
2215        .transaksi-title-group {
2216            justify-content: center;
2217            padding: 16px 0;
2218        }
2219        
2220        .transaksi-name {
2221            font-size: 1.3rem;
2222            text-align: center;    
2223            line-height: 1.8rem;
2224        }
2225
2226        .transaksi-wrapper {
2227            width: 100%;
2228            max-width: 100%!important;
2229            gap: 1rem;
2230        }
2231        
2232        .icon-crypto {
2233            width: 28px;
2234            height: 28px;
2235        }
2236
2237    }
2238</style>
2239
2240    
2241    <style>
2242        .transaksi-wrapper {
2243    display: flex;
2244    flex-direction: column;
2245    gap: .5rem;
2246    align-items: flex-start;
2247}
2248
2249.transaksi-name {
2250    font-size: 1.1rem;
2251    font-weight: bold;
2252    line-height: 1.5rem;
2253}
2254
2255.carousel-inner {
2256    position: relative;
2257    width: 100%;
2258    overflow: hidden;
2259}
2260
2261.transaksi-list-bank, .transaksi-list-other {
2262    grid-template-columns: repeat(4, minmax(110px, 1fr));
2263    gap: 8px 10px;
2264}
2265
2266
2267.transaksi-list-bank, .transaksi-list-other {
2268    height: fit-content;
2269    display: grid;
2270    grid-template-columns: repeat(4, minmax(80px, 1fr));
2271    gap: 4px 6px;
2272}
2273
2274
2275.transaksi-item {
2276    display: flex;
2277    flex-direction: column;
2278    position: relative;
2279}
2280.transaksi-header {
2281    height: 34px;
2282    border-radius: 6px;
2283    font-weight: bold;
2284    border: 2px solid rgba(108, 108, 108, 1);
2285    background: rgba(54, 54, 54, 1);
2286    color: white;
2287    min-width: 110px;
2288    padding: 0 16px 0 28px;
2289    display: flex;
2290    align-items: center;
2291    justify-content: center;
2292    text-align: center;
2293    white-space: nowrap;
2294}
2295
2296.transaksi-header {
2297    border: none;
2298    padding: 0px;
2299    padding-bottom: 4px;
2300}
2301
2302.transaksi-header.is-online::before {
2303    content: "";
2304    position: absolute;
2305    top: auto;
2306    left: 50%;
2307    transform: translateX(-50%);
2308    width: 50%;
2309    height: 4px;
2310    bottom: 0%;
2311    background-color: #00ff66;
2312    border-radius: 6px;
2313    box-shadow: 0 0 8px rgba(0, 255, 102, .85);
2314}
2315
2316.transaksi-header.is-offline {
2317    padding: 0 16px;
2318    background: #2e2e2e;
2319    border-color: #555;
2320    opacity: .35;
2321    align-items: center;
2322    justify-content: center;
2323    text-align: center;
2324}
2325    </style>
2326
2327 <div class="section desktop-only" style="min-height: 220px">
2328
2329<div class="transaksi-group">
2330    <div class="transaksi-bank">
2331
2332            <div class="transaksi-wrapper">
2333                <div class="transaksi-name">Bank Lokal</div>
2334                
2335                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
2336                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2337                    
2338                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
2339                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
2340                                                                
2341                </div>
2342                <div class="carousel-inner" style="min-height: 144px">
2343                                            <div class="carousel-item active" style="min-height: 144px">
2344                            <div class="transaksi-list-bank">
2345                            
2346                                                        
2347                                                                
2348                                <div class="transaksi-item">
2349                                    <div class="transaksi-header">BCA</div>
2350                                    <div class="transaksi-status status-green"></div>
2351                                </div>
2352                                                        
2353                                                                
2354                                <div class="transaksi-item">
2355                                    <div class="transaksi-header">Mandiri</div>
2356                                    <div class="transaksi-status status-green"></div>
2357                                </div>
2358                                                        
2359                                                                
2360                                <div class="transaksi-item">
2361                                    <div class="transaksi-header">BNI</div>
2362                                    <div class="transaksi-status status-green"></div>
2363                                </div>
2364                                                        
2365                                                                
2366                                <div class="transaksi-item">
2367                                    <div class="transaksi-header">BRI</div>
2368                                    <div class="transaksi-status status-green"></div>
2369                                </div>
2370                                                        
2371                                                                
2372                                <div class="transaksi-item">
2373                                    <div class="transaksi-header">CIMB</div>
2374                                    <div class="transaksi-status status-green"></div>
2375                                </div>
2376                                                        
2377                                                                
2378                                <div class="transaksi-item">
2379                                    <div class="transaksi-header">Danamon</div>
2380                                    <div class="transaksi-status status-green"></div>
2381                                </div>
2382                                                        
2383                                                                
2384                                <div class="transaksi-item">
2385                                    <div class="transaksi-header">Permata</div>
2386                                    <div class="transaksi-status status-green"></div>
2387                                </div>
2388                                                        
2389                                                                
2390                                <div class="transaksi-item">
2391                                    <div class="transaksi-header">BJB</div>
2392                                    <div class="transaksi-status status-green"></div>
2393                                </div>
2394                                                        
2395                                                                
2396                                <div class="transaksi-item">
2397                                    <div class="transaksi-header">PANIN</div>
2398                                    <div class="transaksi-status status-green"></div>
2399                                </div>
2400                                                        
2401                                                                
2402                                <div class="transaksi-item">
2403                                    <div class="transaksi-header">OCBC</div>
2404                                    <div class="transaksi-status status-green"></div>
2405                                </div>
2406                                                        
2407                                                                
2408                                <div class="transaksi-item">
2409                                    <div class="transaksi-header">DKI</div>
2410                                    <div class="transaksi-status status-green"></div>
2411                                </div>
2412                                                        
2413                                                                
2414                                <div class="transaksi-item">
2415                                    <div class="transaksi-header">SUMUT</div>
2416                                    <div class="transaksi-status status-green"></div>
2417                                </div>
2418                                                        
2419                                                                
2420                                <div class="transaksi-item">
2421                                    <div class="transaksi-header">BSI</div>
2422                                    <div class="transaksi-status status-green"></div>
2423                                </div>
2424                                                        
2425                                                                
2426                                <div class="transaksi-item">
2427                                    <div class="transaksi-header">NEO</div>
2428                                    <div class="transaksi-status status-green"></div>
2429                                </div>
2430                                                        
2431                                                                
2432                                <div class="transaksi-item">
2433                                    <div class="transaksi-header">JAGO</div>
2434                                    <div class="transaksi-status status-green"></div>
2435                                </div>
2436                                                        
2437                                                                
2438                                <div class="transaksi-item">
2439                                    <div class="transaksi-header">SeaBank</div>
2440                                    <div class="transaksi-status status-green"></div>
2441                                </div>
2442                                                        
2443                            </div>
2444                        </div>
2445                    
2446                                            <div class="carousel-item " style="min-height: 144px">
2447                            <div class="transaksi-list-bank">
2448                            
2449                                                        
2450                                                                
2451                                <div class="transaksi-item">
2452                                    <div class="transaksi-header">Maybank</div>
2453                                    <div class="transaksi-status status-green"></div>
2454                                </div>
2455                                                        
2456                                                                
2457                                <div class="transaksi-item">
2458                                    <div class="transaksi-header">Mega</div>
2459                                    <div class="transaksi-status status-green"></div>
2460                                </div>
2461                                                        
2462                                                                
2463                                <div class="transaksi-item">
2464                                    <div class="transaksi-header">UOB</div>
2465                                    <div class="transaksi-status status-green"></div>
2466                                </div>
2467                                                        
2468                                                                
2469                                <div class="transaksi-item">
2470                                    <div class="transaksi-header">BluBCA</div>
2471                                    <div class="transaksi-status status-green"></div>
2472                                </div>
2473                                                        
2474                                                                
2475                                <div class="transaksi-item">
2476                                    <div class="transaksi-header">Superbank</div>
2477                                    <div class="transaksi-status status-green"></div>
2478                                </div>
2479                                                        
2480                                                                
2481                                <div class="transaksi-item">
2482                                    <div class="transaksi-header">Allobank</div>
2483                                    <div class="transaksi-status status-green"></div>
2484                                </div>
2485                                                        
2486                                                                
2487                                <div class="transaksi-item">
2488                                    <div class="transaksi-header">SAQU</div>
2489                                    <div class="transaksi-status status-green"></div>
2490                                </div>
2491                                                        
2492                                                            
2493                            </div>
2494                        </div>
2495                    
2496                     
2497                     
2498                  </div>
2499                </div>
2500
2501        </div>
2502    </div>
2503    
2504    <div class="transaksi-other">
2505            
2506            
2507            <div class="transaksi-wrapper" style="max-width: 458px">
2508
2509                <div class="transaksi-name">E Money & Pulsa</div>
2510
2511    
2512                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
2513                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2514                    
2515                                        
2516                    </div>
2517                  <div class="carousel-inner" >
2518                                            <div class="carousel-item active">
2519                            <div class="transaksi-list-other">
2520                            
2521                                                        
2522                                                                
2523                                <div class="transaksi-item">
2524                                    <div class="transaksi-header">AntarBank</div>
2525                                    <div class="transaksi-status status-blue"></div>
2526                                </div>
2527                                                        
2528                                                                
2529                                <div class="transaksi-item">
2530                                    <div class="transaksi-header">Jenius</div>
2531                                    <div class="transaksi-status status-blue"></div>
2532                                </div>
2533                                                        
2534                                                                
2535                                <div class="transaksi-item">
2536                                    <div class="transaksi-header">DANA</div>
2537                                    <div class="transaksi-status status-blue"></div>
2538                                </div>
2539                                                        
2540                                                                
2541                                <div class="transaksi-item">
2542                                    <div class="transaksi-header">OVO</div>
2543                                    <div class="transaksi-status status-blue"></div>
2544                                </div>
2545                                                        
2546                                                                
2547                                <div class="transaksi-item">
2548                                    <div class="transaksi-header">ShopeePay</div>
2549                                    <div class="transaksi-status status-blue"></div>
2550                                </div>
2551                                                        
2552                                                                
2553                                <div class="transaksi-item">
2554                                    <div class="transaksi-header">GOPAY</div>
2555                                    <div class="transaksi-status status-blue"></div>
2556                                </div>
2557                                                        
2558                                                                
2559                                <div class="transaksi-item">
2560                                    <div class="transaksi-header">LinkAja</div>
2561                                    <div class="transaksi-status status-blue"></div>
2562                                </div>
2563                                                        
2564                                                                
2565                                <div class="transaksi-item">
2566                                    <div class="transaksi-header">Sakuku</div>
2567                                    <div class="tra
2567nsaksi-status status-blue"></div>
2568                                </div>
2569                                                        
2570                                                                
2571                                <div class="transaksi-item">
2572                                    <div class="transaksi-header">Lain-lain</div>
2573                                    <div class="transaksi-status status-blue"></div>
2574                                </div>
2575                                                        
2576                                                            
2577                            </div>
2578                        </div>
2579                    
2580                     
2581                     
2582                </div>
2583            </div>
2584        </div>
2585        
2586        
2587        
2588    </div>
2589    
2590     <div class="transaksi-crypto">
2591    <div class="transaksi-wrapper" style="max-width: 284px">
2592
2593                <div class="transaksi-name mb-1">Crypto Currency</div>
2594
2595    
2596                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
2597                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2598                    
2599                                        
2600                    </div>
2601                  <div class="carousel-inner" >
2602                                            <div class="carousel-item active">
2603                            <div class="transaksi-list-crypto">
2604                            
2605                                                        
2606                                                                
2607                                <div class="d-flex gap-2">
2608                                    <img src="https://img.viva88athenae.com/USDT.png" class="icon-crypto" alt="USDT">
2609                                    <strong class="transaksi-name">USDT</strong>
2610                                    
2611                                </div>
2612                                                        
2613                                                            
2614                            </div>
2615                        </div>
2616                    
2617                     
2618                     
2619                </div>
2620            </div>
2621        </div>
2622    </div>
2623</div>
2624
2625</div>
2626
2627
2628        
2629
2630
2631    <footer class="site-footer">
2632<div class="section">
2633
2634    <div class="footer-nav">
2635                <a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
2636        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
2637        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
2638        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
2639        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
2640        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
2641        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
2642            </div>
2643
2644    <div class="footer-guidelines-wrap">
2645        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1790436644" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
2646    </div>
2647
2648    <div class="footer-providers">
2649        <img src="https://img.viva88athenae.com/assets/provider.png?v=1790436644" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
2650        <img src="/images/new/provider-mobile.png?v=1790436644" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
2651    </div>
2652
2653        <div class="footer-meta"><!-- SLOT88KU Floating -->
2654<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
2654
2655<div class="fixed-left" data-v-38a8c498="">
2656<main data-v-38a8c498="">
2657<!---->
2658<div class="fixed-apk" data-v-38a8c498=""><a href="https://cli.re/rtp-slot88ku" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://i.imgur.com/rYRi0Cp.png" lazy="loaded"></a></div>
2659<!---->
2660<div class="fixed-rtp" data-v-38a8c498=""><a href="https://t.me/slot88ku_id" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://i.imgur.com/jTEcXuj.png"></a></div>
2661<!---->
2662<div class="fixed-vpn" data-v-38a8c498=""><a href="https://cli.re/WhatsappSLOT88KU" target="_blank" class="animated" data-v-38a8c498=""><img class="fixed-img-100" data-v-38a8c498="" src="https://i.imgur.com/PNEKA6Q.png" lazy="loaded"></a></div>
2663<!---->
2664<style>
2665.fixed-left[data-v-38a8c498]{zoom:.85;position:fixed;z-index:99;bottom:150px;left:-10px;width:120px;padding:15px 15px 15px 20px;background-color:#white;border-radius:10px;border:3px solid rgba(255, 0, 0, 0);transition:.5s ease-in-out}.fixed-left a[data-v-38a8c498],main{display:block}.fixed-img-100[data-v-38a8c498],
2666.fixed-rtp[data-v-38a8c498],
2667.fixed-wa[data-v-38a8c498] {
2668    width: 100%;
2669}
2670.fixed-qr .fixed-apk .fixed-rtp .fixed-vpn [data-v-38a8c498] {
2671    margin-bottom:5px; / Properti margin-bottom untuk menambahkan jarak /
2672}
2673.fixed-rtp .animated[data-v-38a8c498],.fixed-wa .animated[data-v-38a8c498]{-webkit-animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498;animation:1s ease-in-out infinite alternate zoom-data-v-38a8c498}.fixed-arrow[data-v-38a8c498]{position:absolute;right:-25px;top:10px;bottom:10px;background-color:#cbb76a;width:25px;border-radius:0 10px 10px 0;cursor:pointer}.vertical-align-center{align-items:center}.dflex{display:flex!important}.justify-content-center{justify-content:center!important}.fixed-arrow img[data-v-38a8c498]{transform:rotate(270deg);filter:invert(1)}.img-xxs{height:20px}@media (max-width:1366px){.img-xxs{height:15px}}.fixed-left.nganu[data-v-38a8c498]{left:-110px}
2674</style></main>
2675<section class="fixed-arrow dflex vertical-align-center justify-content-center" data-v-38a8c498=""><img src="https://i.ibb.co/C0LsCSW/select.png" alt="Arrow RTP" class="img-xxs" data-v-38a8c498=""></section>
2676</div>
2677<script>
2678$(document).ready(function(){$(".fixed-arrow").click(function(){$(".fixed-left").toggleClass("nganu")})});
2679</script>
2679
2680<!-- End of SLOT88KU Floating -->
2681
2682<style>
2683
2684
2685.count-item {
2686font-size: 1.8rem;
2687background: #f9bb08;
2688padding: 0.3rem 0.5rem;
2689color: #fff !important;
2690border-radius: 10px;
2691font-weight: bold;
2692}
2693.wrapper-service {
2694display: flex;
2695align-items: center;
2696flex-wrap: wrap;
2697justify-content: center;
2698border-radius: 10px;
2699margin-top: 1.3rem;
2700border:  3px solid #f9bb08;
2701padding: 0.8rem;
2702/ background: linear-gradient(90deg , #d39e00 0%, #cca11f 21%, #dba70a 49%, rgb(238 205 86) 75%, #9e7700 100%); color: #d39e00; /
2703}
2704.status-wrapper, .status-wrapper-mem {
2705display: flex;
2706align-items: center;
2707}
2708.status-wrapper {
2709justify-content: center;
2710}
2711.status-wrapper-mem {
2712justify-content: center;
2713}
2714.status-wrapper p {
2715margin-right: 0.6rem !important;
2716}
2717.item-service {
2718margin-right: 3rem;
2719}
2720.item-service:last-child {
2721margin-right: 0;
2722}
2723.item-service h1 {
2724font-size: 2.2rem;
2725margin-top: 7px !important;
2726text-transform : uppercase;
2727font-weight: bold !important;
2728}
2729.google-wrapper {
2730background: #000000;
2731padding: 1.7rem;
2732width: 18rem;
2733height: 0.5rem;
2734border-radius: 10px;
2735position: relative;
2736}
2737.google-wrapper img {
2738position: absolute;
2739width: 2rem;
2740top: 9px;
2741left: 10px;
2742}
2743.item-service p {
2744color: #fff;
2745}
2746.google-wrapper p {
2747position: absolute;
2748left: 3.4rem;
2749top: 0.6rem;
2750text-transform: uppercase;
2751font-size: 1.50rem !important;
2752font-weight: bold !important;
2753color: #00800 !important;
2754}
2755</style>
2756
2757<style>
2758
2759        #snackbar {
2760                visibility: hidden;
2761                min-width: 250px;
2762                margin-left: -143px;
2763                background-color: #9d8640;
2764                color: white;
2765                text-align: center;
2766                border-radius: 2px;
2767                padding: 6px;
2768                position: fixed;
2769                z-index: 1;
2770                left: 44%;
2771                top: 100px;
2772                font-size: 14px;
2773                font-weight: bold;
2774        }
2775
2776        #snackbar.show {
2777                visibility: visible;
2778                -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
2779                animation: fadein 0.5s, fadeout 0.5s 2.5s;
2780        }
2781
2782        @-webkit-keyframes fadein {
2783                from {top: 0; opacity: 0;} 
2784                to {top: 100px; opacity: 2;}
2785        }
2786
2787        @keyframes fadein {
2788                from {top: 0; opacity: 0;}
2789                to {top: 100px; opacity: 2;}
2790        }
2791
2792        @-webkit-keyframes fadeout {
2793                from {top: 100px; opacity: 2;} 
2794                to {top: 0; opacity: 0;}
2795        }
2796
2797        @keyframes fadeout {
2798                from {top: 100px; opacity: 2;}
2799                to {top: 0; opacity: 0;}
2800        }
2801</style>
2802<div id="snackbar" class="">
2803<p id="withdraw">dz**jv Berhasil Withdraw Rp 6.758.000,00</p>
2804</div>
2805<script>
2806function loadlink(){
2807        var angka_acak = Math.floor(Math.random() * (10001-50)+50);
2808
2809        function maketextnumber(n) {
2810            for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
2811                t[a] = r[parseInt(Math.random() * r.length)];
2812                t = t;
2813                randomtextnumber = t.join("")
2814            }
2815        }
2816
2817        var huruf_acak = (maketextnumber(8), randomtextnumber);
2818        var huruf_belakang = huruf_acak.substring(6);
2819        var huruf_depan = huruf_acak.substring(0, 2);
2820
2821        const rupiah = (number)=>{
2822            return new Intl.NumberFormat("id-ID", {
2823                style: "currency",
2824                currency: "IDR"
2825            }).format(number);
2826        }
2827        
2828        var values = ["800","1.200","2.400","4.800","10.000","20.000","40.000","80.000","100.000"],
2829            valueToUse = values[Math.floor(Math.random() * values.length)];
2830        var betingan = valueToUse;
2831
2832        var nominal = rupiah(angka_acak+"000");
2833
2834        var baris = huruf_depan+"**"+huruf_belakang+" Telah Jackpot "+nominal+ " di BET "+betingan;
2835
2836        var x = document.getElementById("snackbar");
2837        x.className = "show";
2838        setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
2839        // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
2840
2841        document.getElementById("withdraw").innerHTML = baris;
2842        // document.getElementById("withdraw").style.backgroundColor ="red";
2843        // document.getElementById("withdraw").width ="30%";
2844        // document.getElementById("withdraw").height ="25px";
2845    }
2846    loadlink();
2847    setInterval(function(){
2848    loadlink() 
2849}, 5000);
2850
2851</script>
2851
2852
2853<style>
2854        #pop-up-container {
2855        display: flex;
2856        align-items: center;
2857        justify-content: space-evenly;
2858        position: fixed;
2859        z-index: 11;
2860        top: 0;
2861        left: 0;
2862        right: 0;
2863        bottom: 0;
2864        }
2865        #pop-up-wrapper {
2866        width: 85%;
2867        min-width: 315px;
2868        max-width: 500px;
2869        min-height: 210px;
2870        position: relative;
2871        z-index: 11;
2872        overflow: visible;
2873        border-radius: 5px;
2874        }
2875        #pop-up-wrapper img {
2876        width: 100%;
2877        border-radius: 5px 5px 0 0;
2878        }
2879        #pop-up-wrapper button {
2880        width: 100%;
2881        padding: 0.75rem;
2882        font-size: -0.75rem;
2883        font-weight: 700;
2884        border: none;
2885        border-radius: 0 0 5px 5px;
2886        margin: 0;
2887        background-color: #dbbf3f;
2888        }
2889        .gray-bg {
2890        background: #00000000 no-repeat;
2891        }
2892        .swirl-in-fwd {
2893        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
2894        animation: swirl-in-fwd 0.6s ease-out both;
2895        }
2896        .x-mark-container {
2897        position: absolute;
2898        top: 5px;
2899        right: 5px;
2900        background-color: black;
2901        border-radius: 50%;
2902        width: 8%;
2903        }
2904        #bg-black {
2905        background-color: rgba(0, 0, 0, 0.86);
2906        position: fixed;
2907        z-index: 10;
2908        top: 0;
2909        left: 0;
2910        right: 0;
2911        bottom: 0;
2912        }
2913        @-webkit-keyframes swirl-in-fwd {
2914        0% {
2915        -webkit-transform: rotate(0deg) scale(0);
2916        transform: rotate(0deg) scale(0);
2917        opacity: 0;
2918        }
2919        100% {
2920        -webkit-transform: rotate(0) scale(1);
2921        transform: rotate(0) scale(1);
2922        opacity: 1;
2923        }
2924        }
2925        @keyframes swirl-in-fwd {
2926        0% {
2927        -webkit-transform: rotate(0deg) scale(0);
2928        transform: rotate(0deg) scale(0);
2929        opacity: 0;
2930        }
2931        100% {
2932        -webkit-transform: rotate(0) scale(1);
2933        transform: rotate(0) scale(1);
2934        opacity: 1;
2935        }
2936        }
2937        .swirl-out-bck {
2938        -webkit-animation: swirl-out-bck 0.6s ease-in both;
2939        animation: swirl-out-bck 0.6s ease-in both;
2940        }
2941        @-webkit-keyframes swirl-out-bck {
2942        0% {
2943        -webkit-transform: rotate(0) scale(1);
2944        transform: rotate(0) scale(1);
2945        opacity: 1;
2946        }
2947        100% {
2948        -webkit-transform: rotate(0deg) scale(0);
2949        transform: rotate(0deg) scale(0);
2950        opacity: 0;
2951        }
2952        }
2953        @keyframes swirl-out-bck {
2954        0% {
2955        -webkit-transform: rotate(0) scale(1);
2956        transform: rotate(0) scale(1);
2957        opacity: 1;
2958        }
2959        100% {
2960        -webkit-transform: rotate(0deg) scale(0);
2961        transform: rotate(0deg) scale(0);
2962        opacity: 0;
2963        }
2964        }
2965        .fade-in {
2966        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
2967        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
2968        }
2969        @-webkit-keyframes fade-in {
2970        0% {
2971        opacity: 0;
2972        }
2973        100% {
2974        opacity: 1;
2975        }
2976        }
2977        @keyframes fade-in {
2978        0% {
2979        opacity: 0;
2980        }
2981        100% {
2982        opacity: 1;
2983        }
2984        }
2985        .fade-out {
2986        -webkit-animation: fade-out 0.6s ease-out both;
2987        animation: fade-out 0.6s ease-out both;
2988        }
2989        @-webkit-keyframes fade-out {
2990        0% {
2991        opacity: 1;
2992        }
2993        100% {
2994        opacity: 0;
2995        }
2996        }
2997        @keyframes fade-out {
2998        0% {
2999        opacity: 1;
3000        }
3001        100% {
3002        opacity: 0;
3003        }
3004        }
3005</style>
3006<!-- Nominal Depo WD -->
3007<style>
3008    .count-item {
3009        font-size: 1.5rem;
3010        background: #030303;
3011        padding: 0.3rem 0.5rem;
3012        color: #B38728 !important;
3013        border-radius: 10px;
3014        font-weight: bold;
3015    }
3016
3017    .wrapper-service {
3018        display: flex;
3019        align-items: center;
3020        flex-wrap: wrap;
3021        justify-content: center;
3022        border-radius: 10px;
3023        margin-top: 1.3rem;
3024        border: 3px solid #835b00;
3025        padding: 0.8rem;
3026        color: #000;
3027        background: linear-gradient(60deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
3028    }
3029
3030    .status-wrapper,
3031    .status-wrapper-mem {
3032        display: flex;
3033        align-items: center;
3034    }
3035
3036    .status-wrapper {
3037        justify-content: center;
3038    }
3039
3040    .status-wrapper-mem {
3041        justify-content: center;
3042    }
3043
3044    .status-wrapper p {
3045        margin-right: 0.6rem !important;
3046    }
3047
3048    .item-service {
3049        margin-right: 1rem;
3050    }
3051
3052    .item-service:last-child {
3053        margin-right: 0;
3054    }
3055
3056    .item-service h1 {
3057        font-size: 1.2rem;
3058        margin-top: 7px !important;
3059        text-transform: uppercase;
3060        background: #1b251e;
3061        padding: 7px;
3062        color: #fff;
3063        border-radius: 10px;
3064    }
3065
3066    .google-wrapper {
3067        background: #030303;
3068        padding: 1.7rem;
3069        width: 12rem;
3070        height: 0.5rem;
3071        border-radius: 10px;
3072        position: relative;
3073    }
3074
3075    .google-wrapper img {
3076        position: absolute;
3077        width: 2rem;
3078        top: 9px;
3079        left: 10px;
3080    }
3081
3082    .item-service p {
3083        color: #030330;
3084        font-size: 18px;
3085        font-weight: 500;
3086    }
3087
3088    .google-wrapper p {
3089        position: absolute;
3090        left: 3.4rem;
3091        top: 0.6rem;
3092        text-transform: uppercase;
3093        font-size: 1.50rem !important;
3094        font-weight: bold !important;
3095        color: #ffffff !important;
3096    }
3097</style>
3098<script>
3099    document.addEventListener('DOMContentLoaded', () => {
3100
3101        const min = 36269;
3102        const max = 56971;
3103        const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
3104
3105        $(' <div class="wrapper-service"><div class="item-service"><h1>Deposit</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">10</span> Detik</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div>  </div> <div class="item-service"><h1>Withdraw</h1> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">1</span> Menit</p></div> <div class="progress21 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h1>Member Online</h1> <div class="status-wrapper-mem"><p><span class="count-item">' + memberUser + '</span> Member</p></div>  </div> <div class="item-service"><p style="text-align: center;">Cari Kami Di Google:</p> <div class="google-wrapper"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjXrqJVB0Vg7pwkQpWl8VIWac4rtTXA-GVhyaLjWtq071kl2QUMX1soj0yt3w5JAnDadFM3pmS33MvTuJiJ2R2j6afJUaogsSjHAfXm98DwsMfPle-CEkbqqZVOBGBVLJcJJMlElWpZSNrPdgoT_x5dPSYLWtv2hLEwEZHtvd3iUxOit7eC6S_XygH3as/s320/google.png" /> <p>SLOT88KU</p></div></div> </div>').insertBefore(".provider-group");
3106
3107    });
3108</script>
3108
3109<style>
3110
3111    .wrap-all-trans {
3112        display: grid;
3113        grid-template-columns: repeat(2, 1fr);
3114        gap: 5px;
3115    }
3116
3117    .wrapper-transactions {
3118        width: 35rem;
3119        max-width: 100%;
3120        padding: 0.7rem;
3121        margin-bottom: 1rem;
3122        margin-top: 1rem;
3123        border-radius: 10px;
3124        border: 3px solid #1e1e1d;
3125        background: var(--marquee-background);
3126    }
3127
3128    .content-trans {
3129        height: 15rem;
3130        overflow: hidden;
3131        position: relative;
3132    }
3133
3134    .avatar-trans {
3135        width: 2rem;
3136        max-width: 100%;
3137        margin-right: 0.7rem;
3138    }
3139
3140    .avatar-wrapper {
3141        display: flex;
3142        justify-content: center;
3143    }
3144
3145    .item-trans {
3146        color: #ffffff;
3147        background: #000000;
3148        display: flex;
3149        width: 100%;
3150        border: 2px solid #000000;
3151        justify-content: space-between;
3152        align-items: center;
3153        border-radius: 5px;
3154        font-size: 1rem;
3155        margin-bottom: 0.45rem !important;
3156        padding: 0.4rem;
3157        position: relative;
3158        bottom: 0;
3159        /* Start the boxes at the bottom of the container */
3160        animation: moveUp 40s linear infinite;
3161    }
3162
3163    .rupiah-trans {
3164        color: #ffffff;
3165        font-weight: bold;
3166    }
3167
3168    .text-centertitle {
3169        color: #030303;
3170        margin-top: 0;
3171        padding-bottom: 0.5rem;
3172        font-size: 1.15rem;
3173        font-weight: bold;
3174    }
3175
3176    .divider-trans {
3177        margin-top: 14px !important;
3178        border-top: 1px solid rgb(0 0 0);
3179    }
3180
3181    @keyframes moveUp {
3182        0% {
3183            transform: translateY(0);
3184            /* Initial position, no translation */
3185        }
3186
3187        100% {
3188            transform: translateY(-1500px);
3189            /* Move the box upwards by the height of container */
3190        }
3191    }
3192
3193    @keyframes glowing {
3194        0% {
3195            background-position: 0 0;
3196        }
3197
3198        50% {
3199            background-position: 400% 0;
3200        }
3201
3202        100% {
3203            background-position: 0 0;
3204        }
3205    }
3206
3207    @keyframes glowing {
3208        0% {
3209            background-position: 0 0;
3210        }
3211
3212        50% {
3213            background-position: 400% 0;
3214        }
3215
3216        100% {
3217            background-position: 0 0;
3218        }
3219    }
3220
3221    @media only screen and (max-width: 1000px) {
3222        .wrap-all-trans {
3223            display: block;
3224        }
3225
3226        .wrapper-transactions {
3227            width: 100%;
3228        }
3229    }
3230</style>
3231<script>
3232    document.addEventListener('DOMContentLoaded', () => {
3233        // Withdraw & Deposit
3234        const getProvider = document.querySelector('.provider-group');
3235        const transWrap = document.createElement('div');
3236        transWrap.className = 'wrapper-transactions';
3237
3238        const transWrapDp = document.createElement('div');
3239        transWrapDp.className = 'wrapper-transactions';
3240
3241        const transContent = document.createElement('div');
3242        transContent.className = 'content-trans';
3243
3244        const transContentDp = document.createElement('div');
3245        transContentDp.className = 'content-trans';
3246
3247        const makeDp = document.createElement('div');
3248        makeDp.className = 'deposit-members';
3249
3250        const makeWd = document.createElement('div');
3251        makeWd.className = 'withdraw-members';
3252
3253        const titleDp = document.createElement('h3');
3254        titleDp.className = 'text-centertitle';
3255        titleDp.textContent = 'DEPOSIT TERBARU';
3256
3257        const titleWd = document.createElement('h3');
3258        titleWd.className = 'text-centertitle';
3259        titleWd.textContent = 'WITHDRAW TERBARU';
3260
3261        transContentDp.appendChild(makeDp);
3262        transContent.appendChild(makeWd);
3263        transWrapDp.appendChild(titleDp);
3264        transWrap.appendChild(titleWd);
3265
3266        transWrapDp.appendChild(transContentDp);
3267        transWrap.appendChild(transContent);
3268
3269        const wrapAllTrans = document.createElement('div');
3270        wrapAllTrans.className = 'wrap-all-trans';
3271
3272        wrapAllTrans.appendChild(transWrapDp);
3273        wrapAllTrans.appendChild(transWrap);
3274
3275        getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
3276
3277        function getDeposit() {
3278            $.ajax({
3279                url: 'https://cdn.jsdelivr.net/gh/otjuijet2025/slot88ku/user.json',
3280                type: 'GET',
3281                dataType: 'JSON',
3282                success: function (response) {
3283                    const getUser = randomUser(response.slice(0, 50));
3284                    $.each(getUser, function (index, items) {
3285                        // IDR Value
3286                        const dana_wd = uangRupiahDp(50000, 100000);
3287
3288                        $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="favicon.png" class="avatar-trans" />' + items.user + ' | Deposit:</div> <span class="rupiah-trans">Rp.' + dana_wd + '</span></div>');
3289
3290                    });
3291
3292                }
3293            })
3294        }
3295
3296        function getWithdraw() {
3297            $.ajax({
3298                url: 'https://cdn.jsdelivr.net/gh/otjuijet2025/slot88ku/user.json',
3299                type: 'GET',
3300                dataType: 'JSON',
3301                success: function (response) {
3302                    const getUser = randomUser(response.slice(0, 50));
3303                    $.each(getUser, function (index, items) {
3304                        // IDR Value
3305                        const dana_wd = uangRupiah(100000, 50000000);
3306                        $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="favicon.png" class="avatar-trans" />' + items.user + ' | Withdraw:</div> <span class="rupiah-trans">Rp.' + dana_wd + '</span></div>');
3307
3308                    });
3309                }
3310            })
3311        }
3312
3313        function uangRupiah(min, max) {
3314            function getRandomRoundNumber(min, max) {
3315                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
3316                const returnNum = Math.floor(randomNumber / 10000) * 10000;
3317                if (returnNum != 0 || !isNaN(returnNum)) {
3318                    return returnNum;
3319                }
3320            }
3321
3322            const randomRoundNumber = getRandomRoundNumber(min, max);
3323            const roundedNumber = randomRoundNumber;
3324            return new Intl.NumberFormat().format(roundedNumber);
3325        }
3326
3327        function uangRupiahDp(min, max) {
3328            function getRandomRoundNumber(min, max) {
3329                const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
3330                const returnNum = Math.floor(randomNumber / 5000) * 5000;
3331                if (returnNum != 0 || !isNaN(returnNum)) {
3332                    return returnNum;
3333                }
3334            }
3335
3336            const randomRoundNumber = getRandomRoundNumber(min, max);
3337            const roundedNumber = randomRoundNumber;
3338            return new Intl.NumberFormat().format(roundedNumber);
3339        }
3340
3341        function randomUser(array) {
3342            var currentIndex = array.length, temporaryValue, randomIndex;
3343
3344            // While there remain elements to shuffle
3345            while (0 !== currentIndex) {
3346                // Pick a remaining element
3347                randomIndex = Math.floor(Math.random() * currentIndex);
3348                currentIndex -= 1;
3349
3350                // Swap it with the current element
3351                temporaryValue = array[currentIndex];
3352                array[currentIndex] = array[randomIndex];
3353                array[randomIndex] = temporaryValue;
3354            }
3355
3356            return array;
3357        }
3358
3359        getWithdraw();
3360        getDeposit();
3361
3362    });
3363</script>
3363
3364<!--Habis --></div>
3365    
3366    
3367    <!-- LIVE CHAT -->
3368    
3369    
3370    <!-- LiveChat Internal -->
3371        <style id="cs-embed-custom-styles">
3372    /* Generated widget appearance — theme: light */
3373.cs-embed {
3374  --cs-primary: #4f46e5;
3375  --cs-secondary: #94a3b8;
3376  --cs-panel-width: 360px;
3377  --cs-panel-height: 520px;
3378  --cs-footer-bg: #fff;
3379  --cs-footer-border: #f1f5f9;
3380  --cs-input-row-bg: #f1f5f9;
3381  --cs-input-text: #111827;
3382  --cs-input-muted: #64748b;
3383  --cs-upload-bg: #fff;
3384  --cs-upload-border: #cbd5e1;
3385  --cs-upload-icon: #334155;
3386  --cs-image-preview-bg: #eff6ff;
3387  --cs-image-preview-border: #dbeafe;
3388  --cs-closed-notice: #9ca3af;
3389  --cs-scrollbar-track: #eef2f7;
3390  --cs-scrollbar-thumb: #cbd5e1;
3391  --cs-scrollbar-thumb-hover: #94a3b8;
3392  --cs-messages-bg: #f8fafc;
3393  --cs-sticky-banner-bg: #fffbeb;
3394  --cs-sticky-banner-border: #fde68a;
3395  --cs-sticky-banner-inner-bg: #fff;
3396  --cs-sticky-banner-inner-border: #fde68a;
3397  --cs-sticky-banner-text: #92400e;
3398  right: 24px; left: auto; align-items: flex-end;
3399}
3400
3401.cs-embed .cs-panel {
3402  background: #fff;
3403  color: #111827;
3404}
3405
3406.cs-embed .cs-bubble--agent {
3407  background: #fff;
3408  color: #111;
3409  border-color: #e5e7eb;
3410}
3411
3412.cs-toggle:not(.cs-toggle--banner) {
3413  background: var(--cs-primary);
3414  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
3415}
3416
3417.cs-header {
3418  background: linear-gradient(135deg, #4f46e5, #94a3b8);
3419}
3420
3421.cs-bubble--customer {
3422  background: #4f46e5;
3423  color: #ffffff;
3424}    </style>
3425    
3425<script src="https://service.lc1001ai.com/embed.js"></script>
3425
3426    
3426<script>
3427                (function () {
3428            var chatServiceUrl = "https://service.lc1001ai.com";
3429            var channelId = "6a9e85232465d58c0291e9da";
3430            var credentials = "";
3431            var showWidget = true;
3432            window.CsChatEmbed
3433            .init({
3434                chatServiceUrl: chatServiceUrl,
3435                channelId: channelId,
3436                credentials: credentials,
3437                createWidget: true,
3438                showWidget: showWidget,
3439                fetchAppearance: false,
3440            })
3441            .then(function (result) {
3442                console.log("Chat connected, sessionId:", result.sessionId);
3443            })
3444            .catch(function (err) {
3445                console.error("Chat init failed:", err);
3446            });
3447        })();
3448    </script>
3448
3449
3450    <div class="footer-group">
3451
3452        <div class="footer-copyright">
3453            <div style="white-space:nowrap">
3454                &copy; 2015 &ndash; 2026                Copyright                SLOT88KU.
3455                All Rights Reserved.
3456            </div>
3457        </div>
3458
3459                <div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div>
3460        
3461    </div>
3462
3463</div>
3464</footer>    <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
3465  <div class="container-fluid px-0">
3466    <div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;">
3467
3468      
3469        <a href="/home" onclick="openPage('home',this); window.scrollTo({top:0,behavior:'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="home">
3470          <i class="bi bi-house-fill" style="font-size:20px;"></i>
3471          <small>Home</small>
3472        </a>
3473
3474        <a href="/promosi" onclick="openPage('promosi',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="promosi">
3475          <i class="bi bi-gift-fill" style="font-size:20px;"></i>
3476          <small>Promosi</small>
3477        </a>
3478
3479        <a href="/event" onclick="openPage('event',this); $('#content').get(0).scrollIntoView({behavior: 'smooth'}); return false;" class="bottom-menu text-decoration-none d-flex flex-column justify-content-around align-items-center py-2" data-nav="event">
3480          <i class="bi bi-calendar-event-fill" style="font-size:20px;"></i>
3481          <small>Event</small>
3482        </a>
3483
3484                              <div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;">
3485              <a href="javascript:void(0)" onclick="toggleChatDial(event)" class="text-decoration-none d-flex flex-column justify-content-around align-items-center" style="color:inherit;">
3486                <img src="https://img.viva88athenae.com/navbar/chat.png?v=1790436644" alt="" style="width:20px;height:20px;object-fit:contain;">
3487                <small>Chat</small>
3488              </a>
3489              <div class="chat-dial-list" id="chatDialList">
3490                                  <a href="https://www.facebook.com/ameliadamayan" target="_blank" class="chat-dial-item" title="Facebook">
3491                    <img src="https://img.viva88athenae.com/facebook.png?v=1790436644" alt="Facebook">
3492                  </a>
3493                                  <a href="https://t.me/slot88ku_id" target="_blank" class="chat-dial-item" title="Telegram">
3494                    <img src="https://img.viva88athenae.com/telegram.png?v=1790436644" alt="Telegram">
3495                  </a>
3496                                  <a href="https://cli.re/WhatsApp-SLOT88KU" target="_blank" class="chat-dial-item" title="WhatsApp">
3497                    <img src="https://img.viva88athenae.com/whatsapp.png?v=1790436644" alt="WhatsApp">
3498                  </a>
3499                                                  <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat">
3500                    <img src="https://img.viva88athenae.com/navbar/livechat.png?v=1790436644" alt="Livechat">
3501                  </a>
3502                              </div>
3503            </div>
3504                  
3505      
3506    </div>
3507  </div>
3508</nav>
3509
3510<script>
3511  function toggleChatDial(e) {
3512    e.stopPropagation();
3513    document.getElementById('chatDialList').classList.toggle('open');
3514  }
3515  document.addEventListener('click', function (e) {
3516    var list = document.getElementById('chatDialList');
3517    if (!list) return;
3518    // close when clicking outside, or after picking any dial item (livechat included)
3519    if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) {
3520      list.classList.remove('open');
3521    }
3522  });
3523</script>
3523
3524
3525    <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">
3526
3527      <div class="offcanvas-body p-0">
3528
3529        <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
3530          <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
3531    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
3532</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
3533    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
3534</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
3535    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
3536</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
3537    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
3538</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
3539    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
3540</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
3541    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
3542</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Slot88Ku.apk','_blank')">
3543    <div class="d-flex align-items-center px-3">
3544    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
3545    </div>
3546    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
3547</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/SLOT88KUBOT','_blank')">
3548    <div class="d-flex align-items-center px-3">
3549    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
3550    </div>
3551    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
3552</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
3553    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
3554</button>        </div>
3555
3556      </div>
3557    </div>
3558
3559    <div id="desktopUserDropdown" class="desktop-user-dropdown">
3560      <div class="d-grid">
3561        <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
3562    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
3563</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
3564    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
3565</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
3566    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
3567</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
3568    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
3569</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
3570    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
3571</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
3572    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
3573</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Slot88Ku.apk','_blank')">
3574    <div class="d-flex align-items-center px-3">
3575    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
3576    </div>
3577    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
3578</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/SLOT88KUBOT','_blank')">
3579    <div class="d-flex align-items-center px-3">
3580    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
3581    </div>
3582    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
3583</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="fetch('/api/front/logout',{method:'POST'}).then(()=>window.location.href='/index.php')">
3584    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
3585</button>      </div>
3586    </div>
3587
3588    
3588<script src="/js/new/vendor/bootstrap.bundle.min.js?v=1790436644"></script>
3588
3589    
3589<script src="/js/new/main.js?v=1790436644"></script>
3589
3590    
3591    
3591<script>
3592        window.JT_SSR_PATH = null;
3593                setTimeout(function() {
3594                    const mobileForm = document.querySelector('#mobilelogin form') || 
3595                                      document.querySelector('#mobilelogin .login-form') ||
3596                                      document.querySelector('.mobile-only form');
3597                    
3598                    if (!mobileForm) {
3599                        return;
3600                    }
3601                    
3602                    const username = mobileForm.querySelector('input[name="username"]');
3603                    const password = mobileForm.querySelector('input[name="password"]');
3604                    const remember = document.querySelector('#rememberMe') || 
3605                                    document.querySelector('input[type="checkbox"]');
3606                    
3607                    if (!username || !password || !remember) {
3608                        return;
3609                    }
3610                    
3611                    
3612                    
3613                    try {
3614                        localStorage.setItem('test', 'working');
3615                        if (localStorage.getItem('test') === 'working') {
3616                            localStorage.removeItem('test');
3617                        } else {
3618                            return;
3619                        }
3620                    } catch(e) {
3621                        return;
3622                    }
3623                    
3624                    initializeRememberMe();
3625                    loadSavedData();
3626                    
3627                    mobileForm.addEventListener('submit', handleSave);
3628                    mobileForm.addEventListener('click', function(e) {
3629                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
3630                            handleSave();
3631                        }
3632                    });
3633                    remember.addEventListener('change', function() {
3634                        if (!this.checked) {
3635                            clearSavedData();
3636                            localStorage.setItem('mobile_remember_unchecked', 'true');
3637                        } else {
3638                            localStorage.removeItem('mobile_remember_unchecked');
3639                        }
3640                    });
3641    
3642                    function initializeRememberMe() {
3643                        try {
3644                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
3645                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
3646                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
3647                                remember.checked = false;
3648                            } else {
3649                                remember.checked = true;
3650                            }
3651                        } catch(e) {
3652                            remember.checked = true;
3653                        }
3654                    }
3655                    
3656                    function loadSavedData() {
3657                        try {
3658                            
3659                            const savedUsername = localStorage.getItem('mobile_username');
3660                            const savedPassword = localStorage.getItem('mobile_password');
3661                            
3662                            
3663                            
3664                            const rememberChecked = localStorage.getItem('mobile_remember');
3665                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
3666                                username.value = savedUsername;
3667                                password.value = savedPassword;
3668                            }
3669                        } catch(e) {
3670                            // console.log('Error loading data:', e);
3671                        }
3672                    }
3673                    
3674                    function handleSave() {
3675                        if (remember.checked) {
3676                            const usernameVal = username.value.trim();
3677                            const passwordVal = password.value.trim();
3678                            
3679                            if (usernameVal && passwordVal) {
3680                                try {
3681                                    localStorage.setItem('mobile_username', usernameVal);
3682                                    localStorage.setItem('mobile_password', passwordVal);
3683                                    localStorage.setItem('mobile_remember', 'true');
3684                                    localStorage.setItem('mobile_login_success', 'true');
3685                                } catch(e) {
3686                                    // console.log('Error saving data:', e);
3687                                }
3688                            }
3689                        } else {
3690                            clearSavedData();
3691                            localStorage.setItem('mobile_login_success', 'true');
3692                        }
3693                    }
3694                    
3695                    function clearSavedData() {
3696                        try {
3697                            localStorage.removeItem('mobile_username');
3698                            localStorage.removeItem('mobile_password');
3699                            localStorage.removeItem('mobile_remember');
3700                        } catch(e) {
3701                            // console.log('Error clearing data:', e);
3702                        }
3703                    }
3704                }, 100); // Wait 100ms
3705    </script>
3705
3706
3707    
3707<script>
3708        var JT_GUEST_MAP = {
3709            '':            '/' + 'home' + '.php',
3710            'home':        '/' + 'home' + '.php',
3711            'togel':       '/togel.php',
3712            'kupon':       '/kupon.php',
3713            'promosi':     '/' + 'promosi' + '.php',
3714            'event':       '/' + 'event' + '.php',
3715            'register':    '/' + 'register' + '.php',
3716            'slot':        '/game.php?content=slot',
3717            'casino':      '/game.php?content=casino',
3718            'sport':       '/' + 'game' + '.php?' + 'content=sport',
3719            'sabung':      '/' + 'game' + '.php?' + 'content=sabung',
3720            'arcade':      '/game.php?content=arcade',
3721            'interactive': '/game.php?content=interactive',
3722        };
3723        
3724        if (window.matchMedia("(max-width: 768px)").matches) {
3725            JT_GUEST_MAP.register = '/' + 'mregister' + '.php';
3726        }
3727
3728        var JT_URL_PREFIX = "";
3729
3730        function jtGuestAjaxPathFromLocation() {
3731            var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)');
3732            var match = location.pathname.match(re);
3733            var slug = match ? match[1] : '';
3734            return JT_GUEST_MAP[slug] || '/home.php';
3735        }
3736
3737        function jtGuestUrlForPath(path) {
3738            var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
3739            if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
3740            for (var slug in JT_GUEST_MAP) {
3741                if (JT_GUEST_MAP[slug] === path) {
3742                    return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
3743                }
3744            }
3745            return null;
3746        }
3747
3748        function jtUpdateBrowserUrl(path) {
3749            var cleanUrl = jtGuestUrlForPath(path);
3750            if (cleanUrl && window.history) {
3751                history.pushState({ path: path }, '', cleanUrl);
3752            }
3753        }
3754
3755        var _initGuestPath = jtGuestAjaxPathFromLocation();
3756        history.replaceState({ path: _initGuestPath }, '', location.href);
3757
3758        function initGuestShell() {
3759            var path = jtGuestAjaxPathFromLocation();
3760            var homeMenu = path === '/home.php'
3761                ? (window.innerWidth >= 768
3762                    ? document.querySelector('.desktop-nav-link[data-nav="home"]')
3763                    : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
3764                : null;
3765
3766            // Skip AJAX jika home sudah di-SSR.
3767            if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) {
3768                $('.lobby-menu, .desktop-nav-link').removeClass('active');
3769                if (homeMenu) $(homeMenu).addClass('active');
3770                if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS);
3771                return;
3772            }
3773
3774            content(path, '#content', homeMenu, true);
3775        }
3776
3777        window.addEventListener('popstate', function (e) {
3778            var path = e.state && e.state.path;
3779            if (path) content(path, '#content', null, true);
3780        });
3781
3782        // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
3783        setInterval(function () {
3784            fetch('/api/front/maintenance-status')
3785                .then(function (r) { return r.json(); })
3786                .then(function (res) {
3787                    if (res.data && res.data.maintenance) {
3788                        window.location.href = '/maintenance';
3789                    }
3790                })
3791                .catch(function () {});
3792        }, 60000);
3793
3794        $('#modal').on('hidden.bs.modal', function () {
3795            $('.navbar.fixed-bottom').css('z-index', '9999');
3796        });
3797
3798        function syncOffcanvasBounds() {
3799            if (window.innerWidth >= 768) return;
3800
3801            var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
3802            var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
3803            var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
3804            var bottom = bottomNav
3805                ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
3806                : 58;
3807            // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
3808            // buka menu Statement/History/dll lewat content()), rect.bottom bisa
3809            // negatif dan bikin sisi atas offcanvas + backdrop kepotong.
3810            top = Math.max(0, top);
3811            bottom = Math.max(0, bottom);
3812
3813            document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
3814            document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
3815        }
3816
3817        document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
3818        window.addEventListener('resize', syncOffcanvasBounds);
3819
3820        $('#offcanvasExample').on('show.bs.offcanvas', function () {
3821            syncOffcanvasBounds();
3822            $('#providerBackdrop, #providerOverlay').remove();
3823            var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
3824            if (modalInst) modalInst.hide();
3825        });
3826
3827        /* ── Nav horizontal scroll (desktop) ───────────────────────────── */
3828        (function () {
3829            var navEl = document.querySelector('.desktop-mainnav .ms-auto');
3830            if (!navEl) return;
3831
3832            /* mouse-wheel → horizontal scroll */
3833            navEl.addEventListener('wheel', function (e) {
3834                if (e.deltaY !== 0) {
3835                    e.preventDefault();
3836                    navEl.scrollLeft += e.deltaY;
3837                }
3838            }, { passive: false });
3839
3840            /* scroll arrow buttons */
3841            var btnL = document.createElement('button');
3842            var btnR = document.createElement('button');
3843            [btnL, btnR].forEach(function (b) {
3844                b.style.cssText = 'position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:var(--primary-background-color);border:1px solid var(--border-color);color:var(--primary-text-color);width:28px;height:40px;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;border-radius:4px;';
3845            });
3846            btnL.innerHTML = '&#8249;';
3847            btnR.innerHTML = '&#8250;';
3848            btnL.style.fontSize = btnR.style.fontSize = '20px';
3849
3850            var nav = document.querySelector('.desktop-mainnav');
3851            if (nav) {
3852                nav.style.position = 'relative';
3853                nav.appendChild(btnL);
3854                nav.appendChild(btnR);
3855            }
3856
3857            function placeArrows() {
3858                var navRect = nav ? nav.getBoundingClientRect() : null;
3859                var logoEl  = nav ? nav.querySelector('.navbar-brand') : null;
3860                var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
3861                btnL.style.left  = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
3862                btnR.style.right = '4px';
3863            }
3864
3865            function updateArrows() {
3866                placeArrows();
3867                var canL = navEl.scrollLeft > 0;
3868                var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
3869                btnL.style.display = canL ? 'flex' : 'none';
3870                btnR.style.display = canR ? 'flex' : 'none';
3871            }
3872
3873            var scrollTimer;
3874            function scrollBy(dir) {
3875                scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
3876            }
3877            btnL.addEventListener('mousedown', function () { scrollBy(-1); });
3878            btnR.addEventListener('mousedown', function () { scrollBy(1);  });
3879            document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });
3880
3881            navEl.addEventListener('scroll', updateArrows);
3882            window.addEventListener('resize', updateArrows);
3883            updateArrows();
3884        })();
3885
3886        function toggleDesktopUserMenu(e) {
3887            e.stopPropagation();
3888            document.getElementById('desktopUserDropdown').classList.toggle('open');
3889        }
3890        function closeDesktopUserMenu() {
3891            var d = document.getElementById('desktopUserDropdown');
3892            if (d) d.classList.remove('open');
3893        }
3894        document.addEventListener('click', function(e) {
3895            if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
3896            if (!e.target.closest('.tpl-picker-wrap')) {
3897                var dd = document.getElementById('tplPickerDd');
3898                if (dd) dd.classList.remove('open');
3899            }
3900        });
3901
3902        function toggleTplPicker(e) {
3903            e.stopPropagation();
3904            closeDesktopUserMenu();
3905            document.getElementById('tplPickerDd').classList.toggle('open');
3906        }
3907
3908
3909        (function() {
3910            var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
3911            var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
3912            var p = n => String(n).padStart(2,'0');
3913            function updateClock() {
3914                var now = new Date();
3915                var isMobile = window.innerWidth < 768;
3916                var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
3917                var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
3918                if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
3919                var el = document.getElementById('datetime');
3920                if (el) el.textContent = text;
3921            }
3922            updateClock();
3923            setInterval(updateClock, 1000);
3924        })();
3925
3926        (function () {
3927            var runner = document.getElementById('marqueeRunner');
3928            var container = runner ? runner.closest('.marquee-text') : null;
3929            var resizeTimer;
3930            var SPEED = 100;
3931
3932            function initMarquee() {
3933                if (!runner || !container) return;
3934                var cW = container.offsetWidth;
3935                var tW = runner.offsetWidth;
3936                var dur = ((cW + tW) / SPEED).toFixed(2);
3937                runner.style.setProperty('--mq-start', cW + 'px');
3938                runner.style.animation = 'none';
3939                requestAnimationFrame(function () {
3940                    requestAnimationFrame(function () {
3941                        runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
3942                    });
3943                });
3944            }
3945
3946            requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });
3947
3948            document.addEventListener('visibilitychange', function () {
3949                if (!document.hidden) initMarquee();
3950            });
3951
3952            window.addEventListener('resize', function () {
3953                clearTimeout(resizeTimer);
3954                resizeTimer = setTimeout(function () {
3955                    initMarquee();
3956                    positionProviderOverlay();
3957                    var isDesktop = window.innerWidth >= 768;
3958                    if (isDesktop) {
3959                        var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
3960                        if (oc) oc.hide();
3961                    } else {
3962                        closeDesktopUserMenu();
3963                    }
3964                }, 150);
3965            });
3966
3967            window.addEventListener('orientationchange', function () {
3968                setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
3969            });
3970        })();
3971    </script>
3971
3972    
3973    <!-- Auth -->
3974    
3975    
3975<script>
3976
3977$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
3978	{
3979	nocache = new Date().getTime().toString().slice(-3);
3980	    
3981	var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
3982	var $form = $('#desktopregister #formRegister');
3983	var $status = $('#desktopregister #statusRegister');
3984	
3985	  if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
3986        $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
3987        return false;
3988    }
3989	
3990	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
3991
3992	function submitDesktopRegister() {
3993
3994	$.ajax({
3995		url: "/api/front/register",
3996		type: "POST",
3997		data: $form.serialize(),
3998		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
3999		success: function(data)
4000		{
4001		    
4002		    $('.is-invalid').removeClass('is-invalid');
4003		    
4004			  if (data == 'success')
4005			  {  
4006			    
4007				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
4008				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
4009
4010			    window.location='/home?welcome';
4011			  }
4012			  else
4013			  if (data == 'userWrong')
4014			  {
4015				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
4016				  $('#desktopregister #reg_username').addClass('is-invalid');
4017				  
4018			  }
4019			  else
4020			  if (data == 'passWrong')
4021			  {
4022				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
4023				  $('#desktopregister #reg_pass').addClass('is-invalid');
4024			  }
4025			  else
4026			  if (data == 'passSame')
4027			  {
4028				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
4029				  $('#desktopregister #reg_passcon').addClass('is-invalid');
4030			  }
4031			  else
4032			  if (data == 'bankEmpty')
4033			  {
4034				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
4035				  $('#desktopregister #reg_bank').addClass('is-invalid');
4036			  }
4037			  else
4038			  if (data == 'rekEmpty')
4039			  {
4040				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
4041				  $('#desktopregister #reg_rek').addClass('is-invalid');
4042			  }
4043			  else
4044			  if (data == 'namaEmpty')
4045			  {
4046				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
4047				  $('#desktopregister #reg_nama').addClass('is-invalid');
4048			  }
4049			  else
4050			  if (data == 'dbError')
4051			  {
4052				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
4053			  }
4054			  else
4055			  if (data == 'userExist')
4056			  {
4057				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
4058				  $('#desktopregister #reg_username').addClass('is-invalid');
4059			  }
4060			  else
4061			  if (data == 'rekExist')
4062			  {
4063				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
4064				  $('#desktopregister #reg_rek').addClass('is-invalid');
4065			  }
4066			  else
4067			  if (data == 'refError')
4068			  {
4069				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
4070				  $('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
4071			  }
4072			  else
4073			  if (data == 'emailError')
4074			  {
4075				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
4076				  $('#desktopregister #reg_email').addClass('is-invalid');
4077			  }
4078			  else
4079			  if (data == 'telponEmpty')
4080			  {
4081				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
4081idak boleh kosong').fadeIn(1000);
4082				  $('#desktopregister #reg_telpon').addClass('is-invalid');
4083			  }
4084			  else
4085			  if (data == 'telponError')
4086			  {
4087				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
4088				  $('#desktopregister #reg_telpon').addClass('is-invalid');
4089			  }
4090			  else if (data == 'namaError') {
4091			       $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
4092                    $('#desktopregister #reg_nama').addClass('is-invalid');
4093                }
4094			  else
4095			  if (data == 'dariEmpty')
4096			  {
4097				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
4098				  $('#desktopregister #reg_dari').addClass('is-invalid');
4099			  }
4100			  else
4101			  if (data == 'lainEmpty')
4102			  {
4103				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
4104				  $('#desktopregister #reg_lain').addClass('is-invalid');
4105			  }
4106			  else
4107			  if (data == 'caperror')
4108			  {
4109				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
4110				  $('#desktopregister #reg_verifikasi').addClass('is-invalid');
4111				  
4112			  }
4113			  else
4114			  if (data == 'recaperror')
4115			  {
4116				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
4117			  }
4118			  else
4119			  if (data == 'iperror')
4120			  {
4121				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
4122			  }
4123			  else
4124			  if (data == 'capexp')
4125			  {
4126				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
4127			  }
4128			  else
4129			  if (data == 'wait')
4130			  {
4131				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
4132			  }
4133			  else
4134			  if (data == 'turnnoevent')
4135			  {
4136				  window.location.reload();
4137			  }
4138			  else
4139			  if (data == 'turnblock')
4140			  {
4141				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
4142			  }
4143			  else
4144				if (data.indexOf('passNotSafe|') === 0)
4145				{
4146					var msg = data.substring('passNotSafe|'.length);
4147					if (!msg) {
4148						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
4149					}
4150
4151					$status
4152						.removeClass()
4153						.addClass('alert alert-sm alert-warning')
4154						.text(msg)
4155						.fadeIn(1000);
4156
4157					$('#desktopregister #reg_pass').addClass('is-invalid');
4158				}
4159			  
4160			  $('#desktopregister #capverifikasi').html(ver);
4161
4162		}})
4163		.fail(function() {
4164			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
4165			$('#desktopregister #capverifikasi').html(ver);
4166		});
4167	}
4168
4169	jtWithIframeCaptchaRegister($form, false, function () {
4170		jtWithTurnstileRegister($form, function () {
4171			jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
4172		});
4173	}, function (msg) {
4174		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
4175	});
4176	return false;
4177});
4178    </script>
4178
4179    
4180    
4180<script>
4181    
4182    function onlyNumber(n) {
4183    	return n.replace(/\D/g, '');	
4184    }
4185    
4186    
4187        $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
4188		{	
4189			var rek = $(this).val();
4190			rek = onlyNumber(rek);
4191			if (isNaN(rek)) rek = '';
4192			$(this).val(rek);		
4193		});
4194
4195//
4196$(document).on("change", '#mobileregister #reg_dari', function()
4197	{
4198		inputdari = $('#mobileregister #reg_dari').val();
4199		
4200		if (inputdari == 'Lain-lain') 
4201		{
4202			$('#mobileregister #reg_lain').show();
4203		}
4204		else
4205		{
4206			$('#mobileregister #reg_lain').hide();
4207		}
4208	});
4209
4210
4211$(document).on("click", "#mobileregister #buttonRegister", function()
4212	{
4213	  
4214	  nocache = new Date().getTime().toString().slice(-3);  
4215	    
4216	var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
4217	var $form = $('#mobileregister #formRegister');
4218	var $status = $('#mobileregister #statusRegister');
4219	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
4220
4221	function submitMobileRegister() {
4222	    
4223	    
4224	    
4225	$.ajax({
4226		url: "/api/front/register",
4227		type: "POST",
4228		data: $form.serialize(),
4229		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
4230		success: function(data)
4231		{
4232			  $('.is-invalid').removeClass('is-invalid');
4233			  
4234			  if (data == 'success')
4235			  {  
4236			 
4237				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
4238				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
4239				window.location='/home?welcome';
4240			  }
4241			  else
4242			  if (data == 'userWrong')
4243			  {
4244				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi!').fadeIn(1000);
4245				  $('#mobileregister #reg_username').addClass('is-invalid');
4246			  }
4247			  else
4248			  if (data == 'passWrong')
4249			  {
4250				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
4251				  $('#mobileregister #reg_pass').addClass('is-invalid');
4252			  }
4253			  else
4254			  if (data == 'passSame')
4255			  {
4256				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
4257				  $('#mobileregister #reg_passcon').addClass('is-invalid');
4258			  }
4259			  else
4260			  if (data == 'bankEmpty')
4261			  {
4262				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
4263				  $('#mobileregister #reg_bank').addClass('is-invalid');
4264			  }
4265			  else
4266			  if (data == 'rekEmpty')
4267			  {
4268				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
4269				  $('#mobileregister #reg_rek').addClass('is-invalid');
4270			  }
4271			  else
4272			  if (data == 'namaEmpty')
4273			  {
4274				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
4275				  $('#mobileregister #reg_nama').addClass('is-invalid');
4276			  }
4277			  else
4278			  if (data == 'dbError')
4279			  {
4280				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
4281			  }
4282			  else
4283			  if (data == 'userExist')
4284			  {
4285				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
4286				  $('#mobileregister #reg_username').addClass('is-invalid');
4287			  }
4288			  else
4289			  if (data == 'rekExist')
4290			  {
4291				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
4292				  $('#mobileregister #reg_rek').addClass('is-invalid');
4293			  }
4294			  else
4295			  if (data == 'refError')
4296			  {
4297				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
4298				  $('#mobileregister #reg_ref').addClass('is-invalid');
4299			  }
4300			  else
4301			  if (data == 'emailError')
4302			  {
4303				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
4304				  $('#mobileregister #reg_email').addClass('is-invalid');
4305			  }
4306			  else
4307			  if (data == 'telponEmpty')
4308			  {
4309				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
4309idak boleh kosong').fadeIn(1000);
4310				  $('#mobileregister #reg_telpon').addClass('is-invalid');
4311			  }
4312			  else
4313			  if (data == 'telponError')
4314			  {
4315				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
4316				  $('#mobileregister #reg_telpon').addClass('is-invalid');
4317			  }
4318			  else if (data == 'namaError') {
4319			      
4320			      $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
4321				  $('#mobileregister #reg_nama').addClass('is-invalid');
4322                }
4323			  else
4324			  if (data == 'dariEmpty')
4325			  {
4326				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
4327				  $('#mobileregister #reg_dari').addClass('is-invalid');
4328			  }
4329			  else
4330			  if (data == 'lainEmpty')
4331			  {
4332				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
4333				  $('#mobileregister #reg_lain').addClass('is-invalid');
4334			  }
4335			  else
4336			  if (data == 'caperror')
4337			  {
4338				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
4339				  $('#mobileregister #reg_verifikasi').addClass('is-invalid');
4340				 
4341			  }
4342			  else
4343			  if (data == 'recaperror')
4344			  {
4345				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
4346			  }
4347			  else
4348			  if (data == 'iperror')
4349			  {
4350				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
4351			  }
4352			  else
4353			  if (data == 'capexp')
4354			  {
4355				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
4356			  }
4357			  else
4358			  if (data == 'wait')
4359			  {
4360				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
4361			  }
4362			  else
4363			  if (data == 'turnnoevent')
4364			  {
4365				  window.location.reload();
4366			  }
4367			  else
4368			  if (data == 'turnblock')
4369			  {
4370				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
4371			  }
4372			  else
4373				if (data.indexOf('passNotSafe|') === 0)
4374				{
4375					var msg = data.substring('passNotSafe|'.length);
4376					if (!msg) {
4377						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
4378					}
4379
4380					$status
4381						.removeClass()
4382						.addClass('alert alert-sm alert-warning')
4383						.text(msg)
4384						.fadeIn(1000);
4385
4386					$('#mobileregister #reg_pass').addClass('is-invalid');
4387				}
4388			  
4389			   $('#mobileregister #capverifikasi').html(ver);
4390			//   ke('#mobileregister #content');
4391		}})
4392		.fail(function() {
4393			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
4394			$('#mobileregister #capverifikasi').html(ver);
4395		});
4396	}
4397
4398	jtWithIframeCaptchaRegister($form, true, function () {
4399		jtWithTurnstileRegister($form, function () {
4400			jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
4401		});
4402	}, function (msg) {
4403		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
4404	});
4405	return false;
4406});
4407    </script>
4407
4408    
4409    
4409<script>
4410        const currentPath = window.location.pathname.replace(/\/+$/, '');
4411        const popupElement = document.getElementById('popup');
4412    
4413        if (currentPath === '/register') {
4414            document.getElementById('content')?.scrollIntoView();
4415        } else if (popupElement && typeof bootstrap !== 'undefined') {
4416            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
4417            popupModal.show();
4418        }
4419    </script>
4419
4420
4421  
4421<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a93d7ddce2c14172bf074f03c5efd21f","r":1,"spa":2}' crossorigin="anonymous"></script>
4421
4422</body>
4423</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.