PageSourceSearch

https://keramas4d.it.com/register

html keramas4d.it.com collected 2026-10-09 22:40:34 UTC 322,902 bytes, 5,731 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="id">
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6        <title>Keramas4D: Platform Hiburan Digital Resmi & Game Online Terpercaya</title>
7        
8                <meta name="viewport" content="width=1200, initial-scale=1">
9        
10        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
11        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
12        <link rel="preload" href="/style.scss" as="style" onload="this.onload=null;this.rel='stylesheet'">
13
14
15        <!--<link rel="stylesheet" href="/css/old/template/LD.css">-->
16        <link rel="stylesheet" href="/css/old/template/LD.css">
17        <link rel="stylesheet" href="/css/old/variable.css">
18        
19                <link rel="stylesheet" href="/css/old/dark.css">
20                
21        <link rel="stylesheet" href="/css/old/new2-style.css?1790436670">
22        <link rel="stylesheet" href="https://img.viva88athenae.com//icomoon/style.css">
23        <link rel="icon" type="image/png" href="/favicon.png">
24
25        <!-- Driver.js start -->
26        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.css"/>
27        
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/driver.js.iife.js"></script>
27
28        <style>
29        @media (max-width: 768px) {
30            .driver-popover { max-width: 220px !important; font-size: 12px !important; padding: 10px 12px !important; }
31            .driver-popover-title { font-size: 13px !important; margin-bottom: 4px !important; }
32            .driver-popover-description { font-size: 12px !important; }
33        }
34        </style>
35        <!--  Driver.js end -->
36        
37        
37<script src="/js/old/jquery-3.6.4.min.js"></script>
37
38        
38<script src="/js/old/jquery.marquee.min.js"></script>
38
39
40        <!-- RECAPTCHA -->
41                
42        <meta name="description" content="Selamat datang di Keramas4D. Nikmati berbagai pilihan game online dan hiburan digital interaktif dengan akses mudah, aman, dan layanan pelanggan 24 jam nonstop."/>
43<meta name="keywords" content="Keramas4D , Keramas4D login, Keramas4D daftar, Keramas4D alternatif, link Keramas4D " />
44<meta name="geo.region" content="ID">
45<meta name="geo.country" content="id">
46<meta name="geo.placename" content="Indonesia">
47<meta name="author" content=“Keramas4D”>
48<meta name="publisher" content=“Keramas4D”>
49<meta charset="utf-8">
50<link rel="icon"href="https://imgur.com/kLsMBzw.png" sizes="32x32" />
51<meta name="robots" content="index, follow">
52<link rel="canonical" href="https://keramas4d.it.com">
53<link rel="amphtml" href="https://keramas4d-amp.com">
54<meta name="p:domain_verify" content="e082a5751a5f94c5679105f337be66cc"/>
55<meta name="google-site-verification" content="RoaPbd7iPY6Wy7SjPB9VhJZTjteY0CbUdZNH2rsE8qU" />
56<meta name="google-site-verification" content="E1aWJUe4W4KUHNLXYPhhkOMTyMfcbusSVVu9Rh778to" />
57<meta name="google-site-verification" content="YDqjYDOu2K4oFyZpHDdYQRRlFBWN-5akxPCAxs2pmno" />
58<meta name="google-site-verification" content="KU-1cIUVmQ8B8gosBkA4zgaCrrqFFxBX5-2oPvGb1XU" />
59<meta name="google-site-verification" content="gxorhKi2IUKCZ2qv1yGNxMK8pNviIUr6T2XF_gIboPo" />
60<meta name="google-site-verification" content="nd46xsx4F6NjWdRvA1HT9SaaIir0zTxRpQkLuPN2j7g" />
61<meta name="google-site-verification" content="JUBuASjS72itazHACytPCF8I0zMbbSht_PpjlWULlw8" />
62<script type="application/ld+json">
63{
64  "@context": "https://schema.org",
65  "@type": "LocalBusiness",
66  "name": "keramas4d",
67  "description": "Rasakan pengalaman bermain online yang aman dan cepat. Daftar Keramas4D sekarang, nikmati layanan 24 jam dan bonus menarik. Akses login mudah di sini!",
68  "url": "https://keramas4d.com",
69  "sameAs": [
70    "https://www.facebook.com/keramas4d/",
71    "https://www.pinterest.com/keramas4d/",
72    "https://www.behance.net/keramas4d/",
73    "https://www.instagram.com/keramas4d/",
74    "https://www.linkedin.com/in/keramas4d/",
75    "https://www.tiktok.com/@keramas4d",
76    "https://x.com/keramas4d",
77    "https://www.youtube.com/@KERAMAS4D",
78    "https://github.com/keramas4d",
79    "https://sketchfab.com/keramas4d",
80    "https://www.twitch.tv/keramas4d",
81    "https://bsky.app/profile/keramas4d.bsky.social",
82    "https://www.goodreads.com/keramas4d",
83    "https://500px.com/p/keramas4d?view=photos",
84    "https://medium.com/@keramas4d",
85    "https://www.etsy.com/people/m0ks9gk5gryqrff2",
86    "https://www.tumblr.com/keramas4d",
87    "https://vimeo.com/keramas4d",
88    "https://dribbble.com/keramas4d",
89    "https://vsco.co/keramas4d/",
90    "https://weibo.com/keramas4d",
91    "https://www.xing.com/profile/Keramas_FourD/",
92    "https://www.yelp.com/user_details?userid=KJftCNCUsyZWifvjj4ogZA",
93    "https://keramas4d.itch.io/",
94    "https://mastodon.social/@keramas4d",
95    "https://heylink.me/keramas4d",
96    "https://linktr.ee/keramas4d",
97    "https://campsite.bio/keramas4d",
98    "https://about.me/keramas4d",
99    "https://tap.bio/@keramas4d",
100    "https://solo.to/keramas4d",
101    "https://keramas4d.carrd.co",
102    "https://www.linknbio.com/keramas4d",
103    "https://keramas4d.taplink.id",
104    "https://bio.site/keramas4d"
105  ],
106  "address": {
107    "@type": "PostalAddress",
108    "streetAddress": "Jalan Babakan Fakultas No.69 RT.03/RW.04",
109    "addressLocality": "Tegallega",
110    "addressRegion": "Jawa Barat",
111    "postalCode": "16129",
112    "addressCountry": "ID"
113  },
114  "keywords": [
115    "Keramas4D",
116    "Keramas4D login",
117    "Keramas4D daftar",
118    "Keramas4D alternatif",
119    "link Keramas4D"
120  ],
121  "image": "https://keramas4d.com/images/logoweb.png",
122  "aggregateRating": {
123    "@type": "AggregateRating",
124    "ratingValue": "5.0",
125    "reviewCount": "11"
126  },
127  "review": [
128    {
129      "@type": "Review",
130      "reviewRating": {
131        "@type": "Rating",
132        "ratingValue": "5"
133      },
134      "reviewBody": "top service",
135      "author": {
136        "@type": "Person",
137        "name": "Nina"
138      }
139    },
140    {
141      "@type": "Review",
142      "reviewRating": {
143        "@type": "Rating",
144        "ratingValue": "5"
145      },
146      "reviewBody": "I don't know, it's really the most professional here, 24 hours a day too",
147      "author": {
148        "@type": "Person",
149        "name": "jafa"
150      }
151    },
152    {
153      "@type": "Review",
154      "reviewRating": {
155        "@type": "Rating",
156        "ratingValue": "5"
157      },
158      "reviewBody": "very trustworthy and good service",
159      "author": {
160        "@type": "Person",
161        "name": "haga"
162      }
163    },
164    {
165      "@type": "Review",
166      "reviewRating": {
167        "@type": "Rating",
168        "ratingValue": "5"
169      },
170      "reviewBody": "trusted professional",
171      "author": {
172        "@type": "Person",
173        "name": "rival putra"
174      }
175    },
176    {
177      "@type": "Review",
178      "reviewRating": {
179        "@type": "Rating",
180        "ratingValue": "5"
181      },
182      "reviewBody": "trusted and 24 hours",
183      "author": {
184        "@type": "Person",
185        "name": "Vallenciaalexa"
186      }
187    },
188    {
189      "@type": "Review",
190      "reviewRating": {
191        "@type": "Rating",
192        "ratingValue": "5"
193      },
194      "reviewBody": "fast, satisfying service",
195      "author": {
196        "@type": "Person",
197        "name": "Nabil"
198      }
199    },
200    {
201      "@type": "Review",
202      "reviewRating": {
203        "@type": "Rating",
204        "ratingValue": "5"
205      },
206      "reviewBody": "very trustworthy",
207      "author": {
208        "@type": "Person","name": "putri cantika"
209      }
210    },
211    {
212      "@type": "Review",
213      "reviewRating": {
214        "@type": "Rating",
215        "ratingValue": "5"
216      },
217      "reviewBody": "fast crazy service",
218      "author": {
219        "@type": "Person",
220        "name": "Malik Andika"
221      }
222    },
223    {
224      "@type": "Review",
225      "reviewRating": {
226        "@type": "Rating",
227        "ratingValue": "5"
228      },
229      "reviewBody": "24-hour response",
230      "author": {
231        "@type": "Person",
232        "name": "Dandi"
233      }
234    },
235    {
236      "@type": "Review",
237      "reviewRating": {
238        "@type": "Rating",
239        "ratingValue": "5"
240      },
241      "reviewBody": "VERY GOOD SERVICE",
242      "author": {
243        "@type": "Person",
244        "name": "mega puspita"
245      }
246    },
247    {
248      "@type": "Review",
249      "reviewRating": {
250        "@type": "Rating",
251        "ratingValue": "5"
252      },
253      "reviewBody": "turns out it's open 24 hours",
254      "author": {
255        "@type": "Person",
256        "name": "Padielll 853"
257      }
258    }
259  ]
260}
261</script>
261
262<!--Data Withdraw-->
263<script src="https://res.cloudinary.com/dth0k3yzp/raw/upload/v1665946523/var__0x593b50__0x439e_function__0x1cc8_kajudk.js"></script>
263
264<style>
265.messagebleft-container{transition:all .5s ease;transition-property:top,right,bottom,left,opacity;font-family:Roboto,sans-serif;font-size:14px;min-height:14px;border-radius:6px;background:rgb(223 255 199);border:2px solid green;position:fixed;display:flex;justify-content:space-between;align-items:center;color:#fff;line-height:22px;padding:18px 24px;bottom:-100px;top:-100px;opacity:1;padding:6px 9px;z-index:9999999999}.messagebleft-container .action{background:inherit;display:inline-block;font-size:inherit;text-transform:uppercase;color:#4caf50;margin:0 0 0 24px;padding:0;min-width:min-content;cursor:pointer}@media (min-width:640px){.messagebleft-container{min-width:288px;max-width:568px;display:inline-flex;border-radius:6px;margin:24px}}@media (max-width:640px){.messagebleft-container{left:0;right:0;width:100%}}.messagebleft-pos.bottom-center{bottom:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.bottom-left{bottom:auto!important;top:0;left:0}.messagebleft-pos.bottom-right{top:auto!important;bottom:0;right:0}.messagebleft-pos.top-left{top:auto!important;top:0;left:0}.messagebleft-pos.top-center{top:auto!important;top:0;left:50%;transform:translate(-50%,0)}.messagebleft-pos.top-right{top:auto!important;top:0;right:0}@media (max-width:640px){.messagebleft-pos.bottom-center,.messagebleft-pos.top-center{left:0;transform:none}}
266</style>
267<!--End of Data Withdraw-->
268
269<!-- Meta Pixel Code -->
270<script>
vendor: 408 bytes, lines 270-279
270
271!function(f,b,e,v,n,t,s)
272{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
273n.callMethod.apply(n,arguments):n.queue.push(arguments)};
274if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
275n.queue=[];t=b.createElement(e);t.async=!0;
276t.src=v;s=b.getElementsByTagName(e)[0];
277s.parentNode.insertBefore(t,s)}(window, document,'script',
278'https://connect.facebook.net/en_US/fbevents.js');
279fbq('init', '
2792027045068087491
vendor: 5 bytes, line 279
279');
280fbq('init', '3722979581325619');
281fbq('init', '810336738024188');
282fbq('init', '1917081782548824');
283fbq('init', '1318900226349206');
284fbq('init', '955691092868779');
285fbq('init', '1294927034901142');
286fbq('track', 'PageView');
287</script>
287
288<noscript><img height="1" width="1" style="display:none"
289src="https://www.facebook.com/tr?id=3722979581325619&ev=PageView&noscript=1"
290/></noscript>
291<!-- End Meta Pixel Code -->
292<!-- Meta Pixel Code -->
293<script>
vendor: 408 bytes, lines 293-302
293
294!function(f,b,e,v,n,t,s)
295{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
296n.callMethod.apply(n,arguments):n.queue.push(arguments)};
297if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
298n.queue=[];t=b.createElement(e);t.async=!0;
299t.src=v;s=b.getElementsByTagName(e)[0];
300s.parentNode.insertBefore(t,s)}(window, document,'script',
301'https://connect.facebook.net/en_US/fbevents.js');
302fbq('init', '
3024190240731293791
vendor: 32 bytes, lines 302-303
302');
303fbq('track', 'PageView');
304</script>
304
305<noscript><img height="1" width="1" style="display:none"
306src="https://www.facebook.com/tr?id=4190240731293791&ev=PageView&noscript=1"
307/></noscript>
308<!-- End Meta Pixel Code -->
309
310<!-- Meta Pixel Code -->
311<script>
vendor: 408 bytes, lines 311-320
311
312!function(f,b,e,v,n,t,s)
313{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
314n.callMethod.apply(n,arguments):n.queue.push(arguments)};
315if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
316n.queue=[];t=b.createElement(e);t.async=!0;
317t.src=v;s=b.getElementsByTagName(e)[0];
318s.parentNode.insertBefore(t,s)}(window, document,'script',
319'https://connect.facebook.net/en_US/fbevents.js');
320fbq('init', '
320858567870299807
vendor: 32 bytes, lines 320-321
320');
321fbq('track', 'PageView');
322</script>
322
323<noscript><img height="1" width="1" style="display:none"
324src="https://www.facebook.com/tr?id=858567870299807&ev=PageView&noscript=1"
325/></noscript>
326<!-- End Meta Pixel Code -->
327
328<!-- Meta Pixel Code -->
329<script>
vendor: 408 bytes, lines 329-338
329
330!function(f,b,e,v,n,t,s)
331{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
332n.callMethod.apply(n,arguments):n.queue.push(arguments)};
333if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
334n.queue=[];t=b.createElement(e);t.async=!0;
335t.src=v;s=b.getElementsByTagName(e)[0];
336s.parentNode.insertBefore(t,s)}(window, document,'script',
337'https://connect.facebook.net/en_US/fbevents.js');
338fbq('init', '
3381219785049595689
vendor: 32 bytes, lines 338-339
338');
339fbq('track', 'PageView');
340</script>
340
341<noscript><img height="1" width="1" style="display:none"
342src="https://www.facebook.com/tr?id=1219785049595689&ev=PageView&noscript=1"
343/></noscript>
344<!-- End Meta Pixel Code -->
345
346
347<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 347-348
347
348<script async src="https://www.googletagmanager.com/gtag/js?id=
348G-TRBEJWFT6P
vendor: 13 bytes, line 348
348"></script>
349<script>
350  
vendor: 138 bytes, lines 350-354
350window.dataLayer = window.dataLayer || [];
351  function gtag(){dataLayer.push(arguments);}
352  gtag('js', new Date());
353
354  gtag('config', '
354G-TRBEJWFT6P
vendor: 5 bytes, line 354
354');
355</script>
355
356        <style>
357        
358        .wrapper {
359            display: grid;
360            grid-template-columns: 1fr;
361            grid-template-areas:
362            "marquee"
363            "header"
364            "devider"
365            "contentdata"
366            "togel-desktop"
367            "widget-kupon"
368            "widget-sbo"
369            "provider"
370            "transaksi"
371            "guidelines"
372            "bantuan"
373            "footer"
374        }
375        
376        .widget-kupon {
377            grid-area: widget-kupon;
378            padding-top: 20px;
379            background: var(--footer-background);
380            display: flex;
381            align-items: center;
382            position: relative;
383        }
384
385        .widget-sbo {
386            grid-area: widget-sbo;
387            padding-top: 20px;
388            display: flex;
389            align-items: center;
390            position: relative;
391        }
392        
393            .iframe-kupon {
394                width: 1000px;
395                height: 200px;
396                display: block;
397                vertical-align: bottom;
398            }
399                    
400            .login-input-field {
401                font-size: 1rem;
402            }
403            
404            .btn-aduan2 {
405                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
406                -webkit-background-clip: text;
407                -webkit-text-fill-color: transparent;
408                background-size: 300% 300%;
409                animation: gradient 2s ease infinite;
410            }
411            
412            .transaksi-title {
413                place-items: start;
414            }
415            
416            .btn-tele {
417                font-size: 1.2rem;
418                text-shadow: 1px 1px #000000;
419                height: 36px!important;
420                border-radius: 8px;
421                background: #28323C;
422                color: white;
423            }
424            
425            #marquee-mobile {
426                width: 100%;
427                overflow: hidden;
428            }
429            
430            #marquee-mobile .marquee-content {
431                display: flex;
432                align-items: center;
433                width: 100%;
434                overflow: hidden;
435            }
436            
437            #marquee-mobile .running {
438                position: relative;
439                flex: 1 1 auto;
440                min-width: 0;
441                overflow: hidden;
442            }
443            
444            #marquee-mobile .broadcast {
445                display: inline-block;
446                white-space: nowrap;
447            }
448                        
449            #marquee {
450                overflow: hidden;
451            }
452            
453            #marquee .running {
454                overflow: hidden;
455            }
456            
457            #marquee .broadcast {
458                white-space: nowrap;
459            }
460            
461            body {
462                overflow-x: hidden;
463            }
464            
465            .btn-google {
466                width: 30px;
467                height: 30px;
468                background: #fff;
469                border: 1px solid #ddd;
470                border-radius: 3px;
471                display: inline-flex;
472                align-items: center;
473                justify-content: center;
474            }
475            
476            .btn-google:hover {
477                background: #f5f5f5;
478            }
479            
480            .btn-google-mobile {
481                background: #fff;
482                color: #3c4043;
483                border: 1px solid #dadce0;
484                border-radius: 3px;
485                height: 36px;
486                padding: 0 12px;
487                font-weight: 600;
488                font-size: 1.2rem;
489            
490                align-items: center;
491                justify-content: center;
492                gap: 8px;
493            }
494            
495            .btn-google-mobile:hover {
496                background: #f8f9fa;
497                color: #202124;
498            }
499
500            
501            @media only screen and (max-width: 1000px) {
502                
503            .wrapper {
504                display: grid;
505                grid-template-columns: 1fr;
506                grid-template-areas:
507                "appbar"
508                "marquee"
509                "header"
510                "contentdata"
511                "togel-mobile"
512                "widget-kupon"
513                "widget-sbo"
514                "devider"
515                "provider"
516                "transaksi"
517                "bantuan"
518                "footer"
519                "guidelines";
520            }
521            
522            .widget-kupon {
523                margin: 0px 20px;
524            }
525
526          
527                        
528                .iframe-kupon {
529                    padding: 0px;
530                    height: 262px;
531                    width: 100%;
532                    display: block;
533                    vertical-align: bottom;
534                }
535                
536            .transaksi-title {
537                place-items: center;
538            }
539                
540                .login-input-field {
541                    font-size: 1.2rem;
542                }      
543            }
544            
545            .grecaptcha-badge {
546                display: none !important;
547            }
548            
549        </style>
550
551    </head>
552    
553    
554
555    <body id="desktop">
556        
557        
558<div id="hover" class="hover desktop-only">
559
560    <div id="hover-togel" class="hover-menu">
561        <a href="/register" class="hover-item">
562            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
563            <figcaption>TOGEL</figcaption>
564        </a> 
565        
566        <a href="/register" class="hover-item">
567            <figure><img src="https://img.viva88athenae.com//icon-kupon1.png" alt="PAY4D"></figure>
568            <figcaption>KUPON</figcaption>
569        </a> 
570    </div>
571
572    <div id="hover-slot" class="hover-menu">
573        <a href="/slot/pp" class="hover-item">
574            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
575            <figcaption>PRAGMATIC PLAY</figcaption>
576        </a>
577
578        <a href="/slot/pg" class="hover-item">
579            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
580            <figcaption>PG SOFT</figcaption>
581        </a>
582
583        <a href="/slot/jl" class="hover-item">
584            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
585            <figcaption>JILI</figcaption>
586        </a> 
587
588        <a href="/slot/mgw" class="hover-item">
589            <figure><img src="https://img.viva88athenae.com//slot-mgw.png" alt="MEGAWIN"></figure>
590            <figcaption>MEGAWIN</figcaption>
591        </a>
592
593        <a href="/slot/atg" class="hover-item">
594            <figure><img src="https://img.viva88athenae.com//slot-atg.png" alt="ATG Games"></figure>
595            <figcaption>ATG Games</figcaption>
596        </a>
597
598        <a href="/slot/pok" class="hover-item">
599            <figure><img src="https://img.viva88athenae.com//slot-pok.png" alt="PopOK Gaming"></figure>
600            <figcaption>PopOK Gaming</figcaption>
601        </a>
602
603        <a href="/slot/ams" class="hover-item">
604            <figure><img src="https://img.viva88athenae.com//slot-ams.png" alt="ASKMESLOT"></figure>
605            <figcaption>ASKMESLOT</figcaption>
606        </a>
607
608        <a href="/slot/sdl" class="hover-item">
609            <figure><img src="https://img.viva88athenae.com//slot-sdl.png" alt="SHADY LADY"></figure>
610            <figcaption>SHADY LADY</figcaption>
611        </a>
612
613        <a href="/slot/hb" class="hover-item">
614            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
615            <figcaption>HABANERO</figcaption>
616        </a>
617        
618        <a href="/slot/sg" class="hover-item">
619            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
620            <figcaption>SPADEGAMING</figcaption>
621        </a>
622
623        <a href="/slot/nlc" class="hover-item">
624            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
625            <figcaption>NOLIMIT CITY</figcaption>
626        </a>
627
628        <a href="/slot/fs" class="hover-item">
629            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
630            <figcaption>FASTSPIN</figcaption>
631        </a>
632
633        <a href="/slot/jg" class="hover-item">
634            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
635            <figcaption>JOKER</figcaption>
636        </a> 
637
638        <a href="/slot/mg" class="hover-item">
639            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
640            <figcaption>MICROGAMING</figcaption>
641        </a>
642
643        <a href="/slot/fgs" class="hover-item">
644            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
645            <figcaption>5G GAMES</figcaption>
646        </a>
647
648        <a href="/slot/hks" class="hover-item">
649            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
650            <figcaption>HACKSAW GAMING</figcaption>
651        </a>
652
653        <a href="/slot/nxt" class="hover-item">
654            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
655            <figcaption>NEXTSPIN</figcaption>
656        </a>
657
658        <a href="/slot/ps" class="hover-item">
659            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
660            <figcaption>PLAYSTAR</figcaption>
661        </a>
662
663        <a href="/slot/pt" class="hover-item">
664            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
665            <figcaption>PLAYTECH</figcaption>
666        </a>
667
668        <a href="/slot/av" class="hover-item">
669            <figure><img src="https://img.viva88athenae.com//slot-av.png" alt="ADVANT PLAY"></figure>
670            <figcaption>ADVANT PLAY</figcaption>
671        </a>
672
673        <a href="/slot/cmp" class="hover-item">
674            <figure><img src="https://img.viva88athenae.com//slot-cmp.png" alt="COSMOPLAY"></figure>
675            <figcaption>COSMOPLAY</figcaption>
676        </a> 
677
678        <a href="/slot/cq9" class="hover-item">
679            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
680            <figcaption>CQ9</figcaption>
681        </a>    
682
683        <a href="/slot/wow" class="hover-item">
684            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
685            <figcaption>WOW GAMING</figcaption>
686        </a>
687
688        <a href="/slot/l22" class="hover-item">
689            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
690            <figcaption>LIVE22</figcaption>
691        </a> 
692
693        <a href="/slot/ss" class="hover-item">
694            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
695            <figcaption>SBO SLOT</figcaption>
696        </a>
697        
698        <!-- <a href="/slot/nte" class="hover-item">
699            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
700            <figcaption>NETENT</figcaption>
701        </a> --> 
702      
703        <!-- <a href="/slot/ttg" class="hover-item">
704            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
705            <figcaption>TOPTREND GAMING</figcaption>
706        </a> -->
707    </div>
708
709    <div id="hover-live" class="hover-menu" >
710        <a href="/casino/pplc" class="hover-item">
711            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
712            <figcaption>PRAGMATIC PLAY</figcaption>
713        </a>
714
715        <a href="/casino/evo" class="hover-item">
716            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
717            <figcaption>EVOLUTION</figcaption>
718        </a>
719
720        <a href="/casino/mglc" class="hover-item">
721            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
722            <figcaption>MICROGAMING</figcaption>
723        </a>
724
725        <a href="/casino/ptg" class="hover-item">
726            <figure><img src="https://img.viva88athenae.com//live-ptg.png" alt="PRETTY GAMING"></figure>
727            <figcaption>PRETTY GAMING</figcaption>
728        </a>
729
730        <a href="/casino/ion" class="hover-item">
731            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
732            <figcaption>ION CASINO</figcaption>
733        </a>
734
735        <a href="/casino/sx" class="hover-item">
736            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
737            <figcaption>SEXY GAMING</figcaption>
738        </a>
739
740        <a href="/casino/sa" class="hover-item">
741            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
742            <figcaption>SA GAMING</figcaption>
743        </a>   
744
745        <a href="/casino/ab" class="hover-item">
746            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
747            <figcaption>ALLBET</figcaption>
748        </a> 
749
750        <a href="/casino/ptlc" class="hover-item">
751            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
752            <figcaption>PLAYTECH LIVE</figcaption>
753        </a>
754
755        <!-- <a href="/casino/gmnl" class="hover-item">
756            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
757            <figcaption>GEMINI LIVE</figcaption>
758        </a> -->
759
760        <a href="/casino/og" class="hover-item">
761            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
762            <figcaption>OPUS PLUS</figcaption>
763        </a>
764
765        <a href="/casino/sbol" class="hover-item">
766            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
767            <figcaption>SBOBET CASINO</figcaption>
768        </a>    
769    </div>
770
771    <div id="hover-sport" class="hover-menu">
772        <a href="/register" class="hover-item">
773            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
774            <figcaption>SABA</figcaption>
775        </a>
776
777        <a href="/register" class="hover-item">
778            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
779            <figcaption>SBOBET</figcaption>
780        </a>
781        
782        <a href="/register" class="hover-item">
783            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
784            <figcaption>CMD368</figcaption>
785        </a>  
786
787        <!-- <a href="/register" class="hover-item">
788            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
789            <figcaption>PINNACLE</figcaption>
790        </a>   -->
791	
792	    <a href="/register" class="hover-item">
793            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
794            <figcaption>TFGAMING</figcaption>
795        </a>        
796    </div>
797
798    <div id="hover-fishing" class="hover-menu">
799        <a href="/arcade/jl" class="hover-item">
800            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
801            <figcaption>JILI</figcaption>
802        </a>
803    
804        <a href="/arcade/sg" class="hover-item">
805            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
806            <figcaption>SPADE GAMING</figcaption>
807        </a>
808
809        <a href="/arcade/fs" class="hover-item">
810            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
811            <figcaption>FASTSPIN</figcaption>
812        </a>
813
814        <a href="/arcade/ams" class="hover-item">
815            <figure><img src="https://img.viva88athenae.com//fish-ams.png" alt="ASKMESLOT"></figure>
816            <figcaption>ASKMESLOT</figcaption>
817        </a>
818
819        <!-- <a href="/arcade/ps" class="hover-item">
820            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
821            <figcaption>PLAYSTAR</figcaption>
822        </a>
823
824	    <a href="/arcade/l22" class="hover-item">
825            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
826            <figcaption>LIVE22</figcaption>
827        </a>  -->
828
829    </div>
830
831    <div id="hover-sabung" class="hover-menu">
832        <a href="/sabung/ws" class="hover-item">
833            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
834            <figcaption>WS168</figcaption>
835        </a>
836
837        <a href="/sabung/sv" class="hover-item">
838            <figure><img src="https://img.viva88athenae.com//sabung-sv.png" alt="SV388"></figure>
839            <figcaption>SV388</figcaption>
840        </a> 
841    </div>
842    
843    <div id="hover-interactive" class="hover-menu">
844        <a href="/interactive/pp" class="hover-item">
845            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
846            <figcaption>PRAGMATIC PLAY</figcaption>
847        </a> 
848        
849        <a href="/interactive/gmn" class="hover-item">
850            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
851            <figcaption>GEMINI</figcaption>
852        </a> 
853
854        <a href="/interactive/jl" class="hover-item">
855            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
856            <figcaption>JILI</figcaption>
857        </a> 
858
859        <a href="/interactive/jg" class="hover-item">
860            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
861            <figcaption>JOKER</figcaption>
862        </a>
863
864        <a href="/interactive/atg" class="hover-item">
865            <figure><img src="https://img.viva88athenae.com//interactive-atg.png" alt="ATG Games"></figure>
866            <figcaption>ATG Games</figcaption>
867        </a>
868
869        <a href="/interactive/pok" class="hover-item">
870            <figure><img src="https://img.viva88athenae.com//interactive-pok.png" alt="PopOK Gaming"></figure>
871            <figcaption>PopOK Gaming</figcaption>
872        </a>
873
874        <a href="/interactive/ams" class="hover-item">
875            <figure><img src="https://img.viva88athenae.com//interactive-ams.png" alt="ASKMESLOT"></figure>
876            <figcaption>ASKMESLOT</figcaption>
877        </a>
878
879        <a href="/interactive/mg" class="hover-item">
880            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
881            <figcaption>MICRO GAMING</figcaption>
882        </a>
883
884        <a href="/interactive/hks" class="hover-item">
885            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
886            <figcaption>HACKSAW GAMING</figcaption>
887        </a>
888
889        <a href="/interactive/pt" class="hover-item">
890            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
891            <figcaption>PLAYTECH</figcaption>
892        </a> 
893        
894        <a href="/interactive/wow" class="hover-item">
895            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
896            <figcaption>WOW GAMING</figcaption>
897        </a> 
898
899        <!-- <a href="/interactive/ps" class="hover-item">
900            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
901            <figcaption>PLAYSTAR</figcaption>
902        </a>  -->
903    </div>
904
905
906
907</div>
908<style>
909    .my-navbar {
910        height: 44px; 
911        padding: 0px; 
912        width: 100%; 
913        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color); 
914        position: fixed; 
915        bottom: 0; 
916        color: white; 
917        z-index: 1100; 
918        display: flex; 
919        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
920    }
921    
922    .navbar-item {
923        height: 100%; 
924        width: 100%; 
925        display: flex;
926        flex-direction: column;
927        align-items: center;
928        justify-content: center;
929    }
930    
931    .navbar-item-content {
932        display: flex;
933        flex-direction: column;
934        justify-content: center;
935        align-items: center;
936        position: absolute; 
937        top: -16px
938    }
939    
940    .navbar-item-content>i {
941         font-size: 20px;
942         line-height: 22px;
943         color: white;
944         padding-bottom: 4px;
945    }
946    
947    .navbar-item-content>img {
948         height: 28px; 
949         width: 28px;
950    }
951    
952    .navbar-item-content>label {
953        white-space: nowrap; 
954        margin-top: 4px; 
955        font-weight: bold; 
956        font-size: var(--text-size-default); 
957        color: white
958    }
959    
960    .speed-dial-item {
961        opacity: 0;
962        visibility: hidden;
963        transform: translateY(10px);
964        transition: opacity 0.3s ease, transform 0.3s ease;
965    }
966    
967    .speed-dial-active .speed-dial-item {
968        opacity: 1;
969        visibility: visible;
970        transform: translateY(0);
971    }
972    
973    /* Delay each item’s appearance */
974    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
975    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
976    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
977    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
978    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }       
979
980    
981</style>
982
983
984<div class="mobile-only" >
985        <div class="my-navbar">
986            <a href="/" class="navbar-item" style="position: relative">
987                <div class="navbar-item-content">
988                    <img src="https://img.viva88athenae.com//beranda.png"/>
989                    <label>BERANDA</label>
990                </div>
991            </a>
992            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
993            <a href="/m/promosi"  class="navbar-item">
994                <div class="navbar-item-content">
995                    <img src="https://img.viva88athenae.com//promosi.png"/>
996                    <label>PROMOSI</label>
997                </div>
998            </a>
999            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1000            <a href="/m/event"  class="navbar-item">
1001                <div class="navbar-item-content">
1002                    <img src="https://img.viva88athenae.com//events.png"/>
1003                    <label>EVENT</label>
1004                </div>
1005            </a>
1006            
1007                            
1008                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1009                    <div class="navbar-item">
1010                        <div class="navbar-item-content speed-dial-btn">
1011                            <img src="https://img.viva88athenae.com//chat.png"/>
1012                            <label>CHAT</label>
1013                        </div>
1014                        
1015                                                    
1016                                <a href="https://t.ly/CT-KERAMAS4D" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -48px; height: 40px; width: 40px">
1017                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
1018                                </a>
1019                            
1020                                                        
1021                                <a href="https://t.ly/telekeramas4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -96px; height: 40px; width: 40px">
1022                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
1023                                </a>
1024                            
1025                                                        
1026                                <a href="https://t.ly/wakeramas4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -144px; height: 40px; width: 40px">
1027                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
1028                                </a>
1029                            
1030                                                    
1031                    </div>
1032                
1033                
1034                                        
1035            
1036            
1037            
1038            
1039                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
1040                <a href="https://tawk.to/chat/690d9f2a1b48711953e25094/1j9ejbfmh"  target="_blank" class="navbar-item">
1041                <div class="navbar-item-content">
1042                    <img src="https://img.viva88athenae.com//livechat.png"/>
1043                    <label>LIVECHAT</label>
1044                </div>
1045                </a>
1046            
1047        </div>
1048</div>
1049
1050<script>
1051    document.addEventListener("DOMContentLoaded", function () {
1052    const speedDialBtn = document.querySelector(".speed-dial-btn");
1053    const speedDialItems = document.querySelectorAll(".speed-dial-item");
1054    let isOpen = false;
1055
1056    speedDialBtn.addEventListener("click", function () {
1057        isOpen = !isOpen;
1058
1059        speedDialItems.forEach((item, index) => {
1060            if (isOpen) {
1061                item.style.opacity = "1";
1062                item.style.visibility = "visible";
1063                item.style.transform = "translateY(0)";
1064                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
1065            } else {
1066                item.style.opacity = "0";
1067                item.style.visibility = "hidden";
1068                item.style.transform = "translateY(10px)";
1069                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
1070            }
1071        });
1072    });
1073});
1074</script>
1074        
1075        
1076        
1077        <div id="top" class="wrapper">
1078
1079            
1080                
1081            <header class="header">
1082                <div class="header-content">
1083                    <div class="logo" href="/">
1084                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
1085                    </div>
1086                    
1087                    <div id="marquee-mobile" class="marquee mobile-only">
1088                        <div class="marquee-content">
1089                            <div class="d-flex align-items-center gap-2 flex-shrink-0">
1090                                <i class="bi bi-volume-down" style="padding: 0 2px; font-size: 16px"></i>
1091                            </div>
1092                    
1093                            <div class="running">
1094                                <div class="marquee-shadow"></div>
1095                                <div class="broadcast mobile-broadcast">Keramas4D SItus Game Online Resmi, Aman dan Terpercaya dengan Layanan Pelanggan 24 Jam.</div>
1096                            </div>
1097                    
1098                            <div class="d-flex align-items-center gap-2 flex-shrink-0"></div>
1099                        </div>
1100                    </div>
1101                    
1102                    <div class="mslider mobile-only">
1103                                            </div>
1104                    
1105                    <div class="login mobile-only">
1106                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
1107                                <form class="login-form form" style="padding: 0px; padding-top: 16px" role="form">
1108                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
1109                                    <div class="input-group login-field">
1110                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1111                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
1112                                    </div>
1113                                    <div class="input-group login-field">
1114                                        <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>
1115                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
1116                                    </div>
1117                                    
1118                                    <!-- captcha -->
1119                                   
1120                                    <div id="mverifikasiform" class="w-100" style=" ">
1121                                        
1122                                        <span id="verifikasi"><img src="/m/capimg.php?1653" width="100%" height="36" style="border-radius: 5px;"></span>
1123                                        <div class="input-group login-field mt-1">
1124                                            <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>
1125                                            <input type="text" class="form-control login-input-field" name="verifikasi" id="mverform" autocomplete="off" placeholder="Verifikasi">
1126                                        </div>
1127                                    </div>
1128
1129                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
1130                    
1131                                    <!-- end captcha -->
1132                                    
1133                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:2px;margin-bottom:4px;cursor:pointer;">
1134                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:4px;width:12px;height:12px;cursor:pointer;"> Remember Me
1135                                    </label>
1136        
1137                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
1138                                    <button type="button" class="btn btn-daftar bt
1138n-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
1139                                    
1140                                                                        
1141                                    
1142                                    <input type="hidden" name="task" value="login">    
1143                                    <input type="hidden" name="iscaptchalogin" value="1">
1144                                    <input type="hidden" name="loginmobile" value="AUQl25lXapd3OmuWMAZA24+AsyORFVIxLLkljzi+LwE=">
1145                                    <input type="hidden" name="isrecaptchalogin" value="0">
1146                                </form>
1147                            </div>
1148
1149                                                        
1150                            <!-- Change Password Mobile -->
1151                            <div id="mobile-changepassword-form" style="width: 100%; display: none">
1152                                <div id="mobilechangepassword">
1153                                    <form id="formChangePasswordMobile" class="login-form p-0 pt-4">
1154                                        <div id="statusChangePasswordMobile" style="margin-bottom: 5px; width: 100%; font-size: 1rem;"></div>
1155                                        <div class="prepend" style="width: 100%; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border-radius: 3px; font-size: 1.2rem; font-weight: bold">
1156                                            <span>GANTI PASSWORD</span>
1157                                            <span style="font-size: 1rem; color: #333;" id="mobile-username-display">
1158                                                                                            </span>
1159                                        </div>
1160                                        
1161                                        <div class="alert alert-warning" style="font-size: 1rem; margin: 10px 0;">
1162                                            ⚠️ Password Anda kurang aman! <br>Harap ganti dengan password yang lebih kuat.
1163                                        </div>
1164                                        
1165                                        <!-- <div class="input-group login-field">
1166                                            <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>
1167                                            <input type="password" class="form-control login-input-field" name="old_password" id="cp_old_password_mobile" placeholder="Password Lama">
1168                                        </div>
1169                                        <div class="error-msg" id="err_old_password_mobile"></div> -->
1170                                        
1171                                        <div class="input-group login-field">
1172                                            <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>
1173                                            <input type="password" class="form-control login-input-field" name="new_password" id="cp_new_password_mobile" placeholder="Password Baru (Min 6 karakter)">
1174                                        </div>
1175                                        <div class="error-msg" id="err_new_password_mobile"></div>
1176                                        
1177                                        <div class="input-group login-field">
1178                                            <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>
1179                                            <input type="password" class="form-control login-input-field" name="confirm_password" id="cp_confirm_password_mobile" placeholder="Konfirmasi Password Baru">
1180                                        </div>
1181                                        <div class="error-msg" id="err_confirm_password_mobile"></div>
1182                                        
1183                                        <div style="background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 4px; padding: 10px; margin: 10px 0; font-size: 1rem; width: 100%;">
1184                                            <strong style="color: #856404;">Persyaratan Password:</strong>
1185                                            <ul style="margin: 5px 0 0 15px; padding: 0; color: #856404;">
1186                                                <li>Minimal 6 karakter</li>
1187						                        <li>Mengandung minimal 1 huruf kecil (a-z),<br> 1 huruf besar (A-Z), angka (0-9)</li>
1188                                                <!-- <li>Harus mengandung angka (0-9)</li> -->
1189                                                <!-- <li>Tidak boleh mengandung username Anda</li> -->
1190                                                <li>Tidak boleh mengandung pola berurutan <br> (123, abc, qwerty)</li>
1191                                                <li>Hindari password yang mudah ditebak</li>
1192                                            </ul>
1193                                        </div>
1194                                        
1195                                        <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Ganti" id="buttonChangePasswordMobile">Ganti Password</button>
1196                                        <input type="hidden" name="task" value="change_password">
1197                                    </form>
1198                                </div>
1199                                
1200                                
1200<script>
1201                                $(document).ready(function(){
1202                                    $('#cp_confirm_password_mobile, #cp_new_password_mobile').on('keyup', function() {
1203                                        var newPass = $('#cp_new_password_mobile').val();
1204                                        var confirmPass = $('#cp_confirm_password_mobile').val();
1205                                        var currentField = $(this);
1206                                        
1207                                        $('#cp_new_password_mobile').removeClass('error-border valid-border');
1208                                        $('#cp_confirm_password_mobile').removeClass('error-border valid-border');
1209                                        $('#err_new_password_mobile').hide();
1210                                        $('#err_confirm_password_mobile').hide();
1211                                        
1212                                        if (newPass.length > 0 && confirmPass.length > 0) {
1213                                            if (newPass === confirmPass) {
1214                                                $('#cp_new_password_mobile').addClass('valid-border');
1215                                                $('#cp_confirm_password_mobile').addClass('valid-border');
1216                                            } else {
1217                                                $('#cp_new_password_mobile').addClass('error-border');
1218                                                $('#cp_confirm_password_mobile').addClass('error-border');
1219                                                if (currentField.attr('id') === 'cp_new_password_mobile') {
1220                                                    $('#err_new_password_mobile').text('Password tidak sama').show();
1221                                                } else {
1222                                                    $('#err_confirm_password_mobile').text('Password tidak sama').show();
1223                                                }
1224                                            }
1225                                        }
1226                                    });
1227                                });
1228                                </script>
1228
1229                            </div>
1230                            
1231                            <!-- Register Mobile -->
1232                            <style>
1233                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
1234                              .error-border { border-color: red !important; }
1235                              .valid-border { border-color: green !important; }
1236                            </style>
1237                            <div id="mobile-daftar-form" style="width: 100%; display: none">
1238                                    <div id="mobileregister">
1239                                	   <form id="formRegister" class="login-form  p-0 pt-4">
1240                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
1241                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
1242                                            <div class="input-group login-field">
1243                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
1244                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
1245                                            </div>
1246                                            <div class="error-msg" id="err_username"></div>
1247                                            <div class="input-group login-field">
1248                                                <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>
1249                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
1250                                            </div>
1251                                                <div class="error-msg" id="err_password"></div>
1252                                            <div class="input-group login-field">
1253                                                <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>
1254                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
1255                                            </div>
1256                                                <div class="error-msg" id="err_passcon"></div>
1257                                            <div class="input-group login-field">
1258                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
1259                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
1260                                            </div>
1261                                                <div class="error-msg" id="err_email"></div>
1262                                            <div class="input-group login-field">
1263                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
1264                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
1265                                            </div>
1266                                                <div class="error-msg" id="err_telpon"></div>
1267                                            
1268                                            <div class="input-group login-field">
1269                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
1270                                            		<option value="">Pilih Bank</option>
1271                            						 <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>
1271GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
1272                                            </div>
1273                                                <div class="error-msg" id="err_bank"></div>
1274                        
1275                                            <div class="input-group login-field">
1276                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
1277                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
1278                                            </div>
1279                                                <div class="error-msg" id="err_rek"></div>
1280                                            <div class="input-group login-field">
1281                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
1282                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
1283                                            </div>
1284                                                <div class="error-msg" id="err_nama"></div>
1285                                            <div class="input-group login-field">
1286                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
1287                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
1288                                            </div>
1289                                            <div class="error-msg" id="err_ref"></div>
1290                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
1291                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
1292                                            
1293                                                                                                
1294                                                <div class="w-100 my-1">
1295                                                    <div id="capverifikasi">
1296                                                        <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
1297                                                    </div>
1298                                                    
1299                                                    <div class="input-group login-field mt-1">
1300                                                        <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>
1301                                                    <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
1302                                                    </div>
1303                                                    <div class="error-msg" id="err_verifikasi"></div>
1304                                                    
1305                                                </div>
1306
1307                                                                                            
1308                                                <button type="button" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
1309                                                <input type="hidden" name="task" value="register">
1310                                                <input type="hidden" name="regmobile" value="CBGEtoC9Tg5XU26ptn6uVPWz3M9+PFYwNymmfAiTPbE=">
1311                                                <input type="hidden" name="iscaptcharegister" value="1">
1312                                                <input type="hidden" name="isrecaptcha" value="
13120">
1313                                                <input type="hidden" name="isrecaptcharegister" value="0">
1314                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
1315                                    </form>
1316                                </div> 
1317                                                                
1317<script>
1318                                const WEBNAME = 'Keramas4D';
1319                                const USE_STRONG_VALIDATION = false;
1320                                (function(){
1321                                  function root(){ return document.getElementById('mobileregister'); }
1322                                  function q(id){ return root()?.querySelector('#'+id) || null; }
1323                                  function qe(sel){ return root()?.querySelector(sel) || null; }
1324                                
1325                                  function showError(field,msg){
1326                                    const err = qe('#err_'+field);
1327                                    const inp = q('reg_'+field);
1328                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
1329                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
1330                                  }
1331                                  function clearError(field){
1332                                    const err = qe('#err_'+field);
1333                                    const inp = q('reg_'+field);
1334                                    if (err) err.style.display = 'none';
1335                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
1336                                  }
1337  
1338                                    function checkPasswordStrengthJS(username, password) {
1339                                        const min_length = 6;
1340                                        const length = password.length;
1341                                        if (length < min_length) {
1342                                        return "Password harus minimal " + min_length + " karakter";
1343                                        }
1344                                        const hasLower = /[a-z]/.test(password);
1345                                        const hasUpper = /[A-Z]/.test(password);
1346                                        if (!(hasLower && hasUpper)) {
1347                                        return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
1348                                        }
1349                                        if (!/[0-9]/.test(password)) {
1350                                        return "Password harus mengandung angka";
1351                                        }
1352                                        if (username && password.toLowerCase().includes(username.toLowerCase())) {
1353                                        return "Password tidak boleh mengandung username";
1354                                        }
1355                                        const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
1356                                        if (numSeq.test(password)) {
1357                                        return "Password tidak boleh mengandung angka berurutan";
1358                                        }
1359                                        const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
1360                                                        + "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
1361                                                        + "qwert|werty|asdf|zxcv|uiop|hjkl)";
1362                                        const letterSequences = new RegExp(letterSeqStr, "i");
1363                                        if (letterSequences.test(password)) {
1364                                        return "Password tidak boleh mengandung huruf berurutan";
1365                                        }
1366                                        return null;
1367                                    }
1368                                
1369                                  function vUsername(){
1370                                    const v = (q('reg_username')?.value || '').trim();
1371                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
1372                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
1373                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
1374                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
1375                                    clearError('username'); return true;
1376                                  }
1377                                function vPass(){
1378                                    const v = q('reg_pass')?.value || '';
1379                                    if(!v) {
1380                                        showError('password','Password tidak boleh kosong');
1381                                        return false;
1382                                    }
1383                                    if (USE_STRONG_VALIDATION) {
1384                                        const username = (q('reg_username')?.value || '').trim();
1385                                        const err = checkPasswordStrengthJS(username, v);
1386                                        if (err) {
1387                                            showError('password', err);
1388                                            return false;
1389                                        }
1390                                        clearError('password');
1391                                        if (q('reg_passcon')?.value) {
1392                                            vPasscon();
1393                                        }
1394                                        return true;
1395                                    }
1396                                    
1397                                    if (v.length < 6) {
1398                                        showError('password','Password minimal 6 karakter');
1399                                        return false;
1400                                    }
1401                                    
1402                                    clearError('password');
1403                                    return true;
1404                                }
1405                                function vPasscon() {
1406                                    const p1 = q('reg_pass')?.value || '';
1407                                    const p2 = q('reg_passcon')?.value || '';
1408                                    if (!p2) {
1409                                        showError('passcon', 'Konfirmasi password kosong');
1410                                        return false;
1411                                    }
1412                                    if (USE_STRONG_VALIDATION) {
1413                                        const username = (q('reg_username')?.value || '').trim();
1414                                        const err = checkPasswordStrengthJS(username, p1);
1415                                        if (err) {
1416                                            showError('passcon', err);
1417                                            return false;
1418                                        }
1419                                    }
1420                                    
1421                                    if (p1 !== p2) {
1422                                        showError('passcon', 'Konfirmasi tidak sama');
1423                                        return false;
1424                                    }
1425                                    
1426                                    clearError('passcon');
1427                                    return true;
1428                                }
1429                                //   function vPass(){
1430                                //     const v = q('reg_pass')?.value || '';
1431                                //     if (!v) return showError('password','Password tidak boleh kosong'), false;
1432                                //     if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
1433                                //     clearError('password'); return true;
1434                                //   }
1435                                //   function vPasscon(){
1436                                //     const p1 = q('reg_pass')?.value || '';
1437                                //     const p2 = q('reg_passcon')?.value || '';
1438                                //     if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
1439                                //     if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
1440                                //     clearError('passcon'); return true;
1441                                //   }
1442                                  function vEmail(){
1443                                    const v = (q('reg_email')?.value || '').trim();
1444                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
1445                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
1446                                    clearError('email'); return true;
1447                                  }
1448                                  function vTelp(){
1449                                    const el = q('reg_telpon'); if (!el) return true;
1450                                    el.value = (el.value || '').replace(/\D/g,'');
1451                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
1452                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
1453                                    clearError('telpon'); return true;
1454                                  }
1455                                  function vBank(){
1456                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
1457                                    clearError('bank'); return true;
1458                                  }
1459                                  function vRek(){
1460                                    const el = q('reg_rek'); if (!el) return true;
1461                                    el.value = (el.value || '').replace(/\D/g,'');
1462                                    if (!el.value) return showError('rek','Rekening kosong'), false;
1463                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
1464                                    clearError('rek'); return true;
1465                                  }
1466                                  function vNama(){
1467                                    const v = (q('reg_nama')?.value || '').trim();
1468                                    if (!v) return showError('nama','Nama kosong'), false;
1469                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
1470                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
1471                                    clearError('nama'); return true;
1472                                  }
1473                                  function vRefOpt(){
1474                                    const el = q('reg_ref'); if (!el) return true;
1475                                    const v = (el.value || '').trim();
1476                                    if (!v) return clearError('ref'), true;
1477                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
1478                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
1479                                    clearError('ref'); return true;
1480                                  }
1481                                  function vVerifOpt(){
1482                                    const el = q('reg_verifikasi'); if (!el) return true;
1483                                    const v = (el.value || '').trim();
1484                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
1485                                    clearError('verifikasi'); return true;
1486                                  }
1487                                
1488                                  function validateAll(){
1489                                    const ok =
1490                                      vUsername() & vPass() & vPasscon() & vEmail() &
1491                                      vTelp() & vBank() & vRek() & vNama() &
1492                                      vRefOpt() & vVerifOpt();
1493                                    return !!ok;
1494                                  }
1495                                  
1496                                  function attach(id, validator, opts){
1497                                    const el = q(id); if (!el) return;
1498                                    const run = () => validator();
1499                                    el.addEventListener('focus', run);
1500                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
1501                                    el.addEventListener('blur', run);
1502                                    if (opts && opts.change) el.addEventListener('change', run);
1503                                  }
1504                                
1505                                  document.addEventListener('DOMContentLoaded', function(){
1506                                    attach('reg_username',   vUsername);
1507                                    attach('reg_pass',       vPass);
1508                                    attach('reg_passcon',    vPasscon);
1509                                    attach('reg_email',      vEmail);
1510                                    attach('reg_telpon',     vTelp);
1511                                    attach('reg_bank',       vBank, { input
1511:false, change:true });
1512                                    attach('reg_rek',        vRek);
1513                                    attach('reg_nama',       vNama);
1514                                    attach('reg_ref',        vRefOpt);
1515                                    attach('reg_verifikasi', vVerifOpt);
1516                                
1517                                    const f = q('formRegister');
1518                                    if (f) {
1519                                      f.addEventListener('submit', function(e){
1520                                        if (!validateAll()) {
1521                                          e.preventDefault();
1522                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
1523                                          if (firstErr && firstErr.focus) firstErr.focus();
1524                                        }
1525                                      });
1526                                    }
1527                                  });
1528                                })();
1529                                </script>
1529
1530                        </div>                 
1531                    </div>
1532    
1533                    <div class="menu">
1534                        <style>
1535    .menu-item {
1536        display: flex;
1537        flex-direction: column;
1538        align-items: center;
1539        justify-content: center;
1540        gap: 12px;
1541        min-width: 72px;
1542        padding: 8px;
1543        height: 100%;
1544    }
1545    
1546    .menu-item:hover {
1547        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1548    }
1549    
1550    .menu-item.active {
1551        background: linear-gradient(180deg,var(--secondary-background) 0%, rgba(255, 255, 255, 0) 100%);
1552    }
1553    
1554    .menu-item-img {
1555        height: 28px;
1556    }
1557    
1558    .menu-item-icon {
1559        font-size: 28px;
1560        color: var(--menu-item-color)
1561    }
1562    
1563    .menu-item:hover>.menu-item-icon {
1564        color: var(--primary-color);
1565    }
1566</style>
1567
1568
1569<a href="/" class="menu-item active">
1570    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1571    <i class="menu-item-icon icon-home" style="font-size: 28px"></i>
1572    <label>HOME</label>
1573</a>
1574
1575    <a href="/register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
1576        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
1577        <!--<img src="https://img.viva88athenae.com//icons/lottery.png?1790436670" alt="TOGEL" class="menu-item-img">-->
1578        <i class="menu-item-icon icon-lottery" style="font-size: 28px"></i>
1579        <label>TOGEL</label>
1580    </a>
1581    
1582
1583
1584<a href="/slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
1585    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
1586    <i class="menu-item-icon icon-slots"></i>
1587    <label>SLOT</label>
1588</a>
1589<a href="/casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
1590    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
1591    <i class="menu-item-icon icon-casino"></i>
1592    <label>LIVE CASINO</label>
1593</a>
1594<a href="/sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
1595    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
1596    <i class="menu-item-icon icon-sports"></i>
1597    <label>SPORT</label>
1598</a>
1599<a href="/sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
1600<!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
1601    <i class="menu-item-icon icon-sabung"></i>
1602    <label>SABUNG</label>
1603</a>
1604<a href="/arcade" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
1605    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
1606    <i class="menu-item-icon icon-arcade"></i>
1607    <label>ARCADE</label>
1608</a>
1609<a href="/interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
1610    <i class="menu-item-icon icon-interactive"></i>
1611    <label>INTERACTIVE</label>
1612</a>
1613                    </div>
1614                                        
1615
1616
1617                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
1618                        
1619                        
1620        <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
1621            <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1622        </div>
1623        
1624        <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
1625            <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
1626        </div>
1627    
1628    
1629    <div id="menu-mobile" style="height:60px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
1630    
1631    
1632        <div style="white-space: nowrap; height: 100%; font-size: 0px">
1633                                        
1634                        <a href="#togel-mobile" style="height: 100%; width: 74px; display: inline-block;">
1635                        <div style="display: grid; place-items: center; height: 100%">
1636                            <div class="menu-item" style="gap: 8px">
1637                                <img class="mobile-only" src="https://img.viva88athenae.com//icons/lottery.png" alt="">
1638                                <label class="text-white">TOGEL</label>
1639                            </div>
1640                        </div>
1641                    </a>
1642                        
1643                                <div style="height: 100%; width: 74px; display: inline-block;">
1644                    <div style="display: grid; place-items: center; height: 100%">
1645                        <div class="menu-item" style="gap: 8px" onclick="showProvider('slot')">
1646                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/slots.png" alt="">
1647                            <label class="text-white">SLOT</label>
1648                        </div>
1649                    </div>
1650                </div>
1651                <div style="height: 100%; width: 74px; display: inline-block;">
1652                    <div style="display: grid; place-items: center; height: 100%">
1653                        <div class="menu-item" style="gap: 8px" onclick="showProvider('casino')">
1654                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/casino.png" alt="">
1655                            <label class="text-white">LIVE CASINO</label>
1656                        </div>
1657                    </div>
1658                </div>
1659                <div style="height: 100%; width: 74px; display: inline-block;">
1660                    <div style="display: grid; place-items: center; height: 100%">
1661                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sport')">
1662                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sp
1662orts.png" alt="">
1663                            <label class="text-white">SPORT</label>
1664                        </div>
1665                    </div>
1666                </div>
1667                <div style="height: 100%; width: 74px; display: inline-block;">
1668                    <div style="display: grid; place-items: center; height: 100%">
1669                    <div class="menu-item" style="gap: 8px" onclick="showProvider('fish')">
1670                        <img class="mobile-only" src="https://img.viva88athenae.com//icons/arcade.png" alt="">
1671                        <label class="text-white">ARCADE</label>
1672                    </div>
1673                    </div>
1674                </div>
1675                <div style="height: 100%; width: 74px; display: inline-block;">
1676                    <div style="display: grid; place-items: center; height: 100%">
1677                        <div class="menu-item" style="gap: 8px" onclick="showProvider('sabung')">
1678                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/sabung.png" alt="">
1679                            <label class="text-white">SABUNG</label>
1680                        </div>
1681                    </div>
1682                </div>
1683                
1684                <div style="height: 100%; width: 74px; display: inline-block;">
1685                    <div style="display: grid; place-items: center; height: 100%">
1686                        <div class="menu-item" style="gap: 8px" onclick="showProvider('interactive')">
1687                            <img class="mobile-only" src="https://img.viva88athenae.com//icons/interactive.png" alt="">
1688                            <label class="text-white">INTERACTIVE</label>
1689                        </div>
1690                    </div>
1691                </div>
1692        </div>
1693    </div>                                                                                                                        
1694</div>                    
1695                    
1696                    <div class="menu-content mobile-only">
1697                            <div id="main-content" style="background: var(--content-box-background)">
1698                                                        </div>
1699                    </div>
1700                    
1701                    
1702                    <!-- Banner SBO -->
1703                        
1704                        <style>
1705                            .match-slider-wrap {
1706                                max-width: 1200px;
1707                                margin: 16px auto;
1708                                margin-bottom: 24px;
1709                                padding: 0 12px;
1710                            }
1711
1712                            .match-card {
1713                                position: relative;
1714                                overflow: hidden;
1715                                min-height: 180px;
1716                                border-radius: 16px;
1717                                background:
1718                                linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.01)),
1719                                linear-gradient(180deg, #232323 0%, #161616 100%);
1720                                color: #fff;
1721                                box-shadow: 0 10px 24px rgba(0,0,0,.35);
1722                                padding: 14px 14px 16px;
1723                            }
1724
1725                            .match-card::before {
1726                                content: "";
1727                                position: absolute;
1728                                inset: 0;
1729                                background: repeating-linear-gradient(
1730                                    -35deg,
1731                                    rgba(255,255,255,.04),
1732                                    rgba(255,255,255,.04) 8px,
1733                                    transparent 8px,
1734                                    transparent 18px
1735                                );
1736                                pointer-events: none;
1737                                opacity: .35;
1738                            }
1739
1740                            .match-card > * {
1741                                position: relative;
1742                                z-index: 1;
1743                            }
1744
1745                            .league-name {
1746                                font-size: 14px;
1747                                font-weight: 700;
1748                                letter-spacing: .4px;
1749                                text-transform: uppercase;
1750                                text-align: center;
1751                                margin-bottom: 2px;
1752                                color: #ffffff;
1753                            }
1754
1755                            .kickoff-time {
1756                                font-size: 14px;
1757                                font-weight: 800;
1758                                text-align: center;
1759                                color: #ffd23c;
1760                                margin-bottom: 12px;
1761                            }
1762
1763                            .match-main-row,
1764                            .match-odds-row {
1765                                display: flex;
1766                                align-items: flex-start;
1767                                justify-content: space-between;
1768                                gap: 0;
1769                            }
1770
1771                            .match-odds-row {
1772                                align-items: center;
1773                                margin-top: 12px;
1774                            }
1775
1776                            .team-col {
1777                                width: 30%;
1778                                text-align: center;
1779                                display: flex;
1780                                flex-direction: column;
1781                                align-items: center;
1782                            }
1783
1784                            .score-col {
1785                                width: 40%;
1786                                text-align: center;
1787                                display: flex;
1788                                flex-direction: column;
1789                                align-items: center;
1790                                justify-content: center;
1791                            }
1792
1793                            .team-logo {
1794                                width: 46px;
1795                                height: 46px;
1796                                object-fit: contain;
1797                                margin-bottom: 6px;
1798                            }
1799
1800                            .team-name {
1801                                font-size: 14px;
1802                                line-height: 1.15;
1803                                min-height: 34px;
1804                                display: flex;
1805                                align-items: center;
1806                                justify-content: center;
1807                                text-align: center;
1808                            }
1809
1810                            .score-value {
1811                                font-size: 28px;
1812                                font-weight: 800;
1813                                line-height: 1;
1814                                margin-bottom: 10px;
1815                            }
1816
1817                            .bet-btn {
1818                                display: inline-block;
1819                                min-width: 95px;
1820                                border-radius: 8px;
1821                                background: linear-gradient(180deg, #ffcf21 0%, #f0ab00 100%);
1822                                color: #1d1d1d;
1823                                font-size: 14px;
1824                                font-weight: 800;
1825                                text-decoration: none;
1826                                padding: 10px 16px;
1827                                box-shadow: inset 0 1px 0 rgba(255,255,255,.45);
1828                            }
1829
1830                            .bet-btn:hover {
1831                                color: #1d1d1d;
1832                                filter: brightness(1.03);
1833                            }
1834
1835                            .odds-col {
1836                                width: 30%;
1837                                text-align: center;
1838                                font-size: 12px;
1839                                font-weight: 700;
1840                                color: #ffd23c;
1841                                display: flex;
1842                                align-items: center;
1843                                justify-content: center;
1844                                min-height: 18px;
1845                            }
1846
1847                            .odds-col small {
1848                                font-size: 12px;
1849                                font-weight: 600;
1850                                color: #ffffff;
1851                                opacity: .95;
1852                            }
1853
1854                            .odds-spacer {
1855                                width: 40%;
1856                            }
1857
1858                            .carousel-control-prev,
1859                            .carousel-control-next {
1860                                width: 48px;
1861                            }
1862
1863                            .carousel-control-prev-icon,
1864                            .carousel-control-next-icon {
1865                                width: 2.5rem;
1866                                height: 2.5rem;
1867                                border-radius: 50%;
1868                                background-color: rgba(255,255,255,.15);
1869                                background-size: 55% 55%;
1870                            }
1871
1872                            .carousel-indicators [data-bs-target] {
1873                                width: 8px;
1874                                height: 8px;
1875                                border-radius: 50%;
1876                            }
1877
1878                            @media (max-width: 991.98px) {
1879                                .match-card {
1880                                    min-height: 170px;
1881                                }
1882                            }
1883
1884                           @media (max-width: 767.98px) {
1885                                .match-slider-wrap {
1886                                    max-width: 100%;
1887                                    padding: 0 20px;
1888                                    margin: 20px 0;
1889                                }
1890
1891                                .match-slider-wrap .carousel-inner {
1892                                    padding: 0;
1893                                }
1894
1895                                .match-slider-wrap .carousel-item .row {
1896                                    margin: 0;
1897                                }
1898
1899                                .match-slider-wrap .carousel-item .col-12 {
1900                                    padding: 0;
1901                                }
1902
1903                                .match-card {
1904                                    width: 100%;
1905                                    border-radius: 16px;
1906                                }
1907
1908                                .league-name {
1909                                    font-size: 13px;
1910                                    margin-bottom: 2px;
1911                                }
1912
1913                                .kickoff-time {
1914                                    font-size: 13px;
1915                                    margin-bottom: 10px;
1916                                }
1917
1918                                .team-col {
1919                                    width: 30%;
1920                                }
1921
1922                                .score-col {
1923                                    width: 40%;
1924                                }
1925
1926                                .team-logo {
1927                                    width: 42px;
1928                                    height: 42px;
1929                                    margin-bottom: 4px;
1930                                }
1931
1932                                .team-name {
1933                                    font-size: 12px;
1934                                    line-height: 1.15;
1935                                    min-height: 30px;
1936                                }
1937
1938                                .score-value {
1939                                    font-size: 22px;
1940                                    margin-bottom: 8px;
1941                                }
1942
1943                                .bet-btn {
1944                                    min-width: 88px;
1945                                    font-size: 13px;
1946                                    padding: 8px 14px;
1947                                    border-radius: 8px;
1948                                }
1949
1950                                .match-odds-row {
1951                                    margin-top: 10px;
1952                                }
1953
1954                                .odds-col,
1955                                .odds-col small {
1956                                    font-size: 11px;
1957                                }
1958
1959                                .carousel-control-prev,
1960                                .carousel-control-next {
1961                                    width: 34px;
1962                                }
1963
1964                                .carousel-control-prev-icon,
1965                                .carousel-control-next-icon {
1966                                    width: 2rem;
1967                                    height: 2rem;
1968                                    background-size: 50% 50%;
1969                                }
1970
1971                                .carousel-indicators {
1972                                    margin-bottom: -2px;
1973                                }
1974
1975                                .carousel-indicators [data-bs-target] {
1976                                    width: 7px;
1977                                    height: 7px;
1978                                    margin: 0 3px;
1979                                }
1980                        }
1981                        </style>
1982                    <!-- Banner SBO End -->
1983        
1984                    <div class="promosi">
1985                        
1986                        <!-- Desktop -->
1987                        <div class="desktop-only h-100">                        
1988                            <div class="d-flex align-items-center h-100">
1989                                <a href="/promosi" class="menu-item">
1990                                    <i class="menu-item-icon icon-promotion"></i>
1991                                    <label>PROMOSI</label>
1992                                </a>
1993                                
1994                                <a href="/event" class="menu-item">
1995                                    <i class="menu-item-icon icon-event"></i>
1996                                    <label>EVENT</label>
1997                                </a>
1998                            </div>
1999                        </div>
2000                        
2001
2002
2003                        
2004                        <!--<div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>-->
2005                        
2006                        <!-- Mobile -->
2007                                                 
2008                        <div class="mobile-only" style="padding-top: 24px">
2009                            
2010                            <div class="d-flex gap-3 justify-content-center align-items-center">
2011                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
2012                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
2013                                        
2014                                <a href="/wap" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
2015                            </div>
2016
2017                            
2018                        </div>
2019                                            </div>
2020
2021                </div>
2022                
2023            </header>
2024                
2025    
2026    
2027            <div id="marquee" class="marquee desktop-only">
2028                <div class="marquee-content py-2">
2029                    <div class="d-flex 
2029align-items-center gap-2">
2030                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
2031                        <i class="bi bi-megaphone-fill desktop-only"></i>
2032                    </div>
2033                    <div class="running" style="padding-left: 8px; padding-right: 32px">
2034                        <div class="broadcast" style="width: 100%">Keramas4D SItus Game Online Resmi, Aman dan Terpercaya dengan Layanan Pelanggan 24 Jam.</div>
2035                    </div>
2036                    <div class="d-flex align-items-center gap-2">
2037                        <div id="desktoplogin" class="desktop-only">
2038                            <form class="login-form form" role="form">
2039                                <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem; white-space:nowrap;"></div>
2040                                <div class="input-group login-field">
2041                                    <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
2042                                    <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
2043                                </div>
2044                                
2045                                
2046                                
2047                                <div class="input-group login-field">
2048                                    <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>
2049                                    <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
2050                                </div>
2051                                
2052                                <!-- captcha -->
2053                         
2054                                    <div class="verifikasiform" style=" ">
2055                                        <div style="display: flex; gap: 2px;">
2056                                            <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
2057                                            <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
2058                                        </div>
2059
2060                                    </div>
2061                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
2062                              
2063                                <!-- end captcha -->
2064    
2065    
2066                                <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
2067                                <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/register'">Daftar</button>
2068                                
2069                                
2070                                <input type="hidden" name="task" value="login">
2071                                <input type="hidden" name="iscaptchalogin" value="1">
2072                                <input type="hidden" name="logindesktop" value="AUQl25lXapd3OmuWMAZA24+AsyORFVIxLLkljzi+LwE=">
2073                                <input type="hidden" name="isrecaptchalogin" value="0">
2074                            </form>
2075
2076                                                    </div>
2077                    
2078                        
2079                        <!--<a href="/event">-->
2080                        <!--    <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>-->
2081                        <!--</a>-->
2082                    </div>
2083                </div>
2084            </div>
2085            
2086            
2087            
2088            <!--Informasi Modal -->
2089            <div id="modal-wrapper" class="modal" style=" background:none;">
2090            
2091                <div class="slideDown" id="informasi-menu">
2092                  <div class="row">
2093                    <div class="col-xs-3" style="padding-right:0px; width:164px">
2094                        <div id="informasi-logo">
2095                            <img src="/images/logoweb.png" width="120px"/>
2096                        </div>
2097                        <div class="menuleft">
2098
2099                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
2100                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
2101                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
2102                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
2103                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
2104                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
2105                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
2106
2107                        </div>
2108                   </div>    
2109                   <div class="col-xs-9" id="informasi-content" style="position: relative">
2110                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
2111                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2"> 
2112                        </div>
2113                    </div>
2114                    
2115                </div>
2116              </div>
2117            </div>
2118            
2119
2120            
2121    
2122            <div class="contentdata">
2123                <div id="content-primary" class="p-0">
2124                   
2125                                        
2126                        <div class="content-body" style="position: relative">
2127                                <div class="content-area">
2128                                    <div id="content" class="content-box">
2129                                        
2130                                            <style>
2131    .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
2132    .error-border { border-color: red !important; }
2133    .valid-border { border-color: green !important; }
2134    </style>
2135    <div id="desktopregister" class="panel panel-default panelbg ptsans">
2136              <div class="panel-body panelbg">
2137              <div style="margin-bottom:16px; font-weight: bold; font-size: 1.5rem"><i class="bi bi-person-fill"></i> Daftar</div>
2138              		<div id="statusRegister"></div>
2139              		<form class="form-group-sm" id="formRegister">
2140              		<div class="form-group-sm" id="input-username">
2141              		<label>Username</label><input type="text" class="form-control has-success" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
2142              		<div class="error-msg" id="err_username"></div>
2143                    </div>
2144                    <div class="row" style="margin-top:10px">
2145                        <div class="form-group-sm col-md-3" id="input-pass">
2146                        <label>Password</label><input type="password" id="reg_pass" name="pass" class="form-control" placeholder="Password (6 karakter atau lebih)">
2147                        <div class="error-msg" id="err_password"></div>
2148                        </div>
2149                        <div class="form-group-sm col-md-3" id="input-passcon">
2150                        <label>Konfirmasi Password</label><input type="password" id="reg_passcon" name="passcon" class="form-control" placeholder="Password sekali lagi">
2151                        <div class="error-msg" id="err_passcon"></div>
2152                        </div>
2153                        <div class="form-group-sm col-md-3" id="input-email">
2154                        <label>Email</label><input type="text" id="reg_email" name="email" class="form-control" placeholder="Masukkan Email">
2155                        <div class="error-msg" id="err_email"></div>
2156                        </div>
2157                        <div class="form-group-sm col-md-3" id="input-telpon">
2158                        <label>Telpon</label><input type="text" id="reg_telpon" inputmode="numeric" name="telpon" class="form-control" placeholder="Masukkan Telpon">
2159                        <div class="error-msg" id="err_telpon"></div>
2160                        </div>
2161					</div>
2162                    <div class="row" style="margin-top:10px">
2163                        <div class="form-group-sm col-md-3" id="input-bank">
2164                        <label>Bank</label>
2165                        	<select class="form-control" name="bank" id="reg_bank">
2166                        		<option value="">Pilih Bank</option>
2167										 											<option value="BCA">BCA</option>
2168																					<option value="Mandiri">Mandiri</option>
2169																					<option value="BNI">BNI</option>
2170																					<option value="BRI">BRI</option>
2171																					<option value="CIMB">CIMB</option>
2172																					<option value="Danamon">Danamon</option>
2173																					<option value="Permata">Permata</option>
2174																					<option value="BJB">BJB</option>
2175																					<option value="PANIN">PANIN</option>
2176																					<option value="OCBC">OCBC</option>
2177																					<option value="DKI">DKI</option>
2178																					<option value="SUMUT">SUMUT</option>
2179																					<option value="BSI">BSI</option>
2180																					<option value="NEO">NEO</option>
2181																					<option value="JAGO">JAGO</option>
2182																					<option value="SeaBank">SeaBank</option>
2183																					<option value="Jenius">Jenius</option>
2184																					<option value="DANA">DANA</option>
2185																					<option value="OVO">OVO</option>
2186																					<option value="GOPAY">GOPAY</option>
2187																					<option value="LinkAja">LinkAja</option>
2188																					<option value="Sakuku">Sakuku</option>
2189																					<option value="Lain-lain">Lain-lain</option>
2190										                            </select>
2191                            <div class="error-msg" id="err_bank"></div>
2192                        </div>
2193                        <div class="form-group-sm col-md-3" id="input-re
2193k">
2194                        <label>No Rekening</label><input type="text" inputmode="numeric" name="rek" id="reg_rek" class="form-control" placeholder="Masukkan nomor rekening">
2195                        <div class="error-msg" id="err_rek"></div>
2196                        </div>
2197                        <div class="form-group-sm col-md-3" id="input-nama">
2198                        <label>Nama sesuai Rekening</label><input name="nama" type="text" id="reg_nama" class="form-control" placeholder="Nama sesuai Rekening">
2199                        <div class="error-msg" id="err_nama"></div>
2200                        </div>
2201                         <div class="form-group-sm col-md-3" id="input-ref">
2202                        <label>Referal</label><input name="ref" type="text" id="reg_ref" class="form-control"  placeholder="Username Referal bila ada">
2203                        <div class="error-msg" id="err_ref"></div>
2204                        </div>
2205					</div>
2206					                     <div class="row" style="margin-top:10px">
2207                     	 <div class="form-group-sm col-md-3" id="input-verifikasi">
2208                        <label>Verifikasi</label><input type="text" name="regverifikasi" id="reg_verifikasi" maxlength="32" class="form-control" placeholder="Isi karakter di samping">
2209                        <div class="error-msg" id="err_verifikasi"></div>
2210                        </div>
2211                        <div class="form-group-sm col-md-3">
2212                        <label>&nbsp;</label><span id="capverifikasi"><img src="capreg.php" width="100%" height="30" style="border:1px #999 solid;"></span>
2213                        </div>
2214                       
2215					</div>
2216										<div style="margin-top:15px">
2217						<label class="checkbox-inline" style="display: flex; gap: 4px">
2218						    <input type="checkbox" checked disabled>
2219						    <div>Dengan ini saya menyatakan bahwa saya telah membaca dan menyetujui <a href="javascript:showInformasi('privasi')" style="color: var(--primary-color)">Kebijakan Privasi</a> pada Situs ini.</div>
2220						    </label>
2221						
2222					</div>
2223                    	<input type="button" class="btn btn-masuk fw-bold" value="Daftar" style="margin-top:20px; width:200px; text-align: center; display: grid; place-items: center; line-height: var(--text-size-default); height: 40px" id="buttonRegisterDesktop">
2224                        <input type="hidden" name="task" value="register">
2225                        <input type="hidden" name="regdesktop" value="1aIauc4ugdbmEtiu+GTXy5UqPvC5wc2xMK+jGLac+Tg=">
2226                        <input type="hidden" name="iscaptcharegister" value="1">
2227                        <input type="hidden" name="isrecaptcha" value="0">
2228                        <input type="hidden" name="isrecaptcharegister" value="0">
2229                    </form>
2230              </div>
2231     </div>
2232
2233<script>
2234(function(){
2235  function root(){ return document.getElementById('desktopregister'); }
2236  function q(id){ return root()?.querySelector('#'+id) || null; }
2237  function qe(sel){ return root()?.querySelector(sel) || null; }
2238
2239  function showError(field,msg){
2240    const err = qe('#err_'+field), inp = q('reg_'+field);
2241    if (err){ err.textContent = msg; err.style.display = 'block'; }
2242    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
2243  }
2244  function clearError(field){
2245    const err = qe('#err_'+field), inp = q('reg_'+field);
2246    if (err) err.style.display = 'none';
2247    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
2248  }
2249
2250  // validator functions
2251  
2252  function checkPasswordStrengthJS(username, password) {
2253    const min_length = 6;
2254    const length = password.length;
2255
2256    if (length < min_length) {
2257      return "Password harus minimal " + min_length + " karakter";
2258    }
2259
2260	if(!USE_STRONG_VALIDATION) {
2261      return null;
2262    }
2263    const hasLower = /[a-z]/.test(password);
2264    const hasUpper = /[A-Z]/.test(password);
2265    if (!(hasLower && hasUpper)) {
2266      return "Password harus mengandung minimal 1 huruf kecil, 1 huruf besar, dan angka.";
2267    }
2268    if (!/[0-9]/.test(password)) {
2269      return "Password harus mengandung angka";
2270    }
2271    if (username && password.toLowerCase().includes(username.toLowerCase())) {
2272      return "Password tidak boleh mengandung username";
2273    }
2274    const numSeq = /(012|123|234|345|456|567|678|789|890|210|321|432|543|654|765|876|987|098)/;
2275    if (numSeq.test(password)) {
2276      return "Password tidak boleh mengandung angka berurutan";
2277    }
2278	const letterSeqStr = "(abc|bcd|cde|def|efg|fgh|ghi|hij|ijk|jkl|klm|lmn|mno|nop|opq|pqr|qrs|rst|stu|tuv|uvw|vwx|wxy|xyz|"
2279					+ "cba|dcb|edc|fed|gfe|hgf|ihg|jih|kji|lkj|mlk|nml|onm|pon|qpo|rqp|srq|tsr|uts|vut|wvu|xwv|yxw|zyx|"
2280					+ "qwert|werty|asdf|zxcv|uiop|hjkl)";
2281	const letterSequences = new RegExp(letterSeqStr, "i");
2282    if (letterSequences.test(password)) {
2283      return "Password tidak boleh mengandung huruf berurutan";
2284    }
2285    return null;
2286  }
2287
2288  // validator functions
2289  const useStrongValidation = false;
2290
2291  function vUsername(){
2292    const v = (q('reg_username')?.value||'').trim();
2293    if(!v) return showError('username','Username tidak boleh kosong'), false;
2294    if(v.length<6) return showError('username','Username minimal 6 karakter'), false;
2295    if(v.length>16) return showError('username','Username maksimal 16 karakter'), false;
2296    if(!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
2297    clearError('username'); return true;
2298  }
2299  function vPass(){
2300    const username = (q('reg_username')?.value || '').trim();
2301    const v = q('reg_pass')?.value || '';
2302    if(!v) {
2303      showError('password','Password tidak boleh kosong');
2304      return false;
2305    }
2306    const err = useStrongValidation ? checkPasswordStrengthJS(username, v) : null;
2307    if (err) {
2308      showError('password', err);
2309      return false;
2310    }
2311    clearError('password');
2312    if (q('reg_passcon')?.value) {
2313      vPasscon();
2314    }
2315
2316    return true;
2317  }
2318  function vPasscon() {
2319      const username = (q('reg_username')?.value || '').trim();
2320      const p1 = q('reg_pass')?.value || '';
2321      const p2 = q('reg_passcon')?.value || '';
2322      if (!p2) {
2323          showError('passcon', 'Konfirmasi password kosong');
2324          return false;
2325      }
2326      const err = useStrongValidation ? checkPasswordStrengthJS(username, p1) : null;
2327      if (err) {
2328          showError('passcon', err);
2329          return false;
2330      }
2331      if (p1 !== p2) {
2332          showError('passcon', 'Konfirmasi tidak sama');
2333          return false;
2334      }
2335      clearError('passcon');
2336      return true;
2337  }
2338  function vEmail(){
2339    const v=(q('reg_email')?.value||'').trim();
2340    if(!v) return showError('email','Email tidak boleh kosong'), false;
2341    if(!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
2342    clearError('email'); return true;
2343  }
2344  function vTelp(){
2345    const el=q('reg_telpon'); if(!el) return true;
2346    el.value=el.value.replace(/\D/g,'');
2347    if(!el.value) return showError('telpon','Telpon kosong'), false;
2348    if(el.value.length<10) return showError('telpon','Telpon minimal 10 digit'), false;
2349    clearError('telpon'); return true;
2350  }
2351  function vBank(){
2352    if(!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
2353    clearError('bank'); return true;
2354  }
2355  function vRek(){
2356    const el=q('reg_rek'); if(!el) return true;
2357    el.value=el.value.replace(/\D/g,'');
2358    if(!el.value) return showError('rek','Rekening kosong'), false;
2359    if(el.value.length<8) return showError('rek','Minimal 8 digit'), false;
2360    clearError('rek'); return true;
2361  }
2362  function vNama(){
2363    const v=(q('reg_nama')?.value||'').trim();
2364    if(!v) return showError('nama','Nama kosong'), false;
2365    if(v.length<3) return showError('nama','Nama minimal 3 karakter'), false;
2366    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
2367    clearError('nama'); return true;
2368  }
2369  function vVerifOpt(){
2370    const el = q('reg_verifikasi'); if (!el) return true;
2371    const v = (el.value || '').trim();
2372    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
2373    clearError('verifikasi'); return true;
2374  }
2375
2376  function validateAll(){
2377    return vUsername() & vPass() & vPasscon() & vEmail() & vTelp() & vBank() & vRek() & vNama();
2378  }
2379  window.validateAllDesktop = validateAll;
2380
2381  function attach(id, validator, opts){
2382    const el=q(id); if(!el) return;
2383    const run=()=>validator();
2384    el.addEventListener('focus',run);
2385    if(!opts||opts.input!==false) el.addEventListener('input',run);
2386    el.addEventListener('blur',run);
2387    if(opts&&opts.change) el.addEventListener('change',run);
2388  }
2389
2390  document.addEventListener('DOMContentLoaded',function(){
2391    attach('reg_username',vUsername);
2392    attach('reg_pass',vPass);
2393    attach('reg_passcon',vPasscon);
2394    attach('reg_email',vEmail);
2395    attach('reg_telpon',vTelp);
2396    attach('reg_bank',vBank,{input:false,change:true});
2397    attach('reg_rek',vRek);
2398    attach('reg_nama',vNama);
2399    attach('reg_verifikasi',vVerifOpt);
2400
2401    const f=q('formRegister');
2402    if(f){
2403      f.addEventListener('submit',function(e){
2404        if(!validateAll()){
2405          e.preventDefault();
2406        }
2407      });
2408    }
2409  });
2410})();
2411</script>
2411
2412
2413                                        
2414                                    </div>
2415                                </div>
2416                        </div>
2417                    
2418
2419                                    </div>
2420            </div>
2421
2422            
2423            
2424                       <div class="widget-kupon">
2425                <!-- <div style="position:relative; width:100%;"> -->
2426                    <iframe class="iframe-kupon" src="https://fkupon.com/widget2.php"></iframe>
2427                    <div onclick="scrollToLoginForm('kupon')" style="position:absolute; top:0; left:0; right:0; bottom:0; cursor:pointer; z-index:5;"></div>
2428                <!-- </div> -->
2429            </div>
2430            
2431            <!-- BANNER SBO MOBILE -->
2432            <div class="widget-sbo mobile-only">
2433               <div class="match-slider-wrap">
2434                                    <div id="sboMatchCarouselMobile" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
2435
2436                                                    <div class="carousel-indicators">
2437                                                                    <button
2438                                    type="button"
2439                                    data-bs-target="#sboMatchCarouselMobile"
2440                                    data-bs-slide-to="0"
2441                                    class="active"
2442                                    aria-current="true"                                    aria-label="Slide 1">
2443                                </button>
2444                                                                <button
2445                                    type="button"
2446                                    data-bs-target="#sboMatchCarouselMobile"
2447                                    data-bs-slide-to="1"
2448                                    class=""
2449                                                                        aria-label="Slide 2">
2450                                </button>
2451                                                                <button
2452                                    type="button"
2453                                    data-bs-target="#sboMatchCarouselMobile"
2454                                    data-bs-slide-to="2"
2455                                    class=""
2456                                                                        aria-label="Slide 3">
2457                                </button>
2458                                                                <button
2459                                    type="button"
2460                                    data-bs-target="#sboMatchCarouselMobile"
2461                                    data-bs-slide-to="3"
2462                                    class=""
2463                                                                        aria-label="Slide 4">
2464                                </button>
2465                                                                <button
2466                                    type="button"
2467                                    data-bs-target="#sboMatchCarouselMobile"
2468                                    data-bs-slide-to="4"
2469                                    class=""
2470                                                                        aria-label="Slide 5">
2471                                </button>
2472                                                                <button
2473                                    type="button"
2474                                    data-bs-target="#sboMatchCarouselMobile"
2475                                    data-bs-slide-to="5"
2476                                    class=""
2477                                                                        aria-label="Slide 6">
2478                                </button>
2479                                                                <button
2480                                    type="button"
2481                                    data-bs-target="#sboMatchCarouselMobile"
2482                                    data-bs-slide-to="6"
2483                                    class=""
2484                                                                        aria-label="Slide 7">
2485                                </button>
2486                                                                <button
2487                                    type="button"
2488                                    data-bs-target="#sboMatchCarouselMobile"
2489                                    data-bs-slide-to="7"
2490                                    class=""
2491                                                                        aria-label="Slide 8">
2492                                </button>
2493                                                                <button
2494                                    type="button"
2495                                    data-bs-target="#sboMatchCarouselMobile"
2496                                    data-bs-slide-to="8"
2497                                    class=""
2498                                                                        aria-label="Slide 9">
2499                                </button>
2500                                                                <button
2501                                    type="button"
2502                                    data-bs-target="#sboMatchCarouselMobile"
2503                                    data-bs-slide-to="9"
2504                                    class=""
2505                                                                        aria-label="Slide 10">
2506                                </button>
2507                                                    </div>
2508                    
2509                    <div class="carousel-inner">
2510                                                    <div class="carousel-item active">
2511                                <div class="row g-3">
2512                                                                            <div class="col-12">
2513                                            <div class="match-card h-100">
2514                                                <div class="league-name">
2515                                                    ENGLISH PREMIER LEAGUE                                                </div>
2516
2517                                                <div class="kickoff-time">
2518                                                    October 10, 2026 — 18:30 WIB                                                </div>
2519
2520                                                <div class="match-main-row">
2521                                                    <div class="team-col">
2522                                                        <img
2523                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
2524                                                        alt="Arsenal"
2525                                                        class="team-logo"
2526                                                        >
2527                                                        <div class="team-name">
2528                                                            Arsenal                                                        </div>
2529                                                    </div>
2530
2531                                                    <div class="score-col">
2532                                                        <div class="score-value">
2533                                                            0 : 0                                                        </div>
2534
2535                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
2536                                                            BET NOW
2537                                                        </a>
2538                                                    </div>
2539
2540                                                    <div class="team-col">
2541                                                        <img
2542                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
2542ce556.png"
2543                                                        alt="Leeds United"
2544                                                        class="team-logo"
2545                                                        >
2546                                                        <div class="team-name">
2547                                                            Leeds United                                                        </div>
2548                                                    </div>
2549                                                </div>
2550
2551                                                <div class="match-odds-row">
2552                                                    <div class="odds-col">
2553                                                        <span>
2554                                                            0.75                                                            <small>0.50</small>
2555                                                        </span>
2556                                                    </div>
2557
2558                                                    <div class="odds-spacer"></div>
2559
2560                                                    <div class="odds-col">
2561                                                        <span>
2562                                                            -0.75                                                            <small>-0.60</small>
2563                                                        </span>
2564                                                    </div>
2565                                                </div>
2566                                            </div>
2567                                        </div>
2568                                                                    </div>
2569                            </div>
2570                                                    <div class="carousel-item ">
2571                                <div class="row g-3">
2572                                                                            <div class="col-12">
2573                                            <div class="match-card h-100">
2574                                                <div class="league-name">
2575                                                    ENGLISH PREMIER LEAGUE                                                </div>
2576
2577                                                <div class="kickoff-time">
2578                                                    October 10, 2026 — 21:00 WIB                                                </div>
2579
2580                                                <div class="match-main-row">
2581                                                    <div class="team-col">
2582                                                        <img
2583                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
2584                                                        alt="Chelsea"
2585                                                        class="team-logo"
2586                                                        >
2587                                                        <div class="team-name">
2588                                                            Chelsea                                                        </div>
2589                                                    </div>
2590
2591                                                    <div class="score-col">
2592                                                        <div class="score-value">
2593                                                            0 : 0                                                        </div>
2594
2595                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
2596                                                            BET NOW
2597                                                        </a>
2598                                                    </div>
2599
2600                                                    <div class="team-col">
2601                                                        <img
2602                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
2603                                                        alt="Bournemouth AFC"
2604                                                        class="team-logo"
2605                                                        >
2606                                                        <div class="team-name">
2607                                                            Bournemouth AFC                                                        </div>
2608                                                    </div>
2609                                                </div>
2610
2611                                                <div class="match-odds-row">
2612                                                    <div class="odds-col">
2613                                                        <span>
2614                                                            0.5                                                            <small>0.66</small>
2615                                                        </span>
2616                                                    </div>
2617
2618                                                    <div class="odds-spacer"></div>
2619
2620                                                    <div class="odds-col">
2621                                                        <span>
2622                                                            -0.5                                                            <small>-0.76</small>
2623                                                        </span>
2624                                                    </div>
2625                                                </div>
2626                                            </div>
2627                                        </div>
2628                                                                    </div>
2629                            </div>
2630                                                    <div class="carousel-item ">
2631                                <div class="row g-3">
2632                                                                            <div class="col-12">
2633                                            <div class="match-card h-100">
2634                                                <div class="league-name">
2635                                                    SPAIN LA LIGA                                                </div>
2636
2637                                                <div class="kickoff-time">
2638                                                    October 10, 2026 — 23:30 WIB                                                </div>
2639
2640                                                <div class="match-main-row">
2641                                                    <div class="team-col">
2642                                                        <img
2643                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
2644                                                        alt="Barcelona"
2645                                                        class="team-logo"
2646                                                        >
2647                                                        <div class="team-name">
2648                                                            Barcelona                                                        </div>
2649                                                    </div>
2650
2651                                                    <div class="score-col">
2652                                                        <div class="score-value">
2653                                                            0 : 0                                                        </div>
2654
2655                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
2656                                                            BET NOW
2657                                                        </a>
2658                                                    </div>
2659
2660                                                    <div class="team-col">
2661                                                        <img
2662                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
2663                                                        alt="Getafe"
2664                                                        class="team-logo"
2665                                                        >
2666                                                        <div class="team-name">
2667                                                            Getafe                                                        </div>
2668                                                    </div>
2669                                                </div>
2670
2671                                                <div class="match-odds-row">
2672                                                    <div class="odds-col">
2673                                                        <span>
2674                                                            2.5                                                            <small>0.82</small>
2675                                                        </span>
2676                                                    </div>
2677
2678                                                    <div class="odds-spacer"></div>
2679
2680                                                    <div class="odds-col">
2681                                                        <span>
2682                                                            -2.5                                                            <small>-0.92</small>
2683                                                        </span>
2684                                                    </div>
2685                                                </div>
2686                                            </div>
2687                                        </div>
2688                                                                    </div>
2689                            </div>
2690                                                    <div class="carousel-item ">
2691                                <div class="row g-3">
2692                                                                            <div class="col-12">
2693                                            <div class="match-card h-100">
2694                                                <div class="league-name">
2695                                                    ENGLISH PREMIER LEAGUE                                                </div>
2696
2697                                                <div class="kickoff-time">
2698                                                    October 10, 2026 — 21:00 WIB                                                </div>
2699
2700                                                <div class="match-main-row">
2701                                                    <div class="team-col">
2702                                                        <img
2703                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
2704                                                        alt="Aston Villa"
2705                                                        class="team-logo"
2706                                                        >
2707                                                        <div class="team-name">
2708                                                            Aston Villa                                                        </div>
2709                                                    </div>
2710
2711                                                    <div class="score-col">
2712                                                        <div class="score-value">
2713                                                            0 : 0                                                        </div>
2714
2715                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
2716                                                            BET NOW
2717                                                        </a>
2718                                                    </div>
2719
2720                                                    <div class="team-col">
2721                                                        <img
2722                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
2723                                                        alt="Brentford"
2724                                                        class="team-logo"
2725                                                        >
2726                                                        <div class="team-name">
2727                                                            Brentford                                                        </div>
2728                                                    </div>
2729                                                </div>
2730
2731                                                <div class="match-odds-row">
2732                                                    <div class="odds-col">
2733                                                        <span>
2734                                                            0.00                                                            <small>-0.97</small>
2735                                                        </span>
2736                                                    </div>
2737
2738                                                    <div class="odds-spacer"></div>
2739
2740                                                    <div class="odds-col">
2741                                                        <span>
2742                                                            0.00                                                            <small>0.87</small>
2743                                                        </span>
2744                                                    </div>
2745                                                </div>
2746                                            </div>
2747                                        </div>
2748                                                                    </div>
2749                            </div>
2750                                                    <div class="carousel-item ">
2751                                <div class="row g-3">
2752                                                                            <div class="col-12">
2753                                            <div class="match-card h-100">
2754                                                <div class="league-name">
2755                                                    ENGLISH PREMIER LEAGUE                                                </div>
2756
2757                                                <div class="kickoff-time">
2758                                                    October 10, 2026 — 21:00 WIB                                                </div>
2759
2760                                                <div class="match-main-row">
2761                                                    <div class="team-col">
2762                                                        <img
2763                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
2764                                                        alt="Sunderland"
2765                                                        class="team-logo"
2766                                                        >
2767                                                        <div class="team-name">
2768                                                            Sunderland                                                        </div>
2769                                                    </div>
2770
2771                                                    <div class="score-col">
2772                                                        <div class="score-value">
2773                                                            0 : 0                                                        </div>
2774
2775                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
2776                                                            BET NOW
2777                                                        </a>
2778                                                    </div>
2779
2780                                                    <div class="team-col">
2781                                                        <img
2782                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
2783                                                        alt="Brighton &amp; Hove Albion"
2784                                                        class="team-logo"
2785                                                        >
2786                                                        <div class="team-name">
2787                                                            Brighton &amp; Hove Albion                                                        </div>
2788                                                    </div>
2789                                                </div>
2790
2791                                                <div class="match-odds-row">
2792                                                    <div class="odds-col">
2793                                                        <span>
2794                                                            0.00                                                            <small>-0.82</small>
2795                                                        </span>
2796                                                    </div>
2797
2798                                                    <div class="odds-spacer"></div>
2799
2800                                                    <div class="odds-col">
2801                                                        <span>
2802                                                            0.00                                                            <small>0.72</small>
2803                                                        </span>
2804                                                    </div>
2805                                                </div>
2806                                            </div>
2807                                        </div>
2808                                                                    </div>
2809                            </div>
2810                                                    <div class="carousel-item ">
2811                                <div class="row g-3">
2812                                                                            <div class="col-12">
2813                                            <div class="match-card h-100">
2814                                                <div class="league-name">
2815                                                    ENGLISH PREMIER LEAGUE                                                </div>
2816
2817                                                <div class="kickoff-time">
2818                                                    October 10, 2026 — 23:30 WIB                                                </div>
2819
2820                                                <div class="match-main-row">
2821                                                    <div class="team-col">
2822                                                        <img
2823                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
2824                                                        alt="Manchester United"
2825                                                        class="team-logo"
2826                                                        >
2827                                                        <div class="team-name">
2828                                                            Manchester United                                                        </div>
2829                                                    </div>
2830
2831                                                    <div class="score-col">
2832                                                        <div class="score-value">
2833                                                            0 : 0                                                        </div>
2834
2835                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
2836                                                            BET NOW
2837                                                        </a>
2838                                                    </div>
2839
2840                                                    <div class="team-col">
2841                                                        <img
2842                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
2843                                                        alt="Tottenham Hotspur"
2844                                                        class="team-logo"
2845                                                        >
2846                                                        <div class="team-name">
2847                                                            Tottenham Hotspur                                                        </div>
2848                                                    </div>
2849                                                </div>
2850
2851                                                <div class="match-odds-row">
2852                                                    <div class="odds-col">
2853                                                        <span>
2854                                                            0.5                                                            <small>0.72</small>
2855                                                        </span>
2856                                                    </div>
2857
2858                                                    <div class="odds-spacer"></div>
2859
2860                                                    <div class="odds-col">
2861                                                        <span>
2862                                                            -0.5                                                            <small>-0.82</small>
2863                                                        </span>
2864                                                    </div>
2865                                                </div>
2866                                            </div>
2867                                        </div>
2868                                                                    </div>
2869                            </div>
2870                                                    <div class="carousel-item ">
2871                                <div class="row g-3">
2872                                                                            <div class="col-12">
2873                                            <div class="match-card h-100">
2874                                                <div class="league-name">
2875                                                    SPAIN LA LIGA                                                </div>
2876
2877                                                <div class="kickoff-time">
2878                                                    October 11, 2026 — 02:00 WIB                                                </div>
2879
2880                                                <div class="match-main-row">
2881                                                    <div class="team-col">
2882                                                        <img
2883                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
2884                                                        alt="Real Madrid"
2885                                                        class="team-logo"
2886                                                        >
2887                                                        <div class="team-name">
2888                                                            Real Madrid                                                        </div>
2889                                                    </div>
2890
2891                                                    <div class="score-col">
2892                                                        <div class="score-value">
2893                                                            0 : 0                                                        </div>
2894
2895                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
2896                                                            BET NOW
2897                                                        </a>
2898                                                    </div>
2899
2900                                                    <div class="team-col">
2901                                                        <img
2902                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
2903                                                        alt="Villarreal"
2904                                                        class="team-logo"
2905                                                        >
2906                                                        <div class="team-name">
2907                                                            Villarreal                                                        </div>
2908                                                    </div>
2909                                                </div>
2910
2911                                                <div class="match-odds-row">
2912                                                    <div class="odds-col">
2913                                                        <span>
2914                                                            1                                                            <small>0.55</small>
2915                                                        </span>
2916                                                    </div>
2917
2918                                                    <div class="odds-spacer"></div>
2919
2920                                                    <div class="odds-col">
2921                                                        <span>
2922                                                            -1                                                            <small>-0.65</small>
2923                                                        </span>
2924                                                    </div>
2925                                                </div>
2926                                            </div>
2927                                        </div>
2928                                                                    </div>
2929                            </div>
2930                                                    <div class="carousel-item ">
2931                                <div class="row g-3">
2932                                                                            <div class="col-12">
2933                                            <div class="match-card h-100">
2934                                                <div class="league-name">
2935                                                    ITALY SERIE A                                                </div>
2936
2937                                                <div class="kickoff-time">
2938                                                    October 10, 2026 — 22:59 WIB                                                </div>
2939
2940                                                <div class="match-main-row">
2941                                                    <div class="team-col">
2942                                                        <img
2943                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
2944                                                        alt="Inter Milan"
2945                                                        class="team-logo"
2946                                                        >
2947                                                        <div class="team-name">
2948                                                            Inter Milan                                                        </div>
2949                                                    </div>
2950
2951                                                    <div class="score-col">
2952                                                        <div class="score-value">
2953                                                            0 : 0                                                        </div>
2954
2955                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
2956                                                            BET NOW
2957                                                        </a>
2958                                                    </div>
2959
2960                                                    <div class="team-col">
2961                                                        <img
2962                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
2963                                                        alt="Parma Calcio"
2964                                                        class="team-logo"
2965                                                        >
2966                                                        <div class="team-name">
2967                                                            Parma Calcio                                                        </div>
2968                                                    </div>
2969                                                </div>
2970
2971                                                <div class="match-odds-row">
2972                                                    <div class="odds-col">
2973                                                        <span>
2974                                                            2                                                            <small>0.65</small>
2975                                                        </span>
2976                                                    </div>
2977
2978                                                    <div class="odds-spacer"></div>
2979
2980                                                    <div class="odds-col">
2981                                                        <span>
2982                                                            -2                                                            <small>-0.75</small>
2983                                                        </span>
2984                                                    </div>
2985                                                </div>
2986                                            </div>
2987                                        </div>
2988                                                                    </div>
2989                            </div>
2990                                                    <div class="carousel-item ">
2991                                <div class="row g-3">
2992                                                                            <div class="col-12">
2993                                            <div class="match-card h-100">
2994                                                <div class="league-name">
2995                                                    SPAIN LA LIGA                                                </div>
2996
2997                                                <div class="kickoff-time">
2998                                                    October 10, 2026 — 19:00 WIB                                                </div>
2999
3000                                                <div class="match-main-row">
3001                                                    <div class="team-col">
3002                                                        <img
3003                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
3004                                                        alt="Rayo Vallecano"
3005                                                        class="team-logo"
3006                                                        >
3007                                                        <div class="team-name">
3008                                                            Rayo Vallecano                                                        </div>
3009                                                    </div>
3010
3011                                                    <div class="score-col">
3012                                                        <div class="score-value">
3013                                                            0 : 0                                                        </div>
3014
3015                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
3016                                                            BET NOW
3017                                                        </a>
3018                                                    </div>
3019
3020                                                    <div class="team-col">
3021                                                        <img
3022                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
3023                                                        alt="Athletic Bilbao"
3024                                                        class="team-logo"
3025                                                        >
3026                                                        <div class="team-name">
3027                                                            Athletic Bilbao                                                        </div>
3028                                                    </div>
3029                                                </div>
3030
3031                                                <div class="match-odds-row">
3032                                                    <div class="odds-col">
3033                                                        <span>
3034                                                            0.00                                                            <small>0.98</small>
3035                                                        </span>
3036                                                    </div>
3037
3038                                                    <div class="odds-spacer"></div>
3039
3040                                                    <div class="odds-col">
3041                                                        <span>
3042                                                            0.00                                                            <small>0.92</small>
3043                                                        </span>
3044                                                    </div>
3045                                                </div>
3046                                            </div>
3047                                        </div>
3048                                                                    </div>
3049                            </div>
3050                                                    <div class="carousel-item ">
3051                                <div class="row g-3">
3052                                                                            <div class="col-12">
3053                                            <div class="match-card h-100">
3054                                                <div class="league-name">
3055                                                    ENGLISH PREMIER LEAGUE                                                </div>
3056
3057                                                <div class="kickoff-time">
3058                                                    October 11, 2026 — 22:30 WIB                                                </div>
3059
3060                                                <div class="match-main-row">
3061                                                    <div class="team-col">
3062                                                        <img
3063                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
3064                                                        alt="Liverpool"
3065                                                        class="team-logo"
3066                                                        >
3067                                                        <div class="team-name">
3068                                                            Liverpool                                                        </div>
3069                                                    </div>
3070
3071                                                    <div class="score-col">
3072                                                        <div class="score-value">
3073                                                            0 : 0                                                        </div>
3074
3075                                                        <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
3076                                                            BET NOW
3077                                                        </a>
3078                                                    </div>
3079
3080                                                    <div class="team-col">
3081                                                        <img
3082                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
3083                                                        alt="Manchester City"
3084                                                        class="team-logo"
3085                                                        >
3086                                                        <div class="team-name">
3087                                                            Manchester City                                                        </div>
3088                                                    </div>
3089                                                </div>
3090
3091                                                <div class="match-odds-row">
3092                                                    <div class="odds-col">
3093                                                        <span>
3094                                                            0.00                                                            <small>-0.83</small>
3095                                                        </span>
3096                                                    </div>
3097
3098                                                    <div class="odds-spacer"></div>
3099
3100                                                    <div class="odds-col">
3101                                                        <span>
3102                                                            0.00                                                            <small>0.73</small>
3103                                                        </span>
3104                                                    </div>
3105                                                </div>
3106                                            </div>
3107                                        </div>
3108                                                                    </div>
3109                            </div>
3110                                            </div>
3111
3112                                            <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="prev">
3113                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
3114                            <span class="visually-hidden">Previous</span>
3115                        </button>
3116
3117                        <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselMobile" data-bs-slide="next">
3118                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
3119                            <span class="visually-hidden">Next</span>
3120                        </button>
3121                                    </div>
3122                                </div>
3123            </div>
3124            <!-- BANNER SBO MOBILE END -->
3125            
3126            
3127            <!-- Togel -->    
3128            	
3129	<style>
3130	    .togel-desktop {
3131            /*background: var(--togel-background);*/
3132            background: var(--footer-background);
3133            grid-area: togel-desktop;
3134            position: relative;
3135        }
3136        
3137        .togel-mobile {
3138            display: none;
3139        }
3140
3141        .show-more {
3142            position: absolute; 
3143        
3144            z-index: 999; 
3145            bottom: 0px;
3146            width: 100%;
3147            
3148            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
3149        }
3150        
3151        .show-more-content {
3152            background: var(--secondary-background);
3153            opacity: .7;
3154            display: grid; 
3155            place-items: center; 
3156            height: 32px
3157        }
3158        
3159        .togel-content {    
3160            position: relative;  
3161            display: flex;
3162            flex-wrap: wrap;
3163            justify-content: center;
3164            /*display: grid;*/
3165            /*grid-template-columns: repeat(10, 1fr);*/
3166            gap: 8px 4px;
3167            padding: 16px 0;
3168        }
3169        
3170        .see-more {
3171            padding: 16px 0 48px 0;
3172            max-height: 162px;
3173            transition: max-height .75s ease-out;
3174            transition-delay: .1s;
3175            overflow: hidden;
3176        }
3177        
3178        .togel-content:hover{
3179            max-height: 1000px;
3180            transition: max-height 0.25s ease-in;
3181        }
3182        
3183        .result {
3184            height: 110px;
3185            width: 96px;
3186            border-radius: 10px;
3187            background: var(--result-background);
3188            border: var(--result-border);
3189            
3190            display: grid;
3191            grid-template-rows: 0px 20px 1fr 28px;
3192            grid-template-areas:
3193            "badge"
3194            "pasaran"
3195            "keluaran"
3196            "tanggal"
3197            ;
3198        
3199            /* display: flex;
3200            flex-direction: column;
3201            justify-content: space-between; */
3202        
3203            overflow: hidden;
3204        }
3205        
3206        .badge {
3207            grid-area: badge;
3208            display: grid;
3209            place-items: center;
3210        }
3211        
3212        .result>.pasaran {
3213        
3214            grid-area: pasaran;
3215        
3216            padding-top: 8px;
3217            white-space: nowrap;
3218            font-size: .7rem;
3219            line-height: .7rem;
3220        
3221            color: var(--result-pasaran-color);
3222            display: grid;
3223            place-items: center;
3224        }
3225        
3226        .result>.keluaran {
3227        
3228            grid-area: keluaran;
3229            padding-bottom: 8px;
3230            font-family: 'Oswald', sans-serif;
3231            line-height: 40px;
3232            font-size: 40px;
3233            color: var(--result-keluaran-color);
3234            display: grid;
3235            place-items: center;
3236        }
3237        
3238        .result>.tanggal {
3239        
3240            grid-area: tanggal;
3241        
3242            width: 100%;
3243            height: 100%;
3244            /* background: rgb(40,0,0);
3245            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
3246            background: var(--result-tanggal-background);
3247            white-space: nowarp;
3248            font-size: .79rem;
3249            display: grid;
3250            place-items: center;
3251            font-family: 'Abel', sans-serif;
3252            color: var(--result-tanggal-color);
3253        }
3254        
3255        @media only screen and (max-width: 1000px) {
3256            
3257            .togel-desktop {
3258                display: none;
3259            }
3260            
3261            .togel-mobile {
3262
3263                background: var(--secondary-background);
3264                grid-area: togel-mobile;
3265                padding: 24px;
3266                padding-bottom: 12px;
3267                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
3268            }
3269        
3270            .togel-title {
3271                padding: 0px;
3272                padding-bottom: 20px;
3273                font-size: 1.4rem;
3274                font-weight: bold;
3275                color: var(--primary-text-color);
3276            }
3277        
3278            .togel-content {
3279                max-height: fit-content;
3280                display: grid;
3281                grid-template-columns: 1fr;
3282                gap: 0;
3283                border-radius: 8px;
3284            }
3285            
3286
3287        
3288            .provider-group {
3289                padding: var(--mobile-padding-horizontal);
3290            }
3291        
3292            .badge {
3293                display: none;
3294            }
3295        
3296            .result {
3297                height: auto;
3298                width: 100%;
3299                display: grid;
3300                grid-template-rows: 1fr;
3301                grid-template-columns: 1fr 1fr 80px;
3302                grid-template-areas: "pasaran tanggal keluaran";
3303                border-radius: 0;
3304                border: none;
3305                background: transparent;
3306                padding: 4px 12px;
3307                color: var(--primary-text-color);
3308                font-family: 'Abel', sans-serif;
3309                
3310            }
3311            
3312                        
3313            .result-data:nth-child(odd) {
3314                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
3315            }
3316            
3317                        
3318            .accordion-item {
3319                background-color: transparent;
3320                border: 0px;
3321            }
3322            
3323            .accordion-button:not(.collapsed) {
3324                color: inherit;
3325                background-color: transparent;
3326                box-shadow: none;
3327            }
3328            
3329            .accordion-button::after {
3330                height: 0px;
3331            }
3332        
3333            .result>* {
3334                padding: 0px!important;
3335                margin: 0px!important;
3336                font-size: 1.4rem!important;
3337                line-height: auto!important;
3338                font-weight: normal!important;
3339            }
3340        
3341            .result>.pasaran {
3342                display: flex;
3343                justify-content: start;
3344                color: var(--primary-text-color)!important;
3345                opacity: .7;
3346            }
3347        
3348            .result>.tanggal {        
3349                display: flex;
3350                justify-content: center;
3351                background: transparent;
3352                color: var(--primary-text-color)!important;
3353                opacity: .7;
3354            }
3355        
3356            .result>.keluaran {
3357                display: flex;
3358                justify-content: end;
3359                /*color: var(--primary-text-color)!important;*/
3360                font-family: 'Abel', sans-serif;
3361                color: var(--highlight-text-color);
3362            }
3363            
3364        }
3365	</style>
3366	
3367	
3368	
3369	<div id="togel-desktop" class="togel-desktop desktop-only">
3370	    
3371	        
3372        
3373    
3374        <div class="togel-content ">
3375                            <!-- <a href="/?content=hasil&pid=SY" class="result"> -->
3376                <a href="/hasil/SY" class="result">
3377                    
3378                    <div class="badge">
3379                                            </div>
3380                    
3381                    <div class="pasaran">SYDNEY&nbsp</div>
3382                    <div class="keluaran">6915</div>
3383                    <div class="tanggal"> 9/10/2026</div>
3384                </a>
3385                            <!-- <a href="/?content=hasil&pid=SG" class="result"> -->
3386                <a href="/hasil/SG" class="result">
3387                    
3388                    <div class="badge">
3389                                            </div>
3390                    
3391                    <div class="pasaran">SINGAPORE&nbsp</div>
3392                    <div class="keluaran">2855</div>
3393                    <div class="tanggal"> 8/10/2026</div>
3394                </a>
3395                            <!-- <a href="/?content=hasil&pid=HK" class="result"> -->
3396                <a href="/hasil/HK" class="result">
3397                    
3398                    <div class="badge">
3399                                            </div>
3400                    
3401                    <div class="pasaran">HONGKONG&nbsp</div>
3402                    <div class="keluaran">6469</div>
3403                    <div class="tanggal"> 9/10/2026</div>
3404                </a>
3405                            <!-- <a href="/?content=hasil&pid=TWH" class="result"> -->
3406                <a href="/hasil/TWH" class="result">
3407                    
3408                    <div class="badge">
3409                                            </div>
3410                    
3411                    <div class="pasaran">
3411TOTO WUHAN&nbsp</div>
3412                    <div class="keluaran">6536</div>
3413                    <div class="tanggal"> 10/10/2026</div>
3414                </a>
3415                            <!-- <a href="/?content=hasil&pid=HKD" class="result"> -->
3416                <a href="/hasil/HKD" class="result">
3417                    
3418                    <div class="badge">
3419                                            </div>
3420                    
3421                    <div class="pasaran">HK SIANG&nbsp</div>
3422                    <div class="keluaran">3738</div>
3423                    <div class="tanggal"> 9/10/2026</div>
3424                </a>
3425                            <!-- <a href="/?content=hasil&pid=SGM" class="result"> -->
3426                <a href="/hasil/SGM" class="result">
3427                    
3428                    <div class="badge">
3429                                            </div>
3430                    
3431                    <div class="pasaran">SG METRO&nbsp</div>
3432                    <div class="keluaran">2724</div>
3433                    <div class="tanggal"> 9/10/2026</div>
3434                </a>
3435                            <!-- <a href="/?content=hasil&pid=MYD" class="result"> -->
3436                <a href="/hasil/MYD" class="result">
3437                    
3438                    <div class="badge">
3439                                            </div>
3440                    
3441                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3442                    <div class="keluaran">3162</div>
3443                    <div class="tanggal"> 9/10/2026</div>
3444                </a>
3445                            <!-- <a href="/?content=hasil&pid=MY" class="result"> -->
3446                <a href="/hasil/MY" class="result">
3447                    
3448                    <div class="badge">
3449                                            </div>
3450                    
3451                    <div class="pasaran">MALAYSIA&nbsp</div>
3452                    <div class="keluaran">6034</div>
3453                    <div class="tanggal"> 9/10/2026</div>
3454                </a>
3455                            <!-- <a href="/?content=hasil&pid=MC" class="result"> -->
3456                <a href="/hasil/MC" class="result">
3457                    
3458                    <div class="badge">
3459                                            </div>
3460                    
3461                    <div class="pasaran">MACAU&nbsp</div>
3462                    <div class="keluaran">0331</div>
3463                    <div class="tanggal"> 9/10/2026</div>
3464                </a>
3465                            <!-- <a href="/?content=hasil&pid=QTR" class="result"> -->
3466                <a href="/hasil/QTR" class="result">
3467                    
3468                    <div class="badge">
3469                                            </div>
3470                    
3471                    <div class="pasaran">QATAR&nbsp</div>
3472                    <div class="keluaran">8696</div>
3473                    <div class="tanggal"> 9/10/2026</div>
3474                </a>
3475                        
3476        </div>
3477    </div>
3478    
3479    <div id="togel-mobile" class="togel-mobile mobile-only">
3480    	    
3481    	    <div class="togel-title">Togel Result</div>
3482    	    
3483            	    
3484	    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
3485          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
3486              
3487                          
3488          </div>
3489          <div class="carousel-inner">
3490
3491            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
3492                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
3493                                    <div class="badge">
3494                                                                            </div>
3495                                    <div class="pasaran">SYDNEY&nbsp</div>
3496                                    <div class="keluaran">6915</div>
3497                                    <div class="tanggal">09-10-2026</div>
3498                              </button>
3499                                                                <div id="paito-SY" class="accordion-collapse collapse">
3500                                         
3501                                                <div class="result">
3502                                                    <div class="pasaran"></div>
3503                                                    <div class="keluaran">5814</div>
3504                                                    <div class="tanggal">08-10-2026</div>
3505                                                </div>
3506                                             
3507                                                <div class="result">
3508                                                    <div class="pasaran"></div>
3509                                                    <div class="keluaran">0569</div>
3510                                                    <div class="tanggal">07-10-2026</div>
3511                                                </div>
3512                                             
3513                                                <div class="result">
3514                                                    <div class="pasaran"></div>
3515                                                    <div class="keluaran">3398</div>
3516                                                    <div class="tanggal">06-10-2026</div>
3517                                                </div>
3518                                             
3519                                                <div class="result">
3520                                                    <div class="pasaran"></div>
3521                                                    <div class="keluaran">9383</div>
3522                                                    <div class="tanggal">05-10-2026</div>
3523                                                </div>
3524                                             
3525                                                <div class="result">
3526                                                    <div class="pasaran"></div>
3527                                                    <div class="keluaran">7933</div>
3528                                                    <div class="tanggal">04-10-2026</div>
3529                                                </div>
3530                                             
3531                                                <div class="result">
3532                                                    <div class="pasaran"></div>
3533                                                    <div class="keluaran">5604</div>
3534                                                    <div class="tanggal">03-10-2026</div>
3535                                                </div>
3536                                             
3537                                                <div class="result">
3538                                                    <div class="pasaran"></div>
3539                                                    <div class="keluaran">5392</div>
3540                                                    <div class="tanggal">02-10-2026</div>
3541                                                </div>
3542                                                                                </div>
3543                                                            </div>
3544                            
3545                                                    <div class="result-data accordion-item">
3546                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
3547                                    <div class="badge">
3548                                                                            </div>
3549                                    <div class="pasaran">SINGAPORE&nbsp</div>
3550                                    <div class="keluaran">2855</div>
3551                                    <div class="tanggal">08-10-2026</div>
3552                              </button>
3553                                                                <div id="paito-SG" class="accordion-collapse collapse">
3554                                         
3555                                                <div class="result">
3556                                                    <div class="pasaran"></div>
3557                                                    <div class="keluaran">9838</div>
3558                                                    <div class="tanggal">07-10-2026</div>
3559                                                </div>
3560                                             
3561                                                <div class="result">
3562                                                    <div class="pasaran"></div>
3563                                                    <div class="keluaran">3897</div>
3564                                                    <div class="tanggal">05-10-2026</div>
3565                                                </div>
3566                                             
3567                                                <div class="result">
3568                                                    <div class="pasaran"></div>
3569                                                    <div class="keluaran">2812</div>
3570                                                    <div class="tanggal">04-10-2026</div>
3571                                                </div>
3572                                             
3573                                                <div class="result">
3574                                                    <div class="pasaran"></div>
3575                                                    <div class="keluaran">3670</div>
3576                                                    <div class="tanggal">03-10-2026</div>
3577                                                </div>
3578                                             
3579                                                <div class="result">
3580                                                    <div class="pasaran"></div>
3581                                                    <div class="keluaran">9006</div>
3582                                                    <div class="tanggal">01-10-2026</div>
3583                                                </div>
3584                                             
3585                                                <div class="result">
3586                                                    <div class="pasaran"></div>
3587                                                    <div class="keluaran">3096</div>
3588                                                    <div class="tanggal">30-09-2026</div>
3589                                                </div>
3590                                             
3591                                                <div class="result">
3592                                                    <div class="pasaran"></div>
3593                                                    <div class="keluaran">7185</div>
3594                                                    <div class="tanggal">28-09-2026</div>
3595                                                </div>
3596                                                                                </div>
3597                                                            </div>
3598                            
3599                                                    <div class="result-data accordion-item">
3600                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
3601                                    <div class="badge">
3602                                                                            </div>
3603                                    <div class="pasaran">HONGKONG&nbsp</div>
3604                                    <div class="keluaran">6469</div>
3605                                    <div class="tanggal">09-10-2026</div>
3606                              </button>
3607                                                                <div id="paito-HK" class="accordion-collapse collapse">
3608                                         
3609                                                <div class="result">
3610                                                    <div class="pasaran"></div>
3611                                                    <div class="keluaran">8270</div>
3612                                                    <div class="tanggal">08-10-2026</div>
3613                                                </div>
3614                                             
3615                                                <div class="result">
3616                                                    <div class="pasaran"></div>
3617                                                    <div class="keluaran">6196</div>
3618                                                    <div class="tanggal">07-10-2026</div>
3619                                                </div>
3620                                             
3621                                                <div class="result">
3622                                                    <div class="pasaran"></div>
3623                                                    <div class="keluaran">3268</div>
3624                                                    <div class="tanggal">06-10-2026</div>
3625                                                </div>
3626                                             
3627                                                <div class="result">
3628                                                    <div class="pasaran"></div>
3629                                                    <div class="keluaran">9181</div>
3630                                                    <div class="tanggal">05-10-2026</div>
3631                                                </div>
3632                                             
3633                                                <div class="result">
3634                                                    <div class="pasaran"></div>
3635                                                    <div class="keluaran">7176</div>
3636                                                    <div class="tanggal">04-10-2026</div>
3637                                                </div>
3638                                             
3639                                                <div class="result">
3640                                                    <div class="pasaran"></div>
3641                                                    <div class="keluaran">6962</div>
3642                                                    <div class="tanggal">03-10-2026</div>
3643                                                </div>
3644                                             
3645                                                <div class="result">
3646                                                    <div class="pasaran"></div>
3647                                                    <div class="keluaran">3686</div>
3648                                                    <div class="tanggal">02-10-2026</div>
3649                                                </div>
3650                                                                                </div>
3651                                                            </div>
3652                            
3653                                                    <div class="result-data accordion-item">
3654                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
3655                                    <div class="badge">
3656                                                                            </div>
3657                                    <div class="pasaran">
3657TOTO WUHAN&nbsp</div>
3658                                    <div class="keluaran">6536</div>
3659                                    <div class="tanggal">10-10-2026</div>
3660                              </button>
3661                                                                <div id="paito-TWH" class="accordion-collapse collapse">
3662                                         
3663                                                <div class="result">
3664                                                    <div class="pasaran"></div>
3665                                                    <div class="keluaran">9250</div>
3666                                                    <div class="tanggal">09-10-2026</div>
3667                                                </div>
3668                                             
3669                                                <div class="result">
3670                                                    <div class="pasaran"></div>
3671                                                    <div class="keluaran">4208</div>
3672                                                    <div class="tanggal">09-10-2026</div>
3673                                                </div>
3674                                             
3675                                                <div class="result">
3676                                                    <div class="pasaran"></div>
3677                                                    <div class="keluaran">6154</div>
3678                                                    <div class="tanggal">09-10-2026</div>
3679                                                </div>
3680                                             
3681                                                <div class="result">
3682                                                    <div class="pasaran"></div>
3683                                                    <div class="keluaran">3312</div>
3684                                                    <div class="tanggal">09-10-2026</div>
3685                                                </div>
3686                                             
3687                                                <div class="result">
3688                                                    <div class="pasaran"></div>
3689                                                    <div class="keluaran">4840</div>
3690                                                    <div class="tanggal">09-10-2026</div>
3691                                                </div>
3692                                             
3693                                                <div class="result">
3694                                                    <div class="pasaran"></div>
3695                                                    <div class="keluaran">6631</div>
3696                                                    <div class="tanggal">09-10-2026</div>
3697                                                </div>
3698                                             
3699                                                <div class="result">
3700                                                    <div class="pasaran"></div>
3701                                                    <div class="keluaran">1674</div>
3702                                                    <div class="tanggal">08-10-2026</div>
3703                                                </div>
3704                                                                                </div>
3705                                                            </div>
3706                            
3707                                                    <div class="result-data accordion-item">
3708                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
3709                                    <div class="badge">
3710                                                                            </div>
3711                                    <div class="pasaran">HK SIANG&nbsp</div>
3712                                    <div class="keluaran">3738</div>
3713                                    <div class="tanggal">09-10-2026</div>
3714                              </button>
3715                                                                <div id="paito-HKD" class="accordion-collapse collapse">
3716                                         
3717                                                <div class="result">
3718                                                    <div class="pasaran"></div>
3719                                                    <div class="keluaran">1257</div>
3720                                                    <div class="tanggal">08-10-2026</div>
3721                                                </div>
3722                                             
3723                                                <div class="result">
3724                                                    <div class="pasaran"></div>
3725                                                    <div class="keluaran">6727</div>
3726                                                    <div class="tanggal">07-10-2026</div>
3727                                                </div>
3728                                             
3729                                                <div class="result">
3730                                                    <div class="pasaran"></div>
3731                                                    <div class="keluaran">4776</div>
3732                                                    <div class="tanggal">06-10-2026</div>
3733                                                </div>
3734                                             
3735                                                <div class="result">
3736                                                    <div class="pasaran"></div>
3737                                                    <div class="keluaran">0870</div>
3738                                                    <div class="tanggal">05-10-2026</div>
3739                                                </div>
3740                                             
3741                                                <div class="result">
3742                                                    <div class="pasaran"></div>
3743                                                    <div class="keluaran">3772</div>
3744                                                    <div class="tanggal">04-10-2026</div>
3745                                                </div>
3746                                             
3747                                                <div class="result">
3748                                                    <div class="pasaran"></div>
3749                                                    <div class="keluaran">0546</div>
3750                                                    <div class="tanggal">03-10-2026</div>
3751                                                </div>
3752                                             
3753                                                <div class="result">
3754                                                    <div class="pasaran"></div>
3755                                                    <div class="keluaran">7631</div>
3756                                                    <div class="tanggal">02-10-2026</div>
3757                                                </div>
3758                                                                                </div>
3759                                                            </div>
3760                            
3761                                                    <div class="result-data accordion-item">
3762                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
3763                                    <div class="badge">
3764                                                                            </div>
3765                                    <div class="pasaran">SG METRO&nbsp</div>
3766                                    <div class="keluaran">2724</div>
3767                                    <div class="tanggal">09-10-2026</div>
3768                              </button>
3769                                                                <div id="paito-SGM" class="accordion-collapse collapse">
3770                                         
3771                                                <div class="result">
3772                                                    <div class="pasaran"></div>
3773                                                    <div class="keluaran">6214</div>
3774                                                    <div class="tanggal">08-10-2026</div>
3775                                                </div>
3776                                             
3777                                                <div class="result">
3778                                                    <div class="pasaran"></div>
3779                                                    <div class="keluaran">5977</div>
3780                                                    <div class="tanggal">07-10-2026</div>
3781                                                </div>
3782                                             
3783                                                <div class="result">
3784                                                    <div class="pasaran"></div>
3785                                                    <div class="keluaran">8741</div>
3786                                                    <div class="tanggal">06-10-2026</div>
3787                                                </div>
3788                                             
3789                                                <div class="result">
3790                                                    <div class="pasaran"></div>
3791                                                    <div class="keluaran">3446</div>
3792                                                    <div class="tanggal">05-10-2026</div>
3793                                                </div>
3794                                             
3795                                                <div class="result">
3796                                                    <div class="pasaran"></div>
3797                                                    <div class="keluaran">8676</div>
3798                                                    <div class="tanggal">04-10-2026</div>
3799                                                </div>
3800                                             
3801                                                <div class="result">
3802                                                    <div class="pasaran"></div>
3803                                                    <div class="keluaran">9340</div>
3804                                                    <div class="tanggal">03-10-2026</div>
3805                                                </div>
3806                                             
3807                                                <div class="result">
3808                                                    <div class="pasaran"></div>
3809                                                    <div class="keluaran">2649</div>
3810                                                    <div class="tanggal">02-10-2026</div>
3811                                                </div>
3812                                                                                </div>
3813                                                            </div>
3814                            
3815                                                    <div class="result-data accordion-item">
3816                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
3817                                    <div class="badge">
3818                                                                            </div>
3819                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
3820                                    <div class="keluaran">3162</div>
3821                                    <div class="tanggal">09-10-2026</div>
3822                              </button>
3823                                                                <div id="paito-MYD" class="accordion-collapse collapse">
3824                                         
3825                                                <div class="result">
3826                                                    <div class="pasaran"></div>
3827                                                    <div class="keluaran">4272</div>
3828                                                    <div class="tanggal">08-10-2026</div>
3829                                                </div>
3830                                             
3831                                                <div class="result">
3832                                                    <div class="pasaran"></div>
3833                                                    <div class="keluaran">9074</div>
3834                                                    <div class="tanggal">07-10-2026</div>
3835                                                </div>
3836                                             
3837                                                <div class="result">
3838                                                    <div class="pasaran"></div>
3839                                                    <div class="keluaran">1210</div>
3840                                                    <div class="tanggal">06-10-2026</div>
3841                                                </div>
3842                                             
3843                                                <div class="result">
3844                                                    <div class="pasaran"></div>
3845                                                    <div class="keluaran">2452</div>
3846                                                    <div class="tanggal">05-10-2026</div>
3847                                                </div>
3848                                             
3849                                                <div class="result">
3850                                                    <div class="pasaran"></div>
3851                                                    <div class="keluaran">6932</div>
3852                                                    <div class="tanggal">04-10-2026</div>
3853                                                </div>
3854                                             
3855                                                <div class="result">
3856                                                    <div class="pasaran"></div>
3857                                                    <div class="keluaran">5590</div>
3858                                                    <div class="tanggal">03-10-2026</div>
3859                                                </div>
3860                                             
3861                                                <div class="result">
3862                                                    <div class="pasaran"></div>
3863                                                    <div class="keluaran">7799</div>
3864                                                    <div class="tanggal">02-10-2026</div>
3865                                                </div>
3866                                                                                </div>
3867                                                            </div>
3868                            
3869                                                    <div class="result-data accordion-item">
3870                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
3871                                    <div class="badge">
3872                                                                            </div>
3873                                    <div class="pasaran">MALAYSIA&nbsp</div>
3874                                    <div class="keluaran">6034</div>
3875                                    <div class="tanggal">09-10-2026</div>
3876                              </button>
3877                                                                <div id="paito-MY" class="accordion-collapse collapse">
3878                                         
3879                                                <div class="result">
3880                                                    <div class="pasaran"></div>
3881       
3881                                             <div class="keluaran">2991</div>
3882                                                    <div class="tanggal">08-10-2026</div>
3883                                                </div>
3884                                             
3885                                                <div class="result">
3886                                                    <div class="pasaran"></div>
3887                                                    <div class="keluaran">3932</div>
3888                                                    <div class="tanggal">07-10-2026</div>
3889                                                </div>
3890                                             
3891                                                <div class="result">
3892                                                    <div class="pasaran"></div>
3893                                                    <div class="keluaran">4883</div>
3894                                                    <div class="tanggal">06-10-2026</div>
3895                                                </div>
3896                                             
3897                                                <div class="result">
3898                                                    <div class="pasaran"></div>
3899                                                    <div class="keluaran">4639</div>
3900                                                    <div class="tanggal">05-10-2026</div>
3901                                                </div>
3902                                             
3903                                                <div class="result">
3904                                                    <div class="pasaran"></div>
3905                                                    <div class="keluaran">4920</div>
3906                                                    <div class="tanggal">04-10-2026</div>
3907                                                </div>
3908                                             
3909                                                <div class="result">
3910                                                    <div class="pasaran"></div>
3911                                                    <div class="keluaran">8849</div>
3912                                                    <div class="tanggal">03-10-2026</div>
3913                                                </div>
3914                                             
3915                                                <div class="result">
3916                                                    <div class="pasaran"></div>
3917                                                    <div class="keluaran">7141</div>
3918                                                    <div class="tanggal">02-10-2026</div>
3919                                                </div>
3920                                                                                </div>
3921                                                            </div>
3922                            
3923                                                    <div class="result-data accordion-item">
3924                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
3925                                    <div class="badge">
3926                                                                            </div>
3927                                    <div class="pasaran">MACAU&nbsp</div>
3928                                    <div class="keluaran">0331</div>
3929                                    <div class="tanggal">09-10-2026</div>
3930                              </button>
3931                                                                <div id="paito-MC" class="accordion-collapse collapse">
3932                                         
3933                                                <div class="result">
3934                                                    <div class="pasaran"></div>
3935                                                    <div class="keluaran">8646</div>
3936                                                    <div class="tanggal">08-10-2026</div>
3937                                                </div>
3938                                             
3939                                                <div class="result">
3940                                                    <div class="pasaran"></div>
3941                                                    <div class="keluaran">7182</div>
3942                                                    <div class="tanggal">07-10-2026</div>
3943                                                </div>
3944                                             
3945                                                <div class="result">
3946                                                    <div class="pasaran"></div>
3947                                                    <div class="keluaran">1061</div>
3948                                                    <div class="tanggal">06-10-2026</div>
3949                                                </div>
3950                                             
3951                                                <div class="result">
3952                                                    <div class="pasaran"></div>
3953                                                    <div class="keluaran">7204</div>
3954                                                    <div class="tanggal">05-10-2026</div>
3955                                                </div>
3956                                             
3957                                                <div class="result">
3958                                                    <div class="pasaran"></div>
3959                                                    <div class="keluaran">1662</div>
3960                                                    <div class="tanggal">04-10-2026</div>
3961                                                </div>
3962                                             
3963                                                <div class="result">
3964                                                    <div class="pasaran"></div>
3965                                                    <div class="keluaran">2898</div>
3966                                                    <div class="tanggal">03-10-2026</div>
3967                                                </div>
3968                                             
3969                                                <div class="result">
3970                                                    <div class="pasaran"></div>
3971                                                    <div class="keluaran">8307</div>
3972                                                    <div class="tanggal">02-10-2026</div>
3973                                                </div>
3974                                                                                </div>
3975                                                            </div>
3976                            
3977                                                    <div class="result-data accordion-item">
3978                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
3979                                    <div class="badge">
3980                                                                            </div>
3981                                    <div class="pasaran">QATAR&nbsp</div>
3982                                    <div class="keluaran">8696</div>
3983                                    <div class="tanggal">09-10-2026</div>
3984                              </button>
3985                                                                <div id="paito-QTR" class="accordion-collapse collapse">
3986                                         
3987                                                <div class="result">
3988                                                    <div class="pasaran"></div>
3989                                                    <div class="keluaran">8317</div>
3990                                                    <div class="tanggal">08-10-2026</div>
3991                                                </div>
3992                                             
3993                                                <div class="result">
3994                                                    <div class="pasaran"></div>
3995                                                    <div class="keluaran">9915</div>
3996                                                    <div class="tanggal">07-10-2026</div>
3997                                                </div>
3998                                             
3999                                                <div class="result">
4000                                                    <div class="pasaran"></div>
4001                                                    <div class="keluaran">5740</div>
4002                                                    <div class="tanggal">06-10-2026</div>
4003                                                </div>
4004                                             
4005                                                <div class="result">
4006                                                    <div class="pasaran"></div>
4007                                                    <div class="keluaran">8643</div>
4008                                                    <div class="tanggal">05-10-2026</div>
4009                                                </div>
4010                                             
4011                                                <div class="result">
4012                                                    <div class="pasaran"></div>
4013                                                    <div class="keluaran">0646</div>
4014                                                    <div class="tanggal">04-10-2026</div>
4015                                                </div>
4016                                             
4017                                                <div class="result">
4018                                                    <div class="pasaran"></div>
4019                                                    <div class="keluaran">7691</div>
4020                                                    <div class="tanggal">03-10-2026</div>
4021                                                </div>
4022                                             
4023                                                <div class="result">
4024                                                    <div class="pasaran"></div>
4025                                                    <div class="keluaran">3505</div>
4026                                                    <div class="tanggal">02-10-2026</div>
4027                                                </div>
4028                                                                                </div>
4029                                                            </div>
4030                            
4031                        </div>              
4032              
4033          </div>
4034        </div>
4035    </div>
4036    
4037    
4037<script>
4038        
4039        function togglePaito(paitoid) {
4040            let paito = document.getElementById(paitoid);
4041            paito.classList.add("open");
4042        }
4043        
4044        
4045    </script>
4045
4046
4047            <div class="transaksi p-0 py-lg-4">
4048                <div class="d-none d-lg-block">
4049                    <!-- BANNER SBO DESKTOP -->
4050                    <div class="match-slider-wrap">
4051                                                    <div id="sboMatchCarouselDesktop" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4500">
4052
4053                                                                    <div class="carousel-indicators">
4054                                                                                    <button
4055                                                type="button"
4056                                                data-bs-target="#sboMatchCarouselDesktop"
4057                                                data-bs-slide-to="0"
4058                                                class="active"
4059                                                aria-current="true"                                                aria-label="Slide 1">
4060                                            </button>
4061                                                                                    <button
4062                                                type="button"
4063                                                data-bs-target="#sboMatchCarouselDesktop"
4064                                                data-bs-slide-to="1"
4065                                                class=""
4066                                                                                                aria-label="Slide 2">
4067                                            </button>
4068                                                                                    <button
4069                                                type="button"
4070                                                data-bs-target="#sboMatchCarouselDesktop"
4071                                                data-bs-slide-to="2"
4072                                                class=""
4073                                                                                                aria-label="Slide 3">
4074                                            </button>
4075                                                                                    <button
4076                                                type="button"
4077                                                data-bs-target="#sboMatchCarouselDesktop"
4078                                                data-bs-slide-to="3"
4079                                                class=""
4080                                                                                                aria-label="Slide 4">
4081                                            </button>
4082                                                                            </div>
4083                                
4084                                <div class="carousel-inner">
4085                                                                            <div class="carousel-item active">
4086                                            <div class="row g-3">
4087                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4088                                                        <div class="match-card h-100">
4089                                                            <div class="league-name">
4090                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4091
4092                                                            <div class="kickoff-time">
4093                                                                October 10, 2026 — 18:30 WIB                                                            </div>
4094
4095                                                            <div class="match-main-row">
4096                                                                <div class="team-col">
4097                                                                    <img
4098                                                                        src="https://cdn.sportnanoapi.com/football/team/d6f5debc456da1119256ab66462ab510.png"
4099                                                                        alt="Arsenal"
4100                                                                        class="team-logo"
4101                                                                    >
4102                                                                    <div class="team-name">
4103                                                                        Arsenal                                                                    </div>
4104                                                                </div>
4105
4106                                                                <div class="score-col">
4107                                                                    <div class="score-value">
4108                                                                        0 : 0                                                                    </div>
4109
4110                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100346')">
4111                                                                        BET NOW
4112                                                                    </a>
4113                                                                </div>
4114
4115                                                                <div class="team-col">
4116                                                                    <img
4117                                                                        src="https://cdn.sportnanoapi.com/football/team/cd46d2ed1d364308dc206c97b48
4117ce556.png"
4118                                                                        alt="Leeds United"
4119                                                                        class="team-logo"
4120                                                                    >
4121                                                                    <div class="team-name">
4122                                                                        Leeds United                                                                    </div>
4123                                                                </div>
4124                                                            </div>
4125
4126                                                            <div class="match-odds-row">
4127                                                                <div class="odds-col">
4128                                                                    <span>
4129                                                                        0.75                                                                        <small>0.50</small>
4130                                                                    </span>
4131                                                                </div>
4132
4133                                                                <div class="odds-spacer"></div>
4134
4135                                                                <div class="odds-col">
4136                                                                    <span>
4137                                                                        -0.75                                                                        <small>-0.60</small>
4138                                                                    </span>
4139                                                                </div>
4140                                                            </div>
4141                                                        </div>
4142                                                    </div>
4143                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4144                                                        <div class="match-card h-100">
4145                                                            <div class="league-name">
4146                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4147
4148                                                            <div class="kickoff-time">
4149                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4150
4151                                                            <div class="match-main-row">
4152                                                                <div class="team-col">
4153                                                                    <img
4154                                                                        src="https://cdn.sportnanoapi.com/football/team/a0cf8f551e9440acb3f4ff533dcc58a4.png"
4155                                                                        alt="Chelsea"
4156                                                                        class="team-logo"
4157                                                                    >
4158                                                                    <div class="team-name">
4159                                                                        Chelsea                                                                    </div>
4160                                                                </div>
4161
4162                                                                <div class="score-col">
4163                                                                    <div class="score-value">
4164                                                                        0 : 0                                                                    </div>
4165
4166                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100428')">
4167                                                                        BET NOW
4168                                                                    </a>
4169                                                                </div>
4170
4171                                                                <div class="team-col">
4172                                                                    <img
4173                                                                        src="https://cdn.sportnanoapi.com/football/team/240b30d333c97d293752ab7afd77ccd6.png"
4174                                                                        alt="Bournemouth AFC"
4175                                                                        class="team-logo"
4176                                                                    >
4177                                                                    <div class="team-name">
4178                                                                        Bournemouth AFC                                                                    </div>
4179                                                                </div>
4180                                                            </div>
4181
4182                                                            <div class="match-odds-row">
4183                                                                <div class="odds-col">
4184                                                                    <sp
4184an>
4185                                                                        0.5                                                                        <small>0.66</small>
4186                                                                    </span>
4187                                                                </div>
4188
4189                                                                <div class="odds-spacer"></div>
4190
4191                                                                <div class="odds-col">
4192                                                                    <span>
4193                                                                        -0.5                                                                        <small>-0.76</small>
4194                                                                    </span>
4195                                                                </div>
4196                                                            </div>
4197                                                        </div>
4198                                                    </div>
4199                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4200                                                        <div class="match-card h-100">
4201                                                            <div class="league-name">
4202                                                                SPAIN LA LIGA                                                            </div>
4203
4204                                                            <div class="kickoff-time">
4205                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4206
4207                                                            <div class="match-main-row">
4208                                                                <div class="team-col">
4209                                                                    <img
4210                                                                        src="https://cdn.sportnanoapi.com/football/team/f378eb1ea04e53999b89051aa3244de6.png"
4211                                                                        alt="Barcelona"
4212                                                                        class="team-logo"
4213                                                                    >
4214                                                                    <div class="team-name">
4215                                                                        Barcelona                                                                    </div>
4216                                                                </div>
4217
4218                                                                <div class="score-col">
4219                                                                    <div class="score-value">
4220                                                                        0 : 0                                                                    </div>
4221
4222                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215606')">
4223                                                                        BET NOW
4224                                                                    </a>
4225                                                                </div>
4226
4227                                                                <div class="team-col">
4228                                                                    <img
4229                                                                        src="https://cdn.sportnanoapi.com/football/team/36bf5bf0c8fdf08c1270124808f060e1.png"
4230                                                                        alt="Getafe"
4231                                                                        class="team-logo"
4232                                                                    >
4233                                                                    <div class="team-name">
4234                                                                        Getafe                                                                    </div>
4235                                                                </div>
4236                                                            </div>
4237
4238                                                            <div class="match-odds-row">
4239                                                                <div class="odds-col">
4240                                                                    <sp
4240an>
4241                                                                        2.5                                                                        <small>0.82</small>
4242                                                                    </span>
4243                                                                </div>
4244
4245                                                                <div class="odds-spacer"></div>
4246
4247                                                                <div class="odds-col">
4248                                                                    <span>
4249                                                                        -2.5                                                                        <small>-0.92</small>
4250                                                                    </span>
4251                                                                </div>
4252                                                            </div>
4253                                                        </div>
4254                                                    </div>
4255                                                                                            </div>
4256                                        </div>
4257                                                                            <div class="carousel-item ">
4258                                            <div class="row g-3">
4259                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4260                                                        <div class="match-card h-100">
4261                                                            <div class="league-name">
4262                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4263
4264                                                            <div class="kickoff-time">
4265                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4266
4267                                                            <div class="match-main-row">
4268                                                                <div class="team-col">
4269                                                                    <img
4270                                                                        src="https://cdn.sportnanoapi.com/football/team/a3c32d6a906083118cac2cb796edaab3.png"
4271                                                                        alt="Aston Villa"
4272                                                                        class="team-logo"
4273                                                                    >
4274                                                                    <div class="team-name">
4275                                                                        Aston Villa                                                                    </div>
4276                                                                </div>
4277
4278                                                                <div class="score-col">
4279                                                                    <div class="score-value">
4280                                                                        0 : 0                                                                    </div>
4281
4282                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100395')">
4283                                                                        BET NOW
4284                                                                    </a>
4285                                                                </div>
4286
4287                                                                <div class="team-col">
4288                                                                    <img
4289                                                                        src="https://cdn.sportnanoapi.com/football/team/60f1c7788be3148a370dbf59f914abfe.png"
4290                                                                        alt="Brentford"
4291                                                                        class="team-logo"
4292                                                                    >
4293                                                                    <div class="team-name">
4294                                                                        Brentford                                                                    </div>
4295                                                                </div>
4296                                                            </div>
4297
4298                                                            <div class="match-odds-row">
4299                                                                <div class="odds-col">
4300                                                                    <sp
4300an>
4301                                                                        0.00                                                                        <small>-0.97</small>
4302                                                                    </span>
4303                                                                </div>
4304
4305                                                                <div class="odds-spacer"></div>
4306
4307                                                                <div class="odds-col">
4308                                                                    <span>
4309                                                                        0.00                                                                        <small>0.87</small>
4310                                                                    </span>
4311                                                                </div>
4312                                                            </div>
4313                                                        </div>
4314                                                    </div>
4315                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4316                                                        <div class="match-card h-100">
4317                                                            <div class="league-name">
4318                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4319
4320                                                            <div class="kickoff-time">
4321                                                                October 10, 2026 — 21:00 WIB                                                            </div>
4322
4323                                                            <div class="match-main-row">
4324                                                                <div class="team-col">
4325                                                                    <img
4326                                                                        src="https://cdn.sportnanoapi.com/football/team/957bdc50c307e2a9b526b34b3792da1a.png"
4327                                                                        alt="Sunderland"
4328                                                                        class="team-logo"
4329                                                                    >
4330                                                                    <div class="team-name">
4331                                                                        Sunderland                                                                    </div>
4332                                                                </div>
4333
4334                                                                <div class="score-col">
4335                                                                    <div class="score-value">
4336                                                                        0 : 0                                                                    </div>
4337
4338                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100525')">
4339                                                                        BET NOW
4340                                                                    </a>
4341                                                                </div>
4342
4343                                                                <div class="team-col">
4344                                                                    <img
4345                                                                        src="https://cdn.sportnanoapi.com/football/team/9b43a690d5a09f1e319f036821e8e1d3.png"
4346                                                                        alt="Brighton &amp; Hove Albion"
4347                                                                        class="team-logo"
4348                                                                    >
4349                                                                    <div class="team-name">
4350                                                                        Brighton &amp; Hove Albion                                                                    </div>
4351                                                                </div>
4352                                                            </div>
4353
4354                                                            <div class="match-odds-row">
4355                                                                <div class="odds-col">
4356                                                                    <sp
4356an>
4357                                                                        0.00                                                                        <small>-0.82</small>
4358                                                                    </span>
4359                                                                </div>
4360
4361                                                                <div class="odds-spacer"></div>
4362
4363                                                                <div class="odds-col">
4364                                                                    <span>
4365                                                                        0.00                                                                        <small>0.72</small>
4366                                                                    </span>
4367                                                                </div>
4368                                                            </div>
4369                                                        </div>
4370                                                    </div>
4371                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4372                                                        <div class="match-card h-100">
4373                                                            <div class="league-name">
4374                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4375
4376                                                            <div class="kickoff-time">
4377                                                                October 10, 2026 — 23:30 WIB                                                            </div>
4378
4379                                                            <div class="match-main-row">
4380                                                                <div class="team-col">
4381                                                                    <img
4382                                                                        src="https://cdn.sportnanoapi.com/football/team/d39ce586fd7278342dde33b3090b3f75.png"
4383                                                                        alt="Manchester United"
4384                                                                        class="team-logo"
4385                                                                    >
4386                                                                    <div class="team-name">
4387                                                                        Manchester United                                                                    </div>
4388                                                                </div>
4389
4390                                                                <div class="score-col">
4391                                                                    <div class="score-value">
4392                                                                        0 : 0                                                                    </div>
4393
4394                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100582')">
4395                                                                        BET NOW
4396                                                                    </a>
4397                                                                </div>
4398
4399                                                                <div class="team-col">
4400                                                                    <img
4401                                                                        src="https://cdn.sportnanoapi.com/football/team/8b22ab4041e666b996a2d96f20dea707.png"
4402                                                                        alt="Tottenham Hotspur"
4403                                                                        class="team-logo"
4404                                                                    >
4405                                                                    <div class="team-name">
4406                                                                        Tottenham Hotspur                                                                    </div>
4407                                                                </div>
4408                                                            </div>
4409
4410                                                            <div class="match-odds-row">
4411                                                                <div class="odds-col">
4412                                                                    <sp
4412an>
4413                                                                        0.5                                                                        <small>0.72</small>
4414                                                                    </span>
4415                                                                </div>
4416
4417                                                                <div class="odds-spacer"></div>
4418
4419                                                                <div class="odds-col">
4420                                                                    <span>
4421                                                                        -0.5                                                                        <small>-0.82</small>
4422                                                                    </span>
4423                                                                </div>
4424                                                            </div>
4425                                                        </div>
4426                                                    </div>
4427                                                                                            </div>
4428                                        </div>
4429                                                                            <div class="carousel-item ">
4430                                            <div class="row g-3">
4431                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4432                                                        <div class="match-card h-100">
4433                                                            <div class="league-name">
4434                                                                SPAIN LA LIGA                                                            </div>
4435
4436                                                            <div class="kickoff-time">
4437                                                                October 11, 2026 — 02:00 WIB                                                            </div>
4438
4439                                                            <div class="match-main-row">
4440                                                                <div class="team-col">
4441                                                                    <img
4442                                                                        src="https://cdn.sportnanoapi.com/football/team/7dacaa934fe4be00f23c1e209b5ef947.png"
4443                                                                        alt="Real Madrid"
4444                                                                        class="team-logo"
4445                                                                    >
4446                                                                    <div class="team-name">
4447                                                                        Real Madrid                                                                    </div>
4448                                                                </div>
4449
4450                                                                <div class="score-col">
4451                                                                    <div class="score-value">
4452                                                                        0 : 0                                                                    </div>
4453
4454                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215615')">
4455                                                                        BET NOW
4456                                                                    </a>
4457                                                                </div>
4458
4459                                                                <div class="team-col">
4460                                                                    <img
4461                                                                        src="https://cdn.sportnanoapi.com/football/team/aee62af96a956756cc29fe4831286357.png"
4462                                                                        alt="Villarreal"
4463                                                                        class="team-logo"
4464                                                                    >
4465                                                                    <div class="team-name">
4466                                                                        Villarreal                                                                    </div>
4467                                                                </div>
4468                                                            </div>
4469
4470                                                            <div class="match-odds-row">
4471                                                                <div class="odds-col">
4472                                                                    <sp
4472an>
4473                                                                        1                                                                        <small>0.55</small>
4474                                                                    </span>
4475                                                                </div>
4476
4477                                                                <div class="odds-spacer"></div>
4478
4479                                                                <div class="odds-col">
4480                                                                    <span>
4481                                                                        -1                                                                        <small>-0.65</small>
4482                                                                    </span>
4483                                                                </div>
4484                                                            </div>
4485                                                        </div>
4486                                                    </div>
4487                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4488                                                        <div class="match-card h-100">
4489                                                            <div class="league-name">
4490                                                                ITALY SERIE A                                                            </div>
4491
4492                                                            <div class="kickoff-time">
4493                                                                October 10, 2026 — 22:59 WIB                                                            </div>
4494
4495                                                            <div class="match-main-row">
4496                                                                <div class="team-col">
4497                                                                    <img
4498                                                                        src="https://cdn.sportnanoapi.com/football/team/aa2245702c40f77799a5ad4b119581a8.png"
4499                                                                        alt="Inter Milan"
4500                                                                        class="team-logo"
4501                                                                    >
4502                                                                    <div class="team-name">
4503                                                                        Inter Milan                                                                    </div>
4504                                                                </div>
4505
4506                                                                <div class="score-col">
4507                                                                    <div class="score-value">
4508                                                                        0 : 0                                                                    </div>
4509
4510                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145618118')">
4511                                                                        BET NOW
4512                                                                    </a>
4513                                                                </div>
4514
4515                                                                <div class="team-col">
4516                                                                    <img
4517                                                                        src="https://cdn.sportnanoapi.com/football/team/9fadd87d190982c8082dddf1567e0b9b.png"
4518                                                                        alt="Parma Calcio"
4519                                                                        class="team-logo"
4520                                                                    >
4521                                                                    <div class="team-name">
4522                                                                        Parma Calcio                                                                    </div>
4523                                                                </div>
4524                                                            </div>
4525
4526                                                            <div class="match-odds-row">
4527                                                                <div class="odds-col">
4528                                                                    <sp
4528an>
4529                                                                        2                                                                        <small>0.65</small>
4530                                                                    </span>
4531                                                                </div>
4532
4533                                                                <div class="odds-spacer"></div>
4534
4535                                                                <div class="odds-col">
4536                                                                    <span>
4537                                                                        -2                                                                        <small>-0.75</small>
4538                                                                    </span>
4539                                                                </div>
4540                                                            </div>
4541                                                        </div>
4542                                                    </div>
4543                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4544                                                        <div class="match-card h-100">
4545                                                            <div class="league-name">
4546                                                                SPAIN LA LIGA                                                            </div>
4547
4548                                                            <div class="kickoff-time">
4549                                                                October 10, 2026 — 19:00 WIB                                                            </div>
4550
4551                                                            <div class="match-main-row">
4552                                                                <div class="team-col">
4553                                                                    <img
4554                                                                        src="https://cdn.sportnanoapi.com/football/team/5005d8feab109ce64e40beb98073cc1f.png"
4555                                                                        alt="Rayo Vallecano"
4556                                                                        class="team-logo"
4557                                                                    >
4558                                                                    <div class="team-name">
4559                                                                        Rayo Vallecano                                                                    </div>
4560                                                                </div>
4561
4562                                                                <div class="score-col">
4563                                                                    <div class="score-value">
4564                                                                        0 : 0                                                                    </div>
4565
4566                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '147215614')">
4567                                                                        BET NOW
4568                                                                    </a>
4569                                                                </div>
4570
4571                                                                <div class="team-col">
4572                                                                    <img
4573                                                                        src="https://cdn.sportnanoapi.com/football/team/abbb31d42c55612737713aac6567a226.png"
4574                                                                        alt="Athletic Bilbao"
4575                                                                        class="team-logo"
4576                                                                    >
4577                                                                    <div class="team-name">
4578                                                                        Athletic Bilbao                                                                    </div>
4579                                                                </div>
4580                                                            </div>
4581
4582                                                            <div class="match-odds-row">
4583                                                                <div class="odds-col">
4584                                                                    <sp
4584an>
4585                                                                        0.00                                                                        <small>0.98</small>
4586                                                                    </span>
4587                                                                </div>
4588
4589                                                                <div class="odds-spacer"></div>
4590
4591                                                                <div class="odds-col">
4592                                                                    <span>
4593                                                                        0.00                                                                        <small>0.92</small>
4594                                                                    </span>
4595                                                                </div>
4596                                                            </div>
4597                                                        </div>
4598                                                    </div>
4599                                                                                            </div>
4600                                        </div>
4601                                                                            <div class="carousel-item ">
4602                                            <div class="row g-3">
4603                                                                                                    <div class="col-12 col-md-6 col-lg-4">
4604                                                        <div class="match-card h-100">
4605                                                            <div class="league-name">
4606                                                                ENGLISH PREMIER LEAGUE                                                            </div>
4607
4608                                                            <div class="kickoff-time">
4609                                                                October 11, 2026 — 22:30 WIB                                                            </div>
4610
4611                                                            <div class="match-main-row">
4612                                                                <div class="team-col">
4613                                                                    <img
4614                                                                        src="https://cdn.sportnanoapi.com/football/team/1cb3d08adac0e2dc1c4f10429d055bfe.png"
4615                                                                        alt="Liverpool"
4616                                                                        class="team-logo"
4617                                                                    >
4618                                                                    <div class="team-name">
4619                                                                        Liverpool                                                                    </div>
4620                                                                </div>
4621
4622                                                                <div class="score-col">
4623                                                                    <div class="score-value">
4624                                                                        0 : 0                                                                    </div>
4625
4626                                                                    <a href="javascript:void(0)" class="bet-btn" onclick="scrollToLoginForm('sbo', '145100751')">
4627                                                                        BET NOW
4628                                                                    </a>
4629                                                                </div>
4630
4631                                                                <div class="team-col">
4632                                                                    <img
4633                                                                        src="https://cdn.sportnanoapi.com/football/team/c4a6528a2ee147b99c9885ef24385a4e.png"
4634                                                                        alt="Manchester City"
4635                                                                        class="team-logo"
4636                                                                    >
4637                                                                    <div class="team-name">
4638                                                                        Manchester City                                                                    </div>
4639                                                                </div>
4640                                                            </div>
4641
4642                                                            <div class="match-odds-row">
4643                                                                <div class="odds-col">
4644                                                                    <sp
4644an>
4645                                                                        0.00                                                                        <small>-0.83</small>
4646                                                                    </span>
4647                                                                </div>
4648
4649                                                                <div class="odds-spacer"></div>
4650
4651                                                                <div class="odds-col">
4652                                                                    <span>
4653                                                                        0.00                                                                        <small>0.73</small>
4654                                                                    </span>
4655                                                                </div>
4656                                                            </div>
4657                                                        </div>
4658                                                    </div>
4659                                                                                            </div>
4660                                        </div>
4661                                                                    </div>
4662
4663                                                                    <button class="carousel-control-prev" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="prev">
4664                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
4665                                        <span class="visually-hidden">Previous</span>
4666                                    </button>
4667
4668                                    <button class="carousel-control-next" type="button" data-bs-target="#sboMatchCarouselDesktop" data-bs-slide="next">
4669                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
4670                                        <span class="visually-hidden">Next</span>
4671                                    </button>
4672                                                            </div>
4673                                            </div>
4674                    <!-- BANNER SBO DESKTOP END -->
4675                    <!-- Banner Telegram -->
4676                    
4677                    
4678                    
4679                    <div class="transaksi-kontak">
4680                        
4681                        <div class="d-flex flex-column w-100">
4682                            <div class="transaksi-content">
4683                                <!-- Bank -->
4684                                
4685<style>
4686    /* ====== LAYOUT KESELURUHAN ====== */
4687
4688    .transaksi-layout {
4689        display: flex;
4690        justify-content: center;
4691        gap: 16px;
4692        align-items: center;
4693    }
4694
4695    .transaksi-left-inner {
4696        width: 100%;
4697    }
4698
4699    .transaksi-left-img {
4700        width: 100%;
4701        height: auto;
4702        display: block;
4703        object-fit: cover;
4704    }
4705
4706    .transaksi-right-box {
4707        flex: 1;
4708        display: flex;
4709        justify-content: flex-start;
4710    }
4711
4712    .transaksi-group {
4713        display: flex;
4714        flex-direction: column;
4715        gap: 16px;
4716        width: 100%;
4717        grid-template-areas:
4718            "transaksi-bank transaksi-other transaksi-crypto";
4719    }
4720
4721    .transaksi-bank {
4722        grid-area: transaksi-bank;
4723        display: grid;
4724        place-items: center;
4725        justify-content: flex-start;
4726    }
4727
4728    .transaksi-other {
4729        grid-area: transaksi-other;
4730        display: flex;
4731        justify-content: flex-start;
4732        width: 100%;
4733    }
4734
4735    .transaksi-crypto {
4736        grid-area: transaksi-crypto;
4737        display: flex;
4738        justify-content: flex-start;
4739        width: 100%;
4740    }
4741
4742    .transaksi-wrapper {
4743        display: flex;
4744        flex-direction: column;
4745        gap: .5rem;
4746        align-items: flex-start;
4747    }
4748
4749    .transaksi-name {
4750        font-size: 1.1rem;
4751        font-weight: bold;
4752        line-height: 1.5rem;
4753    }
4754
4755    /* ====== GRID LIST ====== */
4756
4757    .transaksi-list-bank,
4758    .transaksi-list-other {
4759        height: fit-content;
4760        display: grid;
4761        grid-template-columns: repeat(5, minmax(80px, 1fr));
4762        gap: 4px 6px;
4763    }
4764
4765    .transaksi-list-crypto {
4766        height: fit-content;
4767        display: flex;
4768        align-items: center;
4769        gap: 24px;
4770        width: 100%;
4771        justify-content: flex-start;
4772    }
4773
4774    .icon-crypto {
4775        width: 24px;
4776        height: 24px;
4777    }
4778
4779    /* ====== ITEM BANK / EMONEY ====== */
4780
4781    .transaksi-item {
4782        display: flex;
4783        flex-direction: column;
4784        position: relative;
4785    }
4786
4787    .transaksi-header {
4788        height: 30px;
4789        border-radius: 5px;
4790        font-weight: bold;
4791        border: 2px solid rgba(108,108,108,1);
4792        background: rgba(54,54,54,1);
4793        color: white;
4794        display: flex;
4795        align-items: center;
4796        justify-content: center;
4797        padding: 0 12px 0 22px; /* extra space kiri buat dot */
4798        font-size: 0.9rem;
4799        white-space: nowrap;
4800    }
4801
4802    /* strip bawah lama dimatikan */
4803    .transaksi-status {
4804        display: none;
4805    }
4806
4807    /* ====== ONLINE / OFFLINE DOT ====== */
4808
4809    /* ONLINE: tambahkan class is-online di PHP */
4810    .transaksi-header.is-online::before {
4811        content: "";
4812        position: absolute;
4813        left: 8px;
4814        top: 50%;
4815        transform: translateY(-50%);
4816        width: 9px;
4817        height: 9px;
4818        border-radius: 50%;
4819        background-color: #00ff66;
4820        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4821    }
4822
4823    /* OFFLINE: is-offline (lebih gelap + tanpa dot) */
4824    .transaksi-header.is-offline {
4825        background: #2e2e2e;
4826        border-color: #555;
4827        opacity: .4;
4828    }
4829
4830    /* backup: kalau lupa kasih class di PHP, treat sebagai offline */
4831    .transaksi-header:not(.is-online):not(.is-offline) {
4832        background: #2e2e2e;
4833        border-color: #555;
4834        opacity: .4;
4835    }
4836
4837    @media only screen and (max-width: 768px) {
4838
4839        .transaksi-layout {
4840            flex-direction: column;
4841            align-items: center;
4842        }
4843
4844        .transaksi-group {
4845            display: grid;
4846            grid-template-columns: 1fr;
4847            grid-template-areas:
4848                "transaksi-bank"
4849                "transaksi-other"
4850                "transaksi-crypto";
4851            gap: 32px;
4852            margin-bottom: 8px;
4853        }
4854
4855        .transaksi-header {
4856            font-size: 1.1rem;
4857            height: 36px;
4858        }
4859
4860        .transaksi-list-bank {
4861            grid-template-columns: repeat(4, 1fr);
4862        }
4863
4864        .transaksi-list-other {
4865            grid-template-columns: repeat(4, 1fr);
4866        }
4867
4868        .transaksi-list-crypto {
4869            width: 86%;
4870            margin: auto;
4871            flex-wrap: wrap;
4872        }
4873
4874        .transaksi-item {
4875            width: 100%;
4876        }
4877
4878        .transaksi-name {
4879            font-size: 1.3rem;
4880            text-align: center;
4881            line-height: 1.8rem;
4882        }
4883
4884        .transaksi-wrapper {
4885            width: 100%;
4886            max-width: 100%!important;
4887            gap: 1rem;
4888            align-items: center;
4889        }
4890
4891        .icon-crypto {
4892            width: 28px;
4893            height: 28px;
4894        }
4895    }
4896
4897    /* LEBAR BOX BANK BIAR RAPI DAN CENTER */
4898    .transaksi-header {
4899        height: 34px;
4900        border-radius: 6px;
4901        font-weight: bold;
4902        border: 2px solid rgba(108,108,108,1);
4903        background: rgba(54,54,54,1);
4904        color: white;
4905
4906        /* Tambahan baru */
4907        min-width: 110px;       /* Lebarin biar semua rata */
4908        padding: 0 16px 0 28px; /* Kasih ruang untuk dot */
4909        display: flex;
4910        align-items: center;
4911        justify-content: center;
4912        text-align: center;
4913
4914        white-space: nowrap;
4915    }
4916
4917    /* DOT ONLINE */
4918    .transaksi-header.is-online::before {
4919        content: "";
4920        position: absolute;
4921        left: 10px;
4922        top: 50%;
4923        transform: translateY(-50%);
4924        width: 10px;
4925        height: 10px;
4926        border-radius: 50%;
4927        background-color: #00ff66;
4928        box-shadow: 0 0 6px rgba(0, 255, 102, .85);
4929    }
4930
4931    /* OFFLINE (DISABLED) */
4932    .transaksi-header.is-offline {
4933        padding: 0 16px;         
4934        background: #2e2e2e;
4935        border-color: #555;
4936        opacity: .35;
4937        align-items: center;
4938        justify-content: center;
4939        text-align: center;
4940    }
4941
4942    /* GRID-nya sedikit dilebarin biar simetris */
4943    .transaksi-list-bank,
4944    .transaksi-list-other {
4945        grid-template-columns: repeat(4, minmax(110px, 1fr));
4946        gap: 8px 10px;
4947    }
4948
4949</style>
4950
4951<div class="transaksi-layout">
4952    <div class="transaksi-left-box">
4953        <div class="transaksi-left-inner">
4954            <img src="/images/transaksi.png" class="transaksi-left-img">
4955        </div>
4956    </div>
4957
4958    <div class="transaksi-right-box">
4959        <div class="transaksi-group">
4960
4961            <!-- BANK LOKAL -->
4962            <div class="transaksi-bank">
4963                <div class="transaksi-wrapper">
4964                                            <div class="transaksi-name">Bank Lokal</div>
4965                                        <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
4966                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
4967                                                    </div>
4968
4969                        <div class="carousel-inner" >
4970                                                            <div class="carousel-item active">
4971                                    <div class="transaksi-list-bank">
4972                                                                                    <div class="transaksi-item">
4973                                                <div class="transaksi-header is-online">
4974                                                    BCA                                                </div>
4975                                                <div class="transaksi-status"></div>
4976                                            </div>
4977                                                                                        <div class="transaksi-item">
4978                                                <div class="transaksi-header is-online">
4979                                                    Mandiri                                                </div>
4980                                                <div class="transaksi-status"></div>
4981                                            </div>
4982                                                                                        <div class="transaksi-item">
4983                                                <div class="transaksi-header is-online">
4984                                                    BNI                                                </div>
4985                                                <div class="transaksi-status"></div>
4986                                            </div>
4987                                                                                        <div class="transaksi-item">
4988                                                <div class="transaksi-header is-online">
4989                                                    BRI                                                </div>
4990                                                <div class="transaksi-status"></div>
4991                                            </div>
4992                                                                                        <div class="transaksi-item">
4993                                                <div class="transaksi-header is-online">
4994                                                    CIMB                                                </div>
4995                                                <div class="transaksi-status"></div>
4996                                            </div>
4997                                                                                        <div class="transaksi-item">
4998                                                <div class="transaksi-header is-online">
4999                                                    Danamon                                                </div>
5000                                                <div class="transaksi-status"></div>
5001                                            </div>
5002                                                                                        <div class="transaksi-item">
5003                                                <div class="transaksi-header is-online">
5004                                                    Permata                                                </div>
5005                                                <div class="transaksi-status"></div>
5006                                            </div>
5007                                                                                        <div class="transaksi-item">
5008                                                <div class="transaksi-header is-online">
5009                                                    BJB                                                </div>
5010                                                <div class="transaksi-status"></div>
5011                                            </div>
5012                                                                                        <div class="transaksi-item">
5013                                                <div class="transaksi-header is-online">
5014                                                    PANIN                                                </div>
5015                                                <div class="transaksi-status"></div>
5016                                            </div>
5017                                                                                        <div class="transaksi-item">
5018                                                <div class="transaksi-header is-online">
5019                                                    OCBC                                                </div>
5020                                                <div class="transaksi-status"></div>
5021                                            </div>
5022                                                                                        <div class="transaksi-item">
5023                                                <div class="transaksi-header is-online">
5024                                                    DKI                                                </div>
5025                                                <div class="transaksi-status"></div>
5026                                            </div>
5027                                                                                        <div class="transaksi-item">
5028                                                <div class="transaksi-header is-online">
5029                                                    SUMUT                                                </div>
5030                                                <div class="transaksi-status"></div>
5031                                            </div>
5032                                                                                        <div class="transaksi-item">
5033                                                <div class="transaksi-header is-online">
5034                                                    BSI                                                </div>
5035                                                <div class="transaksi-status"></div>
5036                                            </div>
5037                                                                                        <div class="transaksi-item">
5038                                                <div class="transaksi-header is-online">
5039                                                    NEO                                                </div>
5040                                                <div class="transaksi-status"><
5040/div>
5041                                            </div>
5042                                                                                        <div class="transaksi-item">
5043                                                <div class="transaksi-header is-online">
5044                                                    JAGO                                                </div>
5045                                                <div class="transaksi-status"></div>
5046                                            </div>
5047                                                                                        <div class="transaksi-item">
5048                                                <div class="transaksi-header is-online">
5049                                                    SeaBank                                                </div>
5050                                                <div class="transaksi-status"></div>
5051                                            </div>
5052                                                                                </div>
5053                                </div>
5054                                                    </div>
5055                    </div>
5056
5057                </div>
5058            </div>
5059
5060            <!-- E MONEY & PULSA -->
5061            <div class="transaksi-other">
5062                <div class="transaksi-wrapper">
5063                                            <div class="transaksi-name">E Money &amp; Pulsa</div>
5064                    
5065                    <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
5066                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5067                                                    </div>
5068
5069                        <div class="carousel-inner" >
5070                                                            <div class="carousel-item active">
5071                                    <div class="transaksi-list-other">
5072                                                                                    <div class="transaksi-item">
5073                                                <div class="transaksi-header is-online">
5074                                                    Jenius                                                </div>
5075                                                <div class="transaksi-status"></div>
5076                                            </div>
5077                                                                                        <div class="transaksi-item">
5078                                                <div class="transaksi-header is-online">
5079                                                    DANA                                                </div>
5080                                                <div class="transaksi-status"></div>
5081                                            </div>
5082                                                                                        <div class="transaksi-item">
5083                                                <div class="transaksi-header is-online">
5084                                                    OVO                                                </div>
5085                                                <div class="transaksi-status"></div>
5086                                            </div>
5087                                                                                        <div class="transaksi-item">
5088                                                <div class="transaksi-header is-online">
5089                                                    GOPAY                                                </div>
5090                                                <div class="transaksi-status"></div>
5091                                            </div>
5092                                                                                        <div class="transaksi-item">
5093                                                <div class="transaksi-header is-online">
5094                                                    LinkAja                                                </div>
5095                                                <div class="transaksi-status"></div>
5096                                            </div>
5097                                                                                        <div class="transaksi-item">
5098                                                <div class="transaksi-header is-online">
5099                                                    Sakuku                                                </div>
5100                                                <div class="transaksi-status"></div>
5101                                            </div>
5102                                                                                        <div class="transaksi-item">
5103                                                <div class="transaksi-header is-online">
5104                                                    Lain-lain                                                </div>
5105                                                <div class="transaksi-status"></div>
5106                                            </div>
5107                                                                                </div>
5108                                </div>
5109                                                    </div>
5110                    </div>
5111
5112                </div>
5113            </div>
5114
5115            <!-- CRYPTO -->
5116            <div class="transaksi-crypto">
5117                <div class="transaksi-wrapper">
5118                    
5119                    <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
5120                        <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
5121                                                    </div>
5122
5123                        <div class="carousel-inner" >
5124                                                    </div>
5125
5126                    </div>
5127                </div>
5128            </div>
5129
5130        </div>
5131    </div>
5132</div>
5133                            </div>
5134                            
5135                            
5136                        </div>
5137                        
5138                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
5139                            
5140                        <!--    <div class="transaksi-title">-->
5141                        <!--        <div class="transaksi-title-group">-->
5142                        <!--            <div class="fitur-header">Kontak Kami</div>-->
5143                        <!--        </div>-->
5144                                
5145                        <!--        <div class="devider desktop-only"></div>-->
5146                        <!--    </div>-->
5147                            
5148    
5149                        <!--    
5150<div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
5151    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
5152        
5153                
5154    </div>
5155      <div class="carousel-inner" style="height: 164px">
5156                    <div class="carousel-item active">
5157                <div>
5158                
5159                                
5160                                        
5161                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5162                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
5163
5164                                                            <a class="d-flex flex-column" href="https://t.ly/wakeramas4d" target='_blank'>
5165                                       <div style="color: #888888;">WHATSAPP</div>
5166                                       <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div>
5167                                    </a>
5168                                
5169                                
5170                    </div>
5171                                
5172                                        
5173                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5174                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5175
5176                                                            <a class="d-flex flex-column" href="https://t.ly/telekeramas4d" target='_blank'>
5177                                       <div style="color: #888888;">TELEGRAM</div>
5178                                       <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D</div>
5179                                    </a>
5180                                
5181                                
5182                    </div>
5183                                
5184                                        
5185                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
5186                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
5187
5188                                                            <a class="d-flex flex-column" href="https://t.ly/CT-KERAMAS4D" target='_blank'>
5189                                       <div style="color: #888888;">TELEGRAM</div>
5190                                       <div style="line-height: .9rem; color: var(--primary-text-color)">KERAMAS4D Official</div>
5191                                    </a>
5192                                
5193                                
5194                    </div>
5195                                
5196                                    
5197                </div>
5198            </div>
5199        
5200         
5201         
5202    </div>
5203</div>
5204-->
5205                                    
5206                        <!--</div>-->
5207                    </div>
5208                </div>
5209            </div>
5210
5211
5212            <div class="bantuan">
5213                
5214                                <ul class="bantuan-content justify-content-center">
5215                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
5216                    <div class="bantuan-devider desktop-only">|</div>
5217                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
5218                    <div class="bantuan-devider desktop-only">|</div>
5219                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
5220                    <div class="bantuan-devider desktop-only">|</div>
5221                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
5222                    <div class="bantuan-devider desktop-only">|</div>
5223                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
5224                    <div class="bantuan-devider desktop-only">|</div>
5225                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
5226                    <div class="bantuan-devider desktop-only">|</div>
5227                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
5228                </ul>
5229                            </div>
5230        
5231            
5232            <footer class="footer">
5233                
5234                <div class="guidelines">
5235                    <div class="desktop-only">
5236                        <div class="guidelines-content d-flex justify-content-center">
5237                            <img src="https://img.viva88athenae.com/assets/guidelines.png" style="width: 640px" />
5238                        </div>
5239                    </div>
5240                </div>
5241                
5242                <div class="provider d-none d-lg-block">
5243                    <div class="provider-group">
5244                        <img src="https://img.viva88athenae.com/assets/provider.png" class="desktop-only" alt="">
5245                    </div>
5246                </div>
5247                
5248                <div>
5249                    <div>
5250<h1 style="color:#d3b83b">Keramas4D: Platform Hiburan Digital Resmi & Game Online Terpercaya</h1>
5251</div>
5252                </div>
5253                
5254                
5255                <div class="footer-group">
5256                    <div class="copyright">
5257                        <div style="white-space: nowrap">© 2015 - 2026 Copyright KERAMAS4D.</div>
5258                        <div>All Rights Reserved.</div>
5259                    </div>
5260                    <div class="desktop-only">
5261                        <div class="d-flex gap-1">
5262                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
5263                                                        <div class="btn-footer" onclick='window.location.href="/wap"'>WAP</div>
5264                        </div>
5265                    </div>
5266                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/assets/guidelines.png" alt="">
5267                    
5268                    <button class="btn btn-aduan2 ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=9thAN4yNJ45VWrwX6IB_ZuqE_lyTXgvax0vpGFx2yPM.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
5269                        <i class="bi bi-shield-fill-exclamation"></i>
5270                        <strong class="ms-1">LAPOR PUSAT</strong>
5271                    </button>
5272                </div>
5273            </footer>
5274            
5275            
5276            
5277            
5278            
5279            <!-- SIDENAV -->
5280            <div id="mySidenav" class="sidenav desktop-only">
5281                <div id="nav">
5282                    <div style="display: flex; align-items: start;">
5283                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
5284                            
5285                            <img src="/assets/hubungi.png?11">
5286                            
5287                        </div>
5288                        <!--<img id="about" src="/images/kontak.png?4">-->
5289                    </div>
5290                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
5291                       <div id="" style="padding: 4px">
5292                       <img src="/assets/24h.png" style="width: 100%"></img>
5293                        </div>
5294                    
5295                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
5296                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
5297                            
5298                                                                
5299                                                                                
5300                                            <a href="https://t.ly/wakeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5301                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>KERAMAS4D</span>
5302                                            </a>
5303                                            
5304                                            
5305                                    
5306                                                                        
5307                                                                                
5308                                            <a href="https://t.ly/telekeramas4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5309                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D</span>
5310                                            </a>
5311                                            
5312                                            
5313                                    
5314                                                                        
5315                                                                                
5316                                            <a href="https://t.ly/CT-KERAMAS
53164D" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
5317                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>KERAMAS4D Official</span>
5318                                            </a>
5319                                            
5320                                            
5321                                    
5322                                                                
5323    
5324                        </div>
5325                            <div style="margin: 8px">
5326                                <a href="/register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
5327                            </div>
5328                    </div>
5329                </div>
5330            </div>
5331        </div>
5332
5333                
5334        <!--POP UP -->
5335                
5336        <!-- LIVE CHAT -->
5337        <!--Start of Tawk.to Script-->
5338<script type="text/javascript">
5339var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
5340(function(){
5341var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
5342s1.async=true;
5343s1.src='https://embed.tawk.to/690d9f2a1b48711953e25094/1j9ejbfmh';
5344s1.charset='UTF-8';
5345s1.setAttribute('crossorigin','*');
5346s0.parentNode.insertBefore(s1,s0);
5347})();
5348</script>
5348
5349<!--End of Tawk.to Script-->
5350        
5351        <!-- LiveChat Internal -->
5352                <style>
5353        /* Taruh widget livechat di belakang modal+backdrop selagi modal terbuka (mis. #promo) */
5354        body.modal-open .cs-embed { z-index: 1049 !important; }
5355        </style>
5356           
5357
5358        
5358<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
5358
5359        
5359<script>
5360            document.addEventListener('DOMContentLoaded', function() {
5361                setTimeout(function() {
5362                    const mobileForm = document.querySelector('#mobilelogin form') || 
5363                                      document.querySelector('#mobilelogin .login-form') ||
5364                                      document.querySelector('.mobile-only form');
5365                    
5366                    if (!mobileForm) {
5367                        return;
5368                    }
5369                    
5370                    const username = mobileForm.querySelector('input[name="username"]');
5371                    const password = mobileForm.querySelector('input[name="password"]');
5372                    const remember = document.querySelector('#rememberMe') || 
5373                                    document.querySelector('input[type="checkbox"]');
5374                    
5375                    if (!username || !password || !remember) {
5376                        return;
5377                    }
5378                    
5379                    try {
5380                        localStorage.setItem('test', 'working');
5381                        if (localStorage.getItem('test') === 'working') {
5382                            localStorage.removeItem('test');
5383                        } else {
5384                            return;
5385                        }
5386                    } catch(e) {
5387                        return;
5388                    }
5389                    
5390                    initializeRememberMe();
5391                    loadSavedData();
5392                    
5393                    mobileForm.addEventListener('submit', handleSave);
5394                    mobileForm.addEventListener('click', function(e) {
5395                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
5396                            handleSave();
5397                        }
5398                    });
5399                    remember.addEventListener('change', function() {
5400                        if (!this.checked) {
5401                            clearSavedData();
5402                            localStorage.setItem('mobile_remember_unchecked', 'true');
5403                        } else {
5404                            localStorage.removeItem('mobile_remember_unchecked');
5405                        }
5406                    });
5407    
5408                    function initializeRememberMe() {
5409                        try {
5410                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
5411                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
5412                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
5413                                remember.checked = false;
5414                            } else {
5415                                remember.checked = true;
5416                            }
5417                        } catch(e) {
5418                            remember.checked = true;
5419                        }
5420                    }
5421                    
5422                    function loadSavedData() {
5423                        try {
5424                            const savedUsername = localStorage.getItem('mobile_username');
5425                            const savedPassword = localStorage.getItem('mobile_password');
5426                            const rememberChecked = localStorage.getItem('mobile_remember');
5427                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
5428                                username.value = savedUsername;
5429                                password.value = savedPassword;
5430                            }
5431                        } catch(e) {
5432                            // console.log('Error loading data:', e);
5433                        }
5434                    }
5435                    
5436                    function handleSave() {
5437                        if (remember.checked) {
5438                            const usernameVal = username.value.trim();
5439                            const passwordVal = password.value.trim();
5440                            
5441                            if (usernameVal && passwordVal) {
5442                                try {
5443                                    localStorage.setItem('mobile_username', usernameVal);
5444                                    localStorage.setItem('mobile_password', passwordVal);
5445                                    localStorage.setItem('mobile_remember', 'true');
5446                                    localStorage.setItem('mobile_login_success', 'true');
5447                                } catch(e) {
5448                                    // console.log('Error saving data:', e);
5449                                }
5450                            }
5451                        } else {
5452                            clearSavedData();
5453                            localStorage.setItem('mobile_login_success', 'true');
5454                        }
5455                    }
5456                    
5457                    function clearSavedData() {
5458                        try {
5459                            localStorage.removeItem('mobile_username');
5460                            localStorage.removeItem('mobile_password');
5461                            localStorage.removeItem('mobile_remember');
5462                        } catch(e) {
5463                            // console.log('Error clearing data:', e);
5464                        }
5465                    }
5466                }, 100); // Wait 100ms
5467                
5468                function initBroadcastMarquee() {
5469                $('.mobile-broadcast, #marquee .broadcast').each(function () {
5470                    const el = $(this);
5471            
5472                    if ($.trim(el.text()) === '') return;
5473                    if (!el.is(':visible')) return;
5474            
5475                    try {
5476                        el.marquee('destroy');
5477                    } catch (e) {}
5478            
5479                    el.marquee({
5480                        speed: 30,
5481                        gap: 80,
5482                        delayBeforeStart: 0,
5483                        direction: 'left',
5484                        duplicated: true,
5485                        pauseOnHover: true,
5486                        startVisible: true
5487                    });
5488                });
5489            }
5490            
5491            $(window).on('load', function () {
5492                setTimeout(function () {
5493                    initBroadcastMarquee();
5494                }, 300);
5495            });
5496            
5497            $(window).on('resize orientationchange', function () {
5498                clearTimeout(window.broadcastResizeTimer);
5499                window.broadcastResizeTimer = setTimeout(function () {
5500                    initBroadcastMarquee();
5501                }, 400);
5502            });
5503                                                
5504                // document.querySelectorAll("marquee").forEach(function(marquee){
5505
5506                // let speed = 0.5; // smaller = slower
5507                // let position = marquee.offsetWidth;
5508            
5509                // function animate(){
5510                //     position--;
5511            
5512                //     if(position < -marquee.scrollWidth){
5513                //         position = marquee.offsetWidth;
5514                //     }
5515            
5516                //     marquee.style.transform = "translateX(" + position + "px)";
5517                //     requestAnimationFrame(animate);
5518                // }
5519            
5520                // animate();
5521            
5522                // // pause on hover
5523                // marquee.addEventListener("mouseenter", function(){
5524                //     speed = 0;
5525                // });
5526            
5527                // marquee.addEventListener("mouseleave", function(){
5528                //     speed = 0.5;
5529                // });
5530            
5531            // });
5532                
5533                
5534            });
5535        </script>
5535
5536
5537        
5537<script>
5538                    
5539            var mobileurl = 'm/';
5540            	
5541
5542
5543            var showIDs = [];
5544            
5545            function showProducts(hoverID) {
5546                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
5547
5548                // document.getElementById('hover').classList.add("hover-show");
5549                document.getElementById('hover').style.transitionDelay = "0s";
5550                document.getElementById('hover').style.visibility = "visible";
5551                document.getElementById('hover').style.opacity = "1";
5552                document.getElementById(hoverID).style.display = "flex";
5553
5554                showIDs.push(hoverID);
5555
5556            }
5557
5558            function hideProducts(hoverID) {
5559                // document.getElementById('hover').classList.remove("hover-show");
5560                document.getElementById('hover').style.visibility = "hidden";
5561                document.getElementById('hover').style.opacity = "0";
5562                document.getElementById('hover').style.transitionDelay = "1s";
5563                
5564            }
5565
5566            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
5567            var marquee = document.getElementById('marquee');
5568            var mobileChangePasswordForm = document.getElementById('mobile-changepassword-form');
5569            var mobileLoginBox = document.getElementById('mobilelogin');
5570
5571            function closeContent() {
5572                $('#main-content').html(""); 
5573            }
5574
5575
5576            function openDaftar() {
5577                closeContent();
5578
5579                if (mobileLoginBox)          mobileLoginBox.style.display = "none";
5580                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5581
5582                mobileDaftarForm.style.display = "block";
5583                mobileDaftarForm.scrollIntoView();
5584            }
5585
5586            function closeDaftar() {
5587                mobileDaftarForm.style.display = "none";
5588                marquee.scrollIntoView();
5589            }
5590            
5591            
5592            function showProvider(type) {
5593                $('#main-content').html("<div style='padding: 24px'><img src=\"/images/loading.gif\" width=\"36px\"><div>");
5594                $('#main-content').load("/new-showprovider.php?type=" + type); 
5595            }
5596            
5597            function toggleInformasi(item) {
5598                page(item);
5599            }
5600            
5601            function showInformasi(item) {
5602                document.getElementById('modal-wrapper').style.display='block';
5603                toggleInformasi(item);
5604            }
5605
5606            function openChangePasswordMobile() {
5607                closeContent();
5608
5609                if (mobileLoginBox) mobileLoginBox.style.display = "none";
5610                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5611
5612                if (mobileChangePasswordForm) {
5613                    mobileChangePasswordForm.style.display = "block";
5614                    mobileChangePasswordForm.scrollIntoView();
5615                }
5616            }
5617
5618            function closeChangePasswordMobile() {
5619                if (mobileChangePasswordForm) mobileChangePasswordForm.style.display = "none";
5620                if (mobileDaftarForm) mobileDaftarForm.style.display = "none";
5621                if (mobileLoginBox) mobileLoginBox.style.display = "block";
5622
5623                marquee.scrollIntoView();
5624            }
5625            
5626            
5627
5628                    
5629        </script>
5629
5630        
5630<script src="/js/old/new2-webduo35.js?v=1790436670"></script>
5630
5631 
5632        
5632<script>
5633            function scrollToLoginForm(launchType, matchId) {
5634                sessionStorage.setItem('launch', launchType);
5635                if (matchId) sessionStorage.setItem('sbo_matchId', matchId);
5636                else sessionStorage.removeItem('sbo_matchId');
5637                window.scrollTo({ top: 0, behavior: 'smooth' });
5638                setTimeout(function() {
5639                    var isMobile = window.innerWidth <= 1000;
5640                    var loginSelector = isMobile
5641                        ? '#mobilelogin input[name="username"]'
5642                        : '#desktoplogin form';
5643                    var el = document.querySelector(loginSelector);
5644                    if (!el) return;
5645                    var usernameEl = document.querySelector(isMobile ? '#mobilelogin input[name="username"]' : '#desktoplogin input[name="username"]');
5646                    if (usernameEl && !isMobile) usernameEl.focus();
5647                    if (usernameEl && isMobile) usernameEl.scrollIntoView({ behavior: 'instant', block: 'center' });
5648                    const driver = window.driver.js.driver({
5649                        popoverClass: 'driverjs-theme',
5650                        showProgress: false,
5651                        showButtons: [],
5652                        overlayOpacity: 0.3,
5653                        steps: [
5654                            {
5655                                element: loginSelector,
5656                                popover: {
5657                                    title: 'Harap Login',
5658                                    description: 'Silakan masukkan username Anda',
5659                                    side: 'bottom',
5660                                    align: 'start',
5661                                    showButtons: [],
5662                                    nextBtnText: '',
5663                                    prevBtnText: '',
5664                                    doneBtnText: ''
5665                                }
5666                            }
5667                        ],
5668                        onDestroyStarted: () => driver.destroy(),
5669                    });
5670                    driver.drive();
5671                    if (usernameEl) {
5672                        function destroyDriver() {
5673                            driver.destroy();
5674                            window.scrollTo({ top: 0 });
5675                            usernameEl.removeEventListener('input', destroyDriver);
5676                            usernameEl.removeEventListener('click', destroyDriver);
5677                            usernameEl.removeEventListener('focus', destroyDriver);
5678                        }
5679                        usernameEl.addEventListener('input', destroyDriver, { once: true });
5680                        usernameEl.addEventListener('click', destroyDriver, { once: true });
5681                        usernameEl.addEventListener('focus', destroyDriver, { once: true });
5682                    }
5683                }, 500);
5684            }
5685        </script>
5685
5686        
5686<script>
5687            window.addEventListener("message", function(e) {
5688                if (e.origin !== "https://fkupon.com") return;
5689                if (e.data && e.data.action === "resize" && e.data.height) {
5690                    var iframes = document.querySelectorAll(".iframe-kupon");
5691                    iframes.forEach(function(iframe) {
5692                        iframe.style.height = Math.max(100, e.data.height - 16) + "px";
5693                    });
5694                }
5695            });
5696        </script>
5696
5697
5698
5699        <!-- POP UP COOKIES -->
5700        
5701<style>
5702    
5703        
5704    .kebijakan-privasi, .kebijakan-cookies {
5705        color: white;
5706        text-decoration: underline;
5707    }
5708    
5709        
5710</style>
5711
5712
5713<div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
5714  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
5715        <div>
5716    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
5717  </div>
5718  <div>
5719     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
5720  </div>
5721</div>
5722<script>
5723    $( "#boxprivacy" ).blur(function() {
5724    alert( "Handler for .blur() called." );
5725});
5726</script>
5726   
5727
5728        
5729    
5729<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":"aaff3f0d233c4392ad6f2fdca222886a","r":1,"spa":2}' crossorigin="anonymous"></script>
5729
5730</body>
5731</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.