PageSourceSearch

https://suratizin.com/register

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