PageSourceSearch

https://bel4dperth.com/slot

html bel4dperth.com collected 2026-10-10 00:09:55 UTC 176,871 bytes, 3,949 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>BEL4D - Link Slot Gaming Pay4d Aman &amp; Terpercaya 2025</title>    
7    <link rel="icon" type="image/png" href="/favicon.png">
8    
9    <meta name="description" content="BEL4D merupakan tempat alternatif bermain game online terpercaya yang memberikan Anda berbagai fasilitas terbaik dalam bermain game online yang aman dan terpercaya." />
10<meta name="keywords" content="bel4d, bel4d daftar, bel4d login,bel4d slot, bel4d link" />
11<link rel="canonical" href="https://bel4d.com/" />
12<link rel="amphtml" href="https://bel4dw.com/" />
13<meta name="robots" content="index,follow" />
14<meta name="revisit-after" content="1 Day" />
15<link rel="alternate" hreflang="id-id" href="https://bel4dw.com/"/>
16<link rel="alternate" href="https://bel4dw.com/"/>
17<link rel="alternate" hreflang="id" href="https://bel4dw.com/"/>
18<link rel="alternate" hreflang="en" href="https://bel4dw.com/"/>
19<link rel="alternate" hreflang="x-default" href="https://bel4dw.com/"/>
20<meta property="og:site_name" content="BEL4D" /> 
21<meta property="og:locale:alternate" content="id_ID" />
22<meta property="og:image" content="https://bvbsnpict.com/bel4d/bel4d.webp"/>
23<meta name="google-site-verification" content="IUGIqu24F8YJY31RFr5e4HqLcNBLB0fnZB1nes6KGkQ" />
24<meta name="google-site-verification" content="qRAOwNrW2V5J75ZqJt9thhJv8WX8-UhG7mFMOOf0fOM" />
25<meta name="google-site-verification" content="gUCse5qBd28yZ3Q6aazMBp6a1PtflUyNC_BiLzzLQ5Y" />
26<meta name="google-site-verification" content="lxhvu8L2xQeSybnrSQEuJaCePIn8LEsY9KWeog4bYZg" />
27<meta name="google-site-verification" content="eQq-9398KDXKU_VEdmTlnsXBOqRqHQSVsq32Fwvy5tE" />
28<meta content="1 days" name="revisit-after">
29<meta content="general" name="rating">
30<meta content="id" name="geo.country">
31<meta content="Indonesia" name="geo.placename">
32
33<script type="application/ld+json">
34			{
35				"@context": "https://schema.org",
36				"@graph": [{
37					"@type": "WebPage",
38					"@id": "https://bel4d.com/#webpage",
39					"url": "https://bel4d.com/",
40					"name": "BEL4D - Link Slot Gaming Pay4d Aman & Terpercaya 2025",
41					"description": "BEL4D merupakan tempat alternatif bermain game online terpercaya yang memberikan Anda berbagai fasilitas terbaik dalam bermain game online yang aman dan terpercaya.",
42					"inLanguage": "id-ID",
43					"isPartOf": {
44						"@id": "https://bel4d.com/#website"
45					},
46					"breadcrumb": {
47						"@id": "https://bel4d.com/#breadcrumb"
48					},
49					"primaryImageOfPage": {
50						"@type": "ImageObject",
51						"url": "https://bel4d.com/images/transaksi.png",
52						"width": 600,
53						"height": 280
54					},
55					"datePublished": "2026-07-17T00:00:00+00:00",
56					"dateModified": "2026-07-17T00:00:00+00:00"
57				}, {
58					"@type": "BreadcrumbList",
59					"@id": "https://bel4d.com/#breadcrumb",
60					"itemListElement": [{
61						"@type": "ListItem",
62						"position": 1,
63						"name": "BEL4D",
64						"item": "https://bel4d.com/"
65					}, {
66						"@type": "ListItem",
67						"position": 2,
68						"name": "BEL4D DAFTAR",
69						"item": "https://bel4d.com/"
70					}, {
71						"@type": "ListItem",
72						"position": 3,
73						"name": "BEL4D LOGIN",
74						"item": "https://bel4d.com/"
75					}]
76				}, {
77					"@type": "Organization",
78					"@id": "https://bel4d.com/#organization",
79					"name": "BEL4D",
80					"url": "https://bel4d.com/",
81					"logo": {
82						"@type": "ImageObject",
83						"url": "https://bel4d.com/images/logoweb.png",
84						"width": 250,
85						"height": 60
86					},
87					"sameAs": ["https://www.facebook.com/bel4d", "https://www.instagram.com/bel4d", "https://twitter.com/bel4d"]
88				}, {
89					"@type": "WebSite",
90					"@id": "https://bel4d.com/#website",
91					"url": "https://bel4d.com/",
92					"name": "BEL4D",
93					"publisher": {
94						"@id": "https://bel4d.com/#organization"
95					},
96					"potentialAction": {
97						"@type": "SearchAction",
98						"target": "https://bel4d.com/search?q={search_term_string}",
99						"query-input": "required name=search_term_string"
100					}
101				}, {
102					"@type": "FAQPage",
103					"mainEntity": [{
104						"@type": "Question",
105						"name": "Apa itu BEL4D?",
106						"acceptedAnswer": {
107							"@type": "Answer",
108							"text": "BEL4D adalah platform hiburan online yang menyediakan akses mudah, cepat, dan aman bagi para pengguna. Dengan tampilan yang responsif serta dukungan layanan pelanggan, BEL4D dirancang untuk memberikan pengalaman bermain yang nyaman di berbagai perangkat."
109						}
110					}, {
111						"@type": "Question",
112						"name": "Bagaimana cara mendaftar akun di BEL4D?",
113						"acceptedAnswer": {
114							"@type": "Answer",
115							"text": "Proses pendaftaran di BEL4D sangat mudah. Cukup buka halaman daftar, isi data yang diperlukan dengan benar, lalu lakukan konfirmasi. Setelah akun berhasil dibuat, Anda dapat langsung masuk dan menikmati berbagai fitur yang tersedia."
116						}
117					}, {
118						"@type": "Question",
119						"name": "Apakah BEL4D bisa diakses di semua perangkat?",
120						"acceptedAnswer": {
121							"@type": "Answer",
122							"text": "Ya. BEL4D telah dioptimalkan untuk perangkat mobile sehingga dapat diakses melalui smartphone maupun tablet tanpa perlu menginstal aplikasi tambahan. Pengguna tetap dapat menikmati performa yang cepat, stabil, dan responsif kapan saja dan di mana saja."
123						}
124					}]
125				}]
126			}
127		</script>
127
128
129<!-- Popup Start -->
130<style>
131        #pop-up-container {
132        display: flex;
133        align-items: center;
134        justify-content: space-evenly;
135        position: fixed;
136        z-index: 11;
137        top: 0;
138        left: 0;
139        right: 0;
140        bottom: 0;
141        }
142        #pop-up-wrapper {
143        width: 75%;
144        min-width: 315px;
145        max-width: 500px;
146        min-height: 210px;
147        position: relative;
148        z-index: 11;
149        overflow: visible;
150        border-radius: 5px;
151        }
152        #pop-up-wrapper img {
153        width: 100%;
154        border-radius: 5px 5px 0 0;
155        }
156        #pop-up-wrapper button {
157        width: 100%;
158        padding: 0.75rem;
159        font-size: 1.35rem;
160        font-weight: 700;
161        border: none;
162        border-radius: 5px 5px 5px 5px;
163        margin: 3px;
164        background-color: #dc3e0e;
165        }
166        .gray-bg {
167        background: #00000000 no-repeat;
168        }
169        .swirl-in-fwd {
170        -webkit-animation: swirl-in-fwd 0.6s ease-out both;
171        animation: swirl-in-fwd 0.6s ease-out both;
172        }
173        .x-mark-container {
174        position: absolute;
175        top: 5px;
176        right: 5px;
177        background-color: black;
178        border-radius: 50%;
179        width: 8%;
180        }
181        #bg-black {
182        background-color: rgba(0, 0, 0, 0.86);
183        position: fixed;
184        z-index: 10;
185        top: 0;
186        left: 0;
187        right: 0;
188        bottom: 0;
189        }
190        @-webkit-keyframes swirl-in-fwd {
191        0% {
192        -webkit-transform: rotate(0deg) scale(0);
193        transform: rotate(0deg) scale(0);
194        opacity: 0;
195        }
196        100% {
197        -webkit-transform: rotate(0) scale(1);
198        transform: rotate(0) scale(1);
199        opacity: 1;
200        }
201        }
202        @keyframes swirl-in-fwd {
203        0% {
204        -webkit-transform: rotate(0deg) scale(0);
205        transform: rotate(0deg) scale(0);
206        opacity: 0;
207        }
208        100% {
209        -webkit-transform: rotate(0) scale(1);
210        transform: rotate(0) scale(1);
211        opacity: 1;
212        }
213        }
214        .swirl-out-bck {
215        -webkit-animation: swirl-out-bck 0.6s ease-in both;
216        animation: swirl-out-bck 0.6s ease-in both;
217        }
218        @-webkit-keyframes swirl-out-bck {
219        0% {
220        -webkit-transform: rotate(0) scale(1);
221        transform: rotate(0) scale(1);
222        opacity: 1;
223        }
224        100% {
225        -webkit-transform: rotate(0deg) scale(0);
226        transform: rotate(0deg) scale(0);
227        opacity: 0;
228        }
229        }
230        @keyframes swirl-out-bck {
231        0% {
232        -webkit-transform: rotate(0) scale(1);
233        transform: rotate(0) scale(1);
234        opacity: 1;
235        }
236        100% {
237        -webkit-transform: rotate(0deg) scale(0);
238        transform: rotate(0deg) scale(0);
239        opacity: 0;
240        }
241        }
242        .fade-in {
243        -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
244        animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
245        }
246        @-webkit-keyframes fade-in {
247        0% {
248        opacity: 0;
249        }
250        100% {
251        opacity: 1;
252        }
253        }
254        @keyframes fade-in {
255        0% {
256        opacity: 0;
257        }
258        100% {
259        opacity: 1;
260        }
261        }
262        .fade-out {
263        -webkit-animation: fade-out 0.6s ease-out both;
264        animation: fade-out 0.6s ease-out both;
265        }
266        @-webkit-keyframes fade-out {
267        0% {
268        opacity: 1;
269        }
270        100% {
271        opacity: 0;
272        }
273        }
274        @keyframes fade-out {
275        0% {
276        opacity: 1;
277        }
278        100% {
279        opacity: 0;
280        }
281        }
282</style>
283
284<script>
285        window.addEventListener('DOMContentLoaded', () => {
286            if (window.location.pathname === '/' || window.location.pathname === '/') {
287                $('body').append(`
288                <div id="pop-up-container" onclick="close_pop_up()">
289                <div id="bg-black" class="fade-in"></div>
290        
291                <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
292                    <img
293                    src="https://cowdrink.top/images/depoqris.webp"
294                    alt="gantilinkgambarpopup"
295                    />
296                      <button onclick="window.location.href='https://t.me/bel4dgroup';" style="color: #fff;">CLAIM DISINI</button>
297                    
298                    <button onclick="close_pop_up()" style="color: #fff">TUTUP</button>
299                </div>
300                </div>
301            `);
302        
303                document.getElementById('pop-up-wrapper').addEventListener('click', e => {
304                    e.stopPropagation();
305                });
306            }
307        });
308        
309        const close_pop_up = () => {
310            document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd', 'swirl-out-bck');
311            document.getElementById('bg-black')?.classList.replace('fade-in', 'fade-out');
312        
313            setTimeout(() => {
314                const pop_up_container = document.getElementById('pop-up-container');
315                pop_up_container?.parentElement.removeChild(pop_up_container);
316            }, 1000);
317        };
318</script>
318    
319    <link rel="preconnect" href="https://img.viva88athenae.com">
320    <link rel="preload" href="/fonts/new/ubuntu-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
321    <link rel="preload" href="/fonts/new/ubuntu-normal-700-latin.woff2" as="font" type="font/woff2" crossorigin>
322    <link rel="preload" href="/fonts/new/oswald-normal-400-latin.woff2" as="font" type="font/woff2" crossorigin>
323    <link href="/css/new/vendor/bootstrap.min.css?v=1790436337" rel="stylesheet">
324    <style id="jt-fonts">/* Self-hosted Ubuntu + Oswald (latin / latin-ext), font-display: swap */
325/* latin-ext */
326@font-face {
327  font-family: 'Oswald';
328  font-style: normal;
329  font-weight: 400;
330  font-display: swap;
331  src: url(/fonts/new/oswald-normal-400-latinext.woff2) format('woff2');
332  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;
333}
334/* latin */
335@font-face {
336  font-family: 'Oswald';
337  font-style: normal;
338  font-weight: 400;
339  font-display: swap;
340  src: url(/fonts/new/oswald-normal-400-latin.woff2) format('woff2');
341  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;
342}
343/* latin-ext */
344@font-face {
345  font-family: 'Oswald';
346  font-style: normal;
347  font-weight: 500;
348  font-display: swap;
349  src: url(/fonts/new/oswald-normal-500-latinext.woff2) format('woff2');
350  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;
351}
352/* latin */
353@font-face {
354  font-family: 'Oswald';
355  font-style: normal;
356  font-weight: 500;
357  font-display: swap;
358  src: url(/fonts/new/oswald-normal-500-latin.woff2) format('woff2');
359  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;
360}
361/* latin-ext */
362@font-face {
363  font-family: 'Oswald';
364  font-style: normal;
365  font-weight: 600;
366  font-display: swap;
367  src: url(/fonts/new/oswald-normal-600-latinext.woff2) format('woff2');
368  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;
369}
370/* latin */
371@font-face {
372  font-family: 'Oswald';
373  font-style: normal;
374  font-weight: 600;
375  font-display: swap;
376  src: url(/fonts/new/oswald-normal-600-latin.woff2) format('woff2');
377  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;
378}
379/* latin-ext */
380@font-face {
381  font-family: 'Oswald';
382  font-style: normal;
383  font-weight: 700;
384  font-display: swap;
385  src: url(/fonts/new/oswald-normal-700-latinext.woff2) format('woff2');
386  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;
387}
388/* latin */
389@font-face {
390  font-family: 'Oswald';
391  font-style: normal;
392  font-weight: 700;
393  font-display: swap;
394  src: url(/fonts/new/oswald-normal-700-latin.woff2) format('woff2');
395  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;
396}
397/* latin-ext */
398@font-face {
399  font-family: 'Ubuntu';
400  font-style: italic;
401  font-weight: 300;
402  font-display: swap;
403  src: url(/fonts/new/ubuntu-italic-300-latinext.woff2) format('woff2');
404  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;
405}
406/* latin */
407@font-face {
408  font-family: 'Ubuntu';
409  font-style: italic;
410  font-weight: 300;
411  font-display: swap;
412  src: url(/fonts/new/ubuntu-italic-300-latin.woff2) format('woff2');
413  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;
414}
415/* latin-ext */
416@font-face {
417  font-family: 'Ubuntu';
418  font-style: italic;
419  font-weight: 400;
420  font-display: swap;
421  src: url(/fonts/new/ubuntu-italic-400-latinext.woff2) format('woff2');
422  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
422BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
423}
424/* latin */
425@font-face {
426  font-family: 'Ubuntu';
427  font-style: italic;
428  font-weight: 400;
429  font-display: swap;
430  src: url(/fonts/new/ubuntu-italic-400-latin.woff2) format('woff2');
431  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;
432}
433/* latin-ext */
434@font-face {
435  font-family: 'Ubuntu';
436  font-style: italic;
437  font-weight: 500;
438  font-display: swap;
439  src: url(/fonts/new/ubuntu-italic-500-latinext.woff2) format('woff2');
440  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;
441}
442/* latin */
443@font-face {
444  font-family: 'Ubuntu';
445  font-style: italic;
446  font-weight: 500;
447  font-display: swap;
448  src: url(/fonts/new/ubuntu-italic-500-latin.woff2) format('woff2');
449  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;
450}
451/* latin-ext */
452@font-face {
453  font-family: 'Ubuntu';
454  font-style: italic;
455  font-weight: 700;
456  font-display: swap;
457  src: url(/fonts/new/ubuntu-italic-700-latinext.woff2) format('woff2');
458  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;
459}
460/* latin */
461@font-face {
462  font-family: 'Ubuntu';
463  font-style: italic;
464  font-weight: 700;
465  font-display: swap;
466  src: url(/fonts/new/ubuntu-italic-700-latin.woff2) format('woff2');
467  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;
468}
469/* latin-ext */
470@font-face {
471  font-family: 'Ubuntu';
472  font-style: normal;
473  font-weight: 300;
474  font-display: swap;
475  src: url(/fonts/new/ubuntu-normal-300-latinext.woff2) format('woff2');
476  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;
477}
478/* latin */
479@font-face {
480  font-family: 'Ubuntu';
481  font-style: normal;
482  font-weight: 300;
483  font-display: swap;
484  src: url(/fonts/new/ubuntu-normal-300-latin.woff2) format('woff2');
485  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;
486}
487/* latin-ext */
488@font-face {
489  font-family: 'Ubuntu';
490  font-style: normal;
491  font-weight: 400;
492  font-display: swap;
493  src: url(/fonts/new/ubuntu-normal-400-latinext.woff2) format('woff2');
494  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;
495}
496/* latin */
497@font-face {
498  font-family: 'Ubuntu';
499  font-style: normal;
500  font-weight: 400;
501  font-display: swap;
502  src: url(/fonts/new/ubuntu-normal-400-latin.woff2) format('woff2');
503  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;
504}
505/* latin-ext */
506@font-face {
507  font-family: 'Ubuntu';
508  font-style: normal;
509  font-weight: 500;
510  font-display: swap;
511  src: url(/fonts/new/ubuntu-normal-500-latinext.woff2) format('woff2');
512  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;
513}
514/* latin */
515@font-face {
516  font-family: 'Ubuntu';
517  font-style: normal;
518  font-weight: 500;
519  font-display: swap;
520  src: url(/fonts/new/ubuntu-normal-500-latin.woff2) format('woff2');
521  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;
522}
523/* latin-ext */
524@font-face {
525  font-family: 'Ubuntu';
526  font-style: normal;
527  font-weight: 700;
528  font-display: swap;
529  src: url(/fonts/new/ubuntu-normal-700-latinext.woff2) format('woff2');
530  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
530BF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
531}
532/* latin */
533@font-face {
534  font-family: 'Ubuntu';
535  font-style: normal;
536  font-weight: 700;
537  font-display: swap;
538  src: url(/fonts/new/ubuntu-normal-700-latin.woff2) format('woff2');
539  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;
540}
541</style>    <style id="jt-theme">/* Theme: RD — RD */
542:root {
543    /* --- Accent --- */
544    --accent-color:               #a30100;
545
546    /* --- Text --- */
547    --primary-text-color:         #ffffff;
548    --secondary-text-color:       #d4d4d4;
549    --accent-text-color:          #d60100;
550
551    /* --- Teks tambahan --- */
552    --muted-text-color:           #888888;
553    --muted-text-color-secondary: #2b2626;
554    --muted-text-color-tertiary:  #b54b4a;
555
556    /* --- Background utama --- */
557    --primary-background-color:   #000000;
558    --secondary-background-color: #000000;
559    --ternary-background-color:   #000000;
560    --quaternary-background-color: #240f0f;
561
562    /* --- Background tambahan --- */
563    --placeholder-bg:             #3e1e1e;
564    --overlay-bg:                 rgba(0,0,0,0.6);
565    --handle-color:               rgba(255,255,255,0.2);
566    --table-hover-bg:             rgba(163,1,0,0.05);
567    --btn-close-hover-bg:         rgba(128,128,128,0.12);
568    --qr-bg:                      #ffffff;
569
570    /* --- Navbar --- */
571    --navbar-bg:                  var(--ternary-background-color);
572    --bottom-navbar-bg:           var(--ternary-background-color);
573
574    /* --- Navbar text --- */
575    --navbar-text-color:          #ffffff;
576    --bottom-navbar-text-color:   #ffffff;
577
578    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
579    --topbar-link-color:          var(--primary-text-color);
580    --section-title-color:        var(--primary-text-color);
581    --togel-market-name-color:    var(--primary-text-color);
582    --balance-text-color:         var(--secondary-text-color);
583    --nav-active-color:           var(--accent-text-color);
584    --marquee-date-color:         var(--accent-text-color);
585    --username-text-color:        var(--secondary-text-color);
586    --marquee-text-color:         var(--secondary-text-color);
587
588    /* --- Menu / Marquee / Search --- */
589    --menu-box-bg:                rgba(163,1,0,0.05);
590    --marquee-bg:                 #1c0808;
591    --search-bg:                  #0c0202;
592
593    /* --- Widget profile gradient --- */
594    --widget-profile-bg-start:    #3f1d1c;
595    --widget-profile-bg-end:      #1c0808;
596
597    /* --- Tombol Deposit (gradient) --- */
598    --btn-deposit-color-start:    #d60100;
599    --btn-deposit-color-mid:      #ff2524;
600    --btn-deposit-color-end:      #d60100;
601    --btn-deposit-text:           #ffffff;
602
603    /* --- Tombol Withdraw (gradient) --- */
604    --btn-withdraw-color-start:   #1c0808;
605    --btn-withdraw-color-end:     #2e1515;
606    --btn-withdraw-text:          #ffffff;
607
608    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
609    --tx-tab-active-color:        var(--accent-color);
610    --tx-table-accent-color:      var(--accent-text-color);
611
612    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
613    --table-stripe-odd-bg:        var(--primary-background-color);
614    --table-stripe-even-bg:       var(--secondary-background-color);
615    --input-placeholder-color:    #6b7280;
616
617    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
618    --cms-nav-color:              var(--muted-text-color);
619    --cms-nav-hover-color:        var(--secondary-text-color);
620    --cms-nav-active-color:       var(--primary-text-color);
621
622    /* --- History table --- */
623    --color-tanggal:              #ef5350;
624    --color-pasaran:              #42a5f5;
625    --color-debit:                #ef5350;
626    --color-kredit:               #66bb6a;
627    --color-balance:              #42a5f5;
628
629    /* --- Component backgrounds --- */
630    --btn-menu-bg:                var(--ternary-background-color);
631    --card-bg:                    var(--ternary-background-color);
632    --avatar-bg:                  var(--ternary-background-color);
633    --table-header-bg:            var(--ternary-background-color);
634    --dropdown-bg:                var(--secondary-background-color);
635    --sidebar-bg:                 var(--secondary-background-color);
636    --input-bg:                   var(--secondary-background-color);
637    --menu-box-border-color:      rgba(163,1,0,0.12);
638    --breadcrumb-color:           var(--accent-color);
639    --alert-danger-bg:            #ee5f5b;
640
641    /* --- Accent alpha (untuk hover/active) --- */
642    --accent-bg-subtle:           rgba(163,1,0,0.10);
643    --accent-bg-active:           rgba(163,1,0,0.12);
644    --accent-border-subtle:       rgba(163,1,0,0.32);
645
646    /* --- Skeleton shimmer --- */
647    --skeleton-color-base:        var(--ternary-background-color);
648    --skeleton-color-shine:       #3e1e1e;
649
650    /* --- Card togel pasaran (home) --- */
651    --togel-card-bg:               var(--secondary-background-color);
652    --togel-card-number-color:    var(--primary-text-color);
653
654    /* --- Splide pagination --- */
655    --splide-pagination-inactive: #dee2e6;
656
657    /* --- Border --- */
658    --border-color:               rgba(255,255,255,0.08);
659    --border-subtle-color:        rgba(255,255,255,0.04);
660
661    /* --- Font & Radius --- */
662    --font-body:                  "Ubuntu", sans-serif;
663    --radius-sm:                  6px;
664    --radius-md:                  8px;
665    --radius-lg:                  10px;
666    --radius-xl:                  12px;
667    --radius-pill:                999px;
668
669    /* --- Font sizes --- */
670    --fs-xs:                      10px;
671    --fs-sm:                      11px;
672    --fs-md:                      12px;
673    --fs-base:                    13px;
674    --fs-lg:                      14px;
675    --fs-xl:                      15px;
676    --fs-2xl:                     16px;
677    --fs-3xl:                     18px;
678}
679
680:root[data-theme="light"] {
681    /* --- Light theme overrides (auto-generated dari base gelap) --- */
682    /* --- Accent --- */
683    --accent-color:                #a30100;
684
685    /* --- Text --- */
686    --primary-text-color:          #141414;
687    --secondary-text-color:        #2b2b2b;
688    --accent-text-color:           #c20100;
689
690    /* --- Teks tambahan --- */
691    --muted-text-color:            #595959;
692    --muted-text-color-secondary:  #5c5656;
693    --muted-text-color-tertiary:   #6c4747;
694
695    /* --- Background utama --- */
696    --primary-background-color:    #eae1e1;
697    --secondary-background-color:  #f0eaea;
698    --ternary-background-color:    #e2d9d9;
699    --quaternary-background-color: #eae1e1;
700
701    /* --- Background tambahan --- */
702    --placeholder-bg:              #d7cbcb;
703    --overlay-bg:                  rgba(0,0,0,0.6);
704    --handle-color:                rgba(0,0,0,0.2);
705    --table-hover-bg:              rgba(163,1,0,0.05);
706    --btn-close-hover-bg:          rgba(128,128,128,0.12);
707    --qr-bg:                       #ffffff;
708
709    /* --- Navbar --- */
710    --navbar-bg:                   var(--ternary-background-color);
711    --bottom-navbar-bg:            var(--ternary-background-color);
712
713    /* --- Navbar text --- */
714    --navbar-text-color:           #141414;
715    --bottom-navbar-text-color:    #141414;
716
717    /* --- Header & Home elemen (terpisah dari primary/secondary/accent-text) --- */
718    --topbar-link-color:           var(--primary-text-color);
719    --section-title-color:         var(--primary-text-color);
720    --togel-market-name-color:     var(--primary-text-color);
721    --balance-text-color:          var(--secondary-text-color);
722    --nav-active-color:            var(--accent-text-color);
723    --marquee-date-color:          var(--accent-text-color);
724    --username-text-color:         var(--secondary-text-color);
725    --marquee-text-color:          var(--secondary-text-color);
726
727    /* --- Menu / Marquee / Search --- */
728    --menu-box-bg:                 rgba(163,1,0,0.05);
729    --marquee-bg:                  #f0eaea;
730    --search-bg:                   #e2d9d9;
731
732    /* --- Widget profile gradient --- */
733    --widget-profile-bg-start:     #d8cbca;
734    --widget-profile-bg-end:       #f0eaea;
735
736    /* --- Tombol Deposit (gradient) --- */
737    --btn-deposit-color-start:     #d60100;
738    --btn-deposit-color-mid:       #ff2524;
739    --btn-deposit-color-end:       #d60100;
740    --btn-deposit-text:            #ffffff;
741
742    /* --- Tombol Withdraw (gradient) --- */
743    --btn-withdraw-color-start:    #f0eaea;
744    --btn-withdraw-color-end:      #e2d9d9;
745    --btn-withdraw-text:           #141414;
746
747    /* --- Tab aktif & tabel rekening (terpisah dari accent utama) --- */
748    --tx-tab-active-color:         var(--accent-color);
749    --tx-table-accent-color:       var(--accent-text-color);
750
751    /* --- Table stripe & input placeholder (terpisah, dikalibrasi thd bg literal) --- */
752    --table-stripe-odd-bg:         var(--primary-background-color);
753    --table-stripe-even-bg:        var(--secondary-background-color);
754    --input-placeholder-color:     #6b7280;
755
756    /* --- CMS sidebar nav item (state tidak-aktif/hover/aktif, terpisah dari muted-text-color umum) --- */
757    --cms-nav-color:               var(--muted-text-color);
758    --cms-nav-hover-color:         var(--secondary-text-color);
759    --cms-nav-active-color:        var(--primary-text-color);
760
761    /* --- History table --- */
762    --color-tanggal:               #c91612;
763    --color-pasaran:               #0967b3;
764    --color-debit:                 #c91612;
765    --color-kredit:                #327135;
766    --color-balance:               #0967b3;
767
768    /* --- Component backgrounds --- */
769    --btn-menu-bg:                 var(--ternary-background-color);
770    --card-bg:                     var(--ternary-background-color);
771    --avatar-bg:                   var(--ternary-background-color);
772    --table-header-bg:             var(--ternary-background-color);
773    --dropdown-bg:                 var(--secondary-background-color);
774    --sidebar-bg:                  var(--secondary-background-color);
775    --input-bg:                    var(--secondary-background-color);
776    --menu-box-border-color:       rgba(163,1,0,0.12);
777    --breadcrumb-color:            var(--accent-color);
778    --alert-danger-bg:             #ee5f5b;
779
780    /* --- Accent alpha (untuk hover/active) --- */
781    --accent-bg-subtle:            rgba(163,1,0,0.10);
782    --accent-bg-active:            rgba(163,1,0,0.12);
783    --accent-border-subtle:        rgba(163,1,0,0.32);
784
785    /* --- Skeleton shimmer --- */
786    --skeleton-color-base:         var(--ternary-background-color);
787    --skeleton-color-shine:        #d7cbcb;
788
789    /* --- Card togel pasaran (home) --- */
790    --togel-card-bg:               var(--secondary-background-color);
791    --togel-card-number-color:    var(--primary-text-color);
792
793    /* --- Splide pagination --- */
794    --splide-pagination-inactive:  #a8b2bd;
795
796    /* --- Border --- */
797    --border-color:                rgba(0,0,0,0.08);
798    --border-subtle-color:         rgba(0,0,0,0.04);
799
800    /* --- Font & Radius --- */
801    --font-body:                   "Ubuntu", sans-serif;
802    --radius-sm:                   6px;
803    --radius-md:                   8px;
804    --radius-lg:                   10px;
805    --radius-xl:                   12px;
806    --radius-pill:                 999px;
807
808    /* --- Font sizes --- */
809    --fs-xs:                       10px;
810    --fs-sm:                       11px;
811    --fs-md:                       12px;
812    --fs-base:                     13px;
813    --fs-lg:                       14px;
814    --fs-xl:                       15px;
815    --fs-2xl:                      16px;
816    --fs-3xl:                      18px;
817}
818
819/* History table column colors */
820.history-table .col-tanggal  { white-space: nowrap; color: var(--color-tanggal); }
821.history-table .col-pasaran  { color: var(--color-pasaran); }
822.history-table .col-betid    { font-size: var(--fs-xs); word-break: break-all; color: var(--accent-text-color); }
823.history-table .col-deskripsi { color: var(--primary-text-color); }
824.history-table .col-balance  { white-space: nowrap; color: var(--color-balance); }
825</style>    <link rel="stylesheet" href="/css/new/layout.min.css?v=1790436337">
826    <link rel="stylesheet" href="/css/new/logo.css?v=1790436337">
827    <style>.splide__list{display:flex;margin:0!important;padding:0!important}.splide__track{overflow:hidden;position:relative}</style>
828
829    <link id="css-home-sections" rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436337" media="print" onload="this.media='all'">
830    
831    <link id="css-bootstrap-icons" rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436337" media="print" onload="this.media='all'">
832    <link id="css-splide" rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436337" media="print" onload="this.media='all'">
833    <noscript>
834        <link rel="stylesheet" href="/css/new/home-sections.min.css?v=1790436337">
835        <link rel="stylesheet" href="/css/new/vendor/bootstrap-icons.min.css?v=1790436337">
836        <link rel="stylesheet" href="/css/new/vendor/splide.min.css?v=1790436337">
837        <link rel="stylesheet" href="/css/new/game.min.css?v=1790436337">
838    </noscript>
839
840    <style>
841    @media (max-width: 768px) {
842        .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
843        .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
844        .driver-popover-description { font-size: 12px !important; }
845    }
846    </style>
847
848    <style>
849        a {
850          color: inherit; /* blue colors for links too */
851          text-decoration: inherit; /* no underline */
852        }
853    
854        .desktop-only {
855            display: block!important;
856        }
857        
858        .mobile-only {
859            display: none !important;
860        }
861        
862        .btn {
863            height: 30px;
864            border-radius: 3px;
865        }
866        
867        .login-field {
868            width: 104px;
869            height: 30px;
870            border-radius: 3px;
871        }
872
873        .login-input-field {
874            margin: 0px;
875            padding: 0px 8px;
876            border-radius: 3px !important;
877        }
878        
879        .section>.home-view {
880            padding: 0px;
881        }
882
883        @media only screen and (max-width: 1000px) {
884
885            .desktop-only {
886                display: none!important;
887            }
888                
889            .mobile-only {
890                display: block!important;
891            }
892            
893            .login-form {
894                padding: 32px 0;
895                margin: 0px 64px;
896                display: flex;
897                flex-direction: column;
898            }
899            
900            .login-field, .login-form>button, .btn-promosi {
901                height: 36px;
902                width: 100% !important;
903                border-radius: 8px;
904                overflow: hidden;
905            }
906                    
907            .login-input-field {
908                border-top-left-radius: 0 !important;
909                border-bottom-left-radius: 0 !important;
910                font-size: 1rem;
911            }
912            
913            .section {
914                padding: 0px 8px!important;
915            }
916        }
917
918        .grecaptcha-badge {
919            display: none !important;
920        }
921    </style>
922    
923    
924</head>
925  <body>
926    
926<script src="/js/new/vendor/jquery.min.js?v=1790436337"></script>
926
927    
927<script>
928        window.JT_CSRF_TOKEN = '826d4994280191d46da2bffd7f3ca5b9fc21d1d7fe204ecadd1ddac71aa8035e';
929        window.JT_NEED_RECAPTCHA_REGISTER = false;
930        window.JT_NEED_RECAPTCHA_LOGIN = false;
931        window.JT_NEED_RECAPTCHA = false;
932        window.JT_RECAPTCHA_SITE_KEY = '6Leu4cosAAAAABe-B_1-oryumOl99wsUEEFN3z8A';
933        window.JT_NEED_TURNSTILE_REGISTER = false;
934        window.JT_NEED_TURNSTILE_LOGIN = false;
935        window.JT_NEED_TURNSTILE = false;
936        window.JT_NEED_IFRAME_CAPTCHA = false;
937        window.JT_CAPTCHA_LOGIN_MODE = '1';
938        window.JT_CAPTCHA_REGISTER_MODE = '1';
939
940        $.ajaxSetup({
941            beforeSend: function (xhr, settings) {
942                if (settings.type === 'POST' && !settings.crossDomain) {
943                    xhr.setRequestHeader('X-CSRF-Token', window.JT_CSRF_TOKEN || '');
944                }
945            }
946        });
947
948        var _recaptchaLoader = null;
949        function jtLoadRecaptcha() {
950            if (!window.JT_NEED_RECAPTCHA) return Promise.resolve();
951            if (typeof grecaptcha !== 'undefined' && grecaptcha.enterprise) return Promise.resolve();
952            if (_recaptchaLoader) return _recaptchaLoader;
953            _recaptchaLoader = new Promise(function (resolve, reject) {
954                var s = document.createElement('script');
955                s.src = 'https://www.google.com/recaptcha/enterprise.js?render=' + encodeURIComponent(window.JT_RECAPTCHA_SITE_KEY);
956                s.async = true;
957                s.onload = function () { resolve(); };
958                s.onerror = function () { _recaptchaLoader = null; reject(new Error('recaptcha load failed')); };
959                document.head.appendChild(s);
960            });
961            return _recaptchaLoader;
962        }
963
964        
965        function jtWarmAuthScripts() {
966            if (window.JT_NEED_RECAPTCHA) jtLoadRecaptcha().catch(function () {});
967            if (window.JT_NEED_TURNSTILE && typeof window.turnst === 'function') {
968                window.turnst('').catch(function () {});
969            }
970        }
971
972        $(document).on(
973            'focusin',
974            '#desktoplogin input, #mobilelogin input, #formRegister input, #formRegister select, #desktopregister input, #mobileregister input',
975            jtWarmAuthScripts
976        );
977        $(document).on(
978            'click',
979            '.btn-daftar, [onclick*="register"], a[href*="register"]',
980            jtWarmAuthScripts
981        );
982
983        function jtNeedRecaptchaRegister($form) {
984            var isRecaptchaRegister = String($form.find('input[name="isrecaptcharegister"]').val() || '');
985            return window.JT_NEED_RECAPTCHA_REGISTER === true || isRecaptchaRegister === '1';
986        }
987
988        function jtNeedRecaptchaLogin($form) {
989            var isRecaptchaLogin = String($form.find('input[name="isrecaptchalogin"]').val() || '');
990            return window.JT_NEED_RECAPTCHA_LOGIN === true || isRecaptchaLogin === '1';
991        }
992
993        function jtWithRecaptchaToken($form, $status, action, shouldRun, onReady, failCls, onFail, tokenField) {
994            if (!shouldRun) {
995                onReady();
996                return;
997            }
998            var fieldName = tokenField || 'recaptcha_token';
999            var warnCls = (failCls === undefined) ? 'alert alert-sm alert-warning' : failCls;
1000            function showFail(msg) {
1001                if (warnCls) {
1002                    $status.removeClass().addClass(warnCls).text(msg).fadeIn(1000);
1003                } else {
1004                    $status.removeClass().text(msg).fadeIn(1000);
1005                }
1006                if (typeof onFail === 'function') {
1007                    onFail();
1008                }
1009            }
1010            jtLoadRecaptcha().then(function () {
1011                if (typeof grecaptcha === 'undefined' || !grecaptcha.enterprise) {
1012                    showFail('Verifikasi gagal dimuat, refresh halaman');
1013                    return;
1014                }
1015                grecaptcha.enterprise.ready(function () {
1016                    grecaptcha.enterprise.execute(window.JT_RECAPTCHA_SITE_KEY, { action: action })
1017                        .then(function (token) {
1018                            jtSetHidden($form, fieldName, token);
1019                            onReady();
1020                        })
1021                        .catch(function () {
1022                            showFail('Verifikasi gagal, coba lagi');
1023                        });
1024                });
1025            }).catch(function () {
1026                showFail('Verifikasi gagal dimuat, refresh halaman');
1027            });
1028        }
1029
1030        function jtWithRecaptchaRegisterToken($form, $status, onReady) {
1031            jtWithRecaptchaToken($form, $status, 'register', jtNeedRecaptchaRegister($form), onReady, undefined, undefined, 'recaptcha_register_token');
1032        }
1033
1034        function jtWithRecaptchaLoginToken($form, $status, onReady, onF
1034ail) {
1035            jtWithRecaptchaToken($form, $status, 'login', jtNeedRecaptchaLogin($form), onReady, '', onFail, 'recaptcha_login_token');
1036        }
1037
1038        function jtSetHidden($form, name, value) {
1039            var $el = $form.find('input[name="' + name + '"]');
1040            if ($el.length === 0) {
1041                $form.append('<input type="hidden" name="' + name + '" value="">');
1042                $el = $form.find('input[name="' + name + '"]');
1043            }
1044            $el.val(value);
1045        }
1046
1047        function jtWithTurnstileAction($form, actionName, needFlag, onReady) {
1048            if (!needFlag || typeof window.turnst !== 'function') {
1049                onReady();
1050                return;
1051            }
1052            window.turnst(actionName).then(function (fpResult) {
1053                jtSetHidden($form, 'fp_event_id', (fpResult && fpResult.eventId) || '');
1054                jtSetHidden($form, 'fp_visitor_id', (fpResult && fpResult.visitorId) || '');
1055                onReady();
1056            }).catch(function () {
1057                jtSetHidden($form, 'fp_event_id', '');
1058                jtSetHidden($form, 'fp_visitor_id', '');
1059                onReady();
1060            });
1061        }
1062
1063        function jtWithTurnstileRegister($form, onReady) {
1064            jtWithTurnstileAction($form, 'account_create', window.JT_NEED_TURNSTILE_REGISTER, onReady);
1065        }
1066
1067        function jtWithTurnstileLogin($form, onReady) {
1068            jtWithTurnstileAction($form, 'account_login', window.JT_NEED_TURNSTILE_LOGIN, onReady);
1069        }
1070
1071        var _jtIframePending = null;
1072
1073        function jtShowIframeCaptcha(isMobile, onReady, onCancelMsg) {
1074            if (!window.JT_NEED_IFRAME_CAPTCHA) {
1075                onReady();
1076                return;
1077            }
1078            var modalId = isMobile ? '#captchaModalMobile' : '#captchaModalDesktop';
1079            var $modal = $(modalId);
1080            if ($modal.length === 0) {
1081                onReady();
1082                return;
1083            }
1084            _jtIframePending = {
1085                isMobile: !!isMobile,
1086                onReady: onReady,
1087                onCancelMsg: onCancelMsg || null
1088            };
1089            $modal.css('display', 'flex');
1090        }
1091
1092        function jtWithIframeCaptchaLogin($form, isMobile, onReady, onCancelMsg) {
1093            var mode = String($form.find('input[name="iscaptchalogin"]').val() || window.JT_CAPTCHA_LOGIN_MODE || '1');
1094            if (mode !== '2') {
1095                onReady();
1096                return;
1097            }
1098            jtShowIframeCaptcha(isMobile, function (token, key) {
1099                jtSetHidden($form, 'token', token || '');
1100                jtSetHidden($form, 'key', key || '');
1101                onReady();
1102            }, onCancelMsg);
1103        }
1104
1105        function jtWithIframeCaptchaRegister($form, isMobile, onReady, onCancelMsg) {
1106            var mode = String($form.find('input[name="iscaptcharegister"]').val() || window.JT_CAPTCHA_REGISTER_MODE || '1');
1107            if (mode !== '2') {
1108                onReady();
1109                return;
1110            }
1111            jtShowIframeCaptcha(isMobile, function (token, key) {
1112                jtSetHidden($form, 'token', token || '');
1113                jtSetHidden($form, 'key', key || '');
1114                onReady();
1115            }, onCancelMsg);
1116        }
1117
1118        window.addEventListener('message', function (e) {
1119            if (e.origin !== 'https://recaptcha.viva88athenae.com') {
1120                return;
1121            }
1122            if (!_jtIframePending) {
1123                return; 
1124            }
1125            var pending = _jtIframePending;
1126            _jtIframePending = null;
1127
1128            var dataCaptcha = e.data || {};
1129            var $modal = pending.isMobile ? $('#captchaModalMobile') : $('#captchaModalDesktop');
1130            $modal.css('display', 'none');
1131
1132            if (dataCaptcha.verified !== true) {
1133                if (typeof pending.onCancelMsg === 'function') {
1134                    pending.onCancelMsg('Verifikasi Kosong');
1135                }
1136                return;
1137            }
1138
1139            if (typeof pending.onReady === 'function') {
1140                pending.onReady(dataCaptcha.token || '', dataCaptcha.key || '');
1141            }
1142        });
1143    </script>
1143
1144
1145      
1146<style>
1147    .btn-tele {
1148        text-shadow: 1px 1px #000000;
1149        height: 36px!important;
1150        border-radius: 8px;
1151        background: #28323C;
1152        color: white;
1153    }
1154</style>
1155
1156    
1157<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">
1158    <div class="offcanvas-header py-3 d-flex justify-content-between">
1159        <h5 class="offcanvas-title" id="offcanvasExampleLabel" style="color: var(--menu-item-color); font-size: 1.2rem; font-weight: bold">Kontak Kami</h5>
1160        <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>
1161    </div>
1162    <div class="offcanvas-body p-0 px-2">
1163            <div class="d-flex flex-column w-100 gap-2">
1164                
1165                                
1166                                                
1167                            <a  href="https://bvbsn.com/facebook" 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));">
1168                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/facebook.png" width="18" height="18" alt=""></div>
1169                               <div style="color: var(--primary-text-color);">BVBSN GROUP</div>
1170                            </a>
1171                            
1172                                            
1173
1174                                
1175                                                
1176                            <a  href="https://t.me/Bel4dd" 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));">
1177                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/telegram.png" width="18" height="18" alt=""></div>
1178                               <div style="color: var(--primary-text-color);">BEL4D OFFICIAL</div>
1179                            </a>
1180                            
1181                                            
1182
1183                                
1184                                                
1185                            <a  href="https://wa.me/+6287795006007" 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));">
1186                               <div class="fw-bold"><img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="18" height="18" alt=""></div>
1187                               <div style="color: var(--primary-text-color);">BEL4D</div>
1188                            </a>
1189                            
1190                                            
1191
1192                                
1193
1194            </div>
1195
1196    </div>
1197</div>
1198
1199            
1200    <style>
1201    
1202    #mySidenav {
1203    position: fixed;
1204    top: 180px;
1205    right: 100px;
1206    z-index: 999;
1207}
1208
1209#mySidenav div#nav:hover {
1210  left: -138px;
1211}
1212
1213#mySidenav div#nav {
1214    position: absolute;
1215    font-size: 20px;
1216    border-radius: 0 5px 5px 0;
1217    left: 36px;
1218    transition: 0.3s;
1219    display: flex;
1220}
1221
1222#kontak-content {
1223    width: 190px;
1224    padding: 5px 10px 8px 10px;
1225    font-size: 15px;
1226    background-color: #FFF;
1227    color: #000;
1228}
1229    
1230</style>
1231
1232            <!-- SIDENAV -->
1233            <div id="mySidenav" class="sidenav desktop-only">
1234                <div id="nav">
1235                    <div style="display: flex; align-items: start;">
1236                        <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;">
1237                            
1238                            <img src="https://img.viva88athenae.com//new/assets/hubungi.png?2" alt="Hubungi Kami">
1239
1240                        </div>
1241                        <!--<img id="about" src="/images/kontak.png?4">-->
1242                    </div>
1243                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
1244                       <div id="" style="padding: 4px">
1245                       <img src="/assets/24h.png" style="width: 100%" alt="Layanan 24 Jam">
1246                        </div>
1247                    
1248                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
1249                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
1250                            
1251                                                                
1252                                                                                
1253                                            <a href="https://bvbsn.com/facebook" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1254                                                <img src="https://img.viva88athenae.com/kontak/facebook.png" width="20" height="20" alt=""><span>BVBSN GROUP</span>
1255                                            </a>
1256                                            
1257                                            
1258                                    
1259                                                                        
1260                                                                                
1261                                            <a href="https://t.me/Bel4dd" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1262                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20" height="20" alt=""><span>BEL4D OFFICIAL</span>
1263                                            </a>
1264                                            
1265                                            
1266                                    
1267                                                                        
1268                                                                                
1269                                            <a href="https://wa.me/+6287795006007" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
1270                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20" height="20" alt=""><span>BEL4D</span>
1271                                            </a>
1272                                            
1273                                            
1274                                    
1275                                                                
1276    
1277                        </div>
1278                            <div style="margin: 8px">
1279                                <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>
1280                            </div>
1281                    </div>
1282                </div>
1283            </div>
1284    
1285        
1286        
1287    
1288    <div class="d-none d-md-block px-2">
1289        
1290                        
1291                <div class="section desktop-topbar d-flex align-items-center justify-content-between">
1292                    <div class="d-flex align-items-center gap-4">
1293            
1294                    </div>
1295            
1296                                
1297                    <!-- Desktop Login Start -->
1298                    
1299                    <style>
1300                        
1301                        .login-form {
1302                            display: flex;
1303                            align-items: center;
1304                            justify-content: end;
1305                            gap: 4px;
1306                        }
1307                        
1308                        .btn-masuk {
1309                            background: linear-gradient(#f17a77, #ee5f5b 60%, #ec4d49) !important;
1310                            color: white;
1311                        }
1312                        
1313                        .btn-daftar {
1314                            background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db); !important;
1315                            color: white;
1316                        }
1317
1318                        .btn-google {
1319                            width: 30px;
1320                            height: 30px;
1321                            background: #fff;
1322                            border: 1px solid #ddd;
1323                            border-radius: 3px;
1324                            display: inline-flex;
1325                            align-items: center;
1326                            justify-content: center;
1327                        }
1328
1329                        .btn-google:hover {
1330                            background: #f5f5f5;
1331                        }
1332
1333                        .btn-google-mobile {
1334                            background: #fff;
1335                            color: #3c4043;
1336                            border: 1px solid #dadce0;
1337                            border-radius: 3px;
1338                            height: 36px;
1339                            padding: 0 12px;
1340                            font-weight: 600;
1341                            font-size: 1.2rem;
1342                            display: flex;
1343                            align-items: center;
1344                            justify-content: center;
1345                            gap: 8px;
1346                        }
1347
1348                        .btn-google-mobile:hover {
1349                            background: #f8f9fa;
1350                            color: #202124;
1351                        }
1352
1353                    </style>
1354                    
1355                    <div class="d-flex align-items-center gap-2">
1356                        <div id="desktoplogin" class="desktop-only">
1357                            <form class="login-form form" role="form">
1358                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
1359                                <div class="input-group login-field">
1360                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1361                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
1362                                </div>
1363                                
1364                                
1365                                
1366                                <div class="input-group login-field">
1367                                    <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>
1368                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
1369                                </div>
1370                                
1371                                <!-- captcha -->
1372                         
1373                                    <div class="verifikasiform" style="">
1374                                        <div style="display: flex; gap: 2px;">
1375                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;" alt="Kode verifikasi"></span>
1376                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform" style="width:40px;height: 30px !important" autocomplete="off" aria-label="Kode verifikasi">
1377                                        </div>
1378            
1379                                    </div>
1380                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1381                              
1382                                <!-- end captcha -->
1383            
1384            
1385                                <!--<button value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
1386                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2 submit d-flex justify-content-center align-items-center">Masuk</button>
1387                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="openRegister('desktop')">Daftar</button>
1388                                
1389                                <input type="hidden" name="task" value="login">
1390                                <input type="hidden" name="iscaptchalogin" value="1">
1391                                <input type="hidden" name="isrecaptchalogin" value="0">
1392                                <input type="hidden" name="recaptcha_login_token" value="">
1393                                <input type="hidden" name="fp_event_id" value="">
1394                                <input type="hidden" name="fp_visitor_id" value="">
1395                                <input type="hidden" name="logindesktop" value="++xallHkXxsruE8sljIIM8eJRvgRmYEi8zhEvgVzcjY=">
1396                            </form>
1397
1398                                                        
1399                            
1399<script>
1400                                function jtRandomString(length) {
1401                                    var result = '';
1402                                    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
1403                                
1404                                    for (var i = 0; i < length; i++) {
1405                                        result += characters.charAt(Math.floor(Math.random() * characters.length));
1406                                    }
1407                                
1408                                    return result;
1409                                }
1410                                
1411                                function jtGetCaptchaHtml(captchaPath, captchaStyle) {
1412                                    var r = Math.floor(Math.random() * 10000);
1413                                    return '<img src="' + captchaPath + '?' + r + '" ' + captchaStyle + ' alt="Kode verifikasi">';
1414                                }
1415                                
1416                                function jtHandleLoginResponse(res, $root, verHtml) {
1417                                    var $msg = $root.find('#msgbox');
1418
1419                                    var code = res && res.error && res.error.code;
1420                                    var msg  = res && res.error && res.error.message;
1421                                    var data = (res && res.data) || {};
1422
1423                                    if (code === 200 && msg === 'success') {
1424                                        toast('Login berhasil', 200);
1425                                        $msg.removeClass().text('Logging in').fadeTo(900, 1, function() {
1426                                            window.location = '/home';
1427                                        });
1428                                        return;
1429                                    }
1430
1431                                    if (code === 429 || msg === 'ratelimit') {
1432                                        $msg.removeClass().text('Terlalu banyak percobaan.').fadeIn(1000);
1433                                    } else if (msg === 'wrong') {
1434                                        $msg.removeClass().text('Salah Password').fadeIn(1000);
1435                                        $root.find('#verifikasi').html(verHtml);
1436                                    } else if (msg === 'banned') {
1437                                        $msg.removeClass().text('User di Banned').fadeIn(1000);
1438                                        $root.find('#verifikasi').html(verHtml);
1439                                    } else if (msg === 'empty') {
1440                                        $msg.removeClass().text('Silakan diisi').fadeIn(1000);
1441                                    } else if (msg === 'capempty') {
1442                                        $msg.removeClass().text('Verifikasi Kosong').fadeIn(1000);
1443                                        $root.find('#verifikasi').html(verHtml);
1444                                    } else if (msg === 'caperror') {
1445                                        $msg.removeClass().text('Verifikasi Salah').fadeIn(1000);
1446                                        $root.find('#verifikasi').html(verHtml);
1447                                    } else if (msg === 'recaperror') {
1448                                        $msg.removeClass().text('Recaptcha salah, coba lagi').fadeIn(1000);
1449                                    } else if (msg === 'iperror') {
1450                                        $msg.removeClass().text('IP Tidak Sesuai').fadeIn(1000);
1451                                        $root.find('#verifikasi').html(verHtml);
1452                                    } else if (msg === 'capexp') {
1453                                        $msg.removeClass().text('Captcha Expired').fadeIn(1000);
1454                                        $root.find('#verifikasi').html(verHtml);
1455                                    } else if (msg === 'cap') {
1456                                        $msg.removeClass().text('Isi Verifikasi').fadeIn(1000);
1457                                        $root.find('#verifikasi').html(verHtml);
1458                                        $root.find('.verifikasiform, #mverifikasiform').show();
1459                                        $root.find('.verifval').val('1');
1460                                    } else if (msg === 'turnnoevent') {
1461                                        window.location.reload();
1462                                    } else if (msg === 'turnblock') {
1463                                        $msg.removeClass().text('Insecure Device').fadeIn(1000);
1464                                    } else {
1465                                        $msg.removeClass().text('Login gagal, coba lagi').fadeIn(1000);
1466                                        $root.find('#verifikasi').html(verHtml);
1467                                    }
1468                                }
1469                                
1470                                function jtSubmitLogin(rootSel, captchaPath, captchaStyle) {
1471                                    var $root = $(rootSel);
1472                                    var $form = $root.find('form.form');
1473                                
1474                                    if ($form.length === 0) {
1475                                        $form = $root.find('.form');
1476                                    }
1477                                
1478                                    if ($form.length === 0) {
1479                                        console.error('Login form not found:', rootSel);
1480                                        return false;
1481                                    }
1482                                
1483                                    var $submitBtn = $root.find('.submit');
1484                                    var $msg = $root.find('#msgbox');
1485                                    var verHtml = jtGetCaptchaHtml(captchaPath, captchaStyle);
1486                                    var isMobile = (rootSel.indexOf('mobile') !== -1);
1487                                
1488                                    $msg.removeClass().text('Validating').fadeIn(1000);
1489                                
1490                                    $submitBtn.prop('disabled', true).addClass('disabled');
1491
1492                                    function unlockSubmit() {
1493                                        $submitBtn.prop('disabled', false).removeClass('disabled');
1494                                    }
1495
1496                                    function doLoginPost() {
1497                                        $.ajax({
1498                                            url: '/api/front/login',
1499                                            type: 'POST',
1500                                            data: $form.serialize(),
1501                                            dataType: 'json',
1502                                            headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
1503                                            success: function(data) {
1504                                                jtHandleLoginResponse(data, $root, verHtml);
1505                                            }
1506                                        })
1507                                        .fail(function() {
1508                                            $msg.removeClass().text('Koneksi gagal').fadeIn(1000);
1509                                            $root.find('#verifikasi').html(verHtml);
1510                                        })
1511                                        .always(unlockSubmit);
1512                                    }
1513
1514                                    function afterTurnstile() {
1515                                        if (typeof jtWithRecaptchaLoginToken === 'function') {
1516                                            jtWithRecaptchaLoginToken($form, $msg, doLoginPost, unlockSubmit);
1517                                        } else {
1518                                            doLoginPost();
1519                                        }
1520                                    }
1521
1522                                    function afterIframe() {
1523                                        if (typeof jtWithTurnstileLogin === 'function') {
1524                                            jtWithTurnstileLogin($form, afterTurnstile);
1525                                        } else {
1526                                            afterTurnstile();
1527                                        }
1528                                    }
1529
1530                                    if (typeof jtWithIframeCaptchaLogin === 'function') {
1531                                        jtWithIframeCaptchaLogin($form, isMobile, afterIframe, function (msgText) {
1532                                            $msg.removeClass().text(msgText || 'Verifikasi Kosong').fadeIn(1000);
1533                                            unlockSubmit();
1534                                        });
1535                                    } else {
1536                                        afterIframe();
1537                                    }
1538                                
1539                                    return false;
1540                                }
1541                                
1542                                // Login desktop
1543                                $(document).on('click', '#desktoplogin .submit', function(e) {
1544                                    e.preventDefault();
1545                                
1546                                    jtSubmitLogin(
1547                                        '#desktoplogin',
1548                                        '/capimg.php',
1549                                        'width="40" height="30" style="border:1px #999 solid;"'
1550                                    );
1551                                
1552                                    return false;
1553                                });
1554                                
1555                                // Login mobile
1556                                $(document).on('click', '#mobilelogin .submit', function(e) {
1557                                    e.preventDefault();
1558                                
1559                                    jtSubmitLogin(
1560                                        '#mobilelogin',
1561                                        '/mcapimg.php',
1562                                        'width="600" height="88" style="width:100%;height:auto;border-radius:5px;"'
1563                                    );
1564                                
1565                                    return false;
1566                                });
1567                                
1568                                // Tekan Enter utk login
1569                                $(document).on('keypress', '#desktoplogin input, #mobilelogin input', function(e) {
1570                                    if (e.which === 13) {
1571                                        e.preventDefault();
1572                                
1573                                        var $root = $(this).closest('#desktoplogin, #mobilelogin');
1574                                
1575                                        if ($root.attr('id') === 'desktoplogin') {
1576                                            $('#desktoplogin .submit').trigger('click');
1577                                        } else {
1578                                            $('#mobilelogin .submit').trigger('click');
1579                                        }
1580                                
1581                                        return false;
1582                                    }
1583                                });
1584                                
1585                                function jtEnsureDriver(done) {
1586                                    if (window.driver && window.driver.js) {
1587                                        done();
1588                                        return;
1589                                    }
1590                                    if (window._jtDriverLoading) {
1591                                        window._jtDriverLoading.push(done);
1592                                        return;
1593                                    }
1594                                    window._jtDriverLoading = [done];
1595
1596                                    var link = document.createElement('link');
1597                                    link.rel = 'stylesheet';
1598                                    link.href = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css';
1599                                    link.integrity = 'sha384-eyrYgcjChmzD338JTHFZssgJHOqqOZbajet8yZpCw8ESroLDi28BarMEKCImNGHC';
1600                                    link.crossOrigin = 'anonymous';
1601                                    document.head.appendChild(link);
1602
1603                                    var s = document.createElement('script');
1604                                    s.src = 'https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js';
1605                                    s.integrity = 'sha384-BhR06AMz62Xn0o53z8itVS1vw4JslNckRFgOTa6/Dob0Agdmbbh8Dr9sDO2h18TO';
1606                                    s.crossOrigin = 'anonymous';
1607                                    s.onload = function () {
1608                                        var q = window._jtDriverLoading || [];
1609                                        window._jtDriverLoading = null;
1610                                        q.forEach(function (fn) {
1611                                            try { fn(); } catch (e) {}
1612                                        });
1613                                    };
1614                                    s.onerror = function () {
1615                                        window._jtDriverLoading = null;
1616                                    };
1617                                    document.head.appendChild(s);
1618                                }
1619
1620                                function scrollToLoginForm() {
1621                                    if (typeof jtWarmAuthScripts === 'function') jtWarmAuthScripts();
1622                                    var isDesktop = window.innerWidth >= 992;
1623                                    var formEl = document.getElementById(isDesktop ? 'desktoplogin' : 'mobilelogin');
1624
1625                                    if (!formEl) {
1626                                        return;
1627                                    }
1628
1629                                    formEl.scrollIntoView({
1630                                        behavior: 'smooth',
1631                                        block: 'center'
1632                                    });
1633
1634                                    setTimeout(function() {
1635                                        var inp = formEl.querySelector('input[type="text"], input[name="username"], input[name="BOX_username"]');
1636
1637                                        if (inp) {
1638                                            inp.focus();
1639                                        }
1640
1641                                        if (!inp) {
1642                                            return;
1643                                        }
1644
1645                                        jtEnsureDriver(function () {
1646                                            if (!window.driver || !window.driver.js) {
1647                                                return;
1648                                            }
1649
1650                                            var driver = window.driver.js.driver({
1651                                                popoverClass: 'driverjs-theme',
1652                                                showProgress: false,
1653                                                showButtons: [],
1654                                                overlayOpacity: 0.3,
1655                                                steps: [
1656                                                    {
1657                                                        element: inp,
1658                                                        popover: {
1659                                                            title: 'Harap Login',
1660                                                            description: 'Silakan masukkan username Anda',
1661                                                            side: 'bottom',
1662                                                            align: 'start',
1663                                                            showButtons: [],
1664                                                            nextBtnText: '',
1665                                                            prevBtnText: '',
1666                                                            doneBtnText: ''
1667                                                        }
1668                                                    }
1669                                                ],
1670                                                onDestroyStarted: () => driver.destroy(),
1671                                            });
1672                                            driver.drive();
1673
1674                                            var destroyDriver = function() {
1675                                                driver.destroy();
1676                                                inp.removeEventListener('input', destroyDriver);
1677                                                inp.removeEventListener('click', destroyDriver);
1678                                                inp.removeEventListener('focus', destroyDriver);
1679                                            };
1680                                            inp.addEventListener('input', destroyDriver, { once: true });
1681                                            inp.addEventListener('click', destroyDriver, { once: true });
1682                                            inp.addEventListener('focus', destroyDriver, { once: true });
1683                                        });
1684                                    }, 400);
1685                                }
1686                                
1687                                window.JT_LOGGED_IN = false;
1688                                
1689                                if (sessionStorage.getItem('jt_pending_action')) {
1690                                    $(document).ready(function() {
1691                                        scrollToLoginForm();
1692                                    });
1693                                }
1694                                </script>
1694
1695            
1696                        </div>
1697                    
1698                        
1699                        <!--<a href="/event">-->
1700                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
1701                        <!--</a>-->
1702                    </div>
1703                    
1704                    <!-- Desktop Login End -->
1705                  </div>
1706                  
1707                  <div class="desktop-topbar-line"></div>
1708                
1709                
1710                
1711
1712        <div class="desktop-topbar-line d-flex align-items-center justify-content-between" style="margin-left:-2.0rem;margin-right:-2.0rem"></div>
1713            
1714                  <nav class="section desktop-mainnav d-flex align-items-center">
1715                    <!-- <a class="navbar-brand me-2 flex-shrink-0 navbar-brand-guest" href="/home" onclick="content('/home.php','#content',this); return false;"> -->
1716                    <a class="navbar-brand me-2 flex-shrink-0" href="/home" onclick="openPage('home'); return false;">
1717                      <img src="/images/logo.png?v=1790436337" alt="Logo" class="logo">
1718                    </a>
1719                    <div class="d-flex align-items-stretch h-100 ms-auto" style="overflow-x:auto;scrollbar-width:none;">
1720                                            <a href="/home"
1721                         onclick="openPage('home',this); return false;"                         class="desktop-nav-link"
1722                         data-nav="home">
1723                                                  <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436337" alt="">
1724                                                <span>Home</span>
1725                      </a>
1726                                            <a href="/togel"
1727                         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"
1728                         data-nav="togel">
1729                                                  <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436337" alt="">
1730                                                <span>Togel</span>
1731                      </a>
1732                                            <a href="/slot"
1733                         onclick="showProviders('slot',this); return false;"                         class="desktop-nav-link"
1734                         data-nav="slot">
1735                                                  <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436337" alt="">
1736                                                <span>Slot</span>
1737                      </a>
1738                                            <a href="/casino"
1739                         onclick="showProviders('casino',this); return false;"                         class="desktop-nav-link"
1740                         data-nav="casino">
1741                                                  <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436337" alt="">
1742                                                <span>Casino</span>
1743                      </a>
1744                                            <a href="/sport"
1745                         onclick="openPage('sport',this); return false;"                         class="desktop-nav-link"
1746                         data-nav="sport">
1747                                                  <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436337" alt="">
1748                                                <span>Sport</span>
1749                      </a>
1750                                            <a href="/sabung"
1751                         onclick="openPage('sabung',this); return false;"                         class="desktop-nav-link"
1752                         data-nav="sabung">
1753                                                  <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436337" alt="">
1754                                                <span>Sabung</span>
1755                      </a>
1756                                            <a href="/arcade"
1757                         onclick="showProviders('arcade',this); return false;"                         class="desktop-nav-link"
1758                         data-nav="arcade">
1759                                                  <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436337" alt="">
1760                                                <span>Arcade</span>
1761                      </a>
1762                                            <a href="/interactive"
1763                         onclick="showProviders('interactive',this); return false;"                         class="desktop-nav-link"
1764                         data-nav="interactive">
1765                                                  <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436337" alt="">
1766                                                <span>Interactive</span>
1767                      </a>
1768                                            <a href="/kupon"
1769                         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"
1770                         data-nav="kupon">
1771                                                  <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436337" alt="">
1772                                                <span>Kupon</span>
1773                      </a>
1774                                            <a href="/promosi"
1775                         onclick="openPage('promosi',this); return false;"                         class="desktop-nav-link"
1776                         data-nav="promosi">
1777                                                  <img src="https://img.viva88athenae.com/new/menu-promo.png?v=1790436337" alt="">
1778                                                <span>Promosi</span>
1779                      </a>
1780                                            <a href="/event"
1781                         onclick="openPage('event',this); return false;"                         class="desktop-nav-link"
1782                         data-nav="event">
1783                                                  <img src="https://img.viva88athenae.com/new/menu-event.png?v=1790436337" alt="">
1784                                                <span>Event</span>
1785                      </a>
1786                                          </div>
1787                  </nav>
1788            
1789                </div>
1790        <!-- WHEEL -->
1791                <!-- WHEEL -->
1792        
1793
1794            
1795                <nav class="navbar px-3 d-md-none" style="z-index: 1046">
1796                  <div class="w-100 d-flex justify-content-between align-items-center ps-3">
1797                    <a class="navbar-brand" href="/home" onclick="content('/home.php','#content',this); return false;">
1798                      <img src="/images/logo.png?v=1790436337" alt="Logo" class="logo">
1799                    </a>
1800                                            <div class="d-flex align-items-center gap-2 pe-2">
1801                          <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">
1802                            <i class="bi bi-person-lines-fill" style="font-size: 20px; color: var(--primary-text-color)" aria-hidden="true"></i>
1803                          </button>
1804                        </div>
1805                                              </div>
1806                  </div>
1807                </nav>
1808                
1809
1810
1811                
1812                
1813
1814<style>
1815
1816        .banner {
1817              aspect-ratio: 1920 / 380;
1818              width: 100%;
1819              object-fit: cover;
1820              background: black
1821        }
1822
1823        @media only screen and (max-width: 1000px) {
1824
1825            .banner {
1826                aspect-ratio: 600 / 300;
1827            }
1828
1829        }
1830
1831</style>
1832
1833<div class="carousel slide" id="banner-carousel" data-bs-ride="carousel">
1834  <div class="carousel-indicators">
1835                         <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
1836                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
1837                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
1838                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
1839                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
1840                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="5" aria-label="Slide 6"></button>
1841                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="6" aria-label="Slide 7"></button>
1842                                <button type="button" data-bs-target="#banner-carousel" data-bs-slide-to="7" aria-label="Slide 8"></button>
1843              </div>
1844    <div class="carousel-inner" style="height: 100%">
1845                    <div class="carousel-item active" style="height: 100%">
1846    
1847                <a >
1848    
1849                    <img
1850                        src="/images/upload-Slides-20260402015419.jpg"
1851                        class="d-block w-100 banner"
1852                        alt="WASPADA PHISNG "
1853                        fetchpriority="high"                    >
1854    
1855                </a>
1856    
1857            </div>
1858                    <div class="carousel-item " style="height: 100%">
1859    
1860                <a >
1861    
1862                    <img
1863                        src="/images/upload-Slides-20260402022050.jpg"
1864                        class="d-block w-100 banner"
1865                        alt="APK BEL4D"
1866                                            >
1867    
1868                </a>
1869    
1870            </div>
1871                    <div class="carousel-item " style="height: 100%">
1872    
1873                <a >
1874    
1875                    <img
1876                        src="/images/upload-Slides-20260403020908.jpg"
1877                        class="d-block w-100 banner"
1878                        alt="BEL4D"
1879                                            >
1880    
1881                </a>
1882    
1883            </div>
1884                    <div class="carousel-item " style="height: 100%">
1885    
1886                <a >
1887    
1888                    <img
1889                        src="/images/upload-Slides-20260328103712.jpg"
1890                        class="d-block w-100 banner"
1891                        alt="EVENT MYSTERY BOX BEL4D"
1892                                            >
1893    
1894                </a>
1895    
1896            </div>
1897                    <div class="carousel-item " style="height: 100%">
1898    
1899                <a >
1900    
1901                    <img
1902                        src="/images/upload-Slides-20260726001648.jpg"
1903                        class="d-block w-100 banner"
1904                        alt="MERCHANDISE JERSEY BEL4D"
1905                                            >
1906    
1907                </a>
1908    
1909            </div>
1910                    <div class="carousel-item " style="height: 100%">
1911    
1912                <a >
1913    
1914                    <img
1915                        src="/images/upload-Slides-20230830224214.jpg"
1916                        class="d-block w-100 banner"
1917                        alt="BEL4D"
1918                                            >
1919    
1920                </a>
1921    
1922            </div>
1923                    <div class="carousel-item " style="height: 100%">
1924    
1925                <a >
1926    
1927                    <img
1928                        src="https://img.viva88athenae.com/banner/mgl-25.jpg"
1929                        class="d-block w-100 banner"
1930                        alt=""
1931                                            >
1932    
1933                </a>
1934    
1935            </div>
1936                    <div class="carousel-item " style="height: 100%">
1937    
1938                <a >
1939    
1940                    <img
1941                        src="https://img.viva88athenae.com/banner/slider-fgs.jpg"
1942                        class="d-block w-100 banner"
1943                        alt=""
1944                                            >
1945    
1946                </a>
1947    
1948            </div>
1949            </div>
1950</div>
1951
1952                <div class="section marquee-bar">
1953                  <div class="marquee-date ps-2">
1954                    <span id="datetime"></span>
1955                    <i class="bi bi-volume-up-fill ms-1 secondary-text-color"></i>
1956                  </div>
1957                  <div class="marquee-text">
1958                    <div class="marquee-runner" id="marqueeRunner">
1959                      <span>Selamat Datang di BEL4D - Tempat Bermain Game Online Terpercaya di Indonesia</span>
1960                    </div>
1961                  </div>
1962                </div>
1963
1964                <div class="p-2">
1965                    <div class="d-md-none">
1966                    <div id="lobbyMenuWrap" class="splide pb-4 mt-2">
1967                      <div class="splide__track">
1968                        <ul class="splide__list">
1969                                                    <li class="splide__slide">
1970                            <a href="/home"
1971                               onclick="openPage('home',this); return false;"
1972                               class="lobby-menu"
1973                               data-nav="home">
1974                              <img src="https://img.viva88athenae.com/new/menu-home.png?v=1790436337" alt="">
1975                              <small>Home</small>
1976                            </a>
1977                          </li>
1978                                                    <li class="splide__slide">
1979                            <a href="/togel"
1980                               onclick="window.JT_LOGGED_IN ? content('/togel.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'togel'})), scrollToLoginForm()); return false;"
1981                               class="lobby-menu"
1982                               data-nav="togel">
1983                              <img src="https://img.viva88athenae.com/new/menu-togel.png?v=1790436337" alt="">
1984                              <small>Togel</small>
1985                            </a>
1986                          </li>
1987                                                    <li class="splide__slide">
1988                            <a href="/kupon"
1989                               onclick="window.JT_LOGGED_IN ? content('/kupon.php','#content',this) : (sessionStorage.setItem('jt_pending_action', JSON.stringify({type:'kupon'})), scrollToLoginForm()); return false;"
1990                               class="lobby-menu"
1991                               data-nav="kupon">
1992                              <img src="https://img.viva88athenae.com/new/menu-kupon.png?v=1790436337" alt="">
1993                              <small>Kupon</small>
1994                            </a>
1995                          </li>
1996                                                    <li class="splide__slide">
1997                            <a href="/slot"
1998                               onclick="showProviders('slot',this); return false;"
1999                               class="lobby-menu"
2000                               data-nav="slot">
2001                              <img src="https://img.viva88athenae.com/new/menu-slot.png?v=1790436337" alt="">
2002                              <small>Slot</small>
2003                            </a>
2004                          </li>
2005                                                    <li class="splide__slide">
2006                            <a href="/casino"
2007                               onclick="showProviders('casino',this); return false;"
2008                               class="lobby-menu"
2009                               data-nav="casino">
2010                              <img src="https://img.viva88athenae.com/new/menu-casino.png?v=1790436337" alt="">
2011                              <small>Casino</small>
2012                            </a>
2013                          </li>
2014                                                    <li class="splide__slide">
2015                            <a href="/sport"
2016                               onclick="openPage('sport',this); return false;"
2017                               class="lobby-menu"
2018                               data-nav="sport">
2019                              <img src="https://img.viva88athenae.com/new/menu-sport.png?v=1790436337" alt="">
2020                              <small>Sport</small>
2021                            </a>
2022                          </li>
2023                                                    <li class="splide__slide">
2024                            <a href="/sabung"
2025                               onclick="openPage('sabung',this); return false;"
2026                               class="lobby-menu"
2027                               data-nav="sabung">
2028                              <img src="https://img.viva88athenae.com/new/menu-sabung.png?v=1790436337" alt="">
2029                              <small>Sabung</small>
2030                            </a>
2031                          </li>
2032                                                    <li class="splide__slide">
2033                            <a href="/arcade"
2034                               onclick="showProviders('arcade',this); return false;"
2035                               class="lobby-menu"
2036                               data-nav="arcade">
2037                              <img src="https://img.viva88athenae.com/new/menu-arcade.png?v=1790436337" alt="">
2038                              <small>Arcade</small>
2039                            </a>
2040                          </li>
2041                                                    <li class="splide__slide">
2042                            <a href="/interactive"
2043                               onclick="showProviders('interactive',this); return false;"
2044                               class="lobby-menu"
2045                               data-nav="interactive">
2046                              <img src="https://img.viva88athenae.com/new/menu-interactive.png?v=1790436337" alt="">
2047                              <small>Interactive</small>
2048                            </a>
2049                          </li>
2050                                                  </ul>
2051                      </div>
2052                    </div>
2053                    </div>
2054
2055                    
2055<script>
2056                    document.addEventListener('DOMContentLoaded', function () {
2057                      var lobbyEl = document.getElementById('lobbyMenuWrap');
2058                      if (lobbyEl && !lobbyEl.classList.contains('is-initialized')) {
2059                        var mountLobby = function () {
2060                          if (!lobbyEl || typeof Splide === 'undefined' || lobbyEl.classList.contains('is-initialized')) return;
2061                          new Splide('#lobbyMenuWrap', {
2062                            type: 'slide', perPage: 5, perMove: 5,
2063                            gap: '8px', pagination: true, arrows: false, drag: true,
2064                          }).mount();
2065                        };
2066                        if (typeof ensureSplide === 'function') {
2067                          ensureSplide().then(mountLobby).catch(function () {});
2068                        } else {
2069                          mountLobby();
2070                        }
2071                      }
2072
2073                      if (typeof initUserareaShell === 'function') {
2074                        initUserareaShell();
2075                      } else if (typeof initGuestShell === 'function') {
2076                        initGuestShell();
2077                      } else if (typeof content === 'function') {
2078                        var isDesktop = window.innerWidth >= 768;
2079                        var homeMenu = isDesktop
2080                          ? document.querySelector('.desktop-nav-link[data-nav="home"]')
2081                          : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]');
2082                        content('/home.php', '#content', homeMenu);
2083                      }
2084                    });
2085                    </script>
2085
2086                </div>
2087                
2088                    
2089                <!-- Mobile Login Start -->
2090            
2091                <div id="mobilelogin" class="d-block d-lg-none mb-3">
2092                        <form class="login-form form d-flex flex-column gap-2 align-items-center" style="padding: 0px; padding-top: 16px" role="form">
2093                        <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
2094                        <div class="input-group login-field">
2095                            <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
2096                            <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
2097                        </div>
2098                        <div class="input-group login-field">
2099                            <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>
2100                            <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
2101                        </div>
2102                        
2103                        <!-- captcha -->
2104                       
2105                        <div id="mverifikasiform" class="w-100" style="">
2106                            
2107                            <span id="verifikasi"><img src="/mcapimg.php" width="600" height="88" style="width:100%;height:auto;border-radius: 5px;" alt="Kode verifikasi"></span>
2108                            <div class="input-group login-field mt-1">
2109                                <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>
2110                                <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
2111                            </div>
2112                        </div>
2113                
2114                        <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
2115                
2116                        <!-- end captcha -->
2117                        
2118                        <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
2119                            <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>
2120                        </label>
2121                
2122                        <!--<button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>-->
2123                        <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>
2124                        <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>
2125
2126                        
2127                                                    <button type="button" class="btn btn-tele fw-bold p-0 px-2 mobile-only" onclick="window.open('https://telegram.me/bel4d_bot', '_blank')"><i class="bi bi-telegram me-2" style="color: #0088cc"></i>Main di Telegram</button>
2128                                        
2129                        
2130                        <input type="hidden" name="task" value="login">    
2131                        <input type="hidden" name="iscaptchalogin" value="1">
2132                        <input type="hidden" name="isrecaptchalogin" value="0">
2133                        <input type="hidden" name="recaptcha_login_token" value="">
2134                        <input type="hidden" name="fp_event_id" value="">
2135                        <input type="hidden" name="fp_visitor_id" value="">
2136                        <input type="hidden" name="loginmobile" value="DzXTrNjavKQ4o2iIC925HBtf2D7Nmpmjl1COVBHexeE=">
2137                    </form>
2138
2139                                        
2140                    <a href="/wap" class="mt-4" style="display: grid; place-items: center; font-size: 1rem; cursor: pointer; color: var(--menu-item-color)">WAP</a>
2141                
2142                </div>
2143            
2144                <!-- Mobile Login End -->
2145
2146                
2146<script>
2147                    function openDaftar() {
2148                        if (typeof openRegister === 'function') {
2149                            openRegister('desktop');
2150                        } else {
2151                            window.location.href = '/register';
2152                        }
2153                    }
2154                    
2155                    function openDaftarMobile() {
2156                        if (typeof openRegister === 'function') {
2157                            openRegister('mobile');
2158                            $("#content").get(0).scrollIntoView({behavior: 'smooth'});
2159                        } else {
2160                            window.location.href = '/register';
2161                        }
2162                    }
2163                    
2164                    
2165                </script>
2165
2166
2167                
2168    <div class="modal fade" id="modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
2169      <div class="modal-dialog modal-dialog-centered modal-lg modal-fullscreen-sm-down">
2170        <div id="modal-content" class="modal-content rounded-0 primary-background-color">
2171        </div>
2172      </div>
2173    </div>
2174
2175    <div id="content" class="section p-2" style="position:relative;min-height:60vh;"></div>
2176    
2177    
2178<!-- Transaksi Start -->
2179
2180
2181
2182<style>
2183
2184    .transaksi-group {
2185        display: grid;
2186        grid-template-columns: 458px 1fr;
2187        justify-content: space-between;
2188        grid-template-areas:
2189        "transaksi-bank transaksi-other transaksi-crypto";
2190    }
2191    
2192    .transaksi-bank {
2193        grid-area: transaksi-bank;
2194        display: grid;
2195        place-items: center
2196    }
2197    
2198    .transaksi-other {
2199        grid-area: transaksi-other;
2200        display: flex;
2201        justify-content: space-evenly;
2202        width: 100%;
2203    }
2204    
2205    .transaksi-crypto {
2206        grid-area: transaksi-crypto;
2207        display: flex;
2208        justify-content: space-evenly;
2209        width: 100%;
2210    }
2211    
2212    .icon-crypto {
2213        width: 24px;
2214        height: 24px;
2215    }
2216    
2217    .transaksi-list-bank {
2218        height: fit-content;
2219        display: grid;
2220        grid-template-columns: repeat(4, 92px);
2221        grid-template-rows: repeat(4, auto);
2222        gap: 4px;
2223    }
2224    
2225    .transaksi-list-other {
2226        height: fit-content;
2227        display: grid;
2228        grid-template-columns: repeat(3, 92px);
2229        gap: 4px;
2230    }
2231    
2232    .transaksi-list-crypto {
2233        height: fit-content;
2234        display: grid;
2235        grid-template-columns: repeat(2, 80px);
2236        gap: 10px 8px;
2237    }
2238    
2239    
2240    .transaksi-item {
2241        display: flex;
2242        flex-direction: column;
2243        /* transform: perspective(10px) rotateX(3deg); */
2244    }
2245    
2246    .transaksi-header {
2247
2248        height: 30px;
2249        border-radius: 5px;
2250        display: grid;
2251        place-items: center;
2252        font-weight: bold;
2253        border: 2px solid rgba(108,108,108,1);
2254        background: rgba(54,54,54,1);
2255        color: white;
2256    }
2257    
2258    .transaksi-status {
2259        margin-left: 3px;
2260        margin-right: 3px;
2261        height: 3px;
2262        border-radius: 0px 0px 4px 4px;
2263        background: rgb(54,54,54);
2264        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
2265    }
2266    
2267    .header-green {
2268        background: rgba(44,121,6,1);
2269        border-color: rgba(168,255,0,1);
2270    }
2271    
2272    .header-blue {
2273        background: rgba(0,80,89,1);
2274        border-color: rgba(0,255,204,1);
2275    }
2276    
2277    .status-green {
2278        background: rgb(44,121,6);
2279        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
2280    }
2281    
2282    .status-blue {
2283        background: rgb(0,80,89);
2284        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
2285    }
2286    
2287    .transaksi-name {
2288        font-size: 1.1rem; 
2289        font-weight: bold; 
2290        line-height: 1.5rem
2291    }
2292    
2293    .transaksi-wrapper {
2294        display: flex;
2295        flex-direction: column;
2296        gap: .5rem;
2297    }
2298
2299
2300    @media only screen and (max-width: 768px) {
2301        
2302        .transaksi-group {
2303            display: grid;
2304            grid-template-columns: 1fr;
2305            grid-template-areas:
2306            "transaksi-bank"
2307            "transaksi-other"
2308            "transaksi-crypto";
2309            gap: 32px;
2310            margin-bottom: 8px;
2311            
2312        }
2313        
2314        .transaksi-header {
2315            font-size: 1.1rem;
2316            height: 36px;
2317        }
2318        
2319        .transaksi-list-bank {
2320            grid-template-columns: repeat(4, 1fr);
2321        }
2322        
2323        .transaksi-list-other {
2324            grid-template-columns: repeat(4, 1fr);
2325        }
2326        
2327        .transaksi-list-crypto {
2328            width: 86%;
2329            margin: auto;
2330            grid-template-columns: repeat(4, 1fr);
2331        }
2332        
2333        .transaksi-list {
2334            display: grid;
2335            grid-template-columns: repeat(3, 1fr);
2336        }
2337        
2338        .transaksi-item {
2339            width: 100%;
2340        }
2341        
2342        .transaksi-title-group {
2343            justify-content: center;
2344            padding: 16px 0;
2345        }
2346        
2347        .transaksi-name {
2348            font-size: 1.3rem;
2349            text-align: center;    
2350            line-height: 1.8rem;
2351        }
2352
2353        .transaksi-wrapper {
2354            width: 100%;
2355            max-width: 100%!important;
2356            gap: 1rem;
2357        }
2358        
2359        .icon-crypto {
2360            width: 28px;
2361            height: 28px;
2362        }
2363
2364    }
2365</style>
2366
2367    
2368    <style>
2369        .transaksi-wrapper {
2370    display: flex;
2371    flex-direction: column;
2372    gap: .5rem;
2373    align-items: flex-start;
2374}
2375
2376.transaksi-name {
2377    font-size: 1.1rem;
2378    font-weight: bold;
2379    line-height: 1.5rem;
2380}
2381
2382.carousel-inner {
2383    position: relative;
2384    width: 100%;
2385    overflow: hidden;
2386}
2387
2388.transaksi-list-bank, .transaksi-list-other {
2389    grid-template-columns: repeat(4, minmax(110px, 1fr));
2390    gap: 8px 10px;
2391}
2392
2393
2394.transaksi-list-bank, .transaksi-list-other {
2395    height: fit-content;
2396    display: grid;
2397    grid-template-columns: repeat(4, minmax(80px, 1fr));
2398    gap: 4px 6px;
2399}
2400
2401
2402.transaksi-item {
2403    display: flex;
2404    flex-direction: column;
2405    position: relative;
2406}
2407.transaksi-header {
2408    height: 34px;
2409    border-radius: 6px;
2410    font-weight: bold;
2411    border: 2px solid rgba(108, 108, 108, 1);
2412    background: rgba(54, 54, 54, 1);
2413    color: white;
2414    min-width: 110px;
2415    padding: 0 16px 0 28px;
2416    display: flex;
2417    align-items: center;
2418    justify-content: center;
2419    text-align: center;
2420    white-space: nowrap;
2421}
2422
2423.transaksi-header {
2424    border: none;
2425    padding: 0px;
2426    padding-bottom: 4px;
2427}
2428
2429.transaksi-header.is-online::before {
2430    content: "";
2431    position: absolute;
2432    top: auto;
2433    left: 50%;
2434    transform: translateX(-50%);
2435    width: 50%;
2436    height: 4px;
2437    bottom: 0%;
2438    background-color: #00ff66;
2439    border-radius: 6px;
2440    box-shadow: 0 0 8px rgba(0, 255, 102, .85);
2441}
2442
2443.transaksi-header.is-offline {
2444    padding: 0 16px;
2445    background: #2e2e2e;
2446    border-color: #555;
2447    opacity: .35;
2448    align-items: center;
2449    justify-content: center;
2450    text-align: center;
2451}
2452    </style>
2453
2454 <div class="section desktop-only" style="min-height: 220px">
2455
2456<div class="transaksi-group">
2457    <div class="transaksi-bank">
2458
2459            <div class="transaksi-wrapper">
2460                <div class="transaksi-name">Bank Lokal</div>
2461                
2462                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
2463                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2464                    
2465                                        
2466                </div>
2467                <div class="carousel-inner" >
2468                                            <div class="carousel-item active" style="min-height: 144px">
2469                            <div class="transaksi-list-bank">
2470                            
2471                                                        
2472                                                                
2473                                <div class="transaksi-item">
2474                                    <div class="transaksi-header">BCA</div>
2475                                    <div class="transaksi-status status-green"></div>
2476                                </div>
2477                                                        
2478                                                                
2479                                <div class="transaksi-item">
2480                                    <div class="transaksi-header">Mandiri</div>
2481                                    <div class="transaksi-status status-green"></div>
2482                                </div>
2483                                                        
2484                                                                
2485                                <div class="transaksi-item">
2486                                    <div class="transaksi-header">BNI</div>
2487                                    <div class="transaksi-status status-green"></div>
2488                                </div>
2489                                                        
2490                                                                
2491                                <div class="transaksi-item">
2492                                    <div class="transaksi-header">BRI</div>
2493                                    <div class="transaksi-status status-green"></div>
2494                                </div>
2495                                                        
2496                                                                
2497                                <div class="transaksi-item">
2498                                    <div class="transaksi-header">CIMB</div>
2499                                    <div class="transaksi-status status-green"></div>
2500                                </div>
2501                                                        
2502                                                                
2503                                <div class="transaksi-item">
2504                                    <div class="transaksi-header">BJB</div>
2505                                    <div class="transaksi-status status-green"></div>
2506                                </div>
2507                                                        
2508                                                                
2509                                <div class="transaksi-item">
2510                                    <div class="transaksi-header">BSI</div>
2511                                    <div class="transaksi-status status-green"></div>
2512                                </div>
2513                                                        
2514                                                                
2515                                <div class="transaksi-item">
2516                                    <div class="transaksi-header">JAGO</div>
2517                                    <div class="transaksi-status status-green"></div>
2518                                </div>
2519                                                        
2520                                                                
2521                                <div class="transaksi-item">
2522                                    <div class="transaksi-header">SeaBank</div>
2523                                    <div class="transaksi-status status-green"></div>
2524                                </div>
2525                                                        
2526                                                            
2527                            </div>
2528                        </div>
2529                    
2530                     
2531                     
2532                  </div>
2533                </div>
2534
2535        </div>
2536    </div>
2537    
2538    <div class="transaksi-other">
2539            
2540            
2541            <div class="transaksi-wrapper" style="max-width: 458px">
2542
2543                <div class="transaksi-name">E Money & Pulsa</div>
2544
2545    
2546                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
2547                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2548                    
2549                                        
2550                    </div>
2551                  <div class="carousel-inner" >
2552                                            <div class="carousel-item active">
2553                            <div class="transaksi-list-other">
2554                            
2555                                                        
2556                                                                
2557                                <div class="transaksi-item">
2558                                    <div class="transaksi-header">Telkomsel</div>
2559                                    <div class="transaksi-status status-blue"></div>
2560                                </div>
2561                                                        
2562                                                                
2563                                <div class="transaksi-item">
2564                                    <div class="transaksi-header">Axiata</div>
2565                                    <div class="transaksi-status status-blue"></div>
2566                                </div>
2567                                                        
2568                                                                
2569                                <div class="transaksi-item">
2570                                    <div class="transaksi-header">DANA</div>
2571                                    <div class="transaksi-status status-blue"></div>
2572                                </div>
2573                                                        
2574                                                                
2575                                <div class="transaksi-item">
2576                                    <div class="transaksi-header">OVO</div>
2577                                    <div class="transaksi-status status-blue"></div>
2578                                </div>
2579                                                        
2580                                                                
2581                                <div class="transaksi-item">
2582                                    <div class="transaksi-header">GOPAY</div>
2583                                    <div class="transaksi-status status-blue"></div>
2584                                </div>
2585                                                        
2586                                                                
2587                                <div class="transaksi-item">
2588                                    <div class="transaksi-header">LinkAja</div>
2589                                    <div class="transaksi-status status-blue"></div>
2590                                </div>
2591                                                        
2592                                                                
2593                                <div class="transaksi-item">
2594                                    <div class="transaksi-header">Lain-lain</div>
2595                                    <div class="transaksi-status status-blue"></div>
2596                                </div>
2597                                                        
2598                                                            
2599                            </div>
2600                        </div>
2601                    
2602                     
2603                     
2604                </div>
2605            </div>
2606        </div>
2607        
2608        
2609        
2610    </div>
2611    
2612     <div class="transaksi-crypto">
2613    <div class="transaksi-wrapper" style="max-width: 284px">
2614
2615                <div class="transaksi-name mb-1">Crypto Currency</div>
2616
2617    
2618                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
2619                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
2620                    
2621                                        
2622                    </div>
2623                  <div class="carousel-inner" >
2624                     
2625                     
2626                </div>
2627            </div>
2628        </div>
2629    </div>
2630</div>
2631
2632</div>
2633
2634
2635        
2636
2637
2638    <footer class="site-footer">
2639<div class="section">
2640
2641    <div class="footer-nav">
2642                <a href="javascript:void(0)" onclick="openCms('tentang')">TENTANG KAMI</a>
2643        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bantuan')">BANTUAN</a>
2644        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('peraturan')">PERATURAN</a>
2645        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('bank')">INFORMASI BANK</a>
2646        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('hubungi')">HUBUNGI KAMI</a>
2647        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('privasi')">KEBIJAKAN PRIVASI</a>
2648        <span class="footer-nav-sep">|</span>        <a href="javascript:void(0)" onclick="openCms('cookies')">PERSETUJUAN COOKIES</a>
2649            </div>
2650
2651    <div class="footer-guidelines-wrap">
2652        <img src="https://img.viva88athenae.com/new/guidelines.png?v=1790436337" alt="Guidelines" class="footer-guidelines-img" width="929" height="52">
2653    </div>
2654
2655    <div class="footer-providers">
2656        <img src="https://img.viva88athenae.com/assets/provider.png?v=1790436337" alt="Provider Logos" class="d-none d-md-block" style="margin:0 auto;" width="1201" height="124">
2657        <img src="/images/new/provider-mobile.png?v=1790436337" alt="Provider Logos" class="d-md-none" width="600" height="262" style="max-width:100%;height:auto;">
2658    </div>
2659
2660        <div class="footer-meta"><!-- Start Artikel -->
2661<h1><strong> BEL4D - Tempat Bermain Game Online Terpercaya Indonesia </strong></h1>
2662<p> Tempat Bermain game online <a href="https://bel4dperth.com/">BEL4D</a> Indonesia merupakan permainan game m terbaik yang dapat Anda temukan di seluruh Indonesia saat ini. Memiliki berbagai fitur unggulan yang akan membantu Anda dalam bermain permainan game online apapun termasuk game online di website kami. BEL4D Indonesia telah berpengalaman dalam melayani para member kami selama bertahun – tahun sehingga kami dapat menjamin kualitas layanan yang kami berikan adalah yang terbaik di kelasnya. <p>
2663<p>BEL4D Indonesia merupakan tempat bermain game online terbaik Indonesia bukanlah tanpa alasan. Kami selalu berusaha meningkatkan kualitas pelayanan kami berupa penyediaan fasilitas – fasilitas terbaik yang dapat dinikmati oleh member - member BEL4D termasuk Anda. dengan demikian, para member kami akan selalu merekomendasikan tempat bermain kami secara luas sehingga dapat dikenal oleh masyarakat luas Indonesia. <p>
2664<h2><strong>8 Keunggulan Bermain game Online BEL4D Indonesia</strong></h2>
2665<p><a href="https://heylink.me/bel4dlink">BEL4D</a> Indonesia sebagai tempat bermain game online terpercaya tentunya memiliki berbagai keunggulan yang kami tawarkan kepada para member , diantaranya adalah: <p>
2666<p>1. Permainan Game Beragam<p>
2667<p>Sebagai penggemar permainan game online sejati, Anda tentu saja tidak akan puas dengan hanya satu atau dua jenis permainan <a href="https://bel4dperth.com/">game online</a> saja. BEL4D Indonesia tentunya sangat memahami hal tersebut sehingga kami senantiasa menyediakan beragam permainan yang sangat lengkap bagi para member setia kami. Permainan game online yang kami sediakan berasal dari provider – provider ternama yang telah populer di masyarakat secara global. Kami mememilih berbagai provider terbaik dengan total permainan mencapai ratusan jenis. <p>
2668<p>2. Transaksi Mudah dan Aman<p>
2669<p>Di Arena game Indonesia Anda tidak perlu khawatir dengan proses transaksi baik penambahan maupun penarikan di arena  game kami. Karena kami merupakan tempat bermain game online terbaik yang menyediakan beragam jenis metode penambahan saldo yang banyak digunakan oleh berbagai kalangan masyarakat Indonesia. Anda dapat melakukan penambahan dan penarikan melalui transfer bank lokal Indonesia seperti bank BCA, Mandiri, BRI, dan BNI. Selain itu kami juga menyediakan transaksi melalui E-Wallet yang sangat populer saat ini seperti Dana, OVO, Gopay dan juga Link Aja. Lalu yang terakhir, sebagai tempat bermain game online, kami juga menerima penambahan saldo melalui transfer dari provider telkomsel dan Axiata. <p>
2670<p>3. Keamanan Member Terjamin<p>
2671<p>Pencurian data pribadi kerap terjadi saat ini, khusus nya melalui platform digital. Hal ini membuat para pemain <a href="https://bel4dperth.com/">game online</a> cenderung menjadi anti untuk memberikan data pribadi yang dianggap sensitif di kolom data diri arena bermain kami. Padahal, dengan pemberian data yang asli dan benar, akan sangat mempermudah proses transaksi Anda kedepannya. <p>
2672<p>Sebagai tempat bermain game online terbaik di nusantara, BEL4D selalu memastikan bahwa data pribadi maupun data transaksi yang dilakukan oleh member akan terjamin keamanannya di database kami. Untuk menjaga hal tersebut, kami selalu menggunakan enkripsi data tingkat terbaik yang dapat kami gunakan. Dengan demikian, kami dapat menjamin bahwa setiap data Anda akan terjaga secara aman di database kami. <p>
2673<p>4. Pelayanan Live Chat Profesional<p>
2674<p>Pelayanan customer service yang disediakan oleh BEL4D tentunya merupakan pelayanan kelas atas yang akan sangat membantu Anda. bagi Anda yang memiliki pertanyaan – pertanyaan seputar situs kami, promo menarik yang kami sediakan, maupun tata cara bermain permainan game online di BEL4D, Anda hanya perlu mengklik tombol live chat di layar Anda dan silahkan tanyakan setiap persoalan yang mengganggu Anda. <p> 
2675<p>Sebagai customer service profesional di arena bermain kami. Pihak customer service kami dijamin akan menjawab setiap pertanyaan Anda dan menyelesaikan setiap persoalan yang mengganggu Anda dalam bermain game online. Anda juga dapat menghubungi kami melalui aplikasi chat Whatsapp di handphone Anda. <p>
2676<p>5. Mudah dan Praktis<p>
2677<p>
2677BEL4D Indonesia Anda akan menemukan berbagai kemudahan yang membantu Anda merasa nyaman untuk bermain game online di website kami. Mulai dari akses situs yang mudah melalui google maupun <a href="https://bel4dperth.com/">link alternatif</a> yang kami berikan, pendaftaran yang sangat simple dan juga cepat tanpa data yang rumit dan juga ribet, serta metode transaksi yang juga sangat praktis dan waktu proses yang singkat. <p>
2678<p>Selain itu, situs BEL4D dapat Anda akses dimana saja melalui laptop, komputer, tablet, maupun handphone Anda. dengan demikian, Anda dapat bermain game online secara nyaman dimana saja dan kapan saja. <p> 
2679<p>6. Bonus Berlimpah<p>
2680<p>Bagi Anda calon member kami, berbahagialah. Karena sebagai member baru BEL4D Indonesia Anda memiliki kesempatan untuk melakukan klaim bonus deposit 100% untuk permainan game online dengan nominal hingga 30 ribu Rupiah. Tidak sampai disana saja, syarat TO yang kami berlakukan sangatlah ringan, yakni hanya 7x saja. Jadi jangan sampai ketinggalan promo BEL4D pada transaksi pertama Anda. Bagi Anda member lama BEL4D, Anda juga tidak perlu khawatir, karena di BEL4D kami Anda dapat menikmati klaim bonus deposit harian sebesar 5% setiap harinya sebanyak satu kali. <p>
2681<p>Tentu saja masih ada berbagai promo – promo menarik lainnya yang disediakan dalam tempat bermain BEL4D. segera daftarkan akun Anda di daftar BEL4D agar tidak ketinggalan setiap promo yang akan kami sediakan untuk Anda member setia kami. <p>
2682<p>7. Bersertifikasi Legal Internasional<p>
2683<p>Setiap pemain game online tentunya selalu mencari keamanan dalam bermain game online. Oleh karena itu, Anda wajib mencari tempat bermian dengan sertifikasi legal dalam secara internasional. Tempat bermain game online  terbaik BEL4D kami menjamin keamanan dan legalitas situs kami dalam menyediakan layanan bermain <a href="https://bel4dperth.com/">game online</a>. Karena kami telah mememiliki sertifikasi game online resmi internasional PAGCOR. Dengan demikian, Anda akan merasa aman saat bermain game online dan game lainnya di webite game online BEL4D. <p>
2684<p>8. Hadiah Kemenangan Terbesar<p>
2685<p>Tempat bermain game online BEL4D merupakan arena game online terudpate yang memiliki riwayat kemenangan member paling besar di negara Indonesia. Bagi Anda yang tertarik untuk mengikuti jejak member - member kami, Anda wajib untuk segera mendaftarkan diri Anda sekarang juga. Lakukan penambahan saldo dan putar game favorit Anda hingga menang luar biasa. <p>
2686<!--end social account-->
2687
2688<script>
2689$("<a class='btn' style='color:white; background: linear-gradient(180deg, rgba(0, 175, 117) 0%, rgba(0, 175, 117) 100%); width: 100%; height: 48px; font-weight: 700!important; font-size: 1.3rem; text-shadow: 2px 2px #000000; display: grid; border-radius: 8px; place-items: center' href='https://t.me/bel4dgroup' target='_blank'>CLAIM BONUS QRIS 30%</a>").insertAfter(".btn-info:eq(0)")
2690</script>
2690
2691
2692<!-- Start BVBSN Floating Button  -->
2693
2694<div style="position: fixed; 
2695            bottom: 150px; 
2696            left: 10px; 
2697            z-index: 10; 
2698            opacity: 0.98; ">
2699	<a href="https://tiket.bvbsn.net" target="_blank" rel="noopener">
2700<img class="wabutton" src="https://bvbsnpict.com/images/bvbsnmisteri.gif" alt="MYSTERY BOX" width="70" height="70">
2701  </a>
2702</div>
2703<div style="position: fixed; 
2704            bottom: 80px; 
2705            left: 10px; 
2706            z-index: 10; 
2707            opacity: 0.98; ">
2708	<a href="https://t.me/bel4dgroup" target="_blank" rel="noopener">
2709<img class="wabutton" src="https://bvbsnpict.com/images/tele.gif" alt="Telegram BEL4D" width="70" height="70">
2710  </a>
2711</div>
2712
2713<!-- End BVBSN Floating Button  -->
2714
2715
2716<!-- Popup Start 
2717<style>
2718#pop-up-container{
2719    display:flex;
2720    align-items:center;
2721    justify-content:space-evenly;
2722    position:fixed;
2723    z-index:11;
2724    top:0;
2725    left:0;
2726    right:0;
2727    bottom:0;
2728}
2729
2730#pop-up-wrapper{
2731    width:75%;
2732    min-width:315px;
2733    max-width:500px;
2734    min-height:210px;
2735    position:relative;
2736    z-index:11;
2737    overflow:visible;
2738    border-radius:10px;
2739}
2740
2741#pop-up-wrapper img{
2742    width:100%;
2743    border-radius:10px 10px 0 0;
2744}
2745
2746#pop-up-wrapper button{
2747    width:100%;
2748    padding:14px;
2749    font-size:22px;
2750    font-weight:700;
2751    border:none;
2752    border-radius:8px;
2753    margin:5px 0;
2754    color:#fff;
2755    cursor:pointer;
2756    transition:.3s;
2757}
2758
2759/* Tombol Claim */
2760.claim-btn{
2761    background:linear-gradient(180deg,#5573d3,#5573d3);
2762    box-shadow:0 0 15px rgba(17, 0, 255, 0.6);
2763}
2764
2765.claim-btn:hover{
2766    background:linear-gradient(180deg,#5573d3,#5573d3);
2767    transform:scale(1.03);
2768}
2769
2770/* Tombol Tutup */
2771.close-btn{
2772    background:linear-gradient(180deg,#5573d3,#5573d3);
2773    box-shadow:0 0 10px rgba(255,0,0,.4);
2774}
2775
2776.close-btn:hover{
2777    background:linear-gradient(180deg,#5573d3,#5573d3);
2778    transform:scale(1.03);
2779}
2780
2781.gray-bg{
2782    background:#00000000 no-repeat;
2783}
2784
2785.x-mark-container{
2786    position:absolute;
2787    top:5px;
2788    right:5px;
2789    background-color:black;
2790    border-radius:50%;
2791    width:8%;
2792}
2793
2794#bg-black{
2795    background-color:rgba(0,0,0,.86);
2796    position:fixed;
2797    z-index:10;
2798    top:0;
2799    left:0;
2800    right:0;
2801    bottom:0;
2802}
2803
2804.swirl-in-fwd{
2805    animation:swirl-in-fwd .6s ease-out both;
2806}
2807
2808@keyframes swirl-in-fwd{
2809    0%{
2810        transform:rotate(0deg) scale(0);
2811        opacity:0;
2812    }
2813    100%{
2814        transform:rotate(0) scale(1);
2815        opacity:1;
2816    }
2817}
2818
2819.swirl-out-bck{
2820    animation:swirl-out-bck .6s ease-in both;
2821}
2822
2823@keyframes swirl-out-bck{
2824    0%{
2825        transform:rotate(0) scale(1);
2826        opacity:1;
2827    }
2828    100%{
2829        transform:rotate(0deg) scale(0);
2830        opacity:0;
2831    }
2832}
2833
2834.fade-in{
2835    animation:fade-in 1.2s both;
2836}
2837
2838@keyframes fade-in{
2839    from{opacity:0;}
2840    to{opacity:1;}
2841}
2842
2843.fade-out{
2844    animation:fade-out .6s both;
2845}
2846
2847@keyframes fade-out{
2848    from{opacity:1;}
2849    to{opacity:0;}
2850}
2851</style>
2852
2853<script>
2854window.addEventListener('DOMContentLoaded', () => {
2855    $('body').append(`
2856        <div id="pop-up-container" onclick="close_pop_up()">
2857            <div id="bg-black" class="fade-in"></div>
2858
2859            <div id="pop-up-wrapper" class="swirl-in-fwd gray-bg">
2860                <img src="https://cowdrink.top/images/depoqris.webp" alt="BEL4D BONUS">
2861
2862                <button class="claim-btn"
2863                    onclick="window.location.href='https://t.me/bel4dgroup';">
2864                    CLAIM DISINI
2865                </button>
2866
2867                <button class="close-btn"
2868                    onclick="close_pop_up()">
2869                    TUTUP
2870                </button>
2871            </div>
2872        </div>
2873    `);
2874
2875    document.getElementById('pop-up-wrapper').addEventListener('click', e => {
2876        e.stopPropagation();
2877    });
2878});
2879
2880function close_pop_up(){
2881    document.getElementById('pop-up-wrapper')?.classList.replace('swirl-in-fwd','swirl-out-bck');
2882    document.getElementById('bg-black')?.classList.replace('fade-in','fade-out');
2883
2884    setTimeout(() => {
2885        const popup = document.getElementById('pop-up-container');
2886        popup?.parentElement.removeChild(popup);
2887    }, 600);
2888}
2889</script>
2889
2890 Popup End --></div>
2891    
2892    
2893    <!-- LIVE CHAT -->
2894    
2895    
2896    <!-- LiveChat Internal -->
2897        <style id="cs-embed-custom-styles">
2898    /* Generated widget appearance — theme: light */
2899.cs-embed {
2900  --cs-primary: #4f46e5;
2901  --cs-secondary: #94a3b8;
2902  --cs-panel-width: 360px;
2903  --cs-panel-height: 520px;
2904  --cs-footer-bg: #fff;
2905  --cs-footer-border: #f1f5f9;
2906  --cs-input-row-bg: #f1f5f9;
2907  --cs-input-text: #111827;
2908  --cs-input-muted: #64748b;
2909  --cs-upload-bg: #fff;
2910  --cs-upload-border: #cbd5e1;
2911  --cs-upload-icon: #334155;
2912  --cs-image-preview-bg: #eff6ff;
2913  --cs-image-preview-border: #dbeafe;
2914  --cs-closed-notice: #9ca3af;
2915  --cs-scrollbar-track: #eef2f7;
2916  --cs-scrollbar-thumb: #cbd5e1;
2917  --cs-scrollbar-thumb-hover: #94a3b8;
2918  --cs-messages-bg: #f8fafc;
2919  --cs-sticky-banner-bg: #fffbeb;
2920  --cs-sticky-banner-border: #fde68a;
2921  --cs-sticky-banner-inner-bg: #fff;
2922  --cs-sticky-banner-inner-border: #fde68a;
2923  --cs-sticky-banner-text: #92400e;
2924  right: 24px; left: auto; align-items: flex-end;
2925}
2926
2927.cs-embed .cs-panel {
2928  background: #fff;
2929  color: #111827;
2930}
2931
2932.cs-embed .cs-bubble--agent {
2933  background: #fff;
2934  color: #111;
2935  border-color: #e5e7eb;
2936}
2937
2938.cs-toggle:not(.cs-toggle--banner) {
2939  background: var(--cs-primary);
2940  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4);
2941}
2942
2943.cs-header {
2944  background: linear-gradient(135deg, #4f46e5, #94a3b8);
2945}
2946
2947.cs-bubble--customer {
2948  background: #4f46e5;
2949  color: #ffffff;
2950}    </style>
2951    
2951<script src="https://service.lc1001ai.com/embed.js"></script>
2951
2952    
2952<script>
2953                (function () {
2954            var chatServiceUrl = "https://service.lc1001ai.com";
2955            var channelId = "6a63035c3a43ef5ccb2fdf9c";
2956            var credentials = "";
2957            var showWidget = true;
2958            window.CsChatEmbed
2959            .init({
2960                chatServiceUrl: chatServiceUrl,
2961                channelId: channelId,
2962                credentials: credentials,
2963                createWidget: true,
2964                showWidget: showWidget,
2965                fetchAppearance: false,
2966            })
2967            .then(function (result) {
2968                console.log("Chat connected, sessionId:", result.sessionId);
2969            })
2970            .catch(function (err) {
2971                console.error("Chat init failed:", err);
2972            });
2973        })();
2974    </script>
2974
2975
2976    <div class="footer-group">
2977
2978        <div class="footer-copyright">
2979            <div style="white-space:nowrap">
2980                &copy; 2015 &ndash; 2026                Copyright                BEL4D.
2981                All Rights Reserved.
2982            </div>
2983        </div>
2984
2985                <div class="footer-wap-btn" onclick='window.location.href="/wap"'>WAP</div>
2986        
2987    </div>
2988
2989</div>
2990</footer>    <nav class="navbar fixed-bottom p-0 d-md-none" style="z-index:10000">
2991  <div class="container-fluid px-0">
2992    <div style="display:grid;grid-template-columns:repeat(4,1fr);width:100%;">
2993
2994      
2995        <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">
2996          <i class="bi bi-house-fill" style="font-size:20px;"></i>
2997          <small>Home</small>
2998        </a>
2999
3000        <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">
3001          <i class="bi bi-gift-fill" style="font-size:20px;"></i>
3002          <small>Promosi</small>
3003        </a>
3004
3005        <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">
3006          <i class="bi bi-calendar-event-fill" style="font-size:20px;"></i>
3007          <small>Event</small>
3008        </a>
3009
3010                              <div class="chat-dial-wrap bottom-menu d-flex flex-column justify-content-around align-items-center py-2" style="position:relative;">
3011              <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;">
3012                <img src="https://img.viva88athenae.com/navbar/chat.png?v=1790436337" alt="" style="width:20px;height:20px;object-fit:contain;">
3013                <small>Chat</small>
3014              </a>
3015              <div class="chat-dial-list" id="chatDialList">
3016                                  <a href="https://bvbsn.com/facebook" target="_blank" class="chat-dial-item" title="Facebook">
3017                    <img src="https://img.viva88athenae.com/facebook.png?v=1790436337" alt="Facebook">
3018                  </a>
3019                                  <a href="https://t.me/Bel4dd" target="_blank" class="chat-dial-item" title="Telegram">
3020                    <img src="https://img.viva88athenae.com/telegram.png?v=1790436337" alt="Telegram">
3021                  </a>
3022                                  <a href="https://wa.me/+6287795006007" target="_blank" class="chat-dial-item" title="WhatsApp">
3023                    <img src="https://img.viva88athenae.com/whatsapp.png?v=1790436337" alt="WhatsApp">
3024                  </a>
3025                                                  <a href="javascript:void(0)" onclick="window.CsChatEmbed.openChat(); return false;" class="chat-dial-item chat-dial-livechat" title="Livechat">
3026                    <img src="https://img.viva88athenae.com/navbar/livechat.png?v=1790436337" alt="Livechat">
3027                  </a>
3028                              </div>
3029            </div>
3030                  
3031      
3032    </div>
3033  </div>
3034</nav>
3035
3036<script>
3037  function toggleChatDial(e) {
3038    e.stopPropagation();
3039    document.getElementById('chatDialList').classList.toggle('open');
3040  }
3041  document.addEventListener('click', function (e) {
3042    var list = document.getElementById('chatDialList');
3043    if (!list) return;
3044    // close when clicking outside, or after picking any dial item (livechat included)
3045    if (!e.target.closest('.chat-dial-wrap') || e.target.closest('.chat-dial-item')) {
3046      list.classList.remove('open');
3047    }
3048  });
3049</script>
3049
3050
3051    <div class="offcanvas offcanvas-end w-100" tabindex="-1" id="offcanvasExample">
3052
3053      <div class="offcanvas-body p-0">
3054
3055        <div class="d-grid gap-2 mt-2 px-3 offcanvas-user-menu">
3056          <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
3057    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
3058</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
3059    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
3060</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
3061    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
3062</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
3063    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
3064</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
3065    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
3066</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
3067    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
3068</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Bel4D.apk','_blank')">
3069    <div class="d-flex align-items-center px-3">
3070    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
3071    </div>
3072    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
3073</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/bel4d_bot','_blank')">
3074    <div class="d-flex align-items-center px-3">
3075    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
3076    </div>
3077    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
3078</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')">
3079    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
3080</button>        </div>
3081
3082      </div>
3083    </div>
3084
3085    <div id="desktopUserDropdown" class="desktop-user-dropdown">
3086      <div class="d-grid">
3087        <button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=statement','#content',null);closeDesktopUserMenu()">
3088    <i class="bi bi-bar-chart-fill me-2 accent-text-color"></i> Statement
3089</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=history','#content',null);closeDesktopUserMenu()">
3090    <i class="bi bi-clock-fill me-2 accent-text-color"></i> History
3091</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=memo','#content',null);closeDesktopUserMenu()">
3092    <i class="bi bi-envelope-fill me-2 accent-text-color"></i> Memo
3093</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=referral','#content',null);closeDesktopUserMenu()">
3094    <i class="bi bi-people-fill me-2 accent-text-color"></i> Referral
3095</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="content('/menu.php?content=password','#content',null);closeDesktopUserMenu()">
3096    <i class="bi bi-lock-fill me-2 accent-text-color"></i> Ubah Password
3097</button><button class="btn btn-menu p-3 text-start d-flex align-items-center" onclick="modal('/transaksi.php?content=rekening');closeDesktopUserMenu()">
3098    <i class="bi bi-wallet-fill me-2 accent-text-color"></i> Rekening
3099</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('/downloads/app/Bel4D.apk','_blank')">
3100    <div class="d-flex align-items-center px-3">
3101    <i class="bi bi-android2 me-2 accent-text-color"></i> Download App
3102    </div>
3103    <img src="/images/new/btn-android.png" class="btn-menu-img" alt="" width="171" height="55">
3104</button><button class="btn btn-menu d-flex align-items-center justify-content-between p-0" onclick="window.open('https://telegram.me/bel4d_bot','_blank')">
3105    <div class="d-flex align-items-center px-3">
3106    <i class="bi bi-send-fill me-2 accent-text-color"></i> Bet Via Telegram
3107    </div>
3108    <img src="/images/new/btn-telegram.png" class="btn-menu-img" alt="" width="171" height="55">
3109</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')">
3110    <i class="bi bi-door-open-fill me-2 accent-text-color"></i> Logout
3111</button>      </div>
3112    </div>
3113
3114    
3114<script src="/js/new/vendor/bootstrap.bundle.min.js?v=1790436337"></script>
3114
3115    
3115<script src="/js/new/main.js?v=1790436337"></script>
3115
3116    
3117    
3117<script>
3118        window.JT_SSR_PATH = null;
3119                setTimeout(function() {
3120                    const mobileForm = document.querySelector('#mobilelogin form') || 
3121                                      document.querySelector('#mobilelogin .login-form') ||
3122                                      document.querySelector('.mobile-only form');
3123                    
3124                    if (!mobileForm) {
3125                        return;
3126                    }
3127                    
3128                    const username = mobileForm.querySelector('input[name="username"]');
3129                    const password = mobileForm.querySelector('input[name="password"]');
3130                    const remember = document.querySelector('#rememberMe') || 
3131                                    document.querySelector('input[type="checkbox"]');
3132                    
3133                    if (!username || !password || !remember) {
3134                        return;
3135                    }
3136                    
3137                    
3138                    
3139                    try {
3140                        localStorage.setItem('test', 'working');
3141                        if (localStorage.getItem('test') === 'working') {
3142                            localStorage.removeItem('test');
3143                        } else {
3144                            return;
3145                        }
3146                    } catch(e) {
3147                        return;
3148                    }
3149                    
3150                    initializeRememberMe();
3151                    loadSavedData();
3152                    
3153                    mobileForm.addEventListener('submit', handleSave);
3154                    mobileForm.addEventListener('click', function(e) {
3155                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
3156                            handleSave();
3157                        }
3158                    });
3159                    remember.addEventListener('change', function() {
3160                        if (!this.checked) {
3161                            clearSavedData();
3162                            localStorage.setItem('mobile_remember_unchecked', 'true');
3163                        } else {
3164                            localStorage.removeItem('mobile_remember_unchecked');
3165                        }
3166                    });
3167    
3168                    function initializeRememberMe() {
3169                        try {
3170                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
3171                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
3172                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
3173                                remember.checked = false;
3174                            } else {
3175                                remember.checked = true;
3176                            }
3177                        } catch(e) {
3178                            remember.checked = true;
3179                        }
3180                    }
3181                    
3182                    function loadSavedData() {
3183                        try {
3184                            
3185                            const savedUsername = localStorage.getItem('mobile_username');
3186                            const savedPassword = localStorage.getItem('mobile_password');
3187                            
3188                            
3189                            
3190                            const rememberChecked = localStorage.getItem('mobile_remember');
3191                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
3192                                username.value = savedUsername;
3193                                password.value = savedPassword;
3194                            }
3195                        } catch(e) {
3196                            // console.log('Error loading data:', e);
3197                        }
3198                    }
3199                    
3200                    function handleSave() {
3201                        if (remember.checked) {
3202                            const usernameVal = username.value.trim();
3203                            const passwordVal = password.value.trim();
3204                            
3205                            if (usernameVal && passwordVal) {
3206                                try {
3207                                    localStorage.setItem('mobile_username', usernameVal);
3208                                    localStorage.setItem('mobile_password', passwordVal);
3209                                    localStorage.setItem('mobile_remember', 'true');
3210                                    localStorage.setItem('mobile_login_success', 'true');
3211                                } catch(e) {
3212                                    // console.log('Error saving data:', e);
3213                                }
3214                            }
3215                        } else {
3216                            clearSavedData();
3217                            localStorage.setItem('mobile_login_success', 'true');
3218                        }
3219                    }
3220                    
3221                    function clearSavedData() {
3222                        try {
3223                            localStorage.removeItem('mobile_username');
3224                            localStorage.removeItem('mobile_password');
3225                            localStorage.removeItem('mobile_remember');
3226                        } catch(e) {
3227                            // console.log('Error clearing data:', e);
3228                        }
3229                    }
3230                }, 100); // Wait 100ms
3231    </script>
3231
3232
3233    
3233<script>
3234        var JT_GUEST_MAP = {
3235            '':            '/' + 'home' + '.php',
3236            'home':        '/' + 'home' + '.php',
3237            'togel':       '/togel.php',
3238            'kupon':       '/kupon.php',
3239            'promosi':     '/' + 'promosi' + '.php',
3240            'event':       '/' + 'event' + '.php',
3241            'register':    '/' + 'register' + '.php',
3242            'slot':        '/game.php?content=slot',
3243            'casino':      '/game.php?content=casino',
3244            'sport':       '/' + 'game' + '.php?' + 'content=sport',
3245            'sabung':      '/' + 'game' + '.php?' + 'content=sabung',
3246            'arcade':      '/game.php?content=arcade',
3247            'interactive': '/game.php?content=interactive',
3248        };
3249        
3250        if (window.matchMedia("(max-width: 768px)").matches) {
3251            JT_GUEST_MAP.register = '/' + 'mregister' + '.php';
3252        }
3253
3254        var JT_URL_PREFIX = "";
3255
3256        function jtGuestAjaxPathFromLocation() {
3257            var re = new RegExp('^' + (JT_URL_PREFIX ? JT_URL_PREFIX.replace(/\//g, '\\/') : '') + '\\/([^/?#]*)');
3258            var match = location.pathname.match(re);
3259            var slug = match ? match[1] : '';
3260            return JT_GUEST_MAP[slug] || '/home.php';
3261        }
3262
3263        function jtGuestUrlForPath(path) {
3264            var gameMatch = path.match(/^\/game\.php\?content=([a-z]+)/);
3265            if (gameMatch) return JT_URL_PREFIX + '/' + gameMatch[1];
3266            for (var slug in JT_GUEST_MAP) {
3267                if (JT_GUEST_MAP[slug] === path) {
3268                    return slug === '' ? JT_URL_PREFIX + '/' : JT_URL_PREFIX + '/' + slug;
3269                }
3270            }
3271            return null;
3272        }
3273
3274        function jtUpdateBrowserUrl(path) {
3275            var cleanUrl = jtGuestUrlForPath(path);
3276            if (cleanUrl && window.history) {
3277                history.pushState({ path: path }, '', cleanUrl);
3278            }
3279        }
3280
3281        var _initGuestPath = jtGuestAjaxPathFromLocation();
3282        history.replaceState({ path: _initGuestPath }, '', location.href);
3283
3284        function initGuestShell() {
3285            var path = jtGuestAjaxPathFromLocation();
3286            var homeMenu = path === '/home.php'
3287                ? (window.innerWidth >= 768
3288                    ? document.querySelector('.desktop-nav-link[data-nav="home"]')
3289                    : document.querySelector('#lobbyMenuWrap .lobby-menu[data-nav="home"]'))
3290                : null;
3291
3292            // Skip AJAX jika home sudah di-SSR.
3293            if (window.JT_SSR_PATH && window.JT_SSR_PATH === path) {
3294                $('.lobby-menu, .desktop-nav-link').removeClass('active');
3295                if (homeMenu) $(homeMenu).addClass('active');
3296                if (typeof waitForCss === 'function') waitForCss(ASYNC_CSS_IDS);
3297                return;
3298            }
3299
3300            content(path, '#content', homeMenu, true);
3301        }
3302
3303        window.addEventListener('popstate', function (e) {
3304            var path = e.state && e.state.path;
3305            if (path) content(path, '#content', null, true);
3306        });
3307
3308        // Heartbeat 60 detik — cek maintenance mode diaktifkan admin saat guest lagi buka web
3309        setInterval(function () {
3310            fetch('/api/front/maintenance-status')
3311                .then(function (r) { return r.json(); })
3312                .then(function (res) {
3313                    if (res.data && res.data.maintenance) {
3314                        window.location.href = '/maintenance';
3315                    }
3316                })
3317                .catch(function () {});
3318        }, 60000);
3319
3320        $('#modal').on('hidden.bs.modal', function () {
3321            $('.navbar.fixed-bottom').css('z-index', '9999');
3322        });
3323
3324        function syncOffcanvasBounds() {
3325            if (window.innerWidth >= 768) return;
3326
3327            var topNav = document.querySelector('nav.navbar.d-md-none:not(.fixed-bottom)');
3328            var bottomNav = document.querySelector('nav.navbar.fixed-bottom');
3329            var top = topNav ? Math.round(topNav.getBoundingClientRect().bottom) : 56;
3330            var bottom = bottomNav
3331                ? Math.round(window.innerHeight - bottomNav.getBoundingClientRect().top)
3332                : 58;
3333            // navbar atas bukan fixed: kalau halaman ter-scroll (mis. setelah
3334            // buka menu Statement/History/dll lewat content()), rect.bottom bisa
3335            // negatif dan bikin sisi atas offcanvas + backdrop kepotong.
3336            top = Math.max(0, top);
3337            bottom = Math.max(0, bottom);
3338
3339            document.documentElement.style.setProperty('--offcanvas-top', top + 'px');
3340            document.documentElement.style.setProperty('--offcanvas-bottom', bottom + 'px');
3341        }
3342
3343        document.addEventListener('DOMContentLoaded', syncOffcanvasBounds);
3344        window.addEventListener('resize', syncOffcanvasBounds);
3345
3346        $('#offcanvasExample').on('show.bs.offcanvas', function () {
3347            syncOffcanvasBounds();
3348            $('#providerBackdrop, #providerOverlay').remove();
3349            var modalInst = bootstrap.Modal.getInstance(document.getElementById('modal'));
3350            if (modalInst) modalInst.hide();
3351        });
3352
3353        /* ── Nav horizontal scroll (desktop) ───────────────────────────── */
3354        (function () {
3355            var navEl = document.querySelector('.desktop-mainnav .ms-auto');
3356            if (!navEl) return;
3357
3358            /* mouse-wheel → horizontal scroll */
3359            navEl.addEventListener('wheel', function (e) {
3360                if (e.deltaY !== 0) {
3361                    e.preventDefault();
3362                    navEl.scrollLeft += e.deltaY;
3363                }
3364            }, { passive: false });
3365
3366            /* scroll arrow buttons */
3367            var btnL = document.createElement('button');
3368            var btnR = document.createElement('button');
3369            [btnL, btnR].forEach(function (b) {
3370                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;';
3371            });
3372            btnL.innerHTML = '&#8249;';
3373            btnR.innerHTML = '&#8250;';
3374            btnL.style.fontSize = btnR.style.fontSize = '20px';
3375
3376            var nav = document.querySelector('.desktop-mainnav');
3377            if (nav) {
3378                nav.style.position = 'relative';
3379                nav.appendChild(btnL);
3380                nav.appendChild(btnR);
3381            }
3382
3383            function placeArrows() {
3384                var navRect = nav ? nav.getBoundingClientRect() : null;
3385                var logoEl  = nav ? nav.querySelector('.navbar-brand') : null;
3386                var logoRight = logoEl ? logoEl.getBoundingClientRect().right : 0;
3387                btnL.style.left  = (logoRight - (navRect ? navRect.left : 0) + 4) + 'px';
3388                btnR.style.right = '4px';
3389            }
3390
3391            function updateArrows() {
3392                placeArrows();
3393                var canL = navEl.scrollLeft > 0;
3394                var canR = navEl.scrollLeft < navEl.scrollWidth - navEl.clientWidth - 1;
3395                btnL.style.display = canL ? 'flex' : 'none';
3396                btnR.style.display = canR ? 'flex' : 'none';
3397            }
3398
3399            var scrollTimer;
3400            function scrollBy(dir) {
3401                scrollTimer = setInterval(function () { navEl.scrollLeft += dir * 8; }, 16);
3402            }
3403            btnL.addEventListener('mousedown', function () { scrollBy(-1); });
3404            btnR.addEventListener('mousedown', function () { scrollBy(1);  });
3405            document.addEventListener('mouseup', function () { clearInterval(scrollTimer); });
3406
3407            navEl.addEventListener('scroll', updateArrows);
3408            window.addEventListener('resize', updateArrows);
3409            updateArrows();
3410        })();
3411
3412        function toggleDesktopUserMenu(e) {
3413            e.stopPropagation();
3414            document.getElementById('desktopUserDropdown').classList.toggle('open');
3415        }
3416        function closeDesktopUserMenu() {
3417            var d = document.getElementById('desktopUserDropdown');
3418            if (d) d.classList.remove('open');
3419        }
3420        document.addEventListener('click', function(e) {
3421            if (!e.target.closest('#desktopUserDropdown')) closeDesktopUserMenu();
3422            if (!e.target.closest('.tpl-picker-wrap')) {
3423                var dd = document.getElementById('tplPickerDd');
3424                if (dd) dd.classList.remove('open');
3425            }
3426        });
3427
3428        function toggleTplPicker(e) {
3429            e.stopPropagation();
3430            closeDesktopUserMenu();
3431            document.getElementById('tplPickerDd').classList.toggle('open');
3432        }
3433
3434
3435        (function() {
3436            var days = ['Minggu','Senin','Selasa','Rabu','Kamis','Jumat','Sabtu'];
3437            var daysShort = ['Min','Sen','Sel','Rab','Kam','Jum','Sab'];
3438            var p = n => String(n).padStart(2,'0');
3439            function updateClock() {
3440                var now = new Date();
3441                var isMobile = window.innerWidth < 768;
3442                var dayName = isMobile ? daysShort[now.getDay()] : days[now.getDay()];
3443                var text = dayName + ' ' + p(now.getDate()) + '/' + p(now.getMonth()+1) + '/' + now.getFullYear();
3444                if (!isMobile) text += ' ' + p(now.getHours()) + ':' + p(now.getMinutes()) + ':' + p(now.getSeconds());
3445                var el = document.getElementById('datetime');
3446                if (el) el.textContent = text;
3447            }
3448            updateClock();
3449            setInterval(updateClock, 1000);
3450        })();
3451
3452        (function () {
3453            var runner = document.getElementById('marqueeRunner');
3454            var container = runner ? runner.closest('.marquee-text') : null;
3455            var resizeTimer;
3456            var SPEED = 100;
3457
3458            function initMarquee() {
3459                if (!runner || !container) return;
3460                var cW = container.offsetWidth;
3461                var tW = runner.offsetWidth;
3462                var dur = ((cW + tW) / SPEED).toFixed(2);
3463                runner.style.setProperty('--mq-start', cW + 'px');
3464                runner.style.animation = 'none';
3465                requestAnimationFrame(function () {
3466                    requestAnimationFrame(function () {
3467                        runner.style.animation = 'mq-scroll ' + dur + 's linear infinite';
3468                    });
3469                });
3470            }
3471
3472            requestAnimationFrame(function () { requestAnimationFrame(initMarquee); });
3473
3474            document.addEventListener('visibilitychange', function () {
3475                if (!document.hidden) initMarquee();
3476            });
3477
3478            window.addEventListener('resize', function () {
3479                clearTimeout(resizeTimer);
3480                resizeTimer = setTimeout(function () {
3481                    initMarquee();
3482                    positionProviderOverlay();
3483                    var isDesktop = window.innerWidth >= 768;
3484                    if (isDesktop) {
3485                        var oc = bootstrap.Offcanvas.getInstance(document.getElementById('offcanvasExample'));
3486                        if (oc) oc.hide();
3487                    } else {
3488                        closeDesktopUserMenu();
3489                    }
3490                }, 150);
3491            });
3492
3493            window.addEventListener('orientationchange', function () {
3494                setTimeout(function () { initMarquee(); positionProviderOverlay(); }, 200);
3495            });
3496        })();
3497    </script>
3497
3498    
3499    <!-- Auth -->
3500    
3501    
3501<script>
3502
3503$(document).on("click", "#desktopregister #buttonRegisterDesktop", function()
3504	{
3505	nocache = new Date().getTime().toString().slice(-3);
3506	    
3507	var ver = `<img src="capreg.php?${nocache}" width="100%" height="30" style="border:1px #999 solid;" alt="Kode verifikasi">`;
3508	var $form = $('#desktopregister #formRegister');
3509	var $status = $('#desktopregister #statusRegister');
3510	
3511	  if (typeof window.validateAllDesktop === 'function' && !window.validateAllDesktop()) {
3512        $('#desktopregister #statusRegister').removeClass().addClass('alert alert-sm alert-warning').text('Harap periksa data yang diisi').fadeIn(500);
3513        return false;
3514    }
3515	
3516	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
3517
3518	function submitDesktopRegister() {
3519
3520	$.ajax({
3521		url: "/api/front/register",
3522		type: "POST",
3523		data: $form.serialize(),
3524		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
3525		success: function(data)
3526		{
3527		    
3528		    $('.is-invalid').removeClass('is-invalid');
3529		    
3530			  if (data == 'success')
3531			  {  
3532			    
3533				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
3534				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
3535
3536			    window.location='/home?welcome';
3537			  }
3538			  else
3539			  if (data == 'userWrong')
3540			  {
3541				  $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);
3542				  $('#desktopregister #reg_username').addClass('is-invalid');
3543				  
3544			  }
3545			  else
3546			  if (data == 'passWrong')
3547			  {
3548				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
3549				  $('#desktopregister #reg_pass').addClass('is-invalid');
3550			  }
3551			  else
3552			  if (data == 'passSame')
3553			  {
3554				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
3555				  $('#desktopregister #reg_passcon').addClass('is-invalid');
3556			  }
3557			  else
3558			  if (data == 'bankEmpty')
3559			  {
3560				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
3561				  $('#desktopregister #reg_bank').addClass('is-invalid');
3562			  }
3563			  else
3564			  if (data == 'rekEmpty')
3565			  {
3566				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
3567				  $('#desktopregister #reg_rek').addClass('is-invalid');
3568			  }
3569			  else
3570			  if (data == 'namaEmpty')
3571			  {
3572				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
3573				  $('#desktopregister #reg_nama').addClass('is-invalid');
3574			  }
3575			  else
3576			  if (data == 'dbError')
3577			  {
3578				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
3579			  }
3580			  else
3581			  if (data == 'userExist')
3582			  {
3583				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
3584				  $('#desktopregister #reg_username').addClass('is-invalid');
3585			  }
3586			  else
3587			  if (data == 'rekExist')
3588			  {
3589				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
3590				  $('#desktopregister #reg_rek').addClass('is-invalid');
3591			  }
3592			  else
3593			  if (data == 'refError')
3594			  {
3595				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut, bila tidak punya referal, bisa kosongkan').fadeIn(1000);
3596				  $('#desktopregister #reg_ref').addClass('is-invalid'); $('#desktopregister #reg_ref').removeAttr('readonly').val('');
3597			  }
3598			  else
3599			  if (data == 'emailError')
3600			  {
3601				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
3602				  $('#desktopregister #reg_email').addClass('is-invalid');
3603			  }
3604			  else
3605			  if (data == 'telponEmpty')
3606			  {
3607				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
3607idak boleh kosong').fadeIn(1000);
3608				  $('#desktopregister #reg_telpon').addClass('is-invalid');
3609			  }
3610			  else
3611			  if (data == 'telponError')
3612			  {
3613				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
3614				  $('#desktopregister #reg_telpon').addClass('is-invalid');
3615			  }
3616			  else if (data == 'namaError') {
3617			       $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
3618                    $('#desktopregister #reg_nama').addClass('is-invalid');
3619                }
3620			  else
3621			  if (data == 'dariEmpty')
3622			  {
3623				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
3624				  $('#desktopregister #reg_dari').addClass('is-invalid');
3625			  }
3626			  else
3627			  if (data == 'lainEmpty')
3628			  {
3629				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
3630				  $('#desktopregister #reg_lain').addClass('is-invalid');
3631			  }
3632			  else
3633			  if (data == 'caperror')
3634			  {
3635				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
3636				  $('#desktopregister #reg_verifikasi').addClass('is-invalid');
3637				  
3638			  }
3639			  else
3640			  if (data == 'recaperror')
3641			  {
3642				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
3643			  }
3644			  else
3645			  if (data == 'iperror')
3646			  {
3647				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
3648			  }
3649			  else
3650			  if (data == 'capexp')
3651			  {
3652				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
3653			  }
3654			  else
3655			  if (data == 'wait')
3656			  {
3657				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
3658			  }
3659			  else
3660			  if (data == 'turnnoevent')
3661			  {
3662				  window.location.reload();
3663			  }
3664			  else
3665			  if (data == 'turnblock')
3666			  {
3667				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
3668			  }
3669			  else
3670				if (data.indexOf('passNotSafe|') === 0)
3671				{
3672					var msg = data.substring('passNotSafe|'.length);
3673					if (!msg) {
3674						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
3675					}
3676
3677					$status
3678						.removeClass()
3679						.addClass('alert alert-sm alert-warning')
3680						.text(msg)
3681						.fadeIn(1000);
3682
3683					$('#desktopregister #reg_pass').addClass('is-invalid');
3684				}
3685			  
3686			  $('#desktopregister #capverifikasi').html(ver);
3687
3688		}})
3689		.fail(function() {
3690			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
3691			$('#desktopregister #capverifikasi').html(ver);
3692		});
3693	}
3694
3695	jtWithIframeCaptchaRegister($form, false, function () {
3696		jtWithTurnstileRegister($form, function () {
3697			jtWithRecaptchaRegisterToken($form, $status, submitDesktopRegister);
3698		});
3699	}, function (msg) {
3700		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
3701	});
3702	return false;
3703});
3704    </script>
3704
3705    
3706    
3706<script>
3707    
3708    function onlyNumber(n) {
3709    	return n.replace(/\D/g, '');	
3710    }
3711    
3712    
3713        $(document).on("keyup", "#mobileregister #reg_rek, #mobileregister #reg_telpon", function()
3714		{	
3715			var rek = $(this).val();
3716			rek = onlyNumber(rek);
3717			if (isNaN(rek)) rek = '';
3718			$(this).val(rek);		
3719		});
3720
3721//
3722$(document).on("change", '#mobileregister #reg_dari', function()
3723	{
3724		inputdari = $('#mobileregister #reg_dari').val();
3725		
3726		if (inputdari == 'Lain-lain') 
3727		{
3728			$('#mobileregister #reg_lain').show();
3729		}
3730		else
3731		{
3732			$('#mobileregister #reg_lain').hide();
3733		}
3734	});
3735
3736
3737$(document).on("click", "#mobileregister #buttonRegister", function()
3738	{
3739	  
3740	  nocache = new Date().getTime().toString().slice(-3);  
3741	    
3742	var ver = `<img src=\"mcapreg.php?${nocache}\" width=\"100%\" style=\"height: 40px; width: 100%; border-radius: 5px;margin-top: -3px;\" alt=\"Kode verifikasi\">`;
3743	var $form = $('#mobileregister #formRegister');
3744	var $status = $('#mobileregister #statusRegister');
3745	$status.removeClass().addClass('alert alert-sm alert-success').text('Validating').fadeIn(1000);
3746
3747	function submitMobileRegister() {
3748	    
3749	    
3750	    
3751	$.ajax({
3752		url: "/api/front/register",
3753		type: "POST",
3754		data: $form.serialize(),
3755		headers: { 'X-CSRF-Token': window.JT_CSRF_TOKEN || '' },
3756		success: function(data)
3757		{
3758			  $('.is-invalid').removeClass('is-invalid');
3759			  
3760			  if (data == 'success')
3761			  {  
3762			 
3763				toast('Registrasi Sukses!, Selamat Bergabung.', 200);
3764				$status.removeClass().addClass('alert alert-sm alert-success').text('Registrasi Sukses!, Selamat Bergabung.').fadeIn(900);
3765				window.location='/home?welcome';
3766			  }
3767			  else
3768			  if (data == 'userWrong')
3769			  {
3770				  $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);
3771				  $('#mobileregister #reg_username').addClass('is-invalid');
3772			  }
3773			  else
3774			  if (data == 'passWrong')
3775			  {
3776				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus 6 karakter atau lebih').fadeIn(1000);
3777				  $('#mobileregister #reg_pass').addClass('is-invalid');
3778			  }
3779			  else
3780			  if (data == 'passSame')
3781			  {
3782				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Password harus sama dengan konfirmasi').fadeIn(1000);
3783				  $('#mobileregister #reg_passcon').addClass('is-invalid');
3784			  }
3785			  else
3786			  if (data == 'bankEmpty')
3787			  {
3788				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Bank harus diisi').fadeIn(1000);
3789				  $('#mobileregister #reg_bank').addClass('is-invalid');
3790			  }
3791			  else
3792			  if (data == 'rekEmpty')
3793			  {
3794				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nomor Rekening harus diisi dengan angka saja').fadeIn(1000);
3795				  $('#mobileregister #reg_rek').addClass('is-invalid');
3796			  }
3797			  else
3798			  if (data == 'namaEmpty')
3799			  {
3800				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama sesuai rekening harus diisi').fadeIn(1000);
3801				  $('#mobileregister #reg_nama').addClass('is-invalid');
3802			  }
3803			  else
3804			  if (data == 'dbError')
3805			  {
3806				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf ada masalah dengan registrasi').fadeIn(1000);
3807			  }
3808			  else
3809			  if (data == 'userExist')
3810			  {
3811				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf username tersebut sudah ada').fadeIn(1000);
3812				  $('#mobileregister #reg_username').addClass('is-invalid');
3813			  }
3814			  else
3815			  if (data == 'rekExist')
3816			  {
3817				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf no rekening tersebut sudah ada').fadeIn(1000);
3818				  $('#mobileregister #reg_rek').addClass('is-invalid');
3819			  }
3820			  else
3821			  if (data == 'refError')
3822			  {
3823				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf tidak ada referal tersebut').fadeIn(1000);
3824				  $('#mobileregister #reg_ref').addClass('is-invalid');
3825			  }
3826			  else
3827			  if (data == 'emailError')
3828			  {
3829				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf email tidak valid').fadeIn(1000);
3830				  $('#mobileregister #reg_email').addClass('is-invalid');
3831			  }
3832			  else
3833			  if (data == 'telponEmpty')
3834			  {
3835				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon t
3835idak boleh kosong').fadeIn(1000);
3836				  $('#mobileregister #reg_telpon').addClass('is-invalid');
3837			  }
3838			  else
3839			  if (data == 'telponError')
3840			  {
3841				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf telpon tidak valid').fadeIn(1000);
3842				  $('#mobileregister #reg_telpon').addClass('is-invalid');
3843			  }
3844			  else if (data == 'namaError') {
3845			      
3846			      $status.removeClass().addClass('alert alert-sm alert-warning').text('Nama hanya boleh huruf dan spasi').fadeIn(1000);
3847				  $('#mobileregister #reg_nama').addClass('is-invalid');
3848                }
3849			  else
3850			  if (data == 'dariEmpty')
3851			  {
3852				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf silakan dipilih dari mana anda tahu website kami').fadeIn(1000);
3853				  $('#mobileregister #reg_dari').addClass('is-invalid');
3854			  }
3855			  else
3856			  if (data == 'lainEmpty')
3857			  {
3858				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf mohon diisi kolom lain-lain').fadeIn(1000);
3859				  $('#mobileregister #reg_lain').addClass('is-invalid');
3860			  }
3861			  else
3862			  if (data == 'caperror')
3863			  {
3864				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Maaf Verifikasi Salah').fadeIn(1000);
3865				  $('#mobileregister #reg_verifikasi').addClass('is-invalid');
3866				 
3867			  }
3868			  else
3869			  if (data == 'recaperror')
3870			  {
3871				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Recaptcha salah, coba lagi').fadeIn(1000);
3872			  }
3873			  else
3874			  if (data == 'iperror')
3875			  {
3876				  $status.removeClass().addClass('alert alert-sm alert-warning').text('IP Tidak Sesuai').fadeIn(1000);
3877			  }
3878			  else
3879			  if (data == 'capexp')
3880			  {
3881				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Captcha Expired').fadeIn(1000);
3882			  }
3883			  else
3884			  if (data == 'wait')
3885			  {
3886				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Silahkan dicoba beberapa saat lagi').fadeIn(1000);
3887			  }
3888			  else
3889			  if (data == 'turnnoevent')
3890			  {
3891				  window.location.reload();
3892			  }
3893			  else
3894			  if (data == 'turnblock')
3895			  {
3896				  $status.removeClass().addClass('alert alert-sm alert-warning').text('Insecure Device').fadeIn(1000);
3897			  }
3898			  else
3899				if (data.indexOf('passNotSafe|') === 0)
3900				{
3901					var msg = data.substring('passNotSafe|'.length);
3902					if (!msg) {
3903						msg = 'Password tidak aman! Gunakan password yang lebih kuat.';
3904					}
3905
3906					$status
3907						.removeClass()
3908						.addClass('alert alert-sm alert-warning')
3909						.text(msg)
3910						.fadeIn(1000);
3911
3912					$('#mobileregister #reg_pass').addClass('is-invalid');
3913				}
3914			  
3915			   $('#mobileregister #capverifikasi').html(ver);
3916			//   ke('#mobileregister #content');
3917		}})
3918		.fail(function() {
3919			$status.removeClass().addClass('alert alert-sm alert-warning').text('Koneksi gagal, coba lagi').fadeIn(1000);
3920			$('#mobileregister #capverifikasi').html(ver);
3921		});
3922	}
3923
3924	jtWithIframeCaptchaRegister($form, true, function () {
3925		jtWithTurnstileRegister($form, function () {
3926			jtWithRecaptchaRegisterToken($form, $status, submitMobileRegister);
3927		});
3928	}, function (msg) {
3929		$status.removeClass().addClass('alert alert-sm alert-warning').text(msg || 'Verifikasi Kosong').fadeIn(1000);
3930	});
3931	return false;
3932});
3933    </script>
3933
3934    
3935    
3935<script>
3936        const currentPath = window.location.pathname.replace(/\/+$/, '');
3937        const popupElement = document.getElementById('popup');
3938    
3939        if (currentPath === '/register') {
3940            document.getElementById('content')?.scrollIntoView();
3941        } else if (popupElement && typeof bootstrap !== 'undefined') {
3942            const popupModal = bootstrap.Modal.getOrCreateInstance(popupElement);
3943            popupModal.show();
3944        }
3945    </script>
3945
3946
3947  
3947<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"dbc4d95cd72044e48df468a0c917b836","r":1,"spa":2}' crossorigin="anonymous"></script>
3947
3948</body>
3949</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.