PageSourceSearch

https://unmetsdixvins.com/daftar

html unmetsdixvins.com collected 2026-09-26 08:47:13 UTC 188,892 bytes, 6,709 lines download raw bytes

1<!DOCTYPE html>
2<html lang="id">
3
4    <head>
5        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6        <meta http-equiv="X-UA-Compatible" content="IE=edge">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
8            charset="UTF-8">
9                    <title>
10                RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D &amp; Bandar Togel Online HK Pools
11            </title>
12            <meta name="description"
13                content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan &amp; bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini." />
14            <meta name="keywords"
15                content="rajacolok, raja colok, situs toto hk, hk lotto, hk pools, togel online" />
16            <link rel="canonical" href="https://rajacolok-02.com/" />
17            <meta name="google-site-verification" content="mGayiVkIe6XZImdnL2jVm1J75qsJD7irYa-WEGyQBJg" />
18            <link rel="amphtml" href="https://home.historyraja02.com/" />
19                            <meta property="og:title"
20                    content="RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D &amp; Bandar Togel Online HK Pools" />
21                                        <meta property="og:description"
22                    content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan &amp; bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini." />
23                                        <meta property="og:url"
24                    content="https://rajacolok-02.com/" />
25                                                            <meta name="robots" content="index, follow">
26                                            <meta name="categories" content="website" />
27        <meta name="copyright" content="RajaColok">
28                                    <meta name="rating" content="general">
29                                                        <meta name="geo.region" content="ID">
30                                                        <meta name="geo.country" content="ID">
31                                                        <meta name="language" content="Id-ID">
32                                                        <meta name="distribution" content="global">
33                                                        <meta name="geo.placename" content="DKI Jakarta">
34                                                        <meta name="author" content="RAJACOLOK">
35                                                        <meta name="publisher" content="RAJACOLOK">
36                                                        <meta property="og:type" content="website">
37                                                        <meta property="og:site_name" content="RAJACOLOK">
38                                                        <meta property="og:locale" content="ID_id">
39                                                                                                                <meta property="og:image:alt" content="Game Online">
40                                                                                                                <meta name="twitter:card" content="summary">
41                                                        <meta name="twitter:site" content="https://rajacolok-02.com/">
42                                                        <meta name="twitter:title" content="RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D &amp; Bandar Togel Online HK Pools">
43                                                        <meta name="twitter:description" content="RAJACOLOK merupakan platform profesional yang menawarkan akses bermain situs toto hk lotto dengan &amp; bandar togel hongkong pools dengan layanan live draw hk tercepat hari ini.">
44                                                        <link rel="stylesheet" href="https://rajacolok.dataklmsad903.site/vendor/fontawesome-free/css/all.min.css" type="text/css">
45        <link rel="stylesheet"
46            href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
47        <link rel="stylesheet" href="https://rajacolok.dataklmsad903.site/vendor/bootstrap/3.3.7/css/bootstrap.min.css"
48            type="text/css">
49        <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Open24DisplaySt.woff2" as="font"
50            type="font/woff2" crossorigin="anonymous">
51        <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Teko-SemiBold.ttf" as="font" type="font/ttf"
52            crossorigin="anonymous">
53        <link rel="preload" href="https://rajacolok.dataklmsad903.site/css/Poppins-Regular.ttf" as="font" type="font/ttf"
54            crossorigin="anonymous">
55                            <link rel="shortcut icon" href="https://rajacolok.dataklmsad902.site/images/sett
55ing-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" type="image/x-icon">
56                            
56<script src="https://embed.qrisoke.id/v4/embed/qris/script?token=65d0e8bc076eabcb6595433e5c3478612dc57c7ac310c5d61aa0f9a5697c08a4"></script>
56
57        
58                    <!-- Meta Pixel Code -->
59<script>
vendor: 408 bytes, lines 59-68
59
60!function(f,b,e,v,n,t,s)
61{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
62n.callMethod.apply(n,arguments):n.queue.push(arguments)};
63if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
64n.queue=[];t=b.createElement(e);t.async=!0;
65t.src=v;s=b.getElementsByTagName(e)[0];
66s.parentNode.insertBefore(t,s)}(window, document,'script',
67'https://connect.facebook.net/en_US/fbevents.js');
68fbq('init', '
682871683829834695
vendor: 32 bytes, lines 68-69
68');
69fbq('track', 'PageView');
70</script>
70
71<noscript><img height="1" width="1" style="display:none"
72src="https://www.facebook.com/tr?id=2871683829834695&ev=PageView&noscript=1"
73/></noscript>
74<!-- End Meta Pixel Code -->
75
76<!-- Meta Pixel Code -->
77<script>
vendor: 408 bytes, lines 77-86
77
78!function(f,b,e,v,n,t,s)
79{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
80n.callMethod.apply(n,arguments):n.queue.push(arguments)};
81if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
82n.queue=[];t=b.createElement(e);t.async=!0;
83t.src=v;s=b.getElementsByTagName(e)[0];
84s.parentNode.insertBefore(t,s)}(window, document,'script',
85'https://connect.facebook.net/en_US/fbevents.js');
86fbq('init', '
86472903395355813
vendor: 32 bytes, lines 86-87
86');
87fbq('track', 'PageView');
88</script>
88
89<noscript><img height="1" width="1" style="display:none"
90src="https://www.facebook.com/tr?id=472903395355813&ev=PageView&noscript=1"
91/></noscript>
92<!-- End Meta Pixel Code -->
93
94
95<!-- Meta Pixel Code -->
96<script>
vendor: 408 bytes, lines 96-105
96
97!function(f,b,e,v,n,t,s)
98{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
99n.callMethod.apply(n,arguments):n.queue.push(arguments)};
100if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
101n.queue=[];t=b.createElement(e);t.async=!0;
102t.src=v;s=b.getElementsByTagName(e)[0];
103s.parentNode.insertBefore(t,s)}(window, document,'script',
104'https://connect.facebook.net/en_US/fbevents.js');
105fbq('init', '
1052130316717739476
vendor: 32 bytes, lines 105-106
105');
106fbq('track', 'PageView');
107</script>
107
108<noscript><img height="1" width="1" style="display:none"
109src="https://www.facebook.com/tr?id=2130316717739476&ev=PageView&noscript=1"
110/></noscript>
111<!-- End Meta Pixel Code -->
112                            <meta name="google" content="notranslate">
113<div class="LIVECHAT RAJACOLOK">
114    <div style="position: fixed;bottom: 80px;left: 10px;z-index: 10;opacity: 0.98;">
115    <a href="https://secure.livechatinc.com/customer/action/open_chat?license_id=18660819" target="_blank" rel="noopener">
116    <img src="https://i.postimg.cc/nrhHfDgJ/livechat.gif" alt="LIVECHAT RAJACOLOK" width="65" height="65">
117    </a>
118    </div>
119<style>
120@font-face {
121    font-family: Open24DisplaySt;
122    src: url(/css/Open24DisplaySt.woff2);
123}
124@font-face {
125    font-family: Teko-SemiBold;
126    src: url(/css/Teko-SemiBold.ttf);
127}
128@font-face {
129    font-family: Poppins-Regular;
130    src: url(/css/Poppins-Regular.ttf);
131}
132body {
133    margin: 0 auto;
134    color: #fff;
135    font-size: 14px !important;
136}
137.form-control {
138    background-color: #00063A !important;
139    border-color: #707070;
140    -moz-appearance: none;
141    -webkit-appearance: none;
142    color: #000;
143}
144.login-btn:hover {
145    background-color: #5f5f5f !important;
146    border-color: #5f5f5f !important;
147}
148.register-btn:hover {
149    color: #fff !important;
150    text-decoration: none;
151}
152.menu-opt-active {
153    color: transparent !important;
154    -webkit-background-clip: text;
155    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
156    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
157    font-weight: bold;
158}
159.menu-opt a:hover {
160    color: transparent !important;
161    -webkit-background-clip: text;
162    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
163    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
164    text-decoration: none;
165}
166.menu-opt:hover {
167    color: transparent !important;
168    -webkit-background-clip: text;
169    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
170    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
171    text-decoration: none;
172}
173.provider:hover {
174    width: 100%;
175    background-color: rgba(0, 0, 255, 0.5);
176    border-radius: 6px;
177}
178@keyframes  topbar-icon-bounce {
179    0%, 20%, 40%, 60%, 80%, 100% {
180        transform:translateY(0)
181    }
182    70% {
183        transform:translateY(-5px)
184    }
185    50% {
186        transform:translateY(-12px)
187    }
188}
189.glowing {
190    position: relative;
191    overflow: hidden;
192}
193.glowing:before {
194    content: '';
195    position: absolute;
196    width: 100px;
197    height: 100%;
198    background-image: linear-gradient(
199        120deg,
200        rgba(255,255,255, 0) 30%,
201        rgba(255,255,255, .8),
202        rgba(255,255,255, 0) 70%
203    );
204    top: 0;
205    left: -100px;
206    animation: shine 3s infinite linear; /* Animation */
207}
208@keyframes  shine {
209    0% {left: -100px}
210    20% {left: 100%}
211    100% {left: 100%}
212}
213.circular-menu__button {
214    display: none;
215}
216.circular-menu__button:checked + .circular-menu__icon {
217    transform: scale(1, 1) translate3d(0, 0, 0);
218    transition-duration: 0.1s;
219    transition-timing-function: linear;
220}
221.circular-menu__button:checked ~ .circular-menu__item {
222    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
223}
224.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
225    transition-duration: 0.18s;
226    transform: translate3d(0px, -105px, 0);
227}
228.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
229    transition-duration: 0.28s;
230    transform: translate3d(99.86093418px, -32.446784369999996px, 0);
231}
232.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
233    transition-duration: 0.38s;
234    transform: translate3d(61.71745146px, 84.94678437px, 0);
235}
236.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
237    transition-duration: 0.48s;
238    transform: translate3d(-61.71745146px, 84.94678437px, 0);
239}
240.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
241    transition-duration: 0.58s;
242    transform: translate3d(-99.86093418px, -32.446784369999996px, 0
242);
243}
244.circular-menu__icon {
245    background: linear-gradient(#5F70FB, #4E63FA);
246    border-radius: 100%;
247    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
248    height: 50px;
249    line-height: 50px;
250    margin-left: 10px;
251    position: fixed;
252    text-align: center;
253    bottom: 150px;
254    transform: translate3d(0, 0, 0);
255    transition: transform ease-out 0.2s;
256    width: 50px;
257    cursor: pointer;
258    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
259    transition-duration: 0.4s;
260    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
261    z-index: 7;
262}
263.circular-menu__icon:hover {
264    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
265}
266.circular-menu__item {
267    background-image: linear-gradient(#5F70FB, #4E63FA);
268    border-radius: 100%;
269    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
270    color: #fff;
271    height: 45px;
272    line-height: 45px;
273    margin-left: 10px;
274    position: fixed;
275    text-align: center;
276    bottom: 160px;
277    transform: translate3d(0, 0, 0);
278    transition: transform ease-out 0.2s;
279    width: 45px;
280    z-index: 5;
281}
282.circular-menu__item:nth-of-type(1) {
283    transition-duration: 0.18s;
284}
285.circular-menu__item:nth-of-type(2) {
286    transition-duration: 0.18s;
287}
288.circular-menu__item:nth-of-type(3) {
289    transition-duration: 0.18s;
290}
291.circular-menu__item:nth-of-type(4) {
292    transition-duration: 0.18s;
293}
294.circular-menu__item:nth-of-type(5) {
295    transition-duration: 0.18s;
296}
297.circular-menu__item:hover {
298    color: #1414dc;
299    background: #8080f0;
300}
301.circular-menu__item:active,
302.circular-menu__item:focus {
303    color: #00008b;
304}
305</style>
306
307<style>
308/* HILANGKAN ICON DEFAULT */
309.circular-menu__icon * {
310  display: none !important;
311}
312
313
314/* TOMBOL MENU CIRCULAR */
315.circular-menu__icon {
316  background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important;
317  background-size: cover !important;
318  width: 70px !important;
319  height: 70px !important;
320  border-radius: 50% !important;
321  box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1);
322  animation: glow 5s infinite alternate, shake 2s infinite;
323  z-index: 9999;
324}
325
326/* TOMBOL TUTUP CIRCULAR */
327.circular-menu__close {
328  background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important;
329  background-size: contain !important;
330  width: 50px !important;
331  height: 50px !important;
332  border-radius: 50% !important;
333  border: none !important;
334 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1);
335  z-index: 9999;
336}
337
338/* Efek Glow (mengilap) */
339@keyframes glow {
340  0% {
341    box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1);
342  }
343  100% {
344    box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1);
345  }
346}
347
348/* Efek Shake (getar halus) */
349@keyframes shake {
350  0%, 100% {
351    transform: translate(0, 0) rotate(0deg);
352  }
353  20% {
354    transform: translate(-1px, 1px) rotate(-1deg);
355  }
356  40% {
357    transform: translate(1px, -1px) rotate(1deg);
358  }
359  60% {
360    transform: translate(-1px, 1px) rotate(-1deg);
361  }
362  80% {
363    transform: translate(1px, -1px) rotate(1deg);
364  }
365}
366</style>
367
368<style>
369/* Sembunyikan tombol asli bawaan CMS */
370.circular-menu__item {
371  display: none !important;
372}
373
374/* Overlay transparan */
375#menuOverlay {
376  display: none;
377  position: fixed;
378  top: 0;
379  left: 0;
380  width: 100%;
381  height: 100%;
382  background: rgba(0, 0, 0, 0.0); /* transparan */
383  z-index: 9998;
384}
385
386/* Container menu custom */
387.custom-menu {
388  display: none;
389  position: fixed;
390  top: 100px;
391  left: 50%;
392  transform: translateX(-50%);
393  z-index: 9999;
394}
395
396/* Tombol custom */
397.custom-menu .button {
398  display: block;
399  width: 220px;
400  background: linear-gradient(to bottom, rgb(0, 0, 255), rgba(1, 1, 179, 0.8));
401  color: white;
402  font-weight: bold;
403  text-align: center;
404  padding: 12px 20px;
405  margin: 8px 0;
406  border-radius: 30px;
407  box-shadow:
408    0 0 15px rgba(0, 0, 255, 0.8),
409    0 0 25px rgba(0, 0, 255, 0.6),
410    0 0 35px rgba(0, 0, 255, 0.4);
411  transition: transform 0.3s, box-shadow 0.3s;
412  position: relative;
413  overflow: hidden;
414  cursor: pointer;
415}
416
417/* Hover efek berkilau */
418.custom-menu .button:hover {
419  transform: scale(1.05);
420  box-shadow:
421    0 0 25px rgb(0, 0, 255),
422    0 0 40px rgba(0, 0, 207, 0.8),
423    0 0 60px rgba(0, 0, 138, 0.6);
424}
425
426/* Efek kilau animasi */
427.custom-menu .button::after {
428  content: '';
429  position: absolute;
430  top: -50%;
431  left: -50%;
432  width: 200%;
433  height: 200%;
434  background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 60%);
435  transform: rotate(25deg);
436  animation: shine 2s infinite;
437}
438
439@keyframes shine {
440  0% {
441    transform: translateX(-100%) rotate(25deg);
442  }
443  100% {
444    transform: translateX(100%) rotate(25deg);
445  }
446}
447</style>
448
449<!-- Overlay -->
450<div id="menuOverlay"></div>
451
452<!-- HTML tombol custom -->
453<div class="custom-menu" id="customMenu">
454  <div class="button" onclick="window.location.href='https://bit.ly/RTP-Rajacolok'">RTP RAJACOLOK</div>
455  <div class="button" onclick="window.location.href='https://rajacolok.co/'">LINK ALTERNATIF RAJACOLOK</div>
456
457
458</div>
459
460<script>
461// Fungsi untuk buka menu + overlay
462function openMenu() {
463  document.getElementById('customMenu').style.display = 'block';
464  document.getElementById('menuOverlay').style.display = 'block';
465}
466
467// Fungsi untuk tutup semua (menu & overlay) lalu reload
468function closeAll() {
469  document.getElementById('customMenu').style.display = 'none';
470  document.getElementById('menuOverlay').style.display = 'none';
471  window.location.href = '/'; // reload ke halaman utama
472}
473
474// Event tombol CMS
475document.addEventListener('DOMContentLoaded', function () {
476  const iconBtn = document.querySelector('.circular-menu__icon');
477  if (iconBtn) {
478    iconBtn.addEventListener('click', function () {
479      openMenu();
480    });
481  }
482
483  // Klik overlay = tutup semua
484  document.getElementById('menuOverlay').addEventListener('click', closeAll);
485});
486</script>
486
487<!-- End circular menu-->
488
489<script>
490	document.addEventListener('DOMContentLoaded', function() {
491	  if (window.location.pathname === "/mobile/promo") {
492		document.body.classList.add('promo-page');
493	  }
494	document.querySelectorAll('div[style="font-size: 11px; padding-top: 20px; width: 100px;"]').forEach(function(div) {
495	  div.classList.add('oioioi');
496	});
497
498	document.querySelectorAll('div[style="margin-top: 50px;"]').forEach(function(div) {
499	  div.classList.add('bgbg');
500	});
501
502	document.querySelectorAll('div[style="background-color: #000; display: flex; padding: 8px 0; font-weight: 500;"]').forEach(function(div) {
503	  div.classList.add('bgbg2');
504	});
505
506	});
507</script>
507
508<style>
509	
510	
511	#main_menu_outer_container {
512	  background-color: rgba(0, 0, 0, 0.5) !important;
513	}
514
515	.bgbg2{
516	  background-color: rgba(0, 0, 0, 0.5) !important;
517	}
518
519	.footer-bg{
520	 background: rgba(0, 0, 0, 0.5) !important;
521	}
522
523	.bgbg{
524	  background: url() center !important;
525	  background-size: 100% !important;
526	}
527</style>
528<style>
529  /* Sembunyikan icon lama sebelum diganti JS */
530  img[src*="game-7-mobile.png"],
531  img[src*="game-8-mobile.png"],
532  img[src*="game-6-mobile.png"],
533  img[src*="game-4-mobile.png"],
534  img[src*="game-5-mobile.png"],
535  img[src*="game-2-mobile.png"],
536  img[src*="game-3-mobile.png"],
537  img[src*="game-9-mobile.png"] {
538    visibility: hidden;
539    opacity: 0;
540  }
541  </style>
542  
543  
544  
545  <style>
546  @keyframes logoShine {
547    0% {
548      filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 202));
549    }
550    50% {
551      filter: brightness(1.2) drop-shadow(0 0 8px #0000db);
552    }
553    100% {
554      filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 165));
555    }
556  }
557  
558  main img {
559    animation: logoShine 2.5s infinite;
560    transition: transform 0.3s ease-in-out;
561  }
562  
563  main img:hover {
564    transform: scale(1.05);
565  }
566  </style>
567  
568  
569  
570  
570<script>
571  (function () {
572    const icons = [
573      { src: "game-7-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3V/togel-rajacolok.png" },
574      { src: "game-2-mobile.png", newSrc: "https://i.postimg.cc/B6H67mJ3/slots-rajacolok.png" },
575      { src: "game-3-mobile.png", newSrc: "https://i.postimg.cc/rpvs9B2s/casino-rajacolok.png" },
576      { src: "game-5-mobile.png", newSrc: "https://i.postimg.cc/DZLZpx7F/sport-rajacolok.png" },
577      { src: "game-8-mobile.png", newSrc: "https://i.postimg.cc/PqBJMgnP/sabung-ayam-rajacolok.png" },
578      { src: "game-4-mobile.png", newSrc: "https://i.postimg.cc/k4K4YT7q/tembak-ikan-rajacolok.png" },
579      { src: "game-6-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3f/virtual-rajacolok.png" },
580      { src: "game-9-mobile.png", newSrc: "https://i.postimg.cc/k5kGy0PD/crash-game-rajacolok.png" }
581    ];
582  
583    function gantiIcon() {
584      icons.forEach(icon => {
585        document.querySelectorAll(`img[src*="${icon.src}"]`).forEach(img => {
586          if (!img.dataset.changed) {
587            img.src = icon.newSrc;
588            img.style.width = "68px";
589            img.style.height = "auto";
590            img.style.visibility = "visible";
591            img.style.opacity = "1";
592            img.dataset.changed = "true";
593          }
594        });
595      });
596    }
597  
598    document.addEventListener("DOMContentLoaded", gantiIcon);
599    const observer = new MutationObserver(gantiIcon);
600    observer.observe(document.body, { childList: true, subtree: true });
601    setInterval(gantiIcon, 2000);
602  })();
603  </script>
603
604
605
606<script>
607document.addEventListener("DOMContentLoaded", function () {
608  var isMobile = window.innerWidth <= 768;
609
610  // Ubah ini sesuai URL halaman utama kamu:
611  var validPaths = ["/", "/index.php", "/mobile", "/mobile/", "/mobile/index.php"];
612
613  // Cek apakah path saat ini cocok persis
614  var isHomepage = validPaths.includes(location.pathname);
615
616  if (isMobile && isHomepage) {
617    var banner = document.createElement("div");
618    banner.id = "smart_banner";
619    banner.style.cssText = `
620      width: 100%;
621      height: 50px;
622      display: flex;
623      align-items: center;
624      font-family: Verdana, arial, sans-serif;
625      color: #fff;
626      background-color: #000000;
627      z-index: 7;
628      position: fixed;
629      top: 0;
630    `;
631
632    banner.innerHTML = `
633      <div class="app_icon" style="width: 43px; margin-left: 10px; flex-shrink: 0;">
634        <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="App Icon" style="display: block; height: 40px;">
635      </div>
636      <div class="app_info" style="margin-left: 10px; flex-grow: 1;">
637        <div class="app_title" style="font-size: 13px; font-weight: bold; color: #ffcc00; line-height: 1;">FACEBOOK RAJACOLOK</div>
638        <div class="app_slogan" style="font-size: 12px; color: #FFF; line-height: 1;">AKSES MASUK LINK ALTERNATIF RAJACOLOK TERCEPAT DISINI</div>
639      </div>
640   
641
642
643  <style>
644@keyframes shine {
645  0% {
646    background-position: -100px;
647  }
648  100% {
649    background-position: 200px;
650  }
651}
652
653.download_button a.shiny-gold {
654  font-size: 11px;
655  padding: 6px 10px;
656  color: #000;
657  background: linear-gradient(90deg, #0000ff, #dcdcff , #0000ff);
658  border-radius: 20px;
659  border: 2px solid #0c0c82;
660  box-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
661  font-weight: bold;
662  background-size: 200% auto;
663  background-clip: padding-box;
664  animation: shine 2.5s linear infinite;
665  transition: transform 0.2s ease-in-out;
666  display: inline-block;
667  text-align: center;
668  text-decoration: none;
669}
670
671.active-menu-scroll {
672    top: 100px !important;
673  }
674
675  .bgbg {
676    margin-top: 100px !important;
677  }
678</style>
679
680<!-- === CSS Snackbar + Ganti Warna Background === -->
681<style>
682#snackbar-mobile {
683  display: flex;
684  align-items: center;
685  justify-content: center;
686  position: fixed;
687  bottom: -100px;
688  left: 50%;
689  transform: translateX(-50%);
690  background: #000;
691  color: rgb(0, 0, 0);
692  padding: 10px 20px;
693  border-radius: 30px;
694  border: 2px solid rgb(0, 0, 255);
695  box-shadow: 0 0 15px rgb(0, 0, 255);
696  z-index: 9999;
697  font-size: 14px;
698  width: 50%;
699  opacity: 0;
700  transition: bottom 0.5s ease, opacity 0.5s ease;
701  text-align: center;
702}
703#snackbar-mobile.show {
704  bottom: 30px;
705  opacity: 1;
706}
707.snackbar-content {
708  display: flex;
709  align-items: center;
710  justify-content: center;
711}
712.snackbar-mobile-img {
713  width: 30px;
714  height: 30px;
715  border-radius: 50%;
716  margin-right: 8px;
717}
718.snackbar-icon {
719  color: rgb(0, 0, 255);
720  margin-right: 5px;
721}
722@media (max-width: 480px) {
723  #snackbar-mobile {
724    font-size: 12px;
725    padding: 8px 10px;
726    width: 80%;
727  }
728}
729/* Ganti background hitam di halaman permainan */
730@media (max-width: 768px) {
731  .main-menu-outer-container,
732  div[style*="background-color: #1d1d2f"],
733  .game-category-container,
734  .provider-container,
735  .category-button {
736    background: #11118800 !important;
737  }
738}
739</style>
740
741<div class="download_button" style="margin-right: 10px; flex-shrink: 0;">
742  <a href="https://rajacolok.co/"
743     target="_blank"
744     title="Link Alternatif RAJACOLOK"
745     class="shiny-gold">
746    KLIK DISINI
747  </a>
748</div>
749    `;
750
751    // Sisipkan sebelum header utama (yang hitam)
752    var header = document.querySelector('div[style*="background-color: #111188"]');
753    if (header && header.parentNode) {
754      header.parentNode.insertBefore(banner, header);
755      // Set header turun 50px dari atas karena ada smart_banner
756      header.style.top = "50px";
757      header.style.backgroundColor = "#000000";
758    }
759  }
760});
761</script>
761
762
763<!-- === CSS Snackbar + Ganti Warna Background === -->
764<style>
765#snackbar-mobile {
766  display: flex;
767  align-items: center;
768  justify-content: center;
769  position: fixed;
770  bottom: -100px;
771  left: 50%;
772  transform: translateX(-50%);
773  background: #000;
774  color: rgb(0, 0, 0);
775  padding: 10px 20px;
776  border-radius: 30px;
777  border: 2px solid rgb(0, 0, 255);
778  box-shadow: 0 0 15px rgb(0, 0, 255);
779  z-index: 9999;
780  font-size: 14px;
781  width: 50%;
782  opacity: 0;
783  transition: bottom 0.5s ease, opacity 0.5s ease;
784  text-align: center;
785}
786#snackbar-mobile.show {
787  bottom: 30px;
788  opacity: 1;
789}
790.snackbar-content {
791  display: flex;
792  align-items: center;
793  justify-content: center;
794}
795.snackbar-mobile-img {
796  width: 30px;
797  height: 30px;
798  border-radius: 50%;
799  margin-right: 8px;
800}
801.snackbar-icon {
802  color: rgb(0, 0, 255);
803  margin-right: 5px;
804}
805@media (max-width: 480px) {
806  #snackbar-mobile {
807    font-size: 12px;
808    padding: 8px 10px;
809    width: 80%;
810  }
811}
812/* Ganti background hitam di halaman permainan */
813@media (max-width: 768px) {
814  .main-menu-outer-container,
815  div[style*="background-color: #1d1d2f"],
816  .game-category-container,
817  .provider-container,
818  .category-button {
819    background: #11118800 !important;
820  }
821}
822</style>
823
824<!-- === HTML Snackbar === -->
825<div id="snackbar-mobile">
826  <div class="snackbar-content">
827    <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="Logo" class="snackbar-mobile-img">
828    <p id="withdraw-text" style="margin: 0; color: white;">
829      <i class="fa fa-check-circle snackbar-icon"></i>
830      <strong style="color: white;">user****id</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">Rp 9.728.000,00</span>
831    </p>
832  </div>
833</div>
834
835<!-- === JS Otomatis === -->
836<script>
837window.addEventListener('load', () => {
838  // Ubah background hitam ke gradasi emas
839  document.querySelectorAll('[style*="background-color: #1d1d2f"]').forEach(el => {
840    el.style.background = 'linear-gradient(to bottom, #ffd700, #ffcc00, #f1c40f, #b8860b)';
841  });
842
843  const usernames = ["lu****89", "fi****xy", "we****op", "mo****12", "ke****lo", "zi****ng", "Hl**g", "Bk**99", "Bh**79", "Kd**9"];
844  const amounts = ["Rp 5.728.000", "Rp 12.350.000", "Rp 3.950.000", "Rp 7.150.000", "Rp 10.500.000", "Rp 9.000.000", "Rp 19.000.000", "Rp 36.700.000", "Rp 3.700.000", "Rp 9.000.000"];
845
846  const excludedPaths = [
847    '/mobile/logout', '/mobile/privacy', '/mobile/togel', '/mobile/slot', '/mobile/game', '/mobile/live-casino',  '/mobile/sport', '/mobile/promo','/mobile/sabung-ayam', '/mobile/tembak-ikan', '/mobile/virtual', '/mobile/sosmed',
848    '/mobile/user/deposit', '/mobile/user/withdraw', '/mobile/user/history',
849    '/mobile/user/history/slot', '/mobile/user/history/live-casino',
850    '/mobile/user/history/fish-shoot', '/mobile/user/history/sport',
851    '/mobile/user/history/virtual', '/mobile/user/history/cockfighting',
852    '/mobile/user/history/lottery', '/mobile/user/buku-mimpi',
853    '/mobile/user/memo', '/mobile/user/referral',
854    '/mobile/user/pengecekan/turn-over', '/mobile/user/profil', '/mobile/user', '/mobile/user/promo', '/mobile/masuk'
855  ];
856
857  const currentPath = window.location.pathname;
858
859  if (!excludedPaths.includes(currentPath)) {
860    function showSnackbarDummy() {
861      const username = usernames[Math.floor(Math.random() * usernames.length)];
862      const amount = amounts[Math.floor(Math.random() * amounts.length)];
863      const snackbar = document.getElementById('snackbar-mobile');
864      if (snackbar) {
865        document.getElementById('withdraw-text').innerHTML = `
866          <i class="fa fa-check-circle snackbar-icon"></i>
867          <strong style="color: white;">${username}</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">${amount}</span>
868        `;
869        snackbar.classList.add('show');
870        setTimeout(() => {
871          snackbar.classList.remove('show');
872        }, 2500);
873      }
874    }
875    setInterval(showSnackbarDummy, 5000); // ← muncul tiap 5 detik
876  }
877});
878</script>
878
879
880<style>
881
882/* HILANGKAN KOTAK PUTIH SAAT DIKLIK */
883*{
884
885  -webkit-tap-highlight-color:
886  transparent !important;
887
888  outline:
889  none !important;
890
891  user-select:
892  none !important;
893
894  -webkit-user-select:
895  none !important;
896
897  -webkit-touch-callout:
898  none !important;
899
900}
901
902/* KHUSUS IMAGE */
903img{
904
905  pointer-events:
906  auto;
907
908  user-drag:
909  none;
910
911  -webkit-user-drag:
912  none;
913
914}
915
916/* SAAT KLIK */
917a:focus,
918button:focus,
919div:focus,
920img:focus{
921
922  outline:none!important;
923  -webkit-tap-highlight-color:transparent!important;
924
925}
926
927</style>
928
929<style>
930
931/* HILANGKAN JACKPOT PROGRESIF */
932div[style*="font-family: Teko-SemiBold"],
933div[style*="jackpot-mobile.jpg"]{
934
935  display:
936  none !important;
937
938}
939
940</style>
941<style>
942
943/* HEADER TOGEL SLOT */
944div[style*="border-left"]{
945
946  background:
947  linear-gradient(
948  180deg,
949  #3b3bff 0%,
950  #0000c4 45%,
951  #000e88 100%
952  ) !important;
953
954  border-left:
955  2px solid #ffe27a !important;
956
957  border-radius:
958  12px !important;
959
960  padding:
961  5px 9px !important;
962
963  min-height:
964  38px !important;
965
966  box-shadow:
967  0 0 7px rgba(0,0,255,.15),
968  inset 0 1px 0 rgba(255,255,255,.07) !important;
969
970}
971
972/* ICON */
973div[style*="border-left"] img{
974
975  width:
976  42px !important;
977
978  height:
979  auto !important;
980
981  margin-right:
982  6px !important;
983
984}
985
986/* TULISAN */
987div[style*="border-left"] *{
988
989  color:
990  #ffe8a3 !important;
991
992  font-weight:
993  700 !important;
994
995  font-size:
996  12px !important;
997
998  line-height:
999  1.1 !important;
1000
1001}
1002
1003</style>
1004<style>
1005
1006/* FULL TRANSPARAN AREA MASUK DAFTAR */
1007div[style*="#4b0500"]{
1008
1009  background:
1010  transparent !important;
1011
1012  background-color:
1013  transparent !important;
1014
1015  box-shadow:
1016  none !important;
1017
1018  border:
1019  none !important;
1020
1021}
1022
1023</style>
1024
1025<script>
1026document.addEventListener("DOMContentLoaded", function(){
1027
1028  document
1029  .querySelectorAll(".carousel-indicators")
1030  .forEach(function(el){
1031
1032    el.remove();
1033
1034  });
1035
1036});
1037</script>
1037
1038
1039<style>
1040
1041/* TOMBOL MASUK & DAFTAR */
1042div[onclick*="/mobile/masuk"],
1043div[onclick*="/mobile/daftar"]{
1044
1045  height:
1046  44px !important;
1047
1048  border-radius:
1049  12px !important;
1050
1051  display:
1052  flex !important;
1053
1054  align-items:
1055  center !important;
1056
1057  justify-content:
1058  center !important;
1059
1060  font-size:
1061  15px !important;
1062
1063  font-weight:
1064  700 !important;
1065
1066  letter-spacing:
1067  .5px !important;
1068
1069  color:
1070  #fff !important;
1071
1072  border:
1073  1px solid rgba(255,255,255,.12) !important;
1074
1075  box-shadow:
1076  0 4px 10px rgba(0,0,0,.22),
1077  inset 0 1px 0 rgba(255,255,255,.10) !important;
1078
1079}
1080
1081/* MASUK */
1082div[onclick*="/mobile/masuk"]{
1083
1084  background:
1085  linear-gradient(
1086  180deg,
1087  #4d4dff 0%,
1088  #0000d1 55%,
1089  #0017c8 100%
1090  ) !important;
1091
1092}
1093
1094/* DAFTAR */
1095div[onclick*="/mobile/daftar"]{
1096
1097  background:
1098  linear-gradient(
1099  180deg,
1100  #ffe27a 0%,
1101  #ffbf00 55%,
1102  #c88600 100%
1103  ) !important;
1104
1105  color:
1106  #00002b !important;
1107
1108}
1109
1110/* EFEK KLIK */
1111div[onclick*="/mobile/masuk"]:active,
1112div[onclick*="/mobile/daftar"]:active{
1113
1114  transform:
1115  scale(.97);
1116
1117}
1118
1119</style>
1120<style>
1121
1122/* AREA HITAM MENU GAME */
1123div[style*="background-color: #111188"]{
1124
1125  background:
1126  linear-gradient(
1127  180deg,
1128  #2b2bff 0%,
1129  #0000b3 55%,
1130  #000e88 100%
1131  ) !important;
1132
1133}
1134
1135/* GARIS BAWAH MENU */
1136div[style*="background-color: #111188"]::after{
1137
1138  background:
1139  #ffe27a !important;
1140
1141}
1142
1143/* TEXT MENU */
1144div[style*="background-color: #ED1900"] *{
1145
1146  color:
1147  #000000 !important;
1148
1149}
1150
1151</style>
1152
1153<style>
1154
1155/* BACKGROUND SIDEBAR */
1156#right-column,
1157#right-column .active,
1158#right-column div{
1159
1160  background:
1161  #0b0b0b !important;
1162
1163}
1164
1165/* AGAR TETAP ELEGAN */
1166#right-column{
1167
1168  background:
1169  linear-gradient(
1170  180deg,
1171  #050505 0%,
1172  #111111 50%,
1173  #050505 100%
1174  ) !important;
1175
1176}
1177
1178/* INPUT */
1179#right-column input{
1180
1181  background:
1182  #1a1a1a !important;
1183
1184  color:
1185  #ffffff !important;
1186
1187  border:
1188  1px solid rgba(255,255,255,.08) !important;
1189
1190}
1191
1192/* MENU */
1193#right-column a{
1194
1195  color:
1196  #ffffff !important;
1197
1198}
1199
1200/* ICON */
1201#right-column i{
1202
1203  color:
1204  #ffd86b !important;
1205
1206}
1207
1208</style>
1209
1210<style>
1211
1212/* FONT TOMBOL DAFTAR */
1213#right-column a[href*="daftar"]{
1214
1215  color:
1216  #000000 !important;
1217
1218  font-weight:
1219  700 !important;
1220
1221  text-shadow:
1222  none !important;
1223
1224}
1225
1226/* AGAR SEMUA TEXT DI DALAM NYA HITAM */
1227#right-column a[href*="daftar"] *{
1228
1229  color:
1230  #000000 !important;
1231
1232}
1233
1234</style>
1235
1236<style>
1237
1238/* FONT TOMBOL KELUAR */
1239#right-column a[href*="keluar"]{
1240
1241  color:
1242  #000000 !important;
1243
1244  font-weight:
1245  700 !important;
1246
1247  text-shadow:
1248  none !important;
1249
1250}
1251
1252/* SEMUA TEXT DIDALAM BUTTON */
1253#right-column a[href*="keluar"] *{
1254
1255  color:
1256  #edebeb !important;
1257
1258}
1259
1260</style>
1261
1262<style>
1263
1264/* AREA SALDO */
1265td[style*="width: 80px"]{
1266
1267  position:
1268  relative !important;
1269
1270}
1271
1272/* TOMBOL + */
1273td[style*="width: 80px"]::after{
1274
1275  content:
1276  "+" !important;
1277
1278  position:
1279  absolute !important;
1280
1281  right:
1282  -12px !important;
1283
1284  top:
1285  50% !important;
1286
1287  transform:
1288  translateY(-50%) !important;
1289
1290  width:
1291  22px !important;
1292
1293  height:
1294  22px !important;
1295
1296  border-radius:
1297  50% !important;
1298
1299  background:
1300  linear-gradient(
1301  180deg,
1302  #32ff7e,
1303  #00b341
1304  ) !important;
1305
1306  color:
1307  #ffffff !important;
1308
1309  font-size:
1310  18px !important;
1311
1312  font-weight:
1313  700 !important;
1314
1315  display:
1316  flex !important;
1317
1318  align-items:
1319  center !important;
1320
1321  justify-content:
1322  center !important;
1323
1324  box-shadow:
1325  0 0 8px rgba(0,255,100,.45) !important;
1326
1327  cursor:
1328  pointer !important;
1329
1330  z-index:
1331  99 !important;
1332
1333}
1334
1335/* AREA KLIK */
1336td[style*="width: 80px"]{
1337
1338  cursor:
1339  pointer !important;
1340
1341}
1342
1343</style>
1344
1345<style>
1346
1347/* AREA SALDO */
1348td[style*="width: 80px"]{
1349
1350  position:
1351  relative !important;
1352
1353  overflow:
1354  visible !important;
1355
1356}
1357
1358/* TOMBOL + */
1359td[style*="width: 80px"]::after{
1360
1361  content:
1362  "+" !important;
1363
1364  position:
1365  absolute !important;
1366
1367  right:
1368  -10px !important;
1369
1370  top:
1371  50% !important;
1372
1373  transform:
1374  translateY(-50%) !important;
1375
1376  width:
1377  22px !important;
1378
1379  height:
1380  22px !important;
1381
1382  border-radius:
1383  50% !important;
1384
1385  background:
1386  linear-gradient(
1387  180deg,
1388  #32ff7e,
1389  #00b341
1390  ) !important;
1391
1392  color:
1393  #ffffff !important;
1394
1395  font-size:
1396  18px !important;
1397
1398  font-weight:
1399  700 !important;
1400
1401  display:
1402  flex !important;
1403
1404  align-items:
1405  center !important;
1406
1407  justify-content:
1408  center !important;
1409
1410  box-shadow:
1411  0 0 8px rgba(0,255,100,.45) !important;
1412
1413  z-index:
1414  999 !important;
1415
1416  cursor:
1417  pointer !important;
1418
1419}
1420</style>
1421
1422<style>
1423
1424/* AREA SALDO */
1425td[style*="margin: auto 20px auto auto"]{
1426
1427  position:
1428  relative !important;
1429
1430  overflow:
1431  visible !important;
1432
1433}
1434
1435/* TOMBOL + */
1436td[style*="margin: auto 20px auto auto"]::after{
1437
1438  content:
1439  "+" !important;
1440
1441  position:
1442  absolute !important;
1443
1444  right:
1445  -14px !important;
1446
1447  top:
1448  50% !important;
1449
1450  transform:
1451  translateY(-50%) !important;
1452
1453  width:
1454  22px !important;
1455
1456  height:
1457  22px !important;
1458
1459  border-radius:
1460  50% !important;
1461
1462  background:
1463  linear-gradient(
1464  180deg,
1465  #32ff7e,
1466  #00b341
1467  ) !important;
1468
1469  color:
1470  #fff !important;
1471
1472  font-size:
1473  18px !important;
1474
1475  font-weight:
1476  700 !important;
1477
1478  display:
1479  flex !important;
1480
1481  align-items:
1482  center !important;
1483
1484  justify-content:
1485  center !important;
1486
1487  box-shadow:
1488  0 0 8px rgba(0,255,120,.45) !important;
1489
1490  z-index:
1491  999 !important;
1492
1493  cursor:
1494  pointer !important;
1495
1496}
1497
1498</style>
1499
1500<style>
1501
1502/* HAPUS TOMBOL + SEBELAH KIRI */
1503td[style*="width: 80px"]::after{
1504
1505  display:
1506  none !important;
1507
1508  content:
1509  none !important;
1510
1511}
1512
1513/* TAMPILKAN HANYA YANG DI KANAN */
1514td[style*="margin: auto 20px auto auto"]::after{
1515
1516  display:
1517  flex !important;
1518
1519}
1520
1521</style>
1522
1523<script>
1524
1525/* KLIK TOMBOL + */
1526document.addEventListener("click", function(e){
1527
1528  const saldoBtn = e.target.closest(
1529    'td[style*="margin: auto 20px auto auto"]'
1530  );
1531
1532  if(saldoBtn){
1533
1534    window.location.href =
1535    "/mobile/user/deposit?type=3";
1536
1537  }
1538
1539});
1540
1541</script>
1541
1542
1543<style>
1544
1545/* AREA SALDO */
1546td[style*="margin: auto 20px auto auto"]{
1547
1548  padding-right:
1549  18px !important;
1550
1551}
1552
1553/* TOMBOL + */
1554td[style*="margin: auto 20px auto auto"]::after{
1555
1556  right:
1557  -2px !important;
1558
1559}
1560
1561</style>
1562
1563<style>
1564
1565/* GESER LEBIH KE KANAN */
1566td[style*="margin: auto 20px auto auto"]::after{
1567
1568  right:
1569  -10px !important;
1570
1571}
1572
1573</style>
1574
1575<style>
1576
1577/* TOMBOL MASUK & DAFTAR */
1578div[onclick*="/mobile/masuk"],
1579div[onclick*="/mobile/daftar"]{
1580
1581  position:
1582  relative !important;
1583
1584  overflow:
1585  hidden !important;
1586
1587  border-radius:
1588  14px !important;
1589
1590  transition:
1591  .2s ease !important;
1592
1593}
1594
1595/* MASUK */
1596div[onclick*="/mobile/masuk"]{
1597
1598  background:
1599  linear-gradient(
1600  180deg,
1601  #5b5bff 0%,
1602  #0000ed 55%,
1603  #0000c1 100%
1604  ) !important;
1605
1606  box-shadow:
1607  0 4px 10px rgba(0,0,255,.25),
1608  inset 0 1px 0 rgba(255,255,255,.18) !important;
1609
1610}
1611
1612/* DAFTAR */
1613div[onclick*="/mobile/daftar"]{
1614
1615  background:
1616  linear-gradient(
1617  180deg,
1618  #ffe27a 0%,
1619  #ffbf00 55%,
1620  #c88600 100%
1621  ) !important;
1622
1623  box-shadow:
1624  0 4px 10px rgba(255,190,0,.22),
1625  inset 0 1px 0 rgba(255,255,255,.22) !important;
1626
1627}
1628
1629/* KILAU */
1630div[onclick*="/mobile/masuk"]::before,
1631div[onclick*="/mobile/daftar"]::before{
1632
1633  content:
1634  "";
1635
1636  position:
1637  absolute;
1638
1639  top:
1640  0;
1641
1642  left:
1643  -120px;
1644
1645  width:
1646  80px;
1647
1648  height:
1649  100%;
1650
1651  background:
1652  linear-gradient(
1653  90deg,
1654  transparent,
1655  rgba(255,255,255,.28),
1656  transparent
1657  );
1658
1659  transform:
1660  skewX(-20deg);
1661
1662  animation:
1663  shinebtn 2.8s infinite;
1664
1665}
1666
1667/* ANIMASI */
1668@keyframes shinebtn{
1669
1670  0%{
1671    left:-120px;
1672  }
1673
1674  100%{
1675    left:130%;
1676  }
1677
1678}
1679
1680/* EFEK TEKAN */
1681div[onclick*="/mobile/masuk"]:active,
1682div[onclick*="/mobile/daftar"]:active{
1683
1684  transform:
1685  scale(.96);
1686
1687}
1688
1689</style>
1690
1691<style>
1692
1693/* TEXT HEADER TOGEL */
1694div[style*="color: #FDC23A"]{
1695
1696  color:
1697  #ffffff !important;
1698
1699}
1700
1701/* SEMUA TEXT DIDALAMNYA */
1702div[style*="color: #FDC23A"] *{
1703
1704  color:
1705  #ffffff !important;
1706
1707  text-shadow:
1708  0 1px 2px rgba(0,0,0,.35) !important;
1709
1710}
1711
1712</style>
1713
1714<style>
1715
1716/* WARNA ORANGE -> KUNING */
1717div[style*="#FE6600"],
1718td[style*="#FE6600"],
1719span[style*="#FE6600"],
1720font[color="#FE6600"]{
1721
1722  background:
1723  #ffd700 !important;
1724
1725  color:
1726  #ffd700 !important;
1727
1728  border-color:
1729  #ffd700 !important;
1730
1731}
1732
1733/* JIKA ADA ICON */
1734i{
1735
1736  color:
1737  #ffd700 !important;
1738
1739}
1740
1741</style>
1742
1743<style>
1744
1745/* BOX KUNING */
1746div[style*="#FFD700"],
1747div[style*="#FE6600"]{
1748
1749  background:
1750  #ffd700 !important;
1751
1752  border-color:
1753  #ffd700 !important;
1754
1755}
1756
1757/* TEXT / ANGKA HITAM */
1758div[style*="#FFD700"],
1759div[style*="#FFD700"] *,
1760
1761div[style*="#FE6600"],
1762div[style*="#FE6600"] *{
1763
1764  color:
1765  #000000 !important;
1766
1767  font-weight:
1768  700 !important;
1769
1770  text-shadow:
1771  none !important;
1772
1773}
1774
1775</style>
1776
1777
1778<style>
1779
1780/* BOX BANK */
1781div[style*="border:"]{
1782
1783  background:
1784  linear-gradient(
1785  180deg,
1786  #2b2bff 0%,
1787  #0000b3 55%,
1788  #000e88 100%
1789  ) !important;
1790
1791  border:
1792  1px solid #ffd86b !important;
1793
1794  border-radius:
1795  10px !important;
1796
1797  box-shadow:
1798  0 0 8px rgba(0,0,255,.18),
1799  inset 0 1px 0 rgba(255,255,255,.08) !important;
1800
1801  padding:
1802  4px 6px !important;
1803
1804}
1805
1806/* LOGO BANK */
1807div[style*="border: 1px solid #FE6600"] img{
1808
1809  filter:
1810  brightness(1.05) contrast(1.05);
1811
1812}
1813
1814/* TEXT */
1815div[style*="border: 1px solid #FE6600"] *{
1816
1817  color:
1818  #ffffff !important;
1819
1820}
1821
1822/* EFEK HOVER */
1823div[style*="border: 1px solid #FE6600"]:active{
1824
1825  transform:
1826  scale(.97);
1827
1828}
1829
1830</style>
1831
1832<style>
1833
1834/* =========================
1835   CARD BETTING LUXURY
1836========================= */
1837div[style*="border: 2px solid #FE6600"]{
1838
1839  position:
1840  relative !important;
1841
1842  background:
1843  linear-gradient(
1844  180deg,
1845  #00003b 0%,
1846  #00007a 35%,
1847  #000042 100%
1848  ) !important;
1849
1850  border:
1851  2px solid #ffd86b !important;
1852
1853  border-radius:
1854  18px !important;
1855
1856  padding:
1857  14px !important;
1858
1859  overflow:
1860  hidden !important;
1861
1862  box-shadow:
1863  0 0 14px rgba(0,0,255,.22),
1864  0 0 28px rgba(255,180,0,.08),
1865  inset 0 1px 0 rgba(255,255,255,.12),
1866  inset 0 -2px 6px rgba(0,0,0,.35) !important;
1867
1868}
1869
1870/* EFEK KILAU */
1871div[style*="border: 2px solid #FE6600"]::before{
1872
1873  content:
1874  "";
1875
1876  position:
1877  absolute;
1878
1879  top:
1880  0;
1881
1882  left:
1883  -140px;
1884
1885  width:
1886  90px;
1887
1888  height:
1889  100%;
1890
1891  background:
1892  linear-gradient(
1893  90deg,
1894  transparent,
1895  rgba(255,255,255,.12),
1896  transparent
1897  );
1898
1899  transform:
1900  skewX(-20deg);
1901
1902  animation:
1903  luxuryshine 3.5s linear infinite;
1904
1905}
1906
1907@keyframes luxuryshine{
1908
1909  0%{
1910    left:-140px;
1911  }
1912
1913  100%{
1914    left:140%;
1915  }
1916
1917}
1918
1919/* =========================
1920   HEADER
1921========================= */
1922div[style*="border: 2px solid #FE6600"] > div:first-child{
1923
1924  background:
1925  linear-gradient(
1926  180deg,
1927  #fff1a8 0%,
1928  #ffd447 40%,
1929  #d69200 100%
1930  ) !important;
1931
1932  color:
1933  #00002b !important;
1934
1935  font-weight:
1936  800 !important;
1937
1938  font-size:
1939  15px !important;
1940
1941  text-align:
1942  center !important;
1943
1944  border-radius:
1945  12px !important;
1946
1947  padding:
1948  10px 12px !important;
1949
1950  margin-bottom:
1951  12px !important;
1952
1953  letter-spacing:
1954  .4px;
1955
1956  box-shadow:
1957  inset 0 1px 0 rgba(255,255,255,.35),
1958  0 3px 10px rgba(255,190,0,.22) !important;
1959
1960}
1961
1962/* =========================
1963   TEXT
1964========================= */
1965div[style*="border: 2px solid #FE6600"] *{
1966
1967  color:
1968  #ffffff !important;
1969
1970  font-weight:
1971  600 !important;
1972
1973  text-shadow:
1974  0 1px 2px rgba(0,0,0,.35);
1975
1976}
1977
1978/* =========================
1979   INPUT
1980========================= */
1981div[style*="border: 2px solid #FE6600"] input{
1982
1983  background:
1984  linear-gradient(
1985  180deg,
1986  #111111 0%,
1987  #1f1f1f 100%
1988  ) !important;
1989
1990  border:
1991  1px solid rgba(255,215,100,.30) !important;
1992
1993  border-radius:
1994  10px !important;
1995
1996  color:
1997  #ffffff !important;
1998
1999  padding:
2000  6px 10px !important;
2001
2002  font-weight:
2003  700 !important;
2004
2005  box-shadow:
2006  inset 0 1px 3px rgba(255,255,255,.05),
2007  0 0 4px rgba(255,215,0,.08) !important;
2008
2009}
2010
2011/* PLACEHOLDER */
2012div[style*="border: 2px solid #FE6600"] input::placeholder{
2013
2014  color:
2015  rgba(255,255,255,.40) !important;
2016
2017}
2018
2019/* FOCUS */
2020div[style*="border: 2px solid #FE6600"] input:focus{
2021
2022  border-color:
2023  #ffd86b !important;
2024
2025  box-shadow:
2026  0 0 10px rgba(255,215,0,.28),
2027  inset 0 1px 2px rgba(255,255,255,.06) !important;
2028
2029  outline:
2030  none !important;
2031
2032}
2033
2034/* =========================
2035   BUTTON
2036========================= */
2037div[style*="border: 2px solid #FE6600"] button{
2038
2039  background:
2040  linear-gradient(
2041  180deg,
2042  #fff1a8 0%,
2043  #ffc400 50%,
2044  #b56b00 100%
2045  ) !important;
2046
2047  border:
2048  none !important;
2049
2050  border-radius:
2051  12px !important;
2052
2053  color:
2054  #00002b !important;
2055
2056  font-weight:
2057  800 !important;
2058
2059  box-shadow:
2060  0 3px 10px rgba(255,190,0,.25),
2061  inset 0 1px 0 rgba(255,255,255,.30) !important;
2062
2063}
2064
2065/* EFEK TEKAN */
2066div[style*="border: 2px solid #FE6600"] button:active{
2067
2068  transform:
2069  scale(.97);
2070
2071}
2072
2073</style>
2074
2075<style>
2076
2077/* BUTTON GENERATE */
2078button.generate.btn.button-submit{
2079
2080  position:
2081  relative !important;
2082
2083  overflow:
2084  hidden !important;
2085
2086  background:
2087  linear-gradient(
2088  180deg,
2089  #fff1a8 0%,
2090  #ffc400 50%,
2091  #b56b00 100%
2092  ) !important;
2093
2094  border:
2095  1px solid #ffd86b !important;
2096
2097  border-radius:
2098  10px !important;
2099
2100  color:
2101  #00002b !important;
2102
2103  font-weight:
2104  800 !important;
2105
2106  font-size:
2107  12px !important;
2108
2109  letter-spacing:
2110  .3px;
2111
2112  padding:
2113  5px 14px !important;
2114
2115  box-shadow:
2116  0 3px 10px rgba(255,190,0,.25),
2117  inset 0 1px 0 rgba(255,255,255,.35) !important;
2118
2119  transition:
2120  .2s ease !important;
2121
2122}
2123
2124/* EFEK KILAU */
2125button.generate.btn.button-submit::before{
2126
2127  content:
2128  "";
2129
2130  position:
2131  absolute;
2132
2133  top:
2134  0;
2135
2136  left:
2137  -80px;
2138
2139  width:
2140  50px;
2141
2142  height:
2143  100%;
2144
2145  background:
2146  linear-gradient(
2147  90deg,
2148  transparent,
2149  rgba(255,255,255,.35),
2150  transparent
2151  );
2152
2153  transform:
2154  skewX(-20deg);
2155
2156  animation:
2157  genshine 2.8s linear infinite;
2158
2159}
2160
2161@keyframes genshine{
2162
2163  0%{
2164    left:-80px;
2165  }
2166
2167  100%{
2168    left:130%;
2169  }
2170
2171}
2172
2173/* HOVER */
2174button.generate.btn.button-submit:hover{
2175
2176  filter:
2177  brightness(1.05);
2178
2179}
2180
2181/* TEKAN */
2182button.generate.btn.button-submit:active{
2183
2184  transform:
2185  scale(.96);
2186
2187}
2188
2189</style>
2190
2191<style>
2192
2193/* PLAY NOW MODERN */
2194div[style*="margin: auto 0;"]{
2195
2196  position:
2197  relative !important;
2198
2199  overflow:
2200  hidden !important;
2201
2202  display:
2203  flex !important;
2204
2205  align-items:
2206  center !important;
2207
2208  justify-content:
2209  center !important;
2210
2211  gap:
2212  6px !important;
2213
2214  min-width:
2215  95px !important;
2216
2217  height:
2218  32px !important;
2219
2220  padding:
2221  0 18px !important;
2222
2223  border-radius:
2224  12px !important;
2225
2226  background:
2227  linear-gradient(
2228  135deg,
2229  #2b2bff 0%,
2230  #0000c4 55%,
2231  #000e88 100%
2232  ) !important;
2233
2234  border:
2235  1px solid rgba(255,255,255,.12) !important;
2236
2237  color:
2238  #ffffff !important;
2239
2240  font-size:
2241  12px !important;
2242
2243  font-weight:
2244  800 !important;
2245
2246  letter-spacing:
2247  .5px !important;
2248
2249  text-transform:
2250  uppercase !important;
2251
2252  box-shadow:
2253  0 4px 10px rgba(0,0,255,.28),
2254  inset 0 1px 0 rgba(255,255,255,.15) !important;
2255
2256  transition:
2257  .2s ease !important;
2258
2259}
2260
2261/* ICON PANAH */
2262div[style*="margin: auto 0;"]::after{
2263
2264  content:
2265  "➜" !important;
2266
2267  font-size:
2268  13px !important;
2269
2270  font-weight:
2271  700 !important;
2272
2273  color:
2274  #ffd86b !important;
2275
2276  transition:
2277  .2s ease !important;
2278
2279}
2280
2281/* HOVER */
2282div[style*="margin: auto 0;"]:hover{
2283
2284  filter:
2285  brightness(1.08);
2286
2287}
2288
2289/* PANAH GERAK */
2290div[style*="margin: auto 0;"]:hover::after{
2291
2292  transform:
2293  translateX(3px);
2294
2295}
2296
2297/* KLIK */
2298div[style*="margin: auto 0;"]:active{
2299
2300  transform:
2301  scale(.96);
2302
2303}
2304
2305</style>
2306
2307<style>
2308
2309/* HAPUS BACKGROUND  */
2310div[style*="background-color: #F8D45C"]{
2311
2312  background:
2313  transparent !important;
2314
2315  border:
2316  none !important;
2317
2318  box-shadow:
2319  none !important;
2320
2321  padding:
2322  0 !important;
2323
2324}
2325
2326</style>
2327
2328<style>
2329
2330/* OPTIMASI RINGAN TANPA MERUSAK TAMPILAN */
2331
2332/* HANYA HAPUS EFEK BERAT */
2333.glow,
2334.sparkle,
2335.blur,
2336.shine{
2337
2338  animation:
2339  none !important;
2340
2341  filter:
2342  none !important;
2343
2344}
2345
2346/* IMAGE */
2347img{
2348
2349  loading:
2350  lazy;
2351
2352  image-rendering:
2353  auto !important;
2354
2355}
2356
2357/* SCROLL */
2358body{
2359
2360  overflow-x:
2361  hidden !important;
2362
2363  -webkit-overflow-scrolling:
2364  touch;
2365
2366}
2367
2368/* SLIDER */
2369.slider,
2370.carousel,
2371.swiper{
2372
2373  will-change:
2374  transform;
2375
2376}
2377
2378/* IFRAME */
2379iframe{
2380
2381  loading:
2382  lazy;
2383
2384}
2385
2386</style>
2387
2388<style>
2389
2390/* HANYA ICON PROVIDER */
2391.main-menu-outer-container img[src*="provider-game"]{
2392
2393    border-radius:10px !important;
2394
2395    border:
2396    2px solid #ffb300 !important;
2397
2398    background:
2399    linear-gradient(
2400    180deg,
2401    #000055 0%,
2402    #0000a3 50%,
2403    #00002a 100%
2404    ) !important;
2405
2406    box-shadow:
2407    0 0 4px rgba(255,180,0,.35),
2408    0 0 10px rgba(0,0,255,.25);
2409
2410    transition:
2411    transform .25s ease,
2412    box-shadow .25s ease;
2413
2414    position:relative;
2415
2416}
2417
2418/* HOVER */
2419.main-menu-outer-container img[src*="provider-game"]:hover{
2420
2421    transform:
2422    scale(1.04);
2423
2424    box-shadow:
2425    0 0 8px rgba(255,200,0,.65),
2426    0 0 16px rgba(0,0,255,.4);
2427
2428}
2429
2430/* LABEL */
2431.main-menu-outer-container a[href*="slot-provider"]{
2432
2433    position:relative;
2434
2435}
2436
2437.main-menu-outer-container a[href*="slot-provider"]::after{
2438
2439    content:'Slot Gacor';
2440
2441    position:absolute;
2442
2443    bottom:1px;
2444    left:0;
2445    right:0;
2446
2447    text-align:center;
2448
2449    font-size:8px;
2450    font-weight:700;
2451
2452    color:#ffd700;
2453
2454    text-shadow:
2455    0 0 4px rgba(255,215,0,.7);
2456
2457    pointer-events:none;
2458
2459}
2460
2461</style>
2462
2463<script>
2464document.addEventListener('DOMContentLoaded', function () {
2465
2466    const GRADIENT = "linear-gradient(to bottom, rgb(0, 0, 225), rgb(18, 22, 155), rgb(38, 43, 227))";
2467    const TARGET_RE = /background-color\s*:\s*#d2383a(?:\s*!important)?\s*(?:;|$)/i;
2468
2469    const lastSeen = new WeakMap();
2470
2471    function scanAndReplace() {
2472
2473        document.querySelectorAll("[style]").forEach(function(el){
2474
2475            const styleAttr = el.getAttribute("style") || "";
2476
2477            if(!TARGET_RE.test(styleAttr)) return;
2478
2479            if(lastSeen.get(el) === styleAttr) return;
2480
2481            el.style.removeProperty("background-color");
2482
2483            el.style.setProperty("background", GRADIENT, "important");
2484            el.style.setProperty("background-image", GRADIENT, "important");
2485
2486            lastSeen.set(el, el.getAttribute("style") || "");
2487
2488        });
2489
2490    }
2491
2492    // langsung jalan
2493    scanAndReplace();
2494
2495    // scan lebih cepat
2496    setInterval(scanAndReplace,100);
2497
2498    // kalau ada elemen baru langsung diganti
2499    new MutationObserver(scanAndReplace).observe(document.body,{
2500        childList:true,
2501        subtree:true,
2502        attributes:true,
2503        attributeFilter:["style"]
2504    });
2505
2506});
2507</script>
2507
2508
2509<script>
2510document.addEventListener("DOMContentLoaded", () => {
2511  // Ambil semua elemen yang punya attribute style
2512  document.querySelectorAll("[style]").forEach(el => {
2513    const styleAttr = el.getAttribute("style");
2514
2515    // Cari inline style yang sesuai
2516    if (styleAttr.includes("color: cyan;") && 
2517        styleAttr.includes("font-size: 13px;") && 
2518        styleAttr.includes("margin-top: 6px;")) {
2519
2520      // Ganti "color: cyan;" jadi "color: white;"
2521      const newStyle = styleAttr.replace("color: cyan;", "color: white;");
2522      el.setAttribute("style", newStyle);
2523    }
2524  });
2525});
2526</script>
2526
2527
2528
2529<script type="application/ld+json">
2530{
2531  "@context": "https://schema.org",
2532  "@type": "Organization",
2533  "name": "RAJACOLOK",
2534  "url": "https://rajacolok-02.com/",
2535  "logo": "https://rajacolok.dataklmsad903.site/images/setting-logo/1/tkNfIIwXjYJwWQNC.gif",
2536  "description": "RAJACOLOK merupakan rekomendasi terbaik Situs Portal Game Online Terpercaya 2026 yang menawarkan game-game seru dengan tingkat kemenangan super tinggi, login &amp; daftar di RAJA COLOK sekarang untuk klaim bonus.",
2537  "sameAs": [
2538    "https://twitter.com/rajacolok",
2539    "https://www.youtube.com/@rajacolok"
2540  ]
2541}
2542</script>
2542
2543
2544
2545<style>
2546@font-face {
2547    font-family: Open24DisplaySt;
2548    src: url(/css/Open24DisplaySt.woff2);
2549}
2550@font-face {
2551    font-family: Teko-SemiBold;
2552    src: url(/css/Teko-SemiBold.ttf);
2553}
2554@font-face {
2555    font-family: Poppins-Regular;
2556    src: url(/css/Poppins-Regular.ttf);
2557}
2558body {
2559    margin: 0 auto;
2560    color: #fff;
2561    font-size: 14px !important;
2562}
2563.form-control {
2564    background-color: #00063A !important;
2565    border-color: #707070;
2566    -moz-appearance: none;
2567    -webkit-appearance: none;
2568    color: #000;
2569}
2570.login-btn:hover {
2571    background-color: #5f5f5f !important;
2572    border-color: #5f5f5f !important;
2573}
2574.register-btn:hover {
2575    color: #fff !important;
2576    text-decoration: none;
2577}
2578.menu-opt-active {
2579    color: transparent !important;
2580    -webkit-background-clip: text;
2581    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
2582    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
2583    font-weight: bold;
2584}
2585.menu-opt a:hover {
2586    color: transparent !important;
2587    -webkit-background-clip: text;
2588    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
2589    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
2590    text-decoration: none;
2591}
2592.menu-opt:hover {
2593    color: transparent !important;
2594    -webkit-background-clip: text;
2595    background-image: linear-gradient(to bottom, #0000ac 0, #0000ea 100%),
2596    linear-gradient(to bottom, #0000ac 0, #0000ea 100%);
2597    text-decoration: none;
2598}
2599.provider:hover {
2600    width: 100%;
2601    background-color: rgba(0, 0, 255, 0.5);
2602    border-radius: 6px;
2603}
2604@keyframes  topbar-icon-bounce {
2605    0%, 20%, 40%, 60%, 80%, 100% {
2606        transform:translateY(0)
2607    }
2608    70% {
2609        transform:translateY(-5px)
2610    }
2611    50% {
2612        transform:translateY(-12px)
2613    }
2614}
2615.glowing {
2616    position: relative;
2617    overflow: hidden;
2618}
2619.glowing:before {
2620    content: '';
2621    position: absolute;
2622    width: 100px;
2623    height: 100%;
2624    background-image: linear-gradient(
2625        120deg,
2626        rgba(255,255,255, 0) 30%,
2627        rgba(255,255,255, .8),
2628        rgba(255,255,255, 0) 70%
2629    );
2630    top: 0;
2631    left: -100px;
2632    animation: shine 3s infinite linear; /* Animation */
2633}
2634@keyframes  shine {
2635    0% {left: -100px}
2636    20% {left: 100%}
2637    100% {left: 100%}
2638}
2639.circular-menu__button {
2640    display: none;
2641}
2642.circular-menu__button:checked + .circular-menu__icon {
2643    transform: scale(1, 1) translate3d(0, 0, 0);
2644    transition-duration: 0.2s;
2645    transition-timing-function: linear;
2646}
2647.circular-menu__button:checked ~ .circular-menu__item {
2648    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
2649}
2650.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
2651    transition-duration: 0.18s;
2652    transform: translate3d(0px, -105px, 0);
2653}
2654.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
2655    transition-duration: 0.28s;
2656    transform: translate3d(99.86093418px, -32.446784369999996px, 0);
2657}
2658.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
2659    transition-duration: 0.38s;
2660    transform: translate3d(61.71745146px, 84.94678437px, 0);
2661}
2662.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
2663    transition-duration: 0.48s;
2664    transform: translate3d(-61.71745146px, 84.94678437px, 0);
2665}
2666.circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
2667    transition-duration: 0.58s;
2668    transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
2669}
2670.circular-menu__icon {
2671    background: linear-gradient(#5F70FB, #4E63FA);
2672    border-radius: 100%;
2673    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
2674    height: 50px;
2675    line-height: 50px;
2676    margin-left: 10px;
2677    position: fixed;
2678    text-align: center;
2679    bottom: 150px;
2680    transform: translate3d(0, 0, 0);
2681    transition: transform ease-out 0.2s;
2682    width: 50px;
2683    cursor: pointer;
2684    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
2685    transition-duration: 0.4s;
2686    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
2687    z-index: 7;
2688}
2689.circular-menu__icon:hover {
2690    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
2691}
2692.circular-menu__item {
2693    background-image: linear-gradient(#5F70FB, #4E63FA);
2694    border-radius: 100%;
2695    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
2696    color: #fff;
2697    height: 45px;
2698    line-height: 45px;
2699    margin-left: 10px;
2700    position: fixed;
2701    text-align: center;
2702    bottom: 160px;
2703    transform: translate3d(0, 0, 0);
2704    transition: transform ease-out 0.2s;
2705    width: 45px;
2706    z-index: 5;
2707}
2708.circular-menu__item:nth-of-type(1) {
2709    transition-duration: 0.18s;
2710}
2711.circular-menu__item:nth-of-type(2) {
2712    transition-duration: 0.18s;
2713}
2714.circular-menu__item:nth-of-type(3) {
2715    transition-duration: 0.18s;
2716}
2717.circular-menu__item:nth-of-type(4) {
2718    transition-duration: 0.18s;
2719}
2720.circular-menu__item:nth-of-type(5) {
2721    transition-duration: 0.18s;
2722}
2723.circular-menu__item:hover {
2724    color: #1414dc;
2725    background: #0808f0;
2726}
2727.circular-menu__item:active,
2728.circular-menu__item:focus {
2729    color: #00008b;
2730}
2731</style>
2732
2733<!-- start circular menu-->
2734<style>
2735/* HILANGKAN ICON DEFAULT */
2736.circular-menu__icon * {
2737  display: none !important;
2738}
2739
2740
2741/* TOMBOL MENU CIRCULAR */
2742.circular-menu__icon {
2743  background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important;
2744  background-size: cover !important;
2745  width: 70px !important;
2746  height: 70px !important;
2747  border-radius: 50% !important;
2748  box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1);
2749  animation: glow 5s infinite alternate, shake 2s infinite;
2750  z-index: 9999;
2751}
2752
2753/* TOMBOL TUTUP CIRCULAR */
2754.circular-menu__close {
2755  background: url('https://rajacolok.dataklmsad903.site/images/backlink-alt/1/oBvA62AdXA6Sx4Fc.gif') no-repeat center center !important;
2756  background-size: contain !important;
2757  width: 50px !important;
2758  height: 50px !important;
2759  border-radius: 50% !important;
2760  border: none !important;
2761 box-shadow: 0 0 10px rgba(238, 255, 0, 1), inset 0 0 5px rgba(255, 208, 0, 1);
2762  z-index: 9999;
2763}
2764
2765/* Efek Glow (mengilap) */
2766@keyframes glow {
2767  0% {
2768    box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1);
2769  }
2770  100% {
2771    box-shadow: 0 0 10px rgba(0, 0, 255, 1), inset 0 0 5px rgba(4, 4, 131, 1);
2772  }
2773}
2774
2775/* Efek Shake (getar halus) */
2776@keyframes shake {
2777  0%, 100% {
2778    transform: translate(0, 0) rotate(0deg);
2779  }
2780  20% {
2781    transform: translate(-1px, 1px) rotate(-1deg);
2782  }
2783  40% {
2784    transform: translate(1px, -1px) rotate(1deg);
2785  }
2786  60% {
2787    transform: translate(-1px, 1px) rotate(-1deg);
2788  }
2789  80% {
2790    transform: translate(1px, -1px) rotate(1deg);
2791  }
2792}
2793</style>
2794
2795<style>
2796/* Sembunyikan tombol asli bawaan CMS */
2797.circular-menu__item {
2798  display: none !important;
2799}
2800
2801/* Overlay transparan */
2802#menuOverlay {
2803  display: none;
2804  position: fixed;
2805  top: 0;
2806  left: 0;
2807  width: 100%;
2808  height: 100%;
2809  background: rgba(0, 0, 0, 0.0); /* transparan */
2810  z-index: 9998;
2811}
2812
2813/* Container menu custom */
2814.custom-menu {
2815  display: none;
2816  position: fixed;
2817  top: 100px;
2818  left: 50%;
2819  transform: translateX(-50%);
2820  z-index: 9999;
2821}
2822
2823/* Tombol custom */
2824.custom-menu .button {
2825  display: block;
2826  width: 220px;
2827  background: linear-gradient(to bottom, rgb(0, 0, 255), rgba(1, 1, 179, 0.8));
2828  color: white;
2829  font-weight: bold;
2830  text-align: center;
2831  padding: 12px 20px;
2832  margin: 8px 0;
2833  border-radius: 30px;
2834  box-shadow:
2835    0 0 15px rgba(0, 0, 255, 0.8),
2836    0 0 25px rgba(0, 0, 255, 0.6),
2837    0 0 35px rgba(0, 0, 255, 0.4);
2838  transition: transform 0.3s, box-shadow 0.3s;
2839  position: relative;
2840  overflow: hidden;
2841  cursor: pointer;
2842}
2843
2844/* Hover efek berkilau */
2845.custom-menu .button:hover {
2846  transform: scale(1.05);
2847  box-shadow:
2848    0 0 25px rgb(0, 0, 255),
2849    0 0 40px rgba(0, 0, 207, 0.8),
2850    0 0 60px rgba(0, 0, 138, 0.6);
2851}
2852
2853/* Efek kilau animasi */
2854.custom-menu .button::after {
2855  content: '';
2856  position: absolute;
2857  top: -50%;
2858  left: -50%;
2859  width: 200%;
2860  height: 200%;
2861  background: linear-gradient(120deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.0) 60%);
2862  transform: rotate(25deg);
2863  animation: shine 2s infinite;
2864}
2865
2866@keyframes shine {
2867  0% {
2868    transform: translateX(-100%) rotate(25deg);
2869  }
2870  100% {
2871    transform: translateX(100%) rotate(25deg);
2872  }
2873}
2874</style>
2875
2876<!-- Overlay -->
2877<div id="menuOverlay"></div>
2878
2879<!-- HTML tombol custom -->
2880<div class="custom-menu" id="customMenu">
2881  <div class="button" onclick="window.location.href='https://bit.ly/RTP-Rajacolok'">RTP RAJACOLOK</div>
2882  <div class="button" onclick="window.location.href='https://rajacolok.co/'">LINK ALTERNATIF RAJACOLOK</div>
2883
2884
2885
2886</div>
2887
2888<script>
2889// Fungsi untuk buka menu + overlay
2890function openMenu() {
2891  document.getElementById('customMenu').style.display = 'block';
2892  document.getElementById('menuOverlay').style.display = 'block';
2893}
2894
2895// Fungsi untuk tutup semua (menu & overlay) lalu reload
2896function closeAll() {
2897  document.getElementById('customMenu').style.display = 'none';
2898  document.getElementById('menuOverlay').style.display = 'none';
2899  window.location.href = '/'; // reload ke halaman utama
2900}
2901
2902// Event tombol CMS
2903document.addEventListener('DOMContentLoaded', function () {
2904  const iconBtn = document.querySelector('.circular-menu__icon');
2905  if (iconBtn) {
2906    iconBtn.addEventListener('click', function () {
2907      openMenu();
2908    });
2909  }
2910
2911  // Klik overlay = tutup semua
2912  document.getElementById('menuOverlay').addEventListener('click', closeAll);
2913});
2914</script>
2914
2915<!-- End circular menu-->
2916
2917<script>
2918	document.addEventListener('DOMContentLoaded', function() {
2919	  if (window.location.pathname === "/mobile/promo") {
2920		document.body.classList.add('promo-page');
2921	  }
2922	document.querySelectorAll('div[style="font-size: 11px; padding-top: 20px; width: 100px;"]').forEach(function(div) {
2923	  div.classList.add('oioioi');
2924	});
2925
2926	document.querySelectorAll('div[style="margin-top: 50px;"]').forEach(function(div) {
2927	  div.classList.add('bgbg');
2928	});
2929
2930	document.querySelectorAll('div[style="background-color: #000; display: flex; padding: 8px 0; font-weight: 500;"]').forEach(function(div) {
2931	  div.classList.add('bgbg2');
2932	});
2933
2934	});
2935</script>
2935
2936<style>
2937	
2938	
2939	#main_menu_outer_container {
2940	  background-color: rgba(0, 0, 0, 0.5) !important;
2941	}
2942
2943	.bgbg2{
2944	  background-color: rgba(0, 0, 0, 0.5) !important;
2945	}
2946
2947	.footer-bg{
2948	 background: rgba(0, 0, 0, 0.5) !important;
2949	}
2950
2951	.bgbg{
2952	  background: url() center !important;
2953	  background-size: 100% !important;
2954	}
2955</style>
2956<style>
2957  /* Sembunyikan icon lama sebelum diganti JS */
2958  img[src*="game-7-mobile.png"],
2959  img[src*="game-8-mobile.png"],
2960  img[src*="game-6-mobile.png"],
2961  img[src*="game-4-mobile.png"],
2962  img[src*="game-5-mobile.png"],
2963  img[src*="game-2-mobile.png"],
2964  img[src*="game-3-mobile.png"],
2965  img[src*="game-9-mobile.png"] {
2966    visibility: hidden;
2967    opacity: 0;
2968  }
2969  </style>
2970  
2971  
2972  
2973  <style>
2974  @keyframes logoShine {
2975    0% {
2976      filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 202));
2977    }
2978    50% {
2979      filter: brightness(1.2) drop-shadow(0 0 8px #0000db);
2980    }
2981    100% {
2982      filter: brightness(1) drop-shadow(0 0 2px rgb(0, 0, 165));
2983    }
2984  }
2985  
2986  main img {
2987    animation: logoShine 2.5s infinite;
2988    transition: transform 0.3s ease-in-out;
2989  }
2990  
2991  main img:hover {
2992    transform: scale(1.05);
2993  }
2994  </style>
2995  
2996  
2997  
2998  
2998<script>
2999  (function () {
3000    const icons = [
3001      { src: "game-7-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3V/togel-rajacolok.png" },
3002      { src: "game-2-mobile.png", newSrc: "https://i.postimg.cc/B6H67mJ3/slots-rajacolok.png" },
3003      { src: "game-3-mobile.png", newSrc: "https://i.postimg.cc/rpvs9B2s/casino-rajacolok.png" },
3004      { src: "game-5-mobile.png", newSrc: "https://i.postimg.cc/DZLZpx7F/sport-rajacolok.png" },
3005      { src: "game-8-mobile.png", newSrc: "https://i.postimg.cc/PqBJMgnP/sabung-ayam-rajacolok.png" },
3006      { src: "game-4-mobile.png", newSrc: "https://i.postimg.cc/k4K4YT7q/tembak-ikan-rajacolok.png" },
3007      { src: "game-6-mobile.png", newSrc: "https://i.postimg.cc/sX7XHT3f/virtual-rajacolok.png" },
3008      { src: "game-9-mobile.png", newSrc: "https://i.postimg.cc/k5kGy0PD/crash-game-rajacolok.png" }
3009    ];
3010  
3011    function gantiIcon() {
3012      icons.forEach(icon => {
3013        document.querySelectorAll(`img[src*="${icon.src}"]`).forEach(img => {
3014          if (!img.dataset.changed) {
3015            img.src = icon.newSrc;
3016            img.style.width = "68px";
3017            img.style.height = "auto";
3018            img.style.visibility = "visible";
3019            img.style.opacity = "1";
3020            img.dataset.changed = "true";
3021          }
3022        });
3023      });
3024    }
3025  
3026    document.addEventListener("DOMContentLoaded", gantiIcon);
3027    const observer = new MutationObserver(gantiIcon);
3028    observer.observe(document.body, { childList: true, subtree: true });
3029    setInterval(gantiIcon, 1000);
3030  })();
3031  </script>
3031
3032
3033
3034<script>
3035document.addEventListener("DOMContentLoaded", function () {
3036  var isMobile = window.innerWidth <= 768;
3037
3038  // Ubah ini sesuai URL halaman utama kamu:
3039  var validPaths = ["/", "/index.php", "/mobile", "/mobile/", "/mobile/index.php"];
3040
3041  // Cek apakah path saat ini cocok persis
3042  var isHomepage = validPaths.includes(location.pathname);
3043
3044  if (isMobile && isHomepage) {
3045    var banner = document.createElement("div");
3046    banner.id = "smart_banner";
3047    banner.style.cssText = `
3048      width: 100%;
3049      height: 50px;
3050      display: flex;
3051      align-items: center;
3052      font-family: Verdana, arial, sans-serif;
3053      color: #fff;
3054      background-color: #000000;
3055      z-index: 7;
3056      position: fixed;
3057      top: 0;
3058    `;
3059
3060    banner.innerHTML = `
3061      <div class="app_icon" style="width: 43px; margin-left: 10px; flex-shrink: 0;">
3062        <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="App Icon" style="display: block; height: 40px;">
3063      </div>
3064      <div class="app_info" style="margin-left: 10px; flex-grow: 1;">
3065        <div class="app_title" style="font-size: 13px; font-weight: bold; color: #ffcc00; line-height: 1;">FACEBOOK RAJACOLOK</div>
3066        <div class="app_slogan" style="font-size: 12px; color: #FFF; line-height: 1;">AKSES MASUK LINK ALTERNATIF RAJACOLOK TERCEPAT DISINI</div>
3067      </div>
3068   
3069
3070
3071  <style>
3072@keyframes shine {
3073  0% {
3074    background-position: -100px;
3075  }
3076  100% {
3077    background-position: 200px;
3078  }
3079}
3080
3081.download_button a.shiny-gold {
3082  font-size: 11px;
3083  padding: 6px 10px;
3084  color: #000;
3085  background: linear-gradient(90deg, #0000ff, #dcdcff , #0000ff);
3086  border-radius: 20px;
3087  border: 2px solid #0c0c82;
3088  box-shadow: 0 0 5px rgba(255, 215, 0, 0.6);
3089  font-weight: bold;
3090  background-size: 200% auto;
3091  background-clip: padding-box;
3092  animation: shine 2.5s linear infinite;
3093  transition: transform 0.2s ease-in-out;
3094  display: inline-block;
3095  text-align: center;
3096  text-decoration: none;
3097}
3098
3099.active-menu-scroll {
3100    top: 100px !important;
3101  }
3102
3103  .bgbg {
3104    margin-top: 100px !important;
3105  }
3106</style>
3107
3108<!-- === CSS Snackbar + Ganti Warna Background === -->
3109<style>
3110#snackbar-mobile {
3111  display: flex;
3112  align-items: center;
3113  justify-content: center;
3114  position: fixed;
3115  bottom: -100px;
3116  left: 50%;
3117  transform: translateX(-50%);
3118  background: #000;
3119  color: rgb(0, 0, 0);
3120  padding: 10px 20px;
3121  border-radius: 30px;
3122  border: 2px solid rgb(0, 0, 255);
3123  box-shadow: 0 0 15px rgb(0, 0, 255);
3124  z-index: 9999;
3125  font-size: 14px;
3126  width: 50%;
3127  opacity: 0;
3128  transition: bottom 0.5s ease, opacity 0.5s ease;
3129  text-align: center;
3130}
3131#snackbar-mobile.show {
3132  bottom: 30px;
3133  opacity: 1;
3134}
3135.snackbar-content {
3136  display: flex;
3137  align-items: center;
3138  justify-content: center;
3139}
3140.snackbar-mobile-img {
3141  width: 30px;
3142  height: 30px;
3143  border-radius: 50%;
3144  margin-right: 8px;
3145}
3146.snackbar-icon {
3147  color: rgb(0, 0, 255);
3148  margin-right: 5px;
3149}
3150@media (max-width: 480px) {
3151  #snackbar-mobile {
3152    font-size: 12px;
3153    padding: 8px 10px;
3154    width: 80%;
3155  }
3156}
3157/* Ganti background hitam di halaman permainan */
3158@media (max-width: 768px) {
3159  .main-menu-outer-container,
3160  div[style*="background-color: #1d1d2f"],
3161  .game-category-container,
3162  .provider-container,
3163  .category-button {
3164    background: #11118800 !important;
3165  }
3166}
3167</style>
3168
3169<div class="download_button" style="margin-right: 10px; flex-shrink: 0;">
3170  <a href="https://rajacolok.co/"
3171     target="_blank"
3172     title="Link Alternatif RAJACOLOK"
3173     class="shiny-gold">
3174    KLIK DISINI
3175  </a>
3176</div>
3177    `;
3178
3179    // Sisipkan sebelum header utama (yang hitam)
3180    var header = document.querySelector('div[style*="background-color: #111188"]');
3181    if (header && header.parentNode) {
3182      header.parentNode.insertBefore(banner, header);
3183      // Set header turun 50px dari atas karena ada smart_banner
3184      header.style.top = "50px";
3185      header.style.backgroundColor = "#000000";
3186    }
3187  }
3188});
3189</script>
3189
3190
3191<!-- === CSS Snackbar + Ganti Warna Background === -->
3192<style>
3193#snackbar-mobile {
3194  display: flex;
3195  align-items: center;
3196  justify-content: center;
3197  position: fixed;
3198  bottom: -100px;
3199  left: 50%;
3200  transform: translateX(-50%);
3201  background: #000;
3202  color: rgb(0, 0, 0);
3203  padding: 10px 20px;
3204  border-radius: 30px;
3205  border: 2px solid rgb(0, 0, 255);
3206  box-shadow: 0 0 15px rgb(0, 0, 255);
3207  z-index: 9999;
3208  font-size: 14px;
3209  width: 50%;
3210  opacity: 0;
3211  transition: bottom 0.5s ease, opacity 0.5s ease;
3212  text-align: center;
3213}
3214#snackbar-mobile.show {
3215  bottom: 30px;
3216  opacity: 1;
3217}
3218.snackbar-content {
3219  display: flex;
3220  align-items: center;
3221  justify-content: center;
3222}
3223.snackbar-mobile-img {
3224  width: 30px;
3225  height: 30px;
3226  border-radius: 50%;
3227  margin-right: 8px;
3228}
3229.snackbar-icon {
3230  color: rgb(0, 0, 255);
3231  margin-right: 5px;
3232}
3233@media (max-width: 480px) {
3234  #snackbar-mobile {
3235    font-size: 12px;
3236    padding: 8px 10px;
3237    width: 80%;
3238  }
3239}
3240/* Ganti background hitam di halaman permainan */
3241@media (max-width: 768px) {
3242  .main-menu-outer-container,
3243  div[style*="background-color: #1d1d2f"],
3244  .game-category-container,
3245  .provider-container,
3246  .category-button {
3247    background: #11118800 !important;
3248  }
3249}
3250</style>
3251
3252<!-- === HTML Snackbar === -->
3253<div id="snackbar-mobile">
3254  <div class="snackbar-content">
3255    <img src="https://rajacolok.dataklmsad902.site/images/setting-favicon/1/tLPC4YJHNAnEKLuJ.png?s=68997fbc48961f124c9c90a68bd400eb" alt="Logo" class="snackbar-mobile-img">
3256    <p id="withdraw-text" style="margin: 0; color: white;">
3257      <i class="fa fa-check-circle snackbar-icon"></i>
3258      <strong style="color: white;">user****id</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">Rp 9.728.000,00</span>
3259    </p>
3260  </div>
3261</div>
3262
3263<!-- === JS Otomatis === -->
3264<script>
3265window.addEventListener('load', () => {
3266  // Ubah background hitam ke gradasi emas
3267  document.querySelectorAll('[style*="background-color: #1d1d2f"]').forEach(el => {
3268    el.style.background = 'linear-gradient(to bottom, #ffd700, #ffcc00, #f1c40f, #b8860b)';
3269  });
3270
3271  const usernames = ["Id****89", "Cy****xy", "Wi****op", "Ke****12", "Ca****lo", "Ju****ng", "Er**g", "Ak**99", "Bh**79", "Kd**9"];
3272  const amounts = ["Rp 5.728.000", "Rp 12.350.000", "Rp 3.950.000", "Rp 7.150.000", "Rp 10.500.000", "Rp 9.000.000", "Rp 19.000.000", "Rp 36.700.000", "Rp 3.700.000", "Rp 9.000.000"];
3273
3274  const excludedPaths = [
3275    '/mobile/logout', '/mobile/privacy', '/mobile/togel', '/mobile/slot', '/mobile/game', '/mobile/live-casino',  '/mobile/sport', '/mobile/promo','/mobile/sabung-ayam', '/mobile/tembak-ikan', '/mobile/virtual', '/mobile/sosmed',
3276    '/mobile/user/deposit', '/mobile/user/withdraw', '/mobile/user/history',
3277    '/mobile/user/history/slot', '/mobile/user/history/live-casino',
3278    '/mobile/user/history/fish-shoot', '/mobile/user/history/sport',
3279    '/mobile/user/history/virtual', '/mobile/user/history/cockfighting',
3280    '/mobile/user/history/lottery', '/mobile/user/buku-mimpi',
3281    '/mobile/user/memo', '/mobile/user/referral',
3282    '/mobile/user/pengecekan/turn-over', '/mobile/user/profil', '/mobile/user', '/mobile/user/promo', '/mobile/masuk'
3283  ];
3284
3285  const currentPath = window.location.pathname;
3286
3287  if (!excludedPaths.includes(currentPath)) {
3288    function showSnackbarDummy() {
3289      const username = usernames[Math.floor(Math.random() * usernames.length)];
3290      const amount = amounts[Math.floor(Math.random() * amounts.length)];
3291      const snackbar = document.getElementById('snackbar-mobile');
3292      if (snackbar) {
3293        document.getElementById('withdraw-text').innerHTML = `
3294          <i class="fa fa-check-circle snackbar-icon"></i>
3295          <strong style="color: white;">${username}</strong><strong style="color: cyan;"> Telah Berhasil Withdraw </strong><span style="color: white;">${amount}</span>
3296        `;
3297        snackbar.classList.add('show');
3298        setTimeout(() => {
3299          snackbar.classList.remove('show');
3300        }, 2500);
3301      }
3302    }
3303    setInterval(showSnackbarDummy, 5000); // ← muncul tiap 5 detik
3304  }
3305});
3306</script>
3306
3307
3308<style>
3309
3310/* HILANGKAN KOTAK PUTIH SAAT DIKLIK */
3311*{
3312
3313  -webkit-tap-highlight-color:
3314  transparent !important;
3315
3316  outline:
3317  none !important;
3318
3319  user-select:
3320  none !important;
3321
3322  -webkit-user-select:
3323  none !important;
3324
3325  -webkit-touch-callout:
3326  none !important;
3327
3328}
3329
3330/* KHUSUS IMAGE */
3331img{
3332
3333  pointer-events:
3334  auto;
3335
3336  user-drag:
3337  none;
3338
3339  -webkit-user-drag:
3340  none;
3341
3342}
3343
3344/* SAAT KLIK */
3345a:focus,
3346button:focus,
3347div:focus,
3348img:focus{
3349
3350  outline:none!important;
3351  -webkit-tap-highlight-color:transparent!important;
3352
3353}
3354
3355</style>
3356
3357<style>
3358
3359/* HILANGKAN JACKPOT PROGRESIF */
3360div[style*="font-family: Teko-SemiBold"],
3361div[style*="jackpot-mobile.jpg"]{
3362
3363  display:
3364  none !important;
3365
3366}
3367
3368</style>
3369<style>
3370
3371/* HEADER TOGEL SLOT */
3372div[style*="border-left"]{
3373
3374  background:
3375  linear-gradient(
3376  180deg,
3377  #3b3bff 0%,
3378  #0000c4 45%,
3379  #000e88 100%
3380  ) !important;
3381
3382  border-left:
3383  2px solid #ffe27a !important;
3384
3385  border-radius:
3386  12px !important;
3387
3388  padding:
3389  5px 9px !important;
3390
3391  min-height:
3392  38px !important;
3393
3394  box-shadow:
3395  0 0 7px rgba(0,0,255,.15),
3396  inset 0 1px 0 rgba(255,255,255,.07) !important;
3397
3398}
3399
3400/* ICON */
3401div[style*="border-left"] img{
3402
3403  width:
3404  42px !important;
3405
3406  height:
3407  auto !important;
3408
3409  margin-right:
3410  6px !important;
3411
3412}
3413
3414/* TULISAN */
3415div[style*="border-left"] *{
3416
3417  color:
3418  #ffe8a3 !important;
3419
3420  font-weight:
3421  700 !important;
3422
3423  font-size:
3424  12px !important;
3425
3426  line-height:
3427  1.1 !important;
3428
3429}
3430
3431</style>
3432<style>
3433
3434/* FULL TRANSPARAN AREA MASUK DAFTAR */
3435div[style*="#4b0500"]{
3436
3437  background:
3438  transparent !important;
3439
3440  background-color:
3441  transparent !important;
3442
3443  box-shadow:
3444  none !important;
3445
3446  border:
3447  none !important;
3448
3449}
3450
3451</style>
3452
3453<script>
3454document.addEventListener("DOMContentLoaded", function(){
3455
3456  document
3457  .querySelectorAll(".carousel-indicators")
3458  .forEach(function(el){
3459
3460    el.remove();
3461
3462  });
3463
3464});
3465</script>
3465
3466
3467<style>
3468
3469/* TOMBOL MASUK & DAFTAR */
3470div[onclick*="/mobile/masuk"],
3471div[onclick*="/mobile/daftar"]{
3472
3473  height:
3474  44px !important;
3475
3476  border-radius:
3477  12px !important;
3478
3479  display:
3480  flex !important;
3481
3482  align-items:
3483  center !important;
3484
3485  justify-content:
3486  center !important;
3487
3488  font-size:
3489  15px !important;
3490
3491  font-weight:
3492  700 !important;
3493
3494  letter-spacing:
3495  .5px !important;
3496
3497  color:
3498  #fff !important;
3499
3500  border:
3501  1px solid rgba(255,255,255,.12) !important;
3502
3503  box-shadow:
3504  0 4px 10px rgba(0,0,0,.22),
3505  inset 0 1px 0 rgba(255,255,255,.10) !important;
3506
3507}
3508
3509/* MASUK */
3510div[onclick*="/mobile/masuk"]{
3511
3512  background:
3513  linear-gradient(
3514  180deg,
3515  #4d4dff 0%,
3516  #0000d1 55%,
3517  #0017c8 100%
3518  ) !important;
3519
3520}
3521
3522/* DAFTAR */
3523div[onclick*="/mobile/daftar"]{
3524
3525  background:
3526  linear-gradient(
3527  180deg,
3528  #ffe27a 0%,
3529  #ffbf00 55%,
3530  #c88600 100%
3531  ) !important;
3532
3533  color:
3534  #00002b !important;
3535
3536}
3537
3538/* EFEK KLIK */
3539div[onclick*="/mobile/masuk"]:active,
3540div[onclick*="/mobile/daftar"]:active{
3541
3542  transform:
3543  scale(.97);
3544
3545}
3546
3547</style>
3548<style>
3549
3550/* AREA HITAM MENU GAME */
3551div[style*="background-color: #111188"]{
3552
3553  background:
3554  linear-gradient(
3555  180deg,
3556  #2b2bff 0%,
3557  #0000b3 55%,
3558  #000e88 100%
3559  ) !important;
3560
3561}
3562
3563/* GARIS BAWAH MENU */
3564div[style*="background-color: #111188"]::after{
3565
3566  background:
3567  #ffe27a !important;
3568
3569}
3570
3571/* TEXT MENU */
3572div[style*="background-color: #ED1900"] *{
3573
3574  color:
3575  #000000 !important;
3576
3577}
3578
3579</style>
3580
3581<style>
3582
3583/* BACKGROUND SIDEBAR */
3584#right-column,
3585#right-column .active,
3586#right-column div{
3587
3588  background:
3589  #0b0b0b !important;
3590
3591}
3592
3593/* AGAR TETAP ELEGAN */
3594#right-column{
3595
3596  background:
3597  linear-gradient(
3598  180deg,
3599  #050505 0%,
3600  #111111 50%,
3601  #050505 100%
3602  ) !important;
3603
3604}
3605
3606/* INPUT */
3607#right-column input{
3608
3609  background:
3610  #1a1a1a !important;
3611
3612  color:
3613  #ffffff !important;
3614
3615  border:
3616  1px solid rgba(255,255,255,.08) !important;
3617
3618}
3619
3620/* MENU */
3621#right-column a{
3622
3623  color:
3624  #ffffff !important;
3625
3626}
3627
3628/* ICON */
3629#right-column i{
3630
3631  color:
3632  #ffd86b !important;
3633
3634}
3635
3636</style>
3637
3638<style>
3639
3640/* FONT TOMBOL DAFTAR */
3641#right-column a[href*="daftar"]{
3642
3643  color:
3644  #000000 !important;
3645
3646  font-weight:
3647  700 !important;
3648
3649  text-shadow:
3650  none !important;
3651
3652}
3653
3654/* AGAR SEMUA TEXT DI DALAM NYA HITAM */
3655#right-column a[href*="daftar"] *{
3656
3657  color:
3658  #000000 !important;
3659
3660}
3661
3662</style>
3663
3664<style>
3665
3666/* FONT TOMBOL KELUAR */
3667#right-column a[href*="keluar"]{
3668
3669  color:
3670  #000000 !important;
3671
3672  font-weight:
3673  700 !important;
3674
3675  text-shadow:
3676  none !important;
3677
3678}
3679
3680/* SEMUA TEXT DIDALAM BUTTON */
3681#right-column a[href*="keluar"] *{
3682
3683  color:
3684  #edebeb !important;
3685
3686}
3687
3688</style>
3689
3690<style>
3691
3692/* AREA SALDO */
3693td[style*="width: 80px"]{
3694
3695  position:
3696  relative !important;
3697
3698}
3699
3700/* TOMBOL + */
3701td[style*="width: 80px"]::after{
3702
3703  content:
3704  "+" !important;
3705
3706  position:
3707  absolute !important;
3708
3709  right:
3710  -12px !important;
3711
3712  top:
3713  50% !important;
3714
3715  transform:
3716  translateY(-50%) !important;
3717
3718  width:
3719  22px !important;
3720
3721  height:
3722  22px !important;
3723
3724  border-radius:
3725  50% !important;
3726
3727  background:
3728  linear-gradient(
3729  180deg,
3730  #32ff7e,
3731  #00b341
3732  ) !important;
3733
3734  color:
3735  #ffffff !important;
3736
3737  font-size:
3738  18px !important;
3739
3740  font-weight:
3741  700 !important;
3742
3743  display:
3744  flex !important;
3745
3746  align-items:
3747  center !important;
3748
3749  justify-content:
3750  center !important;
3751
3752  box-shadow:
3753  0 0 8px rgba(0,255,100,.45) !important;
3754
3755  cursor:
3756  pointer !important;
3757
3758  z-index:
3759  99 !important;
3760
3761}
3762
3763/* AREA KLIK */
3764td[style*="width: 80px"]{
3765
3766  cursor:
3767  pointer !important;
3768
3769}
3770
3771</style>
3772
3773<style>
3774
3775/* AREA SALDO */
3776td[style*="width: 80px"]{
3777
3778  position:
3779  relative !important;
3780
3781  overflow:
3782  visible !important;
3783
3784}
3785
3786/* TOMBOL + */
3787td[style*="width: 80px"]::after{
3788
3789  content:
3790  "+" !important;
3791
3792  position:
3793  absolute !important;
3794
3795  right:
3796  -10px !important;
3797
3798  top:
3799  50% !important;
3800
3801  transform:
3802  translateY(-50%) !important;
3803
3804  width:
3805  22px !important;
3806
3807  height:
3808  22px !important;
3809
3810  border-radius:
3811  50% !important;
3812
3813  background:
3814  linear-gradient(
3815  180deg,
3816  #32ff7e,
3817  #00b341
3818  ) !important;
3819
3820  color:
3821  #ffffff !important;
3822
3823  font-size:
3824  18px !important;
3825
3826  font-weight:
3827  700 !important;
3828
3829  display:
3830  flex !important;
3831
3832  align-items:
3833  center !important;
3834
3835  justify-content:
3836  center !important;
3837
3838  box-shadow:
3839  0 0 8px rgba(0,255,100,.45) !important;
3840
3841  z-index:
3842  999 !important;
3843
3844  cursor:
3845  pointer !important;
3846
3847}
3848</style>
3849
3850<style>
3851
3852/* AREA SALDO */
3853td[style*="margin: auto 20px auto auto"]{
3854
3855  position:
3856  relative !important;
3857
3858  overflow:
3859  visible !important;
3860
3861}
3862
3863/* TOMBOL + */
3864td[style*="margin: auto 20px auto auto"]::after{
3865
3866  content:
3867  "+" !important;
3868
3869  position:
3870  absolute !important;
3871
3872  right:
3873  -14px !important;
3874
3875  top:
3876  50% !important;
3877
3878  transform:
3879  translateY(-50%) !important;
3880
3881  width:
3882  22px !important;
3883
3884  height:
3885  22px !important;
3886
3887  border-radius:
3888  50% !important;
3889
3890  background:
3891  linear-gradient(
3892  180deg,
3893  #32ff7e,
3894  #00b341
3895  ) !important;
3896
3897  color:
3898  #fff !important;
3899
3900  font-size:
3901  18px !important;
3902
3903  font-weight:
3904  700 !important;
3905
3906  display:
3907  flex !important;
3908
3909  align-items:
3910  center !important;
3911
3912  justify-content:
3913  center !important;
3914
3915  box-shadow:
3916  0 0 8px rgba(0,255,120,.45) !important;
3917
3918  z-index:
3919  999 !important;
3920
3921  cursor:
3922  pointer !important;
3923
3924}
3925
3926</style>
3927
3928<style>
3929
3930/* HAPUS TOMBOL + SEBELAH KIRI */
3931td[style*="width: 80px"]::after{
3932
3933  display:
3934  none !important;
3935
3936  content:
3937  none !important;
3938
3939}
3940
3941/* TAMPILKAN HANYA YANG DI KANAN */
3942td[style*="margin: auto 20px auto auto"]::after{
3943
3944  display:
3945  flex !important;
3946
3947}
3948
3949</style>
3950
3951<script>
3952
3953/* KLIK TOMBOL + */
3954document.addEventListener("click", function(e){
3955
3956  const saldoBtn = e.target.closest(
3957    'td[style*="margin: auto 20px auto auto"]'
3958  );
3959
3960  if(saldoBtn){
3961
3962    window.location.href =
3963    "/mobile/user/deposit?type=3";
3964
3965  }
3966
3967});
3968
3969</script>
3969
3970
3971<style>
3972
3973/* AREA SALDO */
3974td[style*="margin: auto 20px auto auto"]{
3975
3976  padding-right:
3977  18px !important;
3978
3979}
3980
3981/* TOMBOL + */
3982td[style*="margin: auto 20px auto auto"]::after{
3983
3984  right:
3985  -2px !important;
3986
3987}
3988
3989</style>
3990
3991<style>
3992
3993/* GESER LEBIH KE KANAN */
3994td[style*="margin: auto 20px auto auto"]::after{
3995
3996  right:
3997  -10px !important;
3998
3999}
4000
4001</style>
4002
4003<style>
4004
4005/* TOMBOL MASUK & DAFTAR */
4006div[onclick*="/mobile/masuk"],
4007div[onclick*="/mobile/daftar"]{
4008
4009  position:
4010  relative !important;
4011
4012  overflow:
4013  hidden !important;
4014
4015  border-radius:
4016  14px !important;
4017
4018  transition:
4019  .2s ease !important;
4020
4021}
4022
4023/* MASUK */
4024div[onclick*="/mobile/masuk"]{
4025
4026  background:
4027  linear-gradient(
4028  180deg,
4029  #5b5bff 0%,
4030  #0000ed 55%,
4031  #0000c1 100%
4032  ) !important;
4033
4034  box-shadow:
4035  0 4px 10px rgba(0,0,255,.25),
4036  inset 0 1px 0 rgba(255,255,255,.18) !important;
4037
4038}
4039
4040/* DAFTAR */
4041div[onclick*="/mobile/daftar"]{
4042
4043  background:
4044  linear-gradient(
4045  180deg,
4046  #ffe27a 0%,
4047  #ffbf00 55%,
4048  #c88600 100%
4049  ) !important;
4050
4051  box-shadow:
4052  0 4px 10px rgba(255,190,0,.22),
4053  inset 0 1px 0 rgba(255,255,255,.22) !important;
4054
4055}
4056
4057/* KILAU */
4058div[onclick*="/mobile/masuk"]::before,
4059div[onclick*="/mobile/daftar"]::before{
4060
4061  content:
4062  "";
4063
4064  position:
4065  absolute;
4066
4067  top:
4068  0;
4069
4070  left:
4071  -120px;
4072
4073  width:
4074  80px;
4075
4076  height:
4077  100%;
4078
4079  background:
4080  linear-gradient(
4081  90deg,
4082  transparent,
4083  rgba(255,255,255,.28),
4084  transparent
4085  );
4086
4087  transform:
4088  skewX(-20deg);
4089
4090  animation:
4091  shinebtn 2.8s infinite;
4092
4093}
4094
4095/* ANIMASI */
4096@keyframes shinebtn{
4097
4098  0%{
4099    left:-120px;
4100  }
4101
4102  100%{
4103    left:130%;
4104  }
4105
4106}
4107
4108/* EFEK TEKAN */
4109div[onclick*="/mobile/masuk"]:active,
4110div[onclick*="/mobile/daftar"]:active{
4111
4112  transform:
4113  scale(.96);
4114
4115}
4116
4117</style>
4118
4119<style>
4120
4121/* TEXT HEADER TOGEL */
4122div[style*="color: #FDC23A"]{
4123
4124  color:
4125  #ffffff !important;
4126
4127}
4128
4129/* SEMUA TEXT DIDALAMNYA */
4130div[style*="color: #FDC23A"] *{
4131
4132  color:
4133  #ffffff !important;
4134
4135  text-shadow:
4136  0 1px 2px rgba(0,0,0,.35) !important;
4137
4138}
4139
4140</style>
4141
4142<style>
4143
4144/* WARNA ORANGE -> KUNING */
4145div[style*="#FE6600"],
4146td[style*="#FE6600"],
4147span[style*="#FE6600"],
4148font[color="#FE6600"]{
4149
4150  background:
4151  #ffd700 !important;
4152
4153  color:
4154  #ffd700 !important;
4155
4156  border-color:
4157  #ffd700 !important;
4158
4159}
4160
4161/* JIKA ADA ICON */
4162i{
4163
4164  color:
4165  #ffd700 !important;
4166
4167}
4168
4169</style>
4170
4171<style>
4172
4173/* BOX KUNING */
4174div[style*="#FFD700"],
4175div[style*="#FE6600"]{
4176
4177  background:
4178  #ffd700 !important;
4179
4180  border-color:
4181  #ffd700 !important;
4182
4183}
4184
4185/* TEXT / ANGKA HITAM */
4186div[style*="#FFD700"],
4187div[style*="#FFD700"] *,
4188
4189div[style*="#FE6600"],
4190div[style*="#FE6600"] *{
4191
4192  color:
4193  #000000 !important;
4194
4195  font-weight:
4196  700 !important;
4197
4198  text-shadow:
4199  none !important;
4200
4201}
4202
4203</style>
4204
4205
4206<style>
4207
4208/* BOX BANK */
4209div[style*="border: 1px solid #FE6600"]{
4210
4211  background:
4212  linear-gradient(
4213  180deg,
4214  #2b2bff 0%,
4215  #0000b3 55%,
4216  #000e88 100%
4217  ) !important;
4218
4219  border:
4220  1px solid #ffd86b !important;
4221
4222  border-radius:
4223  10px !important;
4224
4225  box-shadow:
4226  0 0 8px rgba(0,0,255,.18),
4227  inset 0 1px 0 rgba(255,255,255,.08) !important;
4228
4229  padding:
4230  4px 6px !important;
4231
4232}
4233
4234/* LOGO BANK */
4235div[style*="border: 1px solid #FE6600"] img{
4236
4237  filter:
4238  brightness(1.05) contrast(1.05);
4239
4240}
4241
4242/* TEXT */
4243div[style*="border: 1px solid #FE6600"] *{
4244
4245  color:
4246  #ffffff !important;
4247
4248}
4249
4250/* EFEK HOVER */
4251div[style*="border: 1px solid #FE6600"]:active{
4252
4253  transform:
4254  scale(.97);
4255
4256}
4257
4258</style>
4259
4260<style>
4261
4262/* =========================
4263   CARD BETTING LUXURY
4264========================= */
4265div[style*="border: 2px solid #FE6600"]{
4266
4267  position:
4268  relative !important;
4269
4270  background:
4271  linear-gradient(
4272  180deg,
4273  #00003b 0%,
4274  #00007a 35%,
4275  #000042 100%
4276  ) !important;
4277
4278  border:
4279  2px solid #ffd86b !important;
4280
4281  border-radius:
4282  18px !important;
4283
4284  padding:
4285  14px !important;
4286
4287  overflow:
4288  hidden !important;
4289
4290  box-shadow:
4291  0 0 14px rgba(0,0,255,.22),
4292  0 0 28px rgba(255,180,0,.08),
4293  inset 0 1px 0 rgba(255,255,255,.12),
4294  inset 0 -2px 6px rgba(0,0,0,.35) !important;
4295
4296}
4297
4298/* EFEK KILAU */
4299div[style*="border: 2px solid #FE6600"]::before{
4300
4301  content:
4302  "";
4303
4304  position:
4305  absolute;
4306
4307  top:
4308  0;
4309
4310  left:
4311  -140px;
4312
4313  width:
4314  90px;
4315
4316  height:
4317  100%;
4318
4319  background:
4320  linear-gradient(
4321  90deg,
4322  transparent,
4323  rgba(255,255,255,.12),
4324  transparent
4325  );
4326
4327  transform:
4328  skewX(-20deg);
4329
4330  animation:
4331  luxuryshine 3.5s linear infinite;
4332
4333}
4334
4335@keyframes luxuryshine{
4336
4337  0%{
4338    left:-140px;
4339  }
4340
4341  100%{
4342    left:140%;
4343  }
4344
4345}
4346
4347/* =========================
4348   HEADER
4349========================= */
4350div[style*="border: 2px solid #FE6600"] > div:first-child{
4351
4352  background:
4353  linear-gradient(
4354  180deg,
4355  #fff1a8 0%,
4356  #ffd447 40%,
4357  #d69200 100%
4358  ) !important;
4359
4360  color:
4361  #00002b !important;
4362
4363  font-weight:
4364  800 !important;
4365
4366  font-size:
4367  15px !important;
4368
4369  text-align:
4370  center !important;
4371
4372  border-radius:
4373  12px !important;
4374
4375  padding:
4376  10px 12px !important;
4377
4378  margin-bottom:
4379  12px !important;
4380
4381  letter-spacing:
4382  .4px;
4383
4384  box-shadow:
4385  inset 0 1px 0 rgba(255,255,255,.35),
4386  0 3px 10px rgba(255,190,0,.22) !important;
4387
4388}
4389
4390/* =========================
4391   TEXT
4392========================= */
4393div[style*="border: 2px solid #FE6600"] *{
4394
4395  color:
4396  #ffffff !important;
4397
4398  font-weight:
4399  600 !important;
4400
4401  text-shadow:
4402  0 1px 2px rgba(0,0,0,.35);
4403
4404}
4405
4406/* =========================
4407   INPUT
4408========================= */
4409div[style*="border: 2px solid #FE6600"] input{
4410
4411  background:
4412  linear-gradient(
4413  180deg,
4414  #111111 0%,
4415  #1f1f1f 100%
4416  ) !important;
4417
4418  border:
4419  1px solid rgba(255,215,100,.30) !important;
4420
4421  border-radius:
4422  10px !important;
4423
4424  color:
4425  #ffffff !important;
4426
4427  padding:
4428  6px 10px !important;
4429
4430  font-weight:
4431  700 !important;
4432
4433  box-shadow:
4434  inset 0 1px 3px rgba(255,255,255,.05),
4435  0 0 4px rgba(255,215,0,.08) !important;
4436
4437}
4438
4439/* PLACEHOLDER */
4440div[style*="border: 2px solid #FE6600"] input::placeholder{
4441
4442  color:
4443  rgba(255,255,255,.40) !important;
4444
4445}
4446
4447/* FOCUS */
4448div[style*="border: 2px solid #FE6600"] input:focus{
4449
4450  border-color:
4451  #ffd86b !important;
4452
4453  box-shadow:
4454  0 0 10px rgba(255,215,0,.28),
4455  inset 0 1px 2px rgba(255,255,255,.06) !important;
4456
4457  outline:
4458  none !important;
4459
4460}
4461
4462/* =========================
4463   BUTTON
4464========================= */
4465div[style*="border: 2px solid #FE6600"] button{
4466
4467  background:
4468  linear-gradient(
4469  180deg,
4470  #fff1a8 0%,
4471  #ffc400 50%,
4472  #b56b00 100%
4473  ) !important;
4474
4475  border:
4476  none !important;
4477
4478  border-radius:
4479  12px !important;
4480
4481  color:
4482  #00002b !important;
4483
4484  font-weight:
4485  800 !important;
4486
4487  box-shadow:
4488  0 3px 10px rgba(255,190,0,.25),
4489  inset 0 1px 0 rgba(255,255,255,.30) !important;
4490
4491}
4492
4493/* EFEK TEKAN */
4494div[style*="border: 2px solid #FE6600"] button:active{
4495
4496  transform:
4497  scale(.97);
4498
4499}
4500
4501</style>
4502
4503<style>
4504
4505/* BUTTON GENERATE */
4506button.generate.btn.button-submit{
4507
4508  position:
4509  relative !important;
4510
4511  overflow:
4512  hidden !important;
4513
4514  background:
4515  linear-gradient(
4516  180deg,
4517  #fff1a8 0%,
4518  #ffc400 50%,
4519  #b56b00 100%
4520  ) !important;
4521
4522  border:
4523  1px solid #ffd86b !important;
4524
4525  border-radius:
4526  10px !important;
4527
4528  color:
4529  #00002b !important;
4530
4531  font-weight:
4532  800 !important;
4533
4534  font-size:
4535  12px !important;
4536
4537  letter-spacing:
4538  .3px;
4539
4540  padding:
4541  5px 14px !important;
4542
4543  box-shadow:
4544  0 3px 10px rgba(255,190,0,.25),
4545  inset 0 1px 0 rgba(255,255,255,.35) !important;
4546
4547  transition:
4548  .2s ease !important;
4549
4550}
4551
4552/* EFEK KILAU */
4553button.generate.btn.button-submit::before{
4554
4555  content:
4556  "";
4557
4558  position:
4559  absolute;
4560
4561  top:
4562  0;
4563
4564  left:
4565  -80px;
4566
4567  width:
4568  50px;
4569
4570  height:
4571  100%;
4572
4573  background:
4574  linear-gradient(
4575  90deg,
4576  transparent,
4577  rgba(255,255,255,.35),
4578  transparent
4579  );
4580
4581  transform:
4582  skewX(-20deg);
4583
4584  animation:
4585  genshine 2.8s linear infinite;
4586
4587}
4588
4589@keyframes genshine{
4590
4591  0%{
4592    left:-80px;
4593  }
4594
4595  100%{
4596    left:130%;
4597  }
4598
4599}
4600
4601/* HOVER */
4602button.generate.btn.button-submit:hover{
4603
4604  filter:
4605  brightness(1.05);
4606
4607}
4608
4609/* TEKAN */
4610button.generate.btn.button-submit:active{
4611
4612  transform:
4613  scale(.96);
4614
4615}
4616
4617</style>
4618
4619<style>
4620
4621/* PLAY NOW MODERN */
4622div[style*="margin: auto 0;"]{
4623
4624  position:
4625  relative !important;
4626
4627  overflow:
4628  hidden !important;
4629
4630  display:
4631  flex !important;
4632
4633  align-items:
4634  center !important;
4635
4636  justify-content:
4637  center !important;
4638
4639  gap:
4640  6px !important;
4641
4642  min-width:
4643  95px !important;
4644
4645  height:
4646  32px !important;
4647
4648  padding:
4649  0 18px !important;
4650
4651  border-radius:
4652  12px !important;
4653
4654  background:
4655  linear-gradient(
4656  135deg,
4657  #2b2bff 0%,
4658  #0000c4 55%,
4659  #000e88 100%
4660  ) !important;
4661
4662  border:
4663  1px solid rgba(255,255,255,.12) !important;
4664
4665  color:
4666  #ffffff !important;
4667
4668  font-size:
4669  12px !important;
4670
4671  font-weight:
4672  800 !important;
4673
4674  letter-spacing:
4675  .5px !important;
4676
4677  text-transform:
4678  uppercase !important;
4679
4680  box-shadow:
4681  0 4px 10px rgba(0,0,255,.28),
4682  inset 0 1px 0 rgba(255,255,255,.15) !important;
4683
4684  transition:
4685  .2s ease !important;
4686
4687}
4688
4689/* ICON PANAH */
4690div[style*="margin: auto 0;"]::after{
4691
4692  content:
4693  "➜" !important;
4694
4695  font-size:
4696  13px !important;
4697
4698  font-weight:
4699  700 !important;
4700
4701  color:
4702  #ffd86b !important;
4703
4704  transition:
4705  .2s ease !important;
4706
4707}
4708
4709/* HOVER */
4710div[style*="margin: auto 0;"]:hover{
4711
4712  filter:
4713  brightness(1.08);
4714
4715}
4716
4717/* PANAH GERAK */
4718div[style*="margin: auto 0;"]:hover::after{
4719
4720  transform:
4721  translateX(3px);
4722
4723}
4724
4725/* KLIK */
4726div[style*="margin: auto 0;"]:active{
4727
4728  transform:
4729  scale(.96);
4730
4731}
4732
4733</style>
4734
4735<style>
4736
4737/* HAPUS BACKGROUND KUNING */
4738div[style*="background-color: #F8D45C"]{
4739
4740  background:
4741  transparent !important;
4742
4743  border:
4744  none !important;
4745
4746  box-shadow:
4747  none !important;
4748
4749  padding:
4750  0 !important;
4751
4752}
4753
4754</style>
4755
4756<style>
4757
4758/* OPTIMASI RINGAN TANPA MERUSAK TAMPILAN */
4759
4760/* HANYA HAPUS EFEK BERAT */
4761.glow,
4762.sparkle,
4763.blur,
4764.shine{
4765
4766  animation:
4767  none !important;
4768
4769  filter:
4770  none !important;
4771
4772}
4773
4774/* IMAGE */
4775img{
4776
4777  loading:
4778  lazy;
4779
4780  image-rendering:
4781  auto !important;
4782
4783}
4784
4785/* SCROLL */
4786body{
4787
4788  overflow-x:
4789  hidden !important;
4790
4791  -webkit-overflow-scrolling:
4792  touch;
4793
4794}
4795
4796/* SLIDER */
4797.slider,
4798.carousel,
4799.swiper{
4800
4801  will-change:
4802  transform;
4803
4804}
4805
4806/* IFRAME */
4807iframe{
4808
4809  loading:
4810  lazy;
4811
4812}
4813
4814</style>
4815
4816<style>
4817
4818/* HANYA ICON PROVIDER */
4819.main-menu-outer-container img[src*="provider-game"]{
4820
4821    border-radius:10px !important;
4822
4823    border:
4824    2px solid #ffb300 !important;
4825
4826    background:
4827    linear-gradient(
4828    180deg,
4829    #000055 0%,
4830    #0000a3 50%,
4831    #00002a 100%
4832    ) !important;
4833
4834    box-shadow:
4835    0 0 4px rgba(255,180,0,.35),
4836    0 0 10px rgba(0,0,255,.25);
4837
4838    transition:
4839    transform .25s ease,
4840    box-shadow .25s ease;
4841
4842    position:relative;
4843
4844}
4845
4846/* HOVER */
4847.main-menu-outer-container img[src*="provider-game"]:hover{
4848
4849    transform:
4850    scale(1.04);
4851
4852    box-shadow:
4853    0 0 8px rgba(255,200,0,.65),
4854    0 0 16px rgba(0,0,255,.4);
4855
4856}
4857
4858/* LABEL */
4859.main-menu-outer-container a[href*="slot-provider"]{
4860
4861    position:relative;
4862
4863}
4864
4865.main-menu-outer-container a[href*="slot-provider"]::after{
4866
4867    content:'Slot Gacor';
4868
4869    position:absolute;
4870
4871    bottom:1px;
4872    left:0;
4873    right:0;
4874
4875    text-align:center;
4876
4877    font-size:8px;
4878    font-weight:700;
4879
4880    color:#ffd700;
4881
4882    text-shadow:
4883    0 0 4px rgba(255,215,0,.7);
4884
4885    pointer-events:none;
4886
4887}
4888
4889</style>
4890
4891<style>
4892/* ===== BOX GLOW ===== */
4893@keyframes vipGlow{
4894    0%,100%{
4895        box-shadow:0 0 8px rgba(255,215,0,.5);
4896    }
4897    50%{
4898        box-shadow:
4899            0 0 12px rgba(255,215,0,.9),
4900            0 0 25px rgba(255,170,0,.8),
4901            0 0 40px rgba(255,90,0,.4);
4902    }
4903}
4904
4905.vip-box{
4906    animation:vipGlow 1.8s infinite;
4907}
4908
4909/* ===== TOMBOL PULSE ===== */
4910@keyframes vipPulse{
4911    0%,100%{
4912        transform:scale(1);
4913    }
4914    50%{
4915        transform:scale(1.02);
4916    }
4917}
4918
4919.vip-btn{
4920    position:relative;
4921    overflow:hidden;
4922    animation:vipPulse 1.8s infinite;
4923    transition:.3s;
4924}
4925
4926.vip-btn:hover{
4927    transform:scale(1.03);
4928    filter:brightness(1.15);
4929}
4930
4931/* ===== EFEK KILAU ===== */
4932.vip-btn::after{
4933    content:"";
4934    position:absolute;
4935    top:0;
4936    left:-120%;
4937    width:40%;
4938    height:100%;
4939    background:linear-gradient(
4940        90deg,
4941        transparent,
4942        rgba(255,255,255,.65),
4943        transparent
4944    );
4945    transform:skewX(-25deg);
4946    animation:vipShine 2.5s linear infinite;
4947}
4948
4949@keyframes vipShine{
4950    from{
4951        left:-120%;
4952    }
4953    to{
4954        left:160%;
4955    }
4956}
4957</style>
4958
4959<script>
4960document.addEventListener("DOMContentLoaded", function () {
4961
4962    var btnLogin = document.querySelector(".btn.btn-primary.submit");
4963
4964    if (!btnLogin) return;
4965
4966    var infoBox = document.createElement("div");
4967
4968    infoBox.innerHTML = `
4969    <div class="vip-box" style="
4970        background:rgba(0,0,0,.22);
4971        border:1px solid rgba(255,215,0,.5);
4972        border-radius:12px;
4973        padding:12px;
4974        margin:25px 0 15px;
4975        text-align:center;">
4976
4977        <div style="
4978            background:#FFD700;
4979            color:#00008b;
4980            font-size:13px;
4981            font-weight:bold;
4982            padding:6px;
4983            border-radius:4px;
4984            margin-bottom:10px;">
4985            >> INFORMASI PENTING <<
4986        </div>
4987
4988        <div style="display:flex;flex-direction:column;gap:8px;">
4989
4990            <button id="copyLinkBtn"
4991                class="vip-btn"
4992                style="
4993                width:100%;
4994                background:#FFD700;
4995                color:#000;
4996                border:none;
4997                padding:10px;
4998                border-radius:25px;
4999                font-size:12px;
5000                font-weight:bold;
5001                cursor:pointer;">
5002                📋 Link Anti Blokir : RAJACOLOK.CO 
5003            </button>
5004
5005        </div>
5006
5007    </div>
5008    `;
5009
5010    const form = btnLogin.closest("form");
5011
5012    if (form) {
5013        form.insertAdjacentElement("afterend", infoBox);
5014    }
5015
5016    document.getElementById("copyLinkBtn").onclick = function () {
5017        navigator.clipboard.writeText("https://rajacolok.co/");
5018
5019        this.innerHTML = "✅ Link Berhasil Disalin";
5020
5021        setTimeout(() => {
5022            this.innerHTML = "📋 Link Anti Blokir : RAJACOLOK.CO";
5023        }, 2000);
5024    };
5025
5026});
5027</script>
5027
5028
5029
5030
5031
5032
5033<script>
5034document.addEventListener('DOMContentLoaded', function () {
5035
5036    const GRADIENT = "linear-gradient(to bottom, rgb(0, 0, 225), rgb(18, 22, 155), rgb(38, 43, 227))";
5037    const TARGET_RE = /background-color\s*:\s*#f8d45c(?:\s*!important)?\s*(?:;|$)/i;
5038
5039    const lastSeen = new WeakMap();
5040
5041    function scanAndReplace() {
5042
5043        document.querySelectorAll('[style]').forEach(function(el) {
5044
5045            const styleAttr = el.getAttribute('style') || '';
5046
5047            if (!TARGET_RE.test(styleAttr)) return;
5048
5049            if (lastSeen.get(el) === styleAttr) return;
5050
5051            el.style.removeProperty('background-color');
5052
5053            el.style.setProperty('background', GRADIENT, 'important');
5054            el.style.setProperty('background-image', GRADIENT, 'important');
5055            el.style.setProperty('color', '#fff', 'important');
5056            el.style.setProperty('border', '2px solid #ffd54f', 'important');
5057            el.style.setProperty('border-radius', '25px', 'important');
5058            el.style.setProperty(
5059                'box-shadow',
5060                'inset 0 1px 0 rgba(255,255,255,.35), 0 2px 6px rgba(0,0,0,.3)',
5061                'important'
5062            );
5063            el.style.setProperty('text-shadow', '0 1px 2px rgba(0,0,0,.5)', 'important');
5064
5065            lastSeen.set(el, el.getAttribute('style') || '');
5066
5067        });
5068
5069    }
5070
5071    scanAndReplace();
5072    setInterval(scanAndReplace, 500);
5073
5074});
5075</script>
5075
5076
5077
5078<style>
5079.form-control::placeholder{
5080    color:#d8d8d8 !important;
5081    opacity:1 !important;
5082}
5083</style>
5084
5085<script>
5086document.addEventListener("DOMContentLoaded", function () {
5087
5088    const BUTTON_GRADIENT =
5089        "linear-gradient(to bottom,#2b2be1,#16169b,#2626e3)";
5090
5091    const INPUT_GRADIENT =
5092        "linear-gradient(to bottom,#16168a,#12127a)";
5093
5094    function applyTheme() {
5095
5096        // Tombol Login
5097        document.querySelectorAll("input[type='submit'], .btn.btn-primary.submit").forEach(function(btn){
5098
5099            btn.style.setProperty("background", BUTTON_GRADIENT, "important");
5100            btn.style.setProperty("background-image", BUTTON_GRADIENT, "important");
5101            btn.style.setProperty("border", "2px solid #ffd54a", "important");
5102            btn.style.setProperty("border-radius", "25px", "important");
5103            btn.style.setProperty("color", "#fff", "important");
5104            btn.style.setProperty("font-weight", "700", "important");
5105            btn.style.setProperty(
5106                "box-shadow",
5107                "inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(0,0,0,.35)",
5108                "important"
5109            );
5110            btn.style.setProperty(
5111                "text-shadow",
5112                "0 1px 2px rgba(0,0,0,.5)",
5113                "important"
5114            );
5115
5116        });
5117
5118        // Input Username & Password
5119        document.querySelectorAll(".form-control").forEach(function(input){
5120
5121        input.style.setProperty("background", "#00063A", "important");
5122        input.style.setProperty("background-image", INPUT_GRADIENT, "important");
5123        input.style.setProperty("border", "1px solid #c7922a", "important");
5124        input.style.setProperty("border-radius", "3px", "important");
5125        input.style.setProperty("color", "#fff", "important");
5126        input.style.setProperty(
5127        "box-shadow",
5128                 "inset 0 1px 2px rgba(0,0,0,.45)",
5129                 "important"
5130             );
5131
5132         });
5133
5134    }
5135
5136    applyTheme();
5137    setInterval(applyTheme, 500);
5138
5139});
5140</script>
5140
5141
5142<script>
5143document.addEventListener("DOMContentLoaded", function () {
5144
5145    function hijaukanDeposit() {
5146        const btn = document.querySelector('input[type="submit"][value="Deposit"]');
5147        if (!btn) return;
5148
5149        btn.style.setProperty("background", "linear-gradient(to bottom,#43d854,#168b28)", "important");
5150        btn.style.setProperty("border", "2px solid #8dff5b", "important");
5151        btn.style.setProperty("color", "#fff", "important");
5152        btn.style.setProperty("border-radius", "25px", "important");
5153        btn.style.setProperty("box-shadow", "inset 0 2px 8px rgba(255,255,255,.35),0 3px 10px rgba(0,0,0,.35)", "important");
5154        btn.style.setProperty("text-shadow", "0 1px 2px rgba(0,0,0,.5)", "important");
5155    }
5156
5157    hijaukanDeposit();
5158
5159    // Jika ada script lain yang mengubah tombol, otomatis ubah lagi
5160    new MutationObserver(hijaukanDeposit).observe(document.body, {
5161        childList: true,
5162        subtree: true,
5163        attributes: true
5164    });
5165
5166});
5167</script>
5167
5168
5169<style>
5170@media (min-width: 992px) {
5171    div[style="width: 220px;"] {
5172        --start-position: 5%;
5173        --end-position: calc(90% - 70px);
5174        position: relative !important;
5175        width: 250px !important;
5176    }
5177    div[style="width: 220px;"] a {
5178        display: block !important;
5179        width: 250px !important;
5180    }
5181    div[style="width: 220px;"] img {
5182        z-index: 2;
5183        width: 100% !important;
5184    }
5185    div[style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;"] .menu-opt {
5186        margin-left: 10px !important;
5187    }
5188}
5189
5190@media (max-width: 768px) {
5191    div[style="height: 50px; position: fixed; top: 50px; z-index: 20; background-color: rgb(0, 0, 0); width: 100%; box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 6px -6px;"]:has(table[width="90%"]) {
5192        --start-position: 5%;
5193        --end-position: calc(90% - 70px);
5194    }
5195}
5196</style>        
5197        <style>
5198            @font-face {
5199                font-family: Open24DisplaySt;
5200                src: url('/css/Open24DisplaySt.woff2');
5201            }
5202
5203            @font-face {
5204                font-family: Teko-SemiBold;
5205                src: url('/css/Teko-SemiBold.ttf');
5206            }
5207
5208            @font-face {
5209                font-family: Poppins-Regular;
5210                src: url('/css/Poppins-Regular.ttf');
5211            }
5212
5213            body {
5214                margin: 0 auto;
5215                color: #fff;
5216                font-size: 14px !important;
5217            }
5218
5219            .form-control {
5220                background-color: #fff;
5221                border-color: #707070;
5222                -moz-appearance: none;
5223                -webkit-appearance: none;
5224                color: #000;
5225            }
5226
5227            .login-btn:hover {
5228                background-color: #5f5f5f !important;
5229                border-color: #5f5f5f !important;
5230            }
5231
5232            .register-btn:hover {
5233                color: #fff !important;
5234                text-decoration: none;
5235            }
5236
5237            .menu-opt {
5238                font-size: 12px !important;
5239                margin-left: 22px;
5240            }
5241
5242            .menu-opt-active {
5243                color: #29D1E3 !important;
5244                font-weight: bold;
5245            }
5246
5247            .menu-opt a:hover {
5248                color: #29D1E3 !important;
5249                text-decoration: none;
5250            }
5251
5252            .provider:hover {
5253                width: 100%;
5254                background-color: rgba(41, 209, 227, 0.5);
5255                border-radius: 6px;
5256            }
5257
5258            @keyframes  topbar-icon-bounce {
5259
5260                0%,
5261                20%,
5262                40%,
5263                60%,
5264                80%,
5265                100% {
5266                    transform: translateY(0)
5267                }
5268
5269                70% {
5270                    transform: translateY(-5px)
5271                }
5272
5273                50% {
5274                    transform: translateY(-12px)
5275                }
5276            }
5277
5278            .footer-bg::before {
5279                background-color: #00063A;
5280                opacity: .8;
5281                content: "";
5282                position: absolute;
5283                top: 0;
5284                left: 0;
5285                right: 0;
5286                bottom: 0;
5287                z-index: 1;
5288            }
5289
5290            .circular-menu__button {
5291                display: none;
5292            }
5293
5294            .circular-menu__button:checked+.circular-menu__icon {
5295                transform: scale(1, 1) translate3d(0, 0, 0);
5296                transition-duration: 0.2s;
5297                transition-timing-function: linear;
5298            }
5299
5300            .circular-menu__button:checked~.circular-menu__item {
5301                transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
5302            }
5303
5304            .circular-menu__button:checked~.circular-menu__item:nth-of-type(1) {
5305                transition-duration: 0.18s;
5306                transform: translate3d(0px, -105px, 0);
5307            }
5308
5309            .circular-menu__button:checked~.circular-menu__item:nth-of-type(2) {
5310                transition-duration: 0.28s;
5311                transform: translate3d(99.86093418px, -32.446784369999996px, 0
5311);
5312            }
5313
5314            .circular-menu__button:checked~.circular-menu__item:nth-of-type(3) {
5315                transition-duration: 0.38s;
5316                transform: translate3d(61.71745146px, 84.94678437px, 0);
5317            }
5318
5319            .circular-menu__button:checked~.circular-menu__item:nth-of-type(4) {
5320                transition-duration: 0.48s;
5321                transform: translate3d(-61.71745146px, 84.94678437px, 0);
5322            }
5323
5324            .circular-menu__button:checked~.circular-menu__item:nth-of-type(5) {
5325                transition-duration: 0.58s;
5326                transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
5327            }
5328
5329            .circular-menu__icon {
5330                background: linear-gradient(#5F70FB, #4E63FA);
5331                border-radius: 100%;
5332                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
5333                height: 50px;
5334                line-height: 50px;
5335                margin-left: 10px;
5336                position: fixed;
5337                text-align: center;
5338                bottom: 150px;
5339                transform: translate3d(0, 0, 0);
5340                transition: transform ease-out 0.2s;
5341                width: 50px;
5342                cursor: pointer;
5343                transform: scale(1.1, 1.1) translate3d(0, 0, 0);
5344                transition-duration: 0.4s;
5345                transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
5346                z-index: 7;
5347            }
5348
5349            .circular-menu__icon:hover {
5350                transform: scale(1.2, 1.2) translate3d(0, 0, 0);
5351            }
5352
5353            .circular-menu__item {
5354                background-image: linear-gradient(#5F70FB, #4E63FA);
5355                border-radius: 100%;
5356                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
5357                color: #fff;
5358                height: 45px;
5359                line-height: 45px;
5360                margin-left: 10px;
5361                position: fixed;
5362                text-align: center;
5363                bottom: 160px;
5364                transform: translate3d(0, 0, 0);
5365                transition: transform ease-out 0.2s;
5366                width: 45px;
5367                z-index: 5;
5368            }
5369
5370            .circular-menu__item:nth-of-type(1) {
5371                transition-duration: 0.18s;
5372            }
5373
5374            .circular-menu__item:nth-of-type(2) {
5375                transition-duration: 0.18s;
5376            }
5377
5378            .circular-menu__item:nth-of-type(3) {
5379                transition-duration: 0.18s;
5380            }
5381
5382            .circular-menu__item:nth-of-type(4) {
5383                transition-duration: 0.18s;
5384            }
5385
5386            .circular-menu__item:nth-of-type(5) {
5387                transition-duration: 0.18s;
5388            }
5389
5390            .circular-menu__item:hover {
5391                color: #dc143c;
5392                background: #f08080;
5393            }
5394
5395            .circular-menu__item:active,
5396            .circular-menu__item:focus {
5397                color: #8b0000;
5398            }
5399        </style>
5400                    <!-- Start of LiveChat (www.livechat.com) code -->
5401<script>
5402    window.__lc = window.__lc || {};
5403    window.__lc.license = 18660819;
5404    window.__lc.integration_name = "manual_channels";
5405    window.__lc.product_name = "livechat";
5406    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
5407</script>
5407
5408<noscript><a href="https://www.livechat.com/chat-with/18660819/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
5409<!-- End of LiveChat code -->                    <style>
5410        .form-control[readonly] {
5411            background-color: #fff;
5412            border-color: #707070;
5413            -moz-appearance: none;
5414            -webkit-appearance: none;
5415            color: #000;
5416        }
5417
5418        .select_box:after {
5419            border-left: 6px solid transparent;
5420            border-right: 6px solid transparent;
5421            border-top: 6px solid #000;
5422            position: absolute;
5423            top: 15px;
5424            right: 15px;
5425            content: "";
5426        }
5427
5428        .background-top {
5429            background: url(https://rajacolok.dataklmsad902.site/asset/images/main-bg.jpg?s=c01af1c6edd24b60eb5f28c06f6e6762) no-repeat center center fixed;
5430            -webkit-background-size: cover;
5431            -moz-background-size: cover;
5432            -o-background-size: cover;
5433            background-size: cover;
5434        }
5435
5436        .form-control.success {
5437            border-color: #04AA6D !important;
5438        }
5439
5440        .form-control.error {
5441            border-color: #f44336 !important;
5442        }
5443
5444        .success-message {
5445            color: #04AA6D;
5446            font-size: 14px;
5447            margin-top: 6px;
5448        }
5449
5450        .checking-message {
5451            color: #FDC23A;
5452            font-size: 14px;
5453            margin-top: 6px;
5454        }
5455
5456        .spinner {
5457            display: inline-block;
5458            width: 12px;
5459            height: 12px;
5460            border: 2px solid #FDC23A;
5461            border-top-color: transparent;
5462            border-radius: 50%;
5463            animation: spin 0.6s linear infinite;
5464            margin-right: 5px;
5465        }
5466
5467        @keyframes  spin {
5468            to {
5469                transform: rotate(360deg);
5470            }
5471        }
5472    </style>
5473    </head>
5474
5475    <body style="background-color: #00063A;">
5476        <div style="position: fixed; top: 0; z-index: 20; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px; width: 100%;">
5477            <div style="background-color: #105F82; padding: 12px 0;">
5478                <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex;">
5479                    <div onclick="window.location='https://unmetsdixvins.com/mobile/ganti-mode'"
5480                        class="menu-opt" style="cursor: pointer; display: flex; margin: auto 40px auto 0;">
5481                        <img src="https://rajacolok.dataklmsad902.site/asset/images/mobile.png?s=7069dc6050b90d29193922c60e4eb9ee" alt="Versi Mobile"
5482                            style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
5483                        <div style="margin-left: 6px; color: #fff;">
5484                            Versi Mobile
5485                        </div>
5486                    </div>
5487                    <div onclick="window.location='https://unmetsdixvins.com/promo'"
5488                        class="menu-opt "
5489                        style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
5490                        <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-4.png?s=480315067fa1ce583c60094d4f2f7eb8" alt="Promo"
5491                            style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
5492                        <div style="margin-left: 6px;">
5493                            Promo
5494                        </div>
5495                    </div>
5496                    <div onclick="window.location='https://unmetsdixvins.com/slot-rtp/1'"
5497                        class="menu-opt "
5498                        style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
5499                        <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-2.png?s=80aab44edacffa2f8d2089decfd89a64" alt="RTP"
5500                            style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
5501                        <div style="margin-left: 6px;">
5502                            RTP
5503                        </div>
5504                    </div>
5505                    <div onclick="window.location='https://unmetsdixvins.com/buku-mimpi'"
5506                        class="menu-opt "
5507                        style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
5508                        <img src="https://rajacolok.dataklmsad902.site/asset/images/book.png?s=966de68cbed901786ff61b13eeba2fa8" alt="buku mimpi"
5509                            style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
5510                        <div style="margin-left: 6px;">
5511                            Buku Mimpi
5512                        </div>
5513                    </div>
5514                    <div onclick="window.location='https://unmetsdixvins.com/sosmed'"
5515                        class="menu-opt "
5516                        style="cursor: pointer; display: flex; margin: auto 0;">
5517                        <img src="https://rajacolok.dataklmsad902.site/asset/images/menu-5.png?s=46472c1cf1d4eeded053e05496a93ae9" alt="hubungi kami"
5518                            style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
5519                        <div style="margin-left: 6px;">
5520                            Hubungi Kami
5521                        </div>
5522                    </div>
5523                    <div style="margin: auto 0 auto auto;">
5524                        <div style="display: flex;">
5525                            <a href="https://unmetsdixvins.com/masuk"
5526                                class="login-btn"
5527                                style="color: #fff; border: 1px solid #fff; border-radius: 20px; transition: all .3s ease; background-color: transparent; padding: 3px 20px; margin: auto 10px auto 0;">MASUK</a>
5528                            <a href="https://unmetsdixvins.com/daftar"
5529                                class="register-btn"
5530                                style="color: #fff; border-radius: 20px; transition: all .3s ease; background-color: #29D1E3; text-align: center; padding: 3px 20px; margin: auto;">
5531                                DAFTAR
5532                            </a>
5533                        </div>
5534                    </div>
5535                </div>
5536            </div>
5537            <div style="background-color: #00063A; min-height: 120px;">
5538                <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;">
5539                    <div style="width: 220px;">
5540                        <a href="https://unmetsdixvins.com/desktop">
5541                                                            <img src="https://rajacolok.dataklmsad903.site/images/setting-logo/1/tkNfIIwXjYJwWQNC.gif" alt="RajaColok"
5542                                    style="height: 80px;">
5543                                                    </a>
5544                    </div>
5545
5546                    <div
5547                        style="margin: auto 0 auto auto; display: flex; flex-direction: column; align-items: flex-end;">
5548                        <div style="display: flex;">
5549                                                            <div class="menu-opt">
5550                                    <a href="https://unmetsdixvins.com/togel"
5551                                        class=""
5552                                        style="color: #fff; transition: all .3s ease; display: flex;">
5553                                        <img src="https://rajacolok.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" alt="togel"
5554                                            style="width: 30px; height: 30px; margin-right: 6px;"> <span
5555                                            style="margin: auto 0;">TOGEL</span>
5556                                    </a>
5557                                </div>
5558                                                        <div class="menu-opt">
5559                                <a href="https://unmetsdixvins.com/slot"
5560                                    class=""
5561                                    style="color: #fff; transition: all .3s ease; display: flex;">
5562                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" alt="slot"
5563                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5564                                        style="margin: auto 0;">SLOT</span>
5565                                </a>
5566                            </div>
5567                            <div class="menu-opt">
5568                                <a href="https://unmetsdixvins.com/live-casino"
5569                                    class=""
5570                                    style="color: #fff; transition: all .3s ease; display: flex;">
5571                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" alt="live casino"
5572                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5573                                        style="margin: auto 0;">LIVE CASINO</span>
5574                                </a>
5575                            </div>
5576                            <div class="menu-opt">
5577                                <a href="https://unmetsdixvins.com/sport"
5578                                    class=""
5579                                    style="color: #fff; transition: all .3s ease; display: flex;">
5580                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" alt="sport"
5581                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5582                                        style="margin: auto 0;">SPORT</span>
5583                                </a>
5584                            </div>
5585                            <div class="menu-opt">
5586                                <a href="https://unmetsdixvins.com/sabung-ayam"
5587                                    class=""
5588                                    style="color: #fff; transition: all .3s ease; display: flex;">
5589                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" alt="sabung ayam"
5590                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5591                                        style="margin: auto 0;">SABUNG AYAM</span>
5592                                </a>
5593                            </div>
5594                            <div class="menu-opt">
5595                                <a href="https://unmetsdixvins.com/tembak-ikan"
5596                                    class=""
5597                                    style="color: #fff; transition: all .3s ease; display: flex;">
5598                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" alt="tembak ikan"
5599                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5600                                        style="margin: auto 0;">TEMBAK IKAN</span>
5601                                </a>
5602                            </div>
5603                            <div class="menu-opt">
5604                                <a href="https://unmetsdixvins.com/virtual"
5605                                    class=""
5606                                    style="color: #fff; transition: all .3s ease; display: flex;">
5607                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" alt="virtual"
5608                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5609                                        style="margin: auto 0;">VIRTUAL</span>
5610                                </a>
5611                            </div>
5612                            <div class="menu-opt">
5613                                <a href="https://unmetsdixvins.com/crash-game"
5614                                    class=""
5615                                    style="color: #fff; transition: all .3s ease; display: flex;">
5616                                    <img src="https://rajacolok.dataklmsad902.site/asset/images/game-9-mobile.png?s=8046c23620a8f1296345390df52c8ec0" alt="virtual"
5617                                        style="width: 30px; height: 30px; margin-right: 6px;"> <span
5618                                        style="margin: auto 0;">CRASH GAME</span>
5619                                </a>
5620                            </div>
5621                        </div>
5622                    </div>
5623                </div>
5624            </div>
5625        </div>
5626        <div style="margin-top: 170px;">
5627                <div class="background-top" style="padding: 30px 0 50px 0;">
5628        <div style="width: 95%; margin: 0 auto; max-width: 1280px;">
5629            <div
5630                style="margin-bottom: 20px; text-align: center; font-family: Teko-SemiBold; font-size: 24px; color: #29D1E3;">
5631                DAFTAR AKUN
5632            </div>
5633
5634                                    <form method="post" action="https://unmetsdixvins.com/daftar-submit?is_register=1" class="form-register"
5635                style="width: 50%; margin: 0 auto; background-color: #00063A; padding: 3% 5%;">
5636                <input type="hidden" name="_token" value="">
5637                <table style="width: 100%;">
5638                    <tr>
5639                        <td style="padding-bottom: 20px; font-size: 14px;">Username</td>
5640                        <td style="padding-bottom: 20px;">
5641                            <input type="text" name="username" id="username" class="form-control" placeholder="Username"
5642                                autocomplete="off">
5643                            <div class="error-username" style="color: red; font-size: 14px;"></div>
5644                            <div class="validation-username" style="margin-top: 6px;"></div>
5645                        </td>
5646                    </tr>
5647                    <tr>
5648                        <td style="padding-bottom: 20px; font-size: 14px;">Password</td>
5649                        <td style="padding-bottom: 20px;">
5650                            <input type="password" name="password" id="password" class="form-control"
5651                                placeholder="Password">
5652                            <div class="error-password" style="color: red; font-size: 14px;"></div>
5653                            <div class="validation-password" style="margin-top: 6px;"></div>
5654                        </td>
5655                    </tr>
5656                    <tr>
5657                        <td style="padding-bottom: 20px; font-size: 14px;">Konfirmasi Password</td>
5658                        <td style="padding-bottom: 20px;">
5659                            <input type="password" name="password_confirm" id="password_confirm" class="form-control"
5660                                placeholder="Konfirmasi Password">
5661                            <div class="error-password_confirm" style="color: red; font-size: 14px;"></div>
5662                            <div class="validation-password_confirm" style="margin-top: 6px;"></div>
5663                        </td>
5664                    </tr>
5665                    <tr>
5666                        <td style="padding-bottom: 20px; font-size: 14px;">Email <span
5667                                style="color: #888; font-size: 12px;">(Opsional)</span></td>
5668                        <td style="padding-bottom: 20px;">
5669                            <input type="email" name="email" id="email" class="form-control"
5670                                placeholder="Email (Opsional)">
5671                            <div class="error-email" style="color: red; font-size: 14px;"></div>
5672                            <div class="validation-email" style="margin-top: 6px;"></div>
5673                        </td>
5674                    </tr>
5675                    <tr>
5676                        <td style="padding-bottom: 20px; font-size: 14px;">No. Handphone</td>
5677                        <td style="padding-bottom: 20px;">
5678                            <input type="tel" name="phone" id="phone" class="form-control"
5679                                placeholder="Telepon (08xxx)">
5680                            <div class="error-phone" style="color: red; font-size: 14px;"></div>
5681                            <div class="validation-phone" style="margin-top: 6px;"></div>
5682                        </td>
5683                    </tr>
5684                    <tr>
5685                        <td style="padding-bottom: 20px; font-size: 14px;">Pilih Bank</td>
5686                        <td class="select_box" style="padding-bottom: 20px; position: relative;">
5687                            <select name="bank_lists_id" class="form-control">
5688                                <option value="">Pilih Bank</option>
5689                                                                                                            <option value="1">BCA</option>
5690                                                                            <option value="2">BNI</option>
5691                                                                            <option value="3">BRI</option>
5692                                                                            <option value="4">CIMB</option>
5693                                                                            <option value="5">Mandiri</option>
5694                                                                            <option value="6">Danamon</option>
5695                                                                            <option value="7">OVO</option>
5696                                                                            <option value="8">
5696GOPAY</option>
5697                                                                            <option value="9">DANA</option>
5698                                                                            <option value="10">LINKAJA</option>
5699                                                                            <option value="11">JAGO</option>
5700                                                                            <option value="12">SEABANK</option>
5701                                                                            <option value="13">BSI</option>
5702                                                                            <option value="14">SHOPEEPAY</option>
5703                                                                                                </select>
5704                            <div class="error-bank_lists_id" style="color: red; font-size: 14px;"></div>
5705                        </td>
5706                    </tr>
5707                    <tr>
5708                        <td style="padding-bottom: 20px; font-size: 14px;">No. Rekening</td>
5709                        <td style="padding-bottom: 20px;">
5710                            <input type="tel" name="bank_account_number" id="bank_account_number" class="form-control"
5711                                placeholder="No. Rekening">
5712                            <div class="error-bank_account_number" style="color: red; font-size: 14px;"></div>
5713                            <div class="validation-bank-account" style="margin-top: 6px;"></div>
5714                        </td>
5715                    </tr>
5716                    <tr>
5717                        <td style="padding-bottom: 20px; font-size: 14px;">Nama Rekening</td>
5718                        <td style="padding-bottom: 20px;">
5719                            <input type="text" name="bank_account_name" id="bank_account_name" class="form-control"
5720                                placeholder="Nama Rekening">
5721                            <div class="error-bank_account_name" style="color: red; font-size: 14px;"></div>
5722                        </td>
5723                    </tr>
5724                                                            <tr>
5725                        <td colspan="2" style="margin-top: 20px; text-align: center;">
5726                            <input type="hidden" name="is_captcha" value="2">
5727                            <button type="submit" class="btn btn-primary submit" id="submitBtn"
5728                                style="background-color: #29D1E3; color: #fff; border: 0; width: 50%; font-weight: bold; border-radius: 6px; padding: 10px 0;">
5729                                <span class="btn-text">Daftar</span>
5730                                <span class="spinner-border spinner-border-sm hide" role="status" aria-hidden="true"></span>
5731                                <span class="loading-text hide">Memproses...</span>
5732                            </button>
5733                        </td>
5734                    </tr>
5735                </table>
5736            </form>
5737
5738            <div style="margin: 20px auto 0 auto; text-align: center;">
5739                <div style="opacity: 0.78; font-size: 13px;">Sudah punya akun?</div>
5740                <a href="https://unmetsdixvins.com/masuk"
5741                    style="color: #29D1E3; font-weight: bold;">
5742                    <u>Masuk disini</u>
5743                </a>
5744            </div>
5745        </div>
5746    </div>
5747        </div>
5748                        <div style="background-color: #105F82; padding: 10px; display: flex; margin: 0 auto;">
5749                                                                                <div style="margin: auto 12px auto auto; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;">
5750                        <a href="https://wa.me/62898565785695" target="_blank" style="display: flex; color: #fff;">
5751                            <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;">
5752                                <i class="fab fa-whatsapp" style="color: #fff; font-size: 20px; margin: auto;"></i>
5753                            </div>
5754                            <div style="margin: auto 0;">
5755                                RAJACOLOK
5756                            </div>
5757                        </a>
5758                    </div>
5759                                                                                    <div style="margin: auto 12px auto 0; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;">
5760                        <a href="https://www.facebook.com/groups/rajacolokresmi" target="_blank" style="display: flex; color: #fff;">
5761                            <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;">
5762                                <i class="fab fa-facebook" style="color: #fff; font-size: 20px; margin: auto;"></i>
5763                            </div>
5764                            <div style="margin: auto 0;">
5765                                RAJACOLOK
5766                            </div>
5767                        </a>
5768                    </div>
5769                                                                                    <div style="margin: auto auto auto 0; background-color: #00063A; border-radius: 50px; padding: 5px 16px 5px 4px;">
5770                        <a href="https://t.me/rajacolok" target="_blank" style="display: flex; color: #fff;">
5771                            <div style="background-color: #29D1E3; margin-right: 10px; width: 30px; height: 30px; display: flex; border-radius: 50px;">
5772                                <i class="fab fa-telegram" style="color: #fff; font-size: 20px; margin: auto;"></i>
5773                            </div>
5774                            <div style="margin: auto 0;">
5775                                RAJACOLOK
5776                            </div>
5777                        </a>
5778                    </div>
5779                                        </div>
5780
5781<div style="background:url(https://rajacolok.dataklmsad902.site/asset/images/footer.jpg?s=b9f2a6d4574d77e63170213f26e25b72) no-repeat center center fixed; position: relative; background-size: cover; width: 100%; padding: 40px 0 20px 0; color: #fff;">
5782    <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
5783        <div style="font-size: 16px;">
5784            Bekerja sama dengan BANK :
5785        </div>
5786
5787        <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 30px; display: flex; flex-wrap: wrap; text-align: center;">
5788                                                <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5789                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5790                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/1/XDrxd4fh4GL7865l.png?s=e104561a613e5212ebc535915c17abcd" alt="BCA" style="width: 80%;">
5791                        </div>
5792                    </li>
5793                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5794                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5795                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/2/xQuXzxB874uEb0oa.png?s=500bc3f41d201f363575161cb9b1ca90" alt="BNI" style="width: 80%;">
5796                        </div>
5797                    </li>
5798                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5799                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5800                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/3/UIoGs5HJK6j4AG34.png?s=91827107e1abbf564bdcda459f7b03b8" alt="BRI" style="width: 80%;">
5801                        </div>
5802                    </li>
5803                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5804                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5805                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/4/j4446gF3ZgniSCtU.png?s=a8f7105ed70ff4236a8b3f6522dbbc12" alt="CIMB" style="width: 80%;">
5806                        </div>
5807                    </li>
5808                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5809                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5810                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/5/Y8my69TJMLr8KaUd.png?s=80428c3933e2a6f522340ddc56098421" alt="Mandiri" style="width: 80%;">
5811                        </div>
5812                    </li>
5813                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5814                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5815                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/6/yKGuSA0Uq3vtzDSD.png?s=d5a5e2d975e5f72b0f6933d3c2d8cce4" alt="Danamon" style="width: 80%;">
5816                        </div>
5817                    </li>
5818                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5819                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5820                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/7/Mb6KaaQy5CeAw8ps.png?s=dfd9355b873f4da85623516f9f7d3880" alt="OVO" style="width: 80%;">
5821                        </div>
5822                    </li>
5823                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5824                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5825                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/8/fMhehnUjsZFH7EkO.png?s=7029aa11518ad38486be7af009783975" alt="GOPAY" style="width: 80%;">
5826                        </div>
5827                    </li>
5828                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5829                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5830                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/9/faQNi5Y4b6CZLLbZ.png?s=4e39b548b09cc95974c9d253e232e977" alt="DANA" style="width: 80%;">
5831                        </div>
5832                    </li>
5833                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5834                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5835                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/10/2rPJADFIrZlkCOhb.png?s=6cd6bb7391c55d9bca724f3d4ef2e08a" alt="LINKAJA" style="width: 80%;">
5836                        </div>
5837                    </li>
5838                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5839                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5840                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/11/jiwOogzjgEKfXtnl.png?s=4e1b49bc0b44069c8f4cfd07d078b864" alt="JAGO" style="width: 80%;">
5841                        </div>
5842                    </li>
5843                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5844                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5845                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/12/qL2qrXOK03fSwEcB.png?s=f05f3f38fd2b3405d87bbb3a2342fc3b" alt="SEABANK" style="width: 80%;">
5846                        </div>
5847                    </li>
5848                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5849                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5850                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/13/wlDJQzKOnr0KRK4g.png?s=59dc965324b500f0704c69cecc4878f4" alt="BSI" style="width: 80%;">
5851                        </div>
5852                    </li>
5853                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5854                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5855                            <img src="https://rajacolok.dataklmsad902.site/images/bank-list/14/xl1pcfPrJ42aFLmE.png?s=aa94af33d3dd9f0748711d6cafc3261b" alt="SHOPEEPAY" style="width: 80%;">
5856                        </div>
5857                    </li>
5858                                    </ul>
5859
5860        <div style="font-size: 16px;">
5861            Bekerja sama dengan PROVIDER :
5862        </div>
5863
5864        <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 40px; display: flex; flex-wrap: wrap; text-align: center;">
5865                                                <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5866                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5867                            <img src="https://onelive.dataklmsad902.site/images/provider/1/hP4uaW1j9K2AlyVv.png?s=0c1a06e119b58acd698ef1091217d552" alt="Pragmatic" style="width: 80%;">
5868                        </div>
5869                    </li>
5870                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5871                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5872                            <img src="https://onelive.dataklmsad902.site/images/provider/2/w9D4o4hXE6Ffxkct.png?s=0d3f7c6effc1f0253f6e2c444b7f90cb" alt="Pg Soft" style="width: 80%;">
5873                        </div>
5874                    </li>
5875                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5876                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5877                            <img src="https://onelive.dataklmsad902.site/images/provider/3/Qn9ydbba5HAHVpqt.png?s=692de7725be24ba4808127c6bfad7b9b" alt="Joker" style="width: 80%;">
5878                        </div>
5879                    </li>
5880                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5881                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5882                            <img src="https://onelive.dataklmsad902.site/images/provider/4/STgyifWgfxZX8Xdd.png?s=8291d155fe1d0f7acee296fc3cec543e" alt="Habanero" style="width: 80%;">
5883                        </div>
5884                    </li>
5885                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5886                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5887                            <img src="https://onelive.dataklmsad902.site/images/provider/5/7NyF4s7qBEfZdzYv.png?s=45219c72f2c9f28f53053a776c704497" alt="Spade Gaming" style="width: 80%;">
5888                        </div>
5889                    </li>
5890                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5891                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5892                            <img src="https://onelive.dataklmsad902.site/images/provider/6/4qvaCEyPoRKnSoRK.png?s=cc0473fc85f555b7bfad7b552ea4105a" alt="Play&#039;n Go" style="width: 80%;">
5893                        </div>
5894                    </li>
5895                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5896                        <div style="padding: 8px; border: 1px solid #29D1E3; bo
5896rder-radius: 4px;">
5897                            <img src="https://onelive.dataklmsad902.site/images/provider/8/qVj2pc4tq5jNTETa.png?s=1f2d4b59d3451cf46899c2e5c69fb208" alt="JiLi" style="width: 80%;">
5898                        </div>
5899                    </li>
5900                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5901                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5902                            <img src="https://onelive.dataklmsad902.site/images/provider/9/2bxUoiMZiTUWITao.png?s=d0c04275e5cb677cc6e78efd1f583651" alt="Naga" style="width: 80%;">
5903                        </div>
5904                    </li>
5905                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5906                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5907                            <img src="https://onelive.dataklmsad902.site/images/provider/10/oRI9UH3PqlrVdkrc.png?s=d76ce8d95ac4aa522adc4367a9a94e3a" alt="CQ9" style="width: 80%;">
5908                        </div>
5909                    </li>
5910                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5911                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5912                            <img src="https://onelive.dataklmsad902.site/images/provider/11/hU7lEGuKZbz9OLTP.png?s=b46f90dd4c4761cf1a292cc16719a46b" alt="SA Gaming" style="width: 80%;">
5913                        </div>
5914                    </li>
5915                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5916                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5917                            <img src="https://onelive.dataklmsad902.site/images/provider/12/ApAdJUPi82CnZTCY.png?s=8ec2da22891b85e71a18b776af3a503b" alt="Saba" style="width: 80%;">
5918                        </div>
5919                    </li>
5920                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5921                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5922                            <img src="https://onelive.dataklmsad902.site/images/provider/13/TIHHJatZGX0j0E7O.png?s=fa3e860d0ce82599df6938a010f1628f" alt="Sbobet" style="width: 80%;">
5923                        </div>
5924                    </li>
5925                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5926                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5927                            <img src="https://onelive.dataklmsad902.site/images/provider/14/PCIJfHBobXU23DYh.png?s=3a63f875acee16a8ef21c9bcaffe81ff" alt="Evo Gaming" style="width: 80%;">
5928                        </div>
5929                    </li>
5930                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5931                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5932                            <img src="https://onelive.dataklmsad902.site/images/provider/15/z3JBuC9gdC8YRGi5.png?s=90fed7dc3a7804421e6c655d38f3d99e" alt="Red Tiger" style="width: 80%;">
5933                        </div>
5934                    </li>
5935                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5936                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5937                            <img src="https://onelive.dataklmsad902.site/images/provider/16/qKNOBHGMC3Wg7dUY.png?s=8a57964852006387eb6c7cf26f1fb82b" alt="NetEnt" style="width: 80%;">
5938                        </div>
5939                    </li>
5940                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5941                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5942                            <img src="https://onelive.dataklmsad902.site/images/provider/17/kFdpl9SeA38NdO7f.png?s=d01692b4234fe3f2985f293e266606c6" alt="BTG" style="width: 80%;">
5943                        </div>
5944                    </li>
5945                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5946                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5947                            <img src="https://onelive.dataklmsad902.site/images/provider/18/8txgJayRQEb6bL12.png?s=669b1d10d409f465fda22de247387347" alt="Cock Fighting" style="width: 80%;">
5948                        </div>
5949                    </li>
5950                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5951                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5952                            <img src="https://onelive.dataklmsad902.site/images/provider/19/BOPxvOvQoOweFna3.png?s=a084849a081d7af4377a2c9e3aaff912" alt="WM" style="width: 80%;">
5953                        </div>
5954                    </li>
5955                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5956                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5957                            <img src="https://onelive.dataklmsad902.site/images/provider/20/EpMjjKkesBhNT5lI.png?s=7e087d13f401388c577bdde1f023cdda" alt="YeeBet" style="width: 80%;">
5958                        </div>
5959                    </li>
5960                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5961                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5962                            <img src="https://onelive.dataklmsad902.site/images/provider/21/ES6bXMURB6utsH4u.png?s=9cdce8c3646616f218d4554b74a26edd" alt="Sexy Gaming" style="width: 80%;">
5963                        </div>
5964                    </li>
5965                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5966                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5967                            <img src="https://onelive.dataklmsad902.site/images/provider/23/YpMisNvksbUZnl9M.png?s=3aba401d3b2c42468147d54f3be11003" alt="UG Gaming" style="width: 80%;">
5968                        </div>
5969                    </li>
5970                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5971                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5972                            <img src="https://onelive.dataklmsad902.site/images/provider/24/OxRGZisxBcqAj8eM.png?s=49da75707fdd923721f606337fd4c28f" alt="No Limit City" style="width: 80%;">
5973                        </div>
5974                    </li>
5975                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5976                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5977                            <img src="https://onelive.dataklmsad902.site/images/provider/26/YhxpfaUCngU9U9zA.png?s=ef4e33962413316e2636f1b9c752c97a" alt="WM Slot" style="width: 80%;">
5978                        </div>
5979                    </li>
5980                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5981                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5982                            <img src="https://onelive.dataklmsad902.site/images/provider/27/p7g9ot1imVr9
5982V8ei.png?s=481bfbc292f112106c975ca6ab583900" alt="CMD" style="width: 80%;">
5983                        </div>
5984                    </li>
5985                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5986                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5987                            <img src="https://onelive.dataklmsad902.site/images/provider/28/wbqQE1MyfQYM6gIG.png?s=10d52b5156314fe9fcfde983e7704d32" alt="WE" style="width: 80%;">
5988                        </div>
5989                    </li>
5990                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5991                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5992                            <img src="https://onelive.dataklmsad902.site/images/provider/29/4Q4HAv8VBYlUHAjZ.png?s=fb6b8024aec84e0d49d5dc459a1130c2" alt="FaChai" style="width: 80%;">
5993                        </div>
5994                    </li>
5995                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
5996                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
5997                            <img src="https://onelive.dataklmsad902.site/images/provider/30/3TxQyknwmOKq4aUq.png?s=ed76e8f72a750ca326cc15f20330a8d9" alt="Rich88" style="width: 80%;">
5998                        </div>
5999                    </li>
6000                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6001                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6002                            <img src="https://onelive.dataklmsad902.site/images/provider/31/NQLOXaCrM298SxMK.png?s=92b1908c8bd6fb4a121a9061208a6696" alt="MicroGaming" style="width: 80%;">
6003                        </div>
6004                    </li>
6005                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6006                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6007                            <img src="https://onelive.dataklmsad902.site/images/provider/32/lvQoNDpqIVWb0zas.png?s=12c66a843ce48436e387f3255d2dcd9f" alt="Fast Spin" style="width: 80%;">
6008                        </div>
6009                    </li>
6010                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6011                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6012                            <img src="https://onelive.dataklmsad902.site/images/provider/33/fnDYskKRsM11p1Uf.png?s=8ef6d92181c72c61223f18c53c925711" alt="PlayTech" style="width: 80%;">
6013                        </div>
6014                    </li>
6015                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6016                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6017                            <img src="https://onelive.dataklmsad902.site/images/provider/34/ECNzxNfUvkFm4fci.png?s=ed0849f8c5261b233b51afae96f1609b" alt="Besoft" style="width: 80%;">
6018                        </div>
6019                    </li>
6020                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6021                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6022                            <img src="https://onelive.dataklmsad902.site/images/provider/35/DPmzuCH2rQlEDfqa.png?s=8c89e3800cdf86711f4eea6475553294" alt="Yggdrasil" style="width: 80%;">
6023                        </div>
6024                    </li>
6025                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6026                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6027                            <img src="https://onelive.dataklmsad902.site/images/provider/36/gQsHrMWuWIn6Jkwd.png?s=f1f892d7f39f91d3dd064087aa7febca" alt="Relax" style="width: 80%;">
6028                        </div>
6029                    </li>
6030                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6031                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6032                            <img src="https://onelive.dataklmsad902.site/images/provider/37/PcM0ND3RJmzOwkyM.png?s=5479cd9954b747414f0c5d39c18cfff5" alt="Hacksaw" style="width: 80%;">
6033                        </div>
6034                    </li>
6035                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6036                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6037                            <img src="https://onelive.dataklmsad902.site/images/provider/38/JMWGAwRJouC2hmH6.png?s=e405cc4886eebb07f0ce0214d39d3ad1" alt="GG Soft" style="width: 80%;">
6038                        </div>
6039                    </li>
6040                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6041                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6042                            <img src="https://onelive.dataklmsad902.site/images/provider/39/74ZBKh8MDK95Svyz.png?s=a70a33f06abff9d752118be74503c0a3" alt="Cosmo Play" style="width: 80%;">
6043                        </div>
6044                    </li>
6045                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6046                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6047                            <img src="https://onelive.dataklmsad902.site/images/provider/40/v6OE18MUOFgzzOQ2.png?s=fdecacdb8d28bf70413b6ea7bc114a72" alt="Mikiworld" style="width: 80%;">
6048                        </div>
6049                    </li>
6050                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6051                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6052                            <img src="https://onelive.dataklmsad902.site/images/provider/41/GPsbegniel92TPI3.png?s=6007520b153f866
605279cfbddd8d921c230" alt="Togel Slot" style="width: 80%;">
6053                        </div>
6054                    </li>
6055                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6056                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6057                            <img src="https://onelive.dataklmsad902.site/images/provider/45/GiQsHRVc9D1nskNR.png?s=cd130e00ec6a992523ef43eebacb3aa9" alt="Nextspin" style="width: 80%;">
6058                        </div>
6059                    </li>
6060                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6061                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6062                            <img src="https://onelive.dataklmsad902.site/images/provider/46/TtMfiz1ajakYNVVP.png?s=adff1284cf29b43eb1851f6aea60cb29" alt="PP POP" style="width: 80%;">
6063                        </div>
6064                    </li>
6065                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6066                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6067                            <img src="https://onelive.dataklmsad902.site/images/provider/47/qCAAs69C3dcoNEqo.png?s=ecfa49c144344df1565e6787a38c2092" alt="AskMeSlot" style="width: 80%;">
6068                        </div>
6069                    </li>
6070                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6071                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6072                            <img src="https://onelive.dataklmsad902.site/images/provider/48/wBdn2cmtPh2Hrwoq.png?s=bf188ad2c5b9c3fe1d83176cf7667c7a" alt="Imaginelive" style="width: 80%;">
6073                        </div>
6074                    </li>
6075                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6076                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6077                            <img src="https://onelive.dataklmsad902.site/images/provider/51/vnGhz1OHLmNaQPyG.png?s=52247cb156d2f796aba5951a836a44e2" alt="PSG" style="width: 80%;">
6078                        </div>
6079                    </li>
6080                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
6081                        <div style="padding: 8px; border: 1px solid #29D1E3; border-radius: 4px;">
6082                            <img src="https://onelive.dataklmsad902.site/images/provider/52/dXfeOiTXBUSGqz4x.png?s=39dbedeb52dbb11aea75ffd48b381fd8" alt="GA28" style="width: 80%;">
6083                        </div>
6084                    </li>
6085                                    </ul>
6086    </div>
6087
6088    <footer>
6089        <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
6090                                                <h1>RAJACOLOK: Akses Resmi Situs Toto HK Lotto 4D &amp; Bandar Togel Online HK Pools</h1>
6091<p>RAJACOLOK menjadi pusat penyedia layanan taruhan daring dalam bermain toto gelap pasaran hk pools &amp; hk lotto, dengan koleksi 76 pasaran togel terbaik. RAJACOLOK menghadirkan ruang taruhan terbaik dengan sistem keamanan power full, sehingga semua keamanan Akun Pengguna 100% terjaga. Dengan dedikasi tinggi sebagai bandar togel terpercaya 2026, Kami hadir dengan layanan profesional selama 24 jam penuh untuk bantu semua aktivitas bermain member.</p>
6092<p>Di era serba digital, RAJACOLOK mampu hadirkan sarana dan prasana taruhan togel terbaik yang dilengkapi dengan sistem transaksi auto proses super ngacir. Dengan teknologi pindai barcode atau scan QRIS, semua transaksi deposit &amp; withdraw hanya perlu 10 detik untuk masuk ke Akun masing-masing pengguna. Didukung tenaga ahli yang kompeten dan dibekali pengalaman melayani lebih dari 1 tahun, RAJACOLOK jamin akses bermain pasti lancar dan ramah pengguna.</p>
6093<p>Keunggulan utama yang ada pada bandar togel online RAJACOLOK adalah penyediaan akses nonton streaming live draw hk setiap hari. Melalui media link alternatif tercepat, nonton siaran live draw jadi mudah, tidak lemot dan pastinya tanpa jedah. Selain itu, situs toto ini juga menawarkan layanan cek semua keluaran pasaran togel melalui media TABEL ANGKA. Didalam TABEL ANGKA Pengguna bisa cek hasil r
6093iwayat result 76 pasaran togel secara gratis langsung di Smartphone.</p>
6094<p>Untuk dapat gabung dan menikmati layanan premium dari Tim RAJA COLOK, silahkan melakukan registrasi terlebih dahulu. Akses website resmi Kami, lalu silahkan mengisi formulir pendaftaran langsung. Pada saat pendaftaran, sangat disarankan menggunakan data diri asli dan jangan menggunakan data pihak ketiga. Dengan begitu, Akun dapat dibuat dengan mudah dan Pengguna bermain jadi tanpa kendala.</p>
6095                                    </div>
6096
6097        <div style="font-weight: bold; color: #fff; text-align: center; padding: 35px 20px 15px 20px; position: relative; z-index: 2;">
6098            <h1 style="font-size: 18px; margin-top: 0;">©2026 RAJACOLOK. All rights reserved | 18+</h1>
6099        </div>
6100    </footer>
6101</div>
6102<script src="https://rajacolok.dataklmsad903.site/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 6102
6102
6103<script src="https://rajacolok.dataklmsad903.site/vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 6103
6103
6104<script src="https://rajacolok.dataklmsad903.site/js/custom.min.js?v=2"></script>
vendor: 1 bytes, line 6104
6104
6105<script type="text/javascript">
6106    $('.close-modal').on('click',function(){
6107        $(".modal-info").remove();
6108        $(".modal-backdrop").remove();
6109    });
6110        $('.overlay').on('click',function(){
6111        $(".overlay").removeClass("show");
6112            });
6113</script>
6113
6114            
6114<script>
6115        const CHECKING_HTML = '<span class="checking-message"><span class="spinner"></span>Mengecek ketersediaan...</span>';
6116
6117        let tokenReady = false;
6118        let tokenFailed  = false;
6119        let tokenPromise = null;
6120
6121        function fetchCsrfToken() {
6122            tokenReady  = false;
6123            tokenFailed = false;
6124    
6125            tokenPromise = new Promise(function(resolve, reject) {
6126                const timeout = setTimeout(function() {
6127                    tokenFailed = true;
6128                    reject('timeout');
6129                }, 60000); // 60s
6130
6131                $.ajax({
6132                    url: 'https://unmetsdixvins.com/get-token',
6133                    type: "GET",
6134                    success: function(res) {
6135                        $('input[name=_token]').val(res.token);
6136                        tokenReady = true;
6137                        resolve(res.token);
6138                    },
6139                    error: function(res) {
6140                        clearTimeout(timeout);
6141                        tokenFailed = true;
6142                        reject(res);
6143                    }
6144                });
6145            });
6146
6147            tokenPromise.catch(function() {});
6148            return tokenPromise;
6149        }
6150
6151        function whenTokenReady(callback, $validation, $input) {
6152            if (tokenFailed) {
6153                $validation.html(CHECKING_HTML);
6154                fetchCsrfToken()
6155                    .then(function() {
6156                        callback();
6157                    })
6158                    .catch(function() {
6159                        $validation.html('<span style="color: red; font-size: 14px;">✗ Gagal mengecek ketersediaan. Silakan periksa koneksi internet anda dan muat ulang halaman.</span>');  // ← failed again, show error
6160                    });
6161                return;
6162            }
6163
6164            if (tokenReady) {
6165                callback();
6166            } else {
6167                tokenPromise
6168                    .then(function() {
6169                        callback();
6170                    })
6171                    .catch(function() {
6172                        $validation.html('<span style="color: red; font-size: 14px;">✗ Gagal mengecek ketersediaan. Silakan periksa koneksi internet anda dan muat ulang halaman.</span>');
6173                    });
6174            }
6175        }
6176
6177        function fetchConfigurationView() {
6178            $.ajax({
6179                url: 'https://unmetsdixvins.com/get-configuration-view?ref_id=',
6180                type: "GET",
6181                success: function(data) {
6182                    if (data.redirect != null) {
6183                        window.location.href = data.redirect;
6184                    }
6185                    return true;
6186                },
6187                error: function(res) {
6188                    toastr['error'](res.error);
6189                }
6190            });
6191        }
6192
6193        function bindInputSanitizers() {
6194            $(document).on('input', 'input[name="phone"], input[name="bank_account_number"]', function() {
6195                this.value = this.value.replace(/\D+/g, '');
6196            });
6197
6198            $(document).on('input', 'input[name="bank_account_name"]', function() {
6199                this.value = this.value
6200                    .replace(/[^\p{L}\s]+/gu, '')
6201                    .replace(/\s{2,}/g, ' ')
6202                    .trimStart();
6203            });
6204        }
6205
6206        function showValidationError($input, $validation, message) {
6207            $input.removeClass('success').addClass('error');
6208            $validation.html(`<span style="color: red; font-size: 14px;">✗ ${message}</span>`);
6209        }
6210
6211        function showValidationSuccess($input, $validation, message) {
6212            $input.removeClass('error').addClass('success');
6213            $validation.html(`<span class="success-message">✓ ${message}</span>`);
6214        }
6215
6216        $(document).ready(function() {
6217            fetchCsrfToken();
6218            bindInputSanitizers();
6219
6220                            fetchConfigurationView();
6221                    });
6222
6223        //validate username
6224        $('#username').on('input', function() {
6225            const value = $(this).val().trim();
6226            const $input = $(this);
6227            const $validation = $('.validation-username');
6228
6229            if (value.length === 0) {
6230                $(this).removeClass('success error');
6231                $validation.html('');
6232                return;
6233            }
6234
6235            if (value.length < 6) {
6236                showValidationError($input, $validation, 'Username minimal 6 karakter');
6237                return;
6238            }
6239
6240            $input.removeClass('error');
6241            $validation.html('');
6242        });
6243
6244        $('#username').on('blur', function() {
6245            const value = $(this).val().trim();
6246            const $input = $(this);
6247            const $validation = $('.validation-username');
6248
6249            if (value.length < 6) {
6250                return;
6251            }
6252
6253                            $validation.html(CHECKING_HTML);
6254
6255                whenTokenReady(function() {       
6256                    $.ajax({
6257                        url: 'https://unmetsdixvins.com/check-username',
6258                        type: 'POST',
6259                        data: {
6260                            username: value,
6261                            _token: $('input[name="_token"]').val()
6262                        },
6263                        success: function(data) {
6264                            if (data.available) {
6265                                showValidationSuccess($input, $validation, 'Username tersedia');
6266                            } else {
6267                                showValidationError($input, $validation, 'Username sudah digunakan');
6268                            }
6269                        },
6270                        error: function() {                            
6271                            showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. ');
6272
6273                            $validation.append(`<a href="javascript:;" class="retry-username" style="color: text-primary; text-decoration: underline; font-weight: bold;">↻ Coba lagi dalam 10 detik</a>`);
6274                            retryCheck($validation.find('.retry-username'), 'validation-username', 'username');
6275                        }
6276                    });
6277                }, $validation);                
6278                    });
6279
6280        //validate password
6281        $('input[name="password"]').on('input', function() {
6282            const password = $(this).val();
6283            const confirmPassword = $('input[name="password_confirm"]').val();
6284            const $input = $(this);
6285            const $error = $('.error-password');
6286            const $validation = $('.validation-password');
6287
6288            $error.html('').css('margin-top', '0');
6289
6290            if (password.length === 0) {
6291                $input.removeClass('success error');
6292                return;
6293            }
6294
6295            if (password.length < 6) {
6296                $input.removeClass('success').addClass('error');
6297                showValidationError($input, $validation, 'Password minimal 6 karakter');
6298                return;
6299            }
6300
6301            if (confirmPassword.length > 0) {
6302                $('input[name="password_confirm"]').trigger('input');
6303            }
6304
6305            $input.removeClass('error').addClass('success');
6306            $validation.html('');
6307        });
6308
6309        $('input[name="password_confirm"]').on('input', function() {
6310            const password = $('input[name="password"]').val();
6311            const confirmPassword = $(this).val();
6312            const $input = $(this);
6313            const $error = $('.error-password_confirm');
6314            const $validation = $('.validation-password_confirm');
6315
6316            $error.html('').css('margin-top', '0');
6317            $validation.html('');
6318
6319            if (confirmPassword.length === 0) {
6320                $input.removeClass('success error');
6321                return;
6322            }
6323
6324            if (confirmPassword.length < 6) {
6325                showValidationError($input, $validation, 'Konfirmasi password minimal 6 karakter');
6326                return;
6327            }
6328
6329            if (password !== confirmPassword) {
6330                $input.removeClass('success').addClass('error');
6331                showValidationError($input, $validation, 'Password tidak cocok');
6332                return;
6333            }
6334
6335            if (password === confirmPassword && password.length >= 6) {
6336                $input.removeClass('error').addClass('success');
6337                showValidationSuccess($input, $validation, 'Password cocok');
6338            }
6339
6340            $input.removeClass('error');
6341        });
6342
6343        //validate email
6344        $('#email').on('input', function() {
6345            const email = $(this).val().trim();
6346            const $input = $(this);
6347            const $error = $('.error-email');
6348            const $validation = $('.validation-email');
6349
6350            $error.html('').css('margin-top', '0');
6351            $validation.html('');
6352
6353            if (email.length === 0) {
6354                $input.removeClass('success error');
6355                return;
6356            }
6357
6358            const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
6359            if (!emailRegex.test(email)) {
6360                $input.removeClass('success').addClass('error');
6361                $error.html('Format email tidak valid').css('margin-top', '6px');
6362                $validation.html('');
6363                return;
6364            }
6365
6366            $input.removeClass('error');
6367        });
6368
6369        $('#email').on('blur', function() {
6370            const email = $(this).val().trim();
6371            const $input = $(this);
6372            const $validation = $('.validation-email');
6373            const $error = $('.error-email');
6374
6375            if (email.length === 0) {
6376                return;
6377            }
6378
6379            if ($input.hasClass('error') && !$input.data('retrying')) {
6380                return;
6381            }
6382
6383                            $validation.html(CHECKING_HTML);
6384
6385                whenTokenReady(function() { 
6386                    $.ajax({
6387                        url: 'https://unmetsdixvins.com/check-email',
6388                        type: 'POST',
6389                        data: {
6390                            email: email,
6391                            _token: $('input[name="_token"]').val()
6392                        },
6393                        success: function(data) {
6394                            if (data.available) {
6395                                $input.removeClass('error').addClass('success');
6396                                $validation.html('<span style="color:green;">✓ Email tersedia</span>');
6397                            } else {
6398                                $input.removeClass('success').addClass('error');
6399                                $validation.html('<span style="color:red;">✗ Email sudah terdaftar</span>');
6400                            }
6401                        },
6402                        error: function() {
6403                            showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. ');
6404
6405                            $validation.append(`<a href="javascript:;" class="retry-email" style="color: text-primary; text-decoration: underline; font-weight: bold;">↻ Coba lagi dalam 10 detik</a>`);
6406                            retryCheck($validation.find('.retry-email'), 'validation-email', 'email');
6407                        }
6408                    });
6409                }, $validation);
6410                    });
6411
6412        //validate phone
6413        $('#phone').on('input', function() {
6414            const phone = $(this).val().trim();
6415            const $input = $(this);
6416            const $error = $('.error-phone');
6417            const $validation = $('.validation-phone');
6418
6419            if (phone.length === 0) {
6420                $input.removeClass('success error');
6421                $validation.html('');
6422                return;
6423            }
6424
6425            if (phone.length < 10 || phone.length > 13) {
6426                showValidationError($input, $validation, 'Nomor HP harus 10-13 digit');
6427                return;
6428            }
6429
6430            if (!phone.startsWith('08')) {
6431                showValidationError($input, $validation, 'Nomor HP harus diawali 08');
6432                return;
6433            }
6434
6435            $input.removeClass('error').addClass('success');
6436            $validation.html('');
6437        });
6438
6439        $('#phone').on('blur', function() {
6440            const phone = $(this).val().trim();
6441            const $input = $(this);
6442            const $validation = $('.validation-phone');
6443            const $error = $('.error-phone');
6444
6445            if (phone.length === 0) {
6446                return;
6447            }
6448
6449            if ($input.hasClass('error') && !$input.data('retrying')) {
6450                return;
6451            }
6452
6453                            $validation.html(CHECKING_HTML);
6454
6455                whenTokenReady(function() { 
6456                    $.ajax({
6457                        url: 'https://unmetsdixvins.com/check-phone',
6458                        type: 'POST',
6459                        data: {
6460                            phone: phone,
6461                            _token: $('input[name="_token"]').val()
6462                        },
6463                        success: function(data) {
6464                            if (data.available) {
6465                                showValidationSuccess($input, $validation, 'Nomor HP tersedia');
6466                            } else {
6467                                showValidationError($input, $validation, 'Nomor HP sudah terdaftar');
6468                            }
6469                        },
6470                        error: function() {                           
6471                            showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. ');
6472
6473                            $validation.append(`<a href="javascript:;" class="retry-phone" style="color: text-primary; text-decoration: underline; font-weight: bold;">↻ Coba lagi dalam 10 detik</a>`);
6474                            retryCheck($validation.find('.retry-phone'), 'validation-phone', 'phone');
6475                        }
6476                    });
6477                }, $validation);
6478                    });
6479
6480        //validate bank account number
6481        $('#bank_account_number').on('input', function() {
6482            const bankAccount = $(this).val().trim();
6483            const $input = $(this);
6484            const $error = $('.error-bank_account_number');
6485            const $validation = $('.validation-bank-account');
6486
6487            if (bankAccount.length === 0) {
6488                $input.removeClass('success error');
6489                $validation.html('');
6490                return;
6491            }
6492
6493            if (bankAccount.length < 9) {
6494                showValidationError($input, $validation, 'Nomor rekening minimal 9 digit');
6495                return;
6496            }
6497
6498            $input.removeClass('error');
6499            $validation.html('');
6500        });
6501
6502        $('#bank_account_number').on('blur', function() {
6503            const bankAccount = $(this).val().trim();
6504            const $input = $(this);
6505            const $validation = $('.validation-bank-account');
6506            const $error = $('.error-bank_account_number');
6507
6508            if (bankAccount.length === 0) {
6509                $input.removeClass('success error');
6510                $validation.html('');
6511                return;
6512            }
6513
6514            if ($input.hasClass('error')) {
6515                return;
6516            }
6517
6518            $validation.html(CHECKING_HTML);
6519
6520            whenTokenReady(function() { 
6521                $.ajax({
6522                    url: 'https://unmetsdixvins.com/check-bank-account',
6523                    type: 'POST',
6524                    data: {
6525                        bank_account_number: bankAccount,
6526                        _token: $('input[name="_token"]').val()
6527                    },
6528                    success: function(data) {
6529                        if (data.available) {
6530                            showValidationSuccess($input, $validation, 'Nomor rekening tersedia');
6531                        } else {
6532                            showValidationError($input, $validation, 'Nomor rekening sudah terdaftar');
6533                        }
6534                    },
6535                    error: function() {                        
6536                        showValidationError($input, $validation, 'Terjadi kesalahan saat mengecek. ');
6537
6538                        $validation.append(`<a href="javascript:;" class="retry-bank" style="color: text-primary; text-decoration: underline; font-weight: bold;">↻ Coba lagi dalam 10 detik</a>`);
6539                        retryCheck($validation.find('.retry-bank'), 'validation-bank-account', 'bank_account_number');
6540                    }
6541                });
6542            }, $validation);
6543        });
6544
6545        //validate bank account name
6546        $('#bank_account_name').on('input', function() {
6547            const bankAccountName = $(this).val().trim();
6548            const $input = $(this);
6549            const $error = $('.error-bank_account_name');
6550            const $validation = $('.validation-bank-account-name');
6551
6552            if (bankAccountName.length === 0) {
6553                $input.removeClass('success error');
6554                $validation.html('');
6555                return;
6556            }
6557
6558            const nameRegex = /^[\p{L}\s]+$/u;
6559            if (!nameRegex.test(bankAccountName)) {
6560                showValidationError($input, $validation,
6561                    'Nama pemilik rekening hanya boleh berisi huruf dan spasi');
6562                return;
6563            }
6564
6565            $input.removeClass('error').addClass('success');
6566            $validation.html('');
6567        });
6568
6569        $('#bank_account_name').on('blur', function() {
6570            const bankAccountName = $(this).val().trim();
6571            const $input = $(this);
6572            const $validation = $('.validation-bank-account-name');
6573            const $error = $('.error-bank_account_name');
6574
6575            if (bankAccountName.length === 0) {
6576                return;
6577            }
6578
6579            if ($input.hasClass('error')) {
6580                return;
6581            }
6582
6583                            $validation.html(CHECKING_HTML);
6584
6585                $.ajax({
6586                    url: 'https://unmetsdixvins.com/check-bank-account',
6587                    type: 'POST',
6588                    data: {
6589                        bank_account_number: bankAccount,
6590                        _token: $('input[name=_token]').val()
6591                    },
6592                    success: function(data) {
6593                        if (data.available) {
6594                            showValidationSuccess($input, $validation,
6595                                'Nomor rekening tersedia');
6596                        } else {
6597                            showValidationError($input, $validation,
6598                                'Nomor rekening sudah terdaftar');
6599                        }
6600                    },
6601                    error: function(xhr) {
6602                        showValidationError($input, $validation,
6603                            'Terjadi kesalahan saat mengecek. ');
6604
6605                        $validation.append(`<a href="javascript:;" class="retry-bank" style="color: text-primary; text-decoration: underline; font-weight: bold;">↻ Coba lagi dalam 10 detik</a>`);
6606                        retryCheck($validation.find('.retry-bank'), 'validation-bank-account', 'bank_account_number');
6607                    }
6608                });
6609                    });
6610
6611        $(document).on('click', '.submit', function(e) {
6612            e.preventDefault();
6613            passValidation = 0;
6614            var values = $('.form-register').serialize();
6615
6616            const submitBtn = document.getElementById('submitBtn');
6617
6618            submitBtn.disabled = true;
6619            submitBtn.querySelector('.btn-text').classList.add('hide');
6620            submitBtn.querySelector('.spinner-border').classList.remove('hide');
6621            submitBtn.querySelector('.loading-text').classList.remove('hide');
6622
6623            let ajaxDone = false;
6624            const watchdog = setTimeout(function () {
6625                if (ajaxDone) return;
6626
6627                submitBtn.disabled = false;
6628                submitBtn.querySelector('.btn-text').classList.remove('hide');
6629                submitBtn.querySelector('.spinner-border').classList.add('hide');
6630                submitBtn.querySelector('.loading-text').classList.add('hide');
6631
6632                toastr['error']('Terjadi kesalahan. Silahkan coba lagi');
6633            }, 30000);
6634
6635            $.ajax({
6636                url: "https://unmetsdixvins.com/check-validation",
6637                type: "post",
6638                data: values,
6639                success: function (res) {
6640                    ajaxDone = true;
6641                    clearTimeout(watchdog);
6642
6643                    $.each(res, function (key, value) {
6644                        if (value == '') {
6645                            $('.error-' + key).html('').css('margin-top', '0');
6646                        } else {
6647                            passValidation = 1;
6648                            $('.error-' + key).html(value).css('margin-top', '6px');
6649                        }
6650                    });
6651
6652                    if (passValidation == 1) {
6653                        submitBtn.disabled = false;
6654                        submitBtn.querySelector('.btn-text').classList.remove('hide');
6655                        submitBtn.querySelector('.spinner-border').classList.add('hide');
6656                        submitBtn.querySelector('.loading-text').classList.add('hide');
6657
6658                                            } else {
6659                        $('.form-register').submit();
6660                    }
6661                },
6662                error: function (jqXHR, textStatus, errorThrown) {
6663                    ajaxDone = true;
6664                    clearTimeout(watchdog);
6665
6666                    submitBtn.disabled = false;
6667                    submitBtn.querySelector('.btn-text').classList.remove('hide');
6668                    submitBtn.querySelector('.spinner-border').classList.add('hide');
6669                    submitBtn.querySelector('.loading-text').classList.add('hide');
6670
6671                    toastr['error']('Terjadi kesalahan. Silahkan coba lagi');
6672                }
6673            });
6674        });
6675
6676        
6677        function retryCheck(btn, validationClass, triggerField) {
6678            const $btn = $(btn);
6679            const $validation = $('.' + validationClass);
6680
6681            $btn.data('ready', false);
6682            $btn.css('opacity', '0.5');
6683
6684            let countdown = 10;
6685
6686            const interval = setInterval(function() {
6687                countdown--;
6688                if (countdown <= 0) {
6689                    clearInterval(interval);
6690                    $btn.text('↻ Coba lagi').css('opacity', '1').data('ready', true);
6691                } else {
6692                    $btn.text(`↻ Coba lagi dalam ${countdown} detik`);
6693                }
6694            }, 1000);
6695
6696            $btn.off('click').on('click', function() {
6697                if ($btn.data('ready') !== true) return;
6698
6699                const $field = $('#' + triggerField);
6700                $field.data('retrying', true);
6701                $field.trigger('blur');
6702                $field.removeData('retrying');
6703            });
6704        }       
6705    </script>
6705
6706    
6706<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2f1e46cffb0b4e3d939259857ac0a680","r":1,"spa":2}' crossorigin="anonymous"></script>
6706
6707</body>
6708
6709</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.