PageSourceSearch

https://simplysseven.com/register

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