PageSourceSearch

https://overpower4d.com/register

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