PageSourceSearch

https://multqa.ae/anesong/

html multqa.ae collected 2026-10-04 14:23:41 UTC 54,469 bytes, 1,928 lines download raw bytes

1
2
3
4<!doctype html>
5<html amp lang="id">
6
7<head>
8    <meta charset="UTF-8">
9    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
10    <title>VEGAS123 Akses Game Online Terbaru dengan Tampilan Modern dan Responsif </title>
11    <meta name="description"
12        content="VEGAS123 menawarkan akses informasi permainan online melalui tampilan modern dan responsif dengan navigasi praktis yang nyaman digunakan pada desktop maupun ponsel.">
13    <link rel="canonical" href="https://multqa.ae/">
14    <link rel="alternate" hreflang="id-ID" href="https://multqa.ae/">
15    <link rel="alternate" hreflang="x-default" href="https://multqa.ae/">
16    <meta name="robots" content="index, follow">
17    <meta property="og:type" content="website">
18    <meta property="og:locale" content="id_ID">
19    <meta property="og:title"
20        content="VEGAS123 Akses Game Online Terbaru dengan Tampilan Modern dan Responsif ">
21    <meta property="og:description"
22        content="VEGAS123 menawarkan akses informasi permainan online melalui tampilan modern dan responsif dengan navigasi praktis yang nyaman digunakan pada desktop maupun ponsel.">
23    <meta property="og:url" content="https://multqa.ae/">
24    <meta property="og:site_name" content="VEGAS123">
25    <meta property="og:image" content="https://res.cloudinary.com/dxnliqb73/image/upload/v1790253818/image_9_yie55e.jpg">
26    <meta name="author" content="VEGAS123">
27    <meta name="publisher" content="VEGAS123">
28    
28<script async src="https://cdn.ampproject.org/v0.js"></script>
28
29    <link rel="preconnect" href="https://fonts.googleapis.com">
30    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31    <link rel="icon" type="image/x-icon"
32        href="https://res.cloudinary.com/pxkyqwi2/image/upload/v1785666750/fav_zt4akp.png">
33    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@500;700&display=swap"
34        rel="stylesheet">
35    <style amp-boilerplate>
36        body {
37            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
38            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
39            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
40            animation: -amp-start 8s steps(1, end) 0s 1 normal both
41        }
42
43        @-webkit-keyframes -amp-start {
44            from {
45                visibility: hidden
46            }
47
48            to {
49                visibility: visible
50            }
51        }
52
53        @-moz-keyframes -amp-start {
54            from {
55                visibility: hidden
56            }
57
58            to {
59                visibility: visible
60            }
61        }
62
63        @-ms-keyframes -amp-start {
64            from {
65                visibility: hidden
66            }
67
68            to {
69                visibility: visible
70            }
71        }
72
73        @-o-keyframes -amp-start {
74            from {
75                visibility: hidden
76            }
77
78            to {
79                visibility: visible
80            }
81        }
82
83        @keyframes -amp-start {
84            from {
85                visibility: hidden
86            }
87
88            to {
89                visibility: visible
90            }
91        }
92    </style><noscript>
93        <style amp-boilerplate>
94            body {
95                -webkit-animation: none;
96                -moz-animation: none;
97                -ms-animation: none;
98                animation: none
99            }
100        </style>
101    </noscript>
102
103    <style amp-custom>
104        /* ============ VARIABLES ============ */
105        :root {
106            --bg: #0c0902;
107            --bg-2: #171003;
108            --bg-3: #030200;
109
110            --red: #d4af37;
111            --red-bright: #ffd86b;
112            --red-soft: #f7e2a1;
113            --red-deep: #8f6800;
114
115            --fire: #1d1403;
116
117            --gold: #d4af37;
118            --gold-bright: #ffe08a;
119            --gold-soft: #f8e7b0;
120            --gold-deep: #7a5700;
121
122            --silver: #e8e8e8;
123            --silver-dark: #9a9a9a;
124        }
125
126        * {
127            box-sizing: border-box;
128            -webkit-tap-highlight-color: transparent
129        }
130
131        html,
132        body {
133            margin: 0;
134            padding: 0
135        }
136
137        /* ============ BACKGROUND ============ */
138        body {
139            min-height: 100vh;
140            font-family: 'Press Start 2P', cursive;
141            color: var(--gold-soft);
142            position: relative;
143            overflow-x: hidden;
144            background:
145                radial-gradient(ellipse at 50% -10%, rgba(255, 92, 42, 0.4), transparent 55%),
146                radial-gradient(ellipse at 50% 110%, rgba(255, 92, 42, 0.4), transparent 55%),
147                linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 50%, #000000 100%);
148        }
149
150        body::before {
151            content: "";
152            position: fixed;
153            inset: 0;
154            background:
155                repeating-linear-gradient(to bottom,
156                    transparent 0 2px,
157                    rgba(255, 255, 255, .03) 2px 3px,
158                    transparent 3px 5px),
159                radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.75) 100%);
160            pointer-events: none;
161            z-index: 1;
162        }
163
164        .ticker {
165            position: relative;
166            z-index: 10;
167            max-width: 460px;
168            margin: 24px auto 0;
169            overflow: hidden;
170
171            background:
172                linear-gradient(90deg,
173                    rgb(0, 0, 0) 0%,
174                    rgb(0 0 0 / 95%) 50%,
175                    rgb(0, 0, 0) 100%);
176
177            border: 1px solid var(--gold);
178            border-radius: 8px 8px 0 0;
179            border-bottom: none;
180
181            box-shadow:
182                0 0 12px rgba(255, 74, 42, 0.5),
183                inset 0 0 8px rgba(0, 0, 0, .6);
184
185            padding: 7px 0;
186
187            font-family: 'Press Start 2P', cursive;
188            font-size: 9px;
189            letter-spacing: 1px;
190
191            color: var(--gold-soft);
192
193            mask-image:
194                linear-gradient(90deg,
195                    transparent 0,
196                    #000 6%,
197                    #000 94%,
198                    transparent 100%);
199
200            -webkit-mask-image:
201                linear-gradient(90deg,
202                    transparent 0,
203                    #000 6%,
204                    #000 94%,
205                    transparent 100%);
206        }
207
208        .ticker-inner {
209            display: inline-block;
210            white-space: nowrap;
211            animation: tickerScroll 24s linear infinite;
212            will-change: transform;
213            padding-left: 100%;
214        }
215
216        .ticker-inner span {
217            padding: 0 22px;
218        }
219
220        .ticker-inner .hl {
221            color: var(--gold-bright);
222            text-shadow:
223                0 0 6px var(--gold);
224        }
225
226        .ticker-inner .sep {
227            color: var(--red-bright);
228            padding: 0 6px;
229        }
230
231        @keyframes tickerScroll {
232            0% {
233                transform: translate3d(0, 0, 0);
234            }
235
236            100% {
237                transform: translate3d(-100%, 0, 0);
238            }
239        }
240
241        /* ============ LIVE PLAYER STRIP ============ */
242        .live-strip {
243            display: inline-flex;
244            align-items: center;
245            gap: 7px;
246            margin: 0 auto 12px;
247            padding: 5px 14px;
248            font-family: 'Press Start 2P', cursive;
249            font-size: 8px;
250            letter-spacing: 1.2px;
251            color: #e8ffe8;
252            background: linear-gradient(180deg, rgba(0, 60, 20, .95), rgba(0, 30, 10, .95));
253            border: 1px solid #22c55e;
254            border-radius: 30px;
255            box-shadow:
256                0 0 10px rgba(34, 197, 94, .45),
257                inset 0 0 6px rgba(34, 197, 94, .15);
258        }
259
260        .live-strip .live-dot {
261            width: 7px;
262            height: 7px;
263            border-radius: 50%;
264            background: #22c55e;
265            box-shadow: 0 0 8px #22c55e, 0 0 12px #22c55e;
266            animation: dotBlink 1.4s ease-in-out infinite;
267        }
268
269        .live-strip strong {
270            color: #fff;
271            font-size: 10px;
272            text-shadow: 0 0 6px #22c55e;
273            letter-spacing: .5px;
274        }
275
276        /* ============ CORNER ORNAMENTS (4 pojok arcade) ============ */
277        .corner {
278            position: absolute;
279            width: 16px;
280            height: 16px;
281            pointer-events: none;
282            z-index: 3;
283        }
284
285        .corner.c-tl {
286            top: -2px;
287            left: -2px;
288            border-top: 3px solid var(--gold-bright);
289            border-left: 3px solid var(--gold-bright);
290            border-top-left-radius: 14px;
291            box-shadow: -1px -1px 10px rgba(255, 224, 102, .65);
292        }
293
294        .corner.c-tr {
295            top: -2px;
296            right: -2px;
297            border-top: 3px solid var(--gold-bright);
298            border-right: 3px solid var(--gold-bright);
299            border-top-right-radius: 14px;
300            box-shadow: 1px -1px 10px rgba(255, 224, 102, .65);
301        }
302
303        .corner.c-bl {
304            bottom: -2px;
305            left: -2px;
306            border-bottom: 3px solid var(--gold-bright);
307            border-left: 3px solid var(--gold-bright);
308            border-bottom-left-radius: 14px;
309            box-shadow: -1px 1px 10px rgba(255, 224, 102, .65);
310        }
311
312        .corner.c-br {
313            bottom: -2px;
314            right: -2px;
315            border-bottom: 3px solid var(--gold-bright);
316            border-right: 3px solid var(--gold-bright);
317            border-bottom-right-radius: 14px;
318            box-shadow: 1px 1px 10px rgba(255, 224, 102, .65);
319        }
320
321        /* ============ ARCADE FRAME ============ */
322        .arcade-frame {
323            position: relative;
324            z-index: 2;
325
326            max-width: 460px;
327            margin: 0 auto 24px;
328
329            background:
330                radial-gradient(circle at top,
331                    rgba(255, 93, 43, 0.1),
332                    transparent 45%),
333                linear-gradient(180deg,
334                    rgb(0 0 0 / 96%),
335                    rgba(5, 9, 28, 0.96));
336
337            border: 3px solid var(--gold);
338            border-radius: 14px;
339
340            box-shadow:
341                0 0 18px rgba(255, 93, 43, 0.55),
342                0 0 40px rgba(180, 51, 0, 0.28),
343                inset 0 0 25px rgba(0, 0, 0, .85),
344                inset 0 0 0 1px rgba(255, 110, 43, 0.2);
345
346            /* Anti-jank: paksa GPU layer untuk thunderShake */
347            will-change: transform;
348            transform: translate3d(0, 0, 0);
349            contain: layout paint;
350        }
351
352        /* ============ SCREEN ============ */
353        .screen {
354            padding: 14px 18px 18px;
355            text-align: center;
356            position: relative;
357        }
358
359        /* ============ TRUST BADGES (top row) ============ */
360        .badges {
361            display: flex;
362            justify-content: space-between;
363            align-items: center;
364            gap: 8px;
365            margin: 0 0 14px;
366        }
367
368        .badge {
369            font-family: 'Press Start 2P', cursive;
370            font-size: 7px;
371
372            padding: 5px 8px;
373            border-radius: 4px;
374
375            letter-spacing: 1px;
376            white-space: nowrap;
377
378            border: 1px solid var(--gold-deep);
379
380            background:
381                linear-gradient(135deg,
382                    #000a2b,
383                    #000000);
384
385            color: #ffffff;
386
387            box-shadow:
388                0 0 6px rgba(255, 93, 43, 0.4),
389                inset 0 0 8px rgba(43, 93, 255, 0.08);
390        }
391
392        .badge.gold {
393            background:
394                linear-gradient(135deg,
395                    var(--gold-bright),
396                    var(--gold-deep));
397
398            color: #000000;
399            border-color: var(--gold-bright);
400
401            text-shadow:
402                0 1px 0 rgba(255, 255, 255, .3);
403
404            box-shadow:
405                0 0 8px rgba(255, 192, 46, .45),
406                inset 0 0 8px rgba(255, 255, 255, .18);
407        }
408
409        .badge .dot {
410            display: inline-block;
411
412            width: 7px;
413            height: 7px;
414
415            border-radius: 50%;
416
417            background: #ff802b;
418
419            box-shadow:
420                0 0 6px #ff672b,
421                0 0 12px rgba(255, 110, 43, 0.65);
422
423            vertical-align: middle;
424            margin-right: 5px;
425
426            animation: dotBlink 1.6s ease-in-out infinite;
427        }
428
429        @keyframes dotBlink {
430
431            0%,
432            100% {
433                opacity: 1;
434                transform: scale(1);
435            }
436
437            50% {
438                opacity: .4;
439                transform: scale(.85);
440            }
441        }
442
443        /* ============ LOGO (Chrome + Gold) ============ */
444        .logo {
445            margin: 6px 0 16px;
446            font-size: 36px;
447            font-weight: bold;
448            letter-spacing: 3px;
449            text-transform: uppercase;
450            line-height: 1;
451            position: relative;
452            display: inline-block;
453            background: linear-gradient(180deg,
454                    #ffffff 0%,
455                    #f4f4f4 20%,
456                    #b8b8b8 50%,
457                    #ffffff 75%,
458                    #cccccc 100%);
459            background-size: 100% 250%;
460            background-position: 0% 0%;
461            -webkit-background-clip: text;
462            background-clip: text;
463            -webkit-text-fill-color: transparent;
464            color: transparent;
465            -webkit-text-stroke: 1.5px var(--gold);
466            filter:
467                drop-shadow(0 0 8px rgba(255, 192, 46, .85)) drop-shadow(0 0 16px rgba(255, 102, 42, 0.6)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95));
468            animation: logoShimmer 3.4s ease-in-out infinite;
469        }
470
471        /* "77" Red Jersey Style */
472        .logo span {
473            background: linear-gradient(180deg,
474                    #b8ebff 0%,
475                    #ff8750 30%,
476                    var(--red-bright) 55%,
477                    #8a2000 80%,
478                    var(--red-bright) 100%);
479            background-size: 100% 250%;
480            -webkit-background-clip: text;
481            background-clip: text;
482            -webkit-text-fill-color: transparent;
483            color: transparent;
484            -webkit-text-stroke: 1.5px #fff;
485            filter: drop-shadow(0 0 8px rgba(42, 170, 255, 0.164)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95));
486            animation: logoShimmer 3.4s ease-in-out infinite .4s;
487            margin-left: 6px;
488        }
489
490        @keyframes logoShimmer {
491
492            0%,
493            100% {
494                background-position: 0% 0%
495            }
496
497            50% {
498                background-position: 0% 100%
499            }
500        }
501
502        /* ============ HERO IMAGE ============ */
503        .hero {
504            position: relative;
505            margin: 0 0 6px;
506        }
507
508        .hero-media {
509            position: relative;
510            border-radius: 10px;
511            overflow: hidden;
512            box-shadow:
513                0 0 0 2px var(--gold),
514                0 0 22px rgba(255, 192, 46, 0),
515                0 0 50px rgba(255, 42, 60, 0);
516        }
517
518        .hero-media amp-img {
519            display: block
520        }
521
522        /* ============ BOOT OVERLAY ============ */
523        .boot-overlay {
524            position: absolute;
525            inset: 0;
526
527            background:
528                radial-gradient(circle at center,
529                    rgba(255, 85, 43, 0.18),
530                    transparent 55%),
531                linear-gradient(180deg,
532                    #7a1800 0%,
533                    #7a1800 55%,
534                    #000112 100%);
535
536            z-index: 6;
537
538            display: flex;
539            align-items: center;
540            justify-content: center;
541
542            animation: bootFadeOut .6s ease-out 2.4s forwards;
543
544            pointer-events: none;
545
546            box-shadow:
547                inset 0 0 60px rgba(0, 0, 0, .7);
548        }
549
550        .boot-logo {
551            font-family: 'Press Start 2P', cursive;
552            font-size: 26px;
553
554            color: var(--gold);
555
556            text-shadow:
557                0 0 10px var(--gold),
558                0 0 22px var(--red-bright),
559                0 0 38px rgba(180, 41, 6, 0.8);
560
561            opacity: 0;
562            transform: translateY(-150px);
563
564            animation:
565                logoDrop 1.2s cubic-bezier(.25, 1, .5, 1) forwards,
566                glitchEffect .25s steps(2) 1.2s 6;
567
568            will-change: transform;
569        }
570
571        .boot-logo span {
572            font-size: 11px;
573            vertical-align: top;
574            margin-left: 3px;
575
576            color: var(--red-soft);
577
578            text-shadow:
579                0 0 8px rgba(180, 41, 6, 0.8);
580        }
581
582        @keyframes logoDrop {
583            0% {
584                opacity: 1;
585                transform: translateY(-150px);
586            }
587
588            60% {
589                transform: translateY(8px);
590            }
591
592            80% {
593                transform: translateY(-3px);
594            }
595
596            100% {
597                opacity: 1;
598                transform: translateY(0);
599            }
600        }
601
602        @keyframes glitchEffect {
603
604            0%,
605            100% {
606                text-shadow:
607                    2px 0 var(--red-bright),
608                    -2px 0 #ff3300,
609                    0 0 10px var(--gold);
610
611                transform: translate(0);
612            }
613
614            25% {
615                text-shadow:
616                    -2px 0 var(--red-bright),
617                    2px 0 #ff7a00,
618                    0 0 14px rgba(255, 103, 43, 0.8);
619
620                transform: translate(1px, -1px);
621            }
622
623            50% {
624                text-shadow:
625                    2px 0 var(--red-bright),
626                    -2px 0 #ff7a00,
627                    0 0 18px rgba(255, 103, 43, 0.8);
628
629                transform: translate(-1px, 1px);
630            }
631        }
632
633        @keyframes bootFadeOut {
634            to {
635                opacity: 0;
636                visibility: hidden;
637            }
638        }
639
640        /* ============ MENU ============ */
641        .menu {
642            margin-top: 18px;
643            display: block
644        }
645
646        .menu a {
647            display: block;
648            position: relative;
649            margin: 12px 0;
650            padding: 18px 14px;
651            font-size: 13px;
652            font-weight: bold;
653            letter-spacing: 3px;
654            text-decoration: none;
655            text-transform: uppercase;
656            text-align: center;
657            background: linear-gradient(180deg, rgba(60, 26, 12, 0.95), rgba(0, 0, 0, 0.95));
658            border: 2px solid #e9ce10;
659            border-radius: 6px;
660            overflow: hidden;
661            transition: transform .15s ease;
662            animation: menuBreath 2.6s ease-in-out infinite;
663        }
664
665        .menu a:nth-child(2) {
666            animation-delay: -.85s
667        }
668
669        .menu a:nth-child(3) {
670            animation-delay: -1.7s
671        }
672
673        @keyframes menuBreath {
674
675            0%,
676            100% {
677                border-color: var(--gold-deep);
678                color: var(--gold-soft);
679                box-shadow:
680                    0 0 10px rgba(255, 110, 42, 0.35),
681                    inset 0 0 14px rgba(255, 192, 46, .06);
682            }
683
684            50% {
685                border-color: var(--gold);
686                color: #ffffff;
687                box-shadow:
688                    0 0 22px var(--red-bright),
689                    0 0 36px rgba(255, 110, 42, 0.55),
690                    inset 0 0 24px rgba(255, 192, 46, .22);
691            }
692        }
693
694        .menu a:hover {
695            color: #fff;
696            animation-play-state: paused;
697            border-color: var(--gold);
698            box-shadow:
699                0 0 26px #a32e00,
700                0 0 42px rgba(255, 120, 42, 0.6),
701                inset 0 0 28px rgba(255, 192, 46, 0.25);
702        }
703
704        .menu a:active {
705            transform: scale(.97);
706        }
707
708        .menu a::after {
709            content: "";
710            position: absolute;
711            top: 0;
712            left: -75%;
713            width: 50%;
714            height: 100%;
715            background: linear-gradient(100deg,
716                    transparent 0%,
717                    rgba(255, 255, 255, .25) 50%,
718                    transparent 100%);
719            transform: skewX(-20deg);
720            animation: menuSweep 3.6s ease-in-out infinite;
721            pointer-events: none;
722        }
723
724        .menu a:nth-child(2)::after {
725            animation-delay: 1.2s;
726        }
727
728        .menu a:nth-child(3)::after {
729            animation-delay: 2.4s;
730        }
731
732        @keyframes menuSweep {
733
734            0%,
735            55% {
736                left: -75%;
737            }
738
739            90%,
740            100% {
741                left: 150%;
742            }
743        }
744
745        /* ============ AMAN BADGE (between menu & features) ============ */
746        .aman-badge {
747            margin: 16px auto 8px;
748            display: inline-block;
749            padding: 8px 18px;
750            font-family: 'Press Start 2P', cursive;
751            font-size: 9px;
752            letter-spacing: 1.5px;
753            background: linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 50%, var(--gold-deep) 100%);
754            color: #000;
755            border: 2px solid #fff;
756            border-radius: 30px;
757            box-shadow:
758                0 0 12px var(--gold),
759                0 0 24px rgba(255, 192, 46, .5),
760                inset 0 1px 0 rgba(255, 255, 255, .5);
761            text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
762            animation: amanPulse 2s ease-in-out infinite;
763        }
764
765        .aman-badge .star {
766            color: var(--red-bright);
767            font-size: 11px;
768            vertical-align: middle
769        }
770
771        @keyframes amanPulse {
772
773            0%,
774            100% {
775                transform: scale(1);
776                box-shadow: 0 0 12px var(--gold), 0 0 24px rgba(255, 192, 46, .5), inset 0 1px 0 rgba(255, 255, 255, .5)
777            }
778
779            50% {
780                transform: scale(1.04);
781                box-shadow: 0 0 20px var(--gold), 0 0 36px rgba(255, 192, 46, .7), inset 0 1px 0 rgba(255, 255, 255, .5)
782            }
783        }
784
785        /* ============ FEATURE GRID ============ */
786        .features {
787            display: grid;
788            grid-template-columns: repeat(4, 1fr);
789            gap: 5px;
790            margin: 14px 0 0;
791        }
792
793        .feature {
794            background: linear-gradient(180deg, rgba(60, 22, 15, 0.85), rgba(0, 0, 0, .85));
795            border: 1px solid var(--gold-deep);
796            border-radius: 5px;
797            padding: 8px 4px 7px;
798            text-align: center;
799            position: relative;
800            overflow: hidden;
801        }
802
803        .feature::before {
804            content: "";
805            position: absolute;
806            top: -15px;
807            left: 50%;
808            width: 30px;
809            height: 30px;
810            margin-left: -15px;
811            background: radial-gradient(circle, rgba(255, 92, 42, 0.4), transparent 70%);
812            pointer-events: none;
813        }
814
815        .feature-icon {
816            font-family: 'Rajdhani', sans-serif;
817            font-size: 18px;
818            font-weight: 900;
819            color: var(--gold);
820            text-shadow: 0 0 6px var(--gold), 0 0 12px var(--red-bright);
821            line-height: 1;
822            margin-bottom: 4px;
823        }
824
825        .feature-title {
826            font-family: 'Press Start 2P', cursive;
827            font-size: 7px;
828            color: #fff;
829            letter-spacing: .5px;
830            margin-bottom: 3px;
831            line-height: 1.3;
832        }
833
834        .feature-sub {
835            font-family: 'Rajdhani', sans-serif;
836            font-size: 10px;
837            font-weight: 700;
838            color: var(--gold-soft);
839            letter-spacing: .3px;
840            line-height: 1.2;
841        }
842
843        /* ============ PAYMENT STRIP ============ */
844        .payments {
845            margin-top: 12px;
846            padding: 10px 8px;
847            border: 1px solid var(--gold-deep);
848            border-radius: 6px;
849            background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(26, 7, 7, .7));
850        }
851
852        .pay-title {
853            font-family: 'Press Start 2P', cursive;
854            font-size: 7px;
855            color: var(--gold);
856            letter-spacing: 1.5px;
857            margin-bottom: 8px;
858            text-align: center;
859            text-shadow: 0 0 6px var(--gold-deep);
860        }
861
862        .pay-list {
863            display: flex;
864            flex-wrap: wrap;
865            justify-content: center;
866            gap: 4px;
867        }
868
869        .pay {
870            font-family: 'Rajdhani', sans-serif;
871            font-size: 10px;
872            font-weight: 700;
873            letter-spacing: .3px;
874            padding: 4px 8px;
875            border-radius: 3px;
876            background: linear-gradient(180deg, #fff 0%, #d8d8d8 100%);
877            color: #481e0d;
878            border: 1px solid #6a6a6a;
879            box-shadow: 0 1px 2px rgba(0, 0, 0, .55);
880            line-height: 1;
881        }
882
883        .pay.mandiri {
884            color: #852508;
885            background: linear-gradient(180deg, #ff3c00, #ff3c00)
886        }
887
888        .pay.bni {
889            color: #852508;
890            background: linear-gradient(180deg, #ff3c00, #ff3c00);
891            color: #fff
892        }
893
894        .pay.bri {
895            background: linear-gradient(180deg, #7a2700, #542200);
896            color: #fff;
897            border-color: #001a3d
898        }
899
900        .pay.cimb {
901            background: linear-gradient(180deg, #e9ce10, #e9ce10);
902            color: #fff;
903            border-color: #852508
904        }
905
906        .pay.dana {
907            background: linear-gradient(180deg, #e9ce10, #e9ce10);
908            color: #fff;
909            border-color: #852508
910        }
911
912        .pay.ovo {
913            background: linear-gradient(180deg, #8e603a, #8e603a);
914            color: #fff;
915            border-color: #402713
916        }
917
918        .pay.gopay {
919            background: linear-gradient(180deg, #aa3000, #aa3000);
920            color: #fff;
921            border-color: #aa3000
922        }
923
924        /* ============ CREDIT TAG ============ */
925        .VEGAS123 {
926            display: inline-block;
927            margin-top: 14px;
928            padding: 6px 14px;
929            font-size: 10px;
930            font-weight: bold;
931            letter-spacing: 2px;
932            color: #fff;
933            text-transform: uppercase;
934            border: 1px solid rgba(255, 255, 255, .5);
935            border-radius: 4px;
936            background: linear-gradient(135deg, #2b1700, #000);
937            box-shadow:
938                0 0 6px rgba(255, 140, 0, .4),
939                inset 0 0 4px rgba(255, 255, 255, .1);
940            transition: .3s ease;
941        }
942
943        .VEGAS123:hover {
944            color: var(--gold-soft);
945            border-color: var(--gold);
946            box-shadow: 0 0 12px var(--gold), 0 0 22px rgba(255, 140, 0, .5);
947        }
948
949        /* ============ SEO CONTENT ============ */
950        .seo-content {
951            margin-top: 16px;
952            padding: 14px 4px 0;
953            border-top: 2px dashed var(--gold-deep);
954            text-align: left;
955        }
956
957        .seo-content h1 {
958            font-size: 13px;
959            margin: 0 0 10px;
960            color: var(--gold);
961            text-shadow: 0 0 8px var(--gold-deep);
962            text-transform: uppercase;
963            letter-spacing: 2px;
964            line-height: 1.4;
965        }
966
967        .seo-content p {
968            font-family: 'Rajdhani', sans-serif;
969            margin: 0;
970            font-size: 14px;
971            line-height: 1.6;
972            color: #e8e8e8;
973            opacity: .92;
974            letter-spacing: .3px;
975        }
976
977        /* ============ FOOTER ============ */
978        .footer {
979            padding: 12px;
980            text-align: center;
981            border-top: 2px solid #ff3300;
982            font-size: 9px;
983            letter-spacing: 1.5px;
984            color: var(--gold-soft);
985            opacity: .85;
986            background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
987        }
988
989        /* ============ RAIN (Hujan Deras) ============ */
990        .rain-container {
991            position: fixed;
992            inset: 0;
993            pointer-events: none;
994            z-index: 3;
995            overflow: hidden;
996            contain: strict;
997        }
998
999        .drop {
1000            position: absolute;
1001            top: -20vh;
1002            width: 2px;
1003            height: 90px;
1004            background: linear-gradient(180deg,
1005                    transparent 0%,
1006                    rgba(224, 198, 174, 0.35) 40%,
1007                    rgba(220, 235, 255, .95) 100%);
1008            border-radius: 50% 50% 50% 50% / 80% 80% 20% 20%;
1009            filter: blur(.4px);
1010            opacity: 0;
1011            box-shadow: 0 0 4px rgba(255, 210, 180, 0.55);
1012            animation: rainFall linear infinite;
1013            will-change: transform;
1014        }
1015
1016        @keyframes rainFall {
1017            0% {
1018                transform: translate3d(0, -20vh, 0);
1019                opacity: 0
1020            }
1021
1022            8% {
1023                opacity: .9
1024            }
1025
1026            92% {
1027                opacity: .9
1028            }
1029
1030            100% {
1031                transform: translate3d(-40px, 120vh, 0);
1032                opacity: 0
1033            }
1034        }
1035
1036        .drop:nth-child(1) {
1037            left: 2%;
1038            height: 70px;
1039            animation-duration: .70s;
1040            animation-delay: -.10s
1041        }
1042
1043        .drop:nth-child(2) {
1044            left: 6%;
1045            height: 110px;
1046            animation-duration: .90s;
1047            animation-delay: -.40s
1048        }
1049
1050        .drop:nth-child(3) {
1051            left: 10%;
1052            height: 80px;
1053            animation-duration: .60s;
1054            animation-delay: -.20s
1055        }
1056
1057        .drop:nth-child(4) {
1058            left: 14%;
1059            height: 120px;
1060            animation-duration: 1.10s;
1061            animation-delay: -.50s
1062        }
1063
1064        .drop:nth-child(5) {
1065            left: 18%;
1066            height: 60px;
1067            animation-duration: .80s;
1068            animation-delay: -.70s
1069        }
1070
1071        .drop:nth-child(6) {
1072            left: 22%;
1073            height: 90px;
1074            animation-duration: .70s;
1075            animation-delay: -.30s
1076        }
1077
1078        .drop:nth-child(7) {
1079            left: 26%;
1080            height: 100px;
1081            animation-duration: 1.00s;
1082            animation-delay: -.60s
1083        }
1084
1085        .drop:nth-child(8) {
1086            left: 30%;
1087            height: 75px;
1088            animation-duration: .85s;
1089            animation-delay: -.10s
1090        }
1091
1092        .drop:nth-child(9) {
1093            left: 34%;
1094            height: 130px;
1095            animation-duration: 1.20s;
1096            animation-delay: -.80s
1097        }
1098
1099        .drop:nth-child(10) {
1100            left: 38%;
1101            height: 95px;
1102            animation-duration: .90s;
1103            animation-delay: -.40s
1104        }
1105
1106        .drop:nth-child(11) {
1107            left: 42%;
1108            height: 70px;
1109            animation-duration: .65s;
1110            animation-delay: -.20s
1111        }
1112
1113        .drop:nth-child(12) {
1114            left: 46%;
1115            height: 110px;
1116            animation-duration: 1.05s;
1117            animation-delay: -.55s
1118        }
1119
1120        .drop:nth-child(13) {
1121            left: 50%;
1122            height: 85px;
1123            animation-duration: .80s;
1124            animation-delay: -.70s
1125        }
1126
1127        .drop:nth-child(14) {
1128            left: 54%;
1129            height: 100px;
1130            animation-duration: .95s;
1131            animation-delay: -.35s
1132        }
1133
1134        .drop:nth-child(15) {
1135            left: 58%;
1136            height: 120px;
1137            animation-duration: 1.15s;
1138            animation-delay: -.50s
1139        }
1140
1141        .drop:nth-child(16) {
1142            left: 62%;
1143            height: 75px;
1144            animation-duration: .70s;
1145            animation-delay: -.25s
1146        }
1147
1148        .drop:nth-child(17) {
1149            left: 66%;
1150            height: 90px;
1151            animation-duration: .85s;
1152            animation-delay: -.60s
1153        }
1154
1155        .drop:nth-child(18) {
1156            left: 70%;
1157            height: 65px;
1158            animation-duration: .60s;
1159            animation-delay: -.40s
1160        }
1161
1162        .drop:nth-child(19) {
1163            left: 74%;
1164            height: 115px;
1165            animation-duration: 1.10s;
1166            animation-delay: -.75s
1167        }
1168
1169        .drop:nth-child(20) {
1170            left: 78%;
1171            height: 80px;
1172            animation-duration: .80s;
1173            animation-delay: -.15s
1174        }
1175
1176        .drop:nth-child(21) {
1177            left: 82%;
1178            height: 100px;
1179            animation-duration: .95s;
1180            animation-delay: -.50s
1181        }
1182
1183        .drop:nth-child(22) {
1184            left: 86%;
1185            height: 70px;
1186            animation-duration: .70s;
1187            animation-delay: -.30s
1188        }
1189
1190        .drop:nth-child(23) {
1191            left: 90%;
1192            height: 125px;
1193            animation-duration: 1.20s;
1194            animation-delay: -.85s
1195        }
1196
1197        .drop:nth-child(24) {
1198            left: 94%;
1199            height: 90px;
1200            animation-duration: .85s;
1201            animation-delay: -.45s
1202        }
1203
1204        .drop:nth-child(25) {
1205            left: 98%;
1206            height: 75px;
1207            animation-duration: .75s;
1208            animation-delay: -.20s
1209        }
1210
1211        .drop:nth-child(26) {
1212            left: 8%;
1213            height: 55px;
1214            animation-duration: .55s;
1215            animation-delay: -.50s
1216        }
1217
1218        .drop:nth-child(27) {
1219            left: 28%;
1220            height: 60px;
1221            animation-duration: .60s;
1222            animation-delay: -.65s
1223        }
1224
1225        .drop:nth-child(28) {
1226            left: 48%;
1227            height: 55px;
1228            animation-duration: .55s;
1229            animation-delay: -.15s
1230        }
1231
1232        .drop:nth-child(29) {
1233            left: 68%;
1234            height: 65px;
1235            animation-duration: .60s;
1236            animation-delay: -.35s
1237        }
1238
1239        .drop:nth-child(30) {
1240            left: 88%;
1241            height: 60px;
1242            animation-duration: .60s;
1243            animation-delay: -.55s
1244        }
1245
1246        /* ============ LIGHTNING FLASH (Petir Kilat) ============ */
1247        .lightning {
1248            position: fixed;
1249            inset: 0;
1250            pointer-events: none;
1251            z-index: 4;
1252            background: transparent;
1253            mix-blend-mode: screen;
1254            animation: lightningFlash 9s ease-in-out infinite;
1255            will-change: background-color;
1256        }
1257
1258        @keyframes lightningFlash {
1259
1260            0%,
1261            17%,
1262            21%,
1263            23%,
1264            25%,
1265            27%,
1266            59%,
1267            61%,
1268            63%,
1269            100% {
1270                background: transparent
1271            }
1272
1273            18% {
1274                background: rgba(255, 255, 255, .92)
1275            }
1276
1277            19% {
1278                background: rgba(255, 255, 255, .35)
1279            }
1280
1281            20% {
1282                background: rgba(255, 214, 180, 0.65)
1283            }
1284
1285            22% {
1286                background: rgba(255, 255, 255, .85)
1287            }
1288
1289            24% {
1290                background: rgba(255, 190, 160, 0.5)
1291            }
1292
1293            26% {
1294                background: rgba(255, 255, 255, .7)
1295            }
1296
1297            60% {
1298                background: rgba(255, 255, 255, .95)
1299            }
1300
1301            62% {
1302                background: rgba(255, 201, 170, 0.6)
1303            }
1304        }
1305
1306        /* ============ LIGHTNING BOLT (Visual Kilat) ============ */
1307        .bolt {
1308            position: fixed;
1309            top: -4%;
1310            left: 22%;
1311            width: 90px;
1312            height: 60vh;
1313            pointer-events: none;
1314            z-index: 5;
1315            opacity: 0;
1316            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 240' preserveAspectRatio='none'><polygon points='38,0 8,108 28,108 4,240 56,92 32,92 52,0' fill='white' stroke='%23a8c8ff' stroke-width='1.2'/></svg>") center/contain no-repeat;
1317            filter:
1318                drop-shadow(0 0 6px #fff) drop-shadow(0 0 16px rgba(0, 149, 255, 0.65)) drop-shadow(0 0 32px rgba(0, 149, 255, 0.65)) drop-shadow(0 0 60px rgba(255, 144, 80, 0.55));
1319            animation: boltFlash 9s ease-in-out infinite;
1320            will-change: opacity, transform;
1321        }
1322
1323        .bolt.b2 {
1324            left: auto;
1325            right: 14%;
1326            top: -2%;
1327            height: 55vh;
1328            width: 78px;
1329            animation-delay: -4.5s;
1330            transform: scaleX(-1) rotate(6deg);
1331        }
1332
1333        @keyframes boltFlash {
1334
1335            0%,
1336            17%,
1337            21%,
1338            24%,
1339            100% {
1340                opacity: 0;
1341                transform: translate3d(0, 0, 0)
1342            }
1343
1344            18%,
1345            19% {
1346                opacity: 1;
1347                transform: translate3d(0, 0, 0)
1348            }
1349
1350            20% {
1351                opacity: .55
1352            }
1353
1354            22% {
1355                opacity: .95;
1356                transform: translate3d(2px, 0, 0)
1357            }
1358
1359            23% {
1360                opacity: 0
1361            }
1362        }
1363
1364        /* ============ SCREEN SHAKE (Layar Bergetar saat Petir) ============ */
1365        .arcade-frame {
1366            animation: thunderShake 9s ease-in-out infinite;
1367        }
1368
1369        @keyframes thunderShake {
1370
1371            0%,
1372            16%,
1373            28%,
1374            58%,
1375            66%,
1376            100% {
1377                transform: translate3d(0, 0, 0)
1378            }
1379
1380            17% {
1381                transform: translate3d(-5px, 3px, 0)
1382            }
1383
1384            18% {
1385                transform: translate3d(6px, -4px, 0)
1386            }
1387
1388            19% {
1389                transform: translate3d(-5px, -3px, 0)
1390            }
1391
1392            20% {
1393                transform: translate3d(5px, 3px, 0)
1394            }
1395
1396            21% {
1397                transform: translate3d(-4px, 2px, 0)
1398            }
1399
1400            22% {
1401                transform: translate3d(4px, -2px, 0)
1402            }
1403
1404            23% {
1405                transform: translate3d(-3px, -1px, 0)
1406            }
1407
1408            24% {
1409                transform: translate3d(3px, 1px, 0)
1410            }
1411
1412            25% {
1413                transform: translate3d(-2px, 1px, 0)
1414            }
1415
1416            26% {
1417                transform: translate3d(2px, -1px, 0)
1418            }
1419
1420            27% {
1421                transform: translate3d(-1px, 0, 0)
1422            }
1423
1424            59% {
1425                transform: translate3d(-6px, 4px, 0)
1426            }
1427
1428            60% {
1429                transform: translate3d(7px, -3px, 0)
1430            }
1431
1432            61% {
1433                transform: translate3d(-5px, 2px, 0)
1434            }
1435
1436            62% {
1437                transform: translate3d(4px, -2px, 0)
1438            }
1439
1440            63% {
1441                transform: translate3d(-3px, 2px, 0)
1442            }
1443
1444            64% {
1445                transform: translate3d(2px, -1px, 0)
1446            }
1447
1448            65% {
1449                transform: translate3d(-1px, 0, 0)
1450            }
1451        }
1452
1453        /* ============ MOBILE ============ */
1454        @media(max-width:480px) {
1455            .ticker {
1456                max-width: 96vw;
1457                margin: 14px auto 0;
1458                padding: 6px 0;
1459                font-size: 8px
1460            }
1461
1462            .ticker-inner {
1463                animation-duration: 30s
1464            }
1465
1466            .arcade-frame {
1467                margin: 0 auto 14px;
1468                max-width: 96vw
1469            }
1470
1471            .live-strip {
1472                font-size: 7px;
1473                padding: 4px 12px
1474            }
1475
1476            .live-strip strong {
1477                font-size: 9px
1478            }
1479
1480            .corner {
1481                width: 14px;
1482                height: 14px
1483            }
1484
1485            .screen {
1486                padding: 12px 12px 16px
1487            }
1488
1489            .badge {
1490                font-size: 6px;
1491                padding: 4px 6px;
1492                letter-spacing: .5px
1493            }
1494
1495            .logo {
1496                font-size: 28px;
1497                letter-spacing: 2px
1498            }
1499
1500            .menu a {
1501                font-size: 12px;
1502                padding: 16px 10px;
1503                letter-spacing: 2px
1504            }
1505
1506            .features {
1507                gap: 4px
1508            }
1509
1510            .feature {
1511                padding: 6px 2px 5px
1512            }
1513
1514            .feature-icon {
1515                font-size: 15px
1516            }
1517
1518            .feature-title {
1519                font-size: 6px
1520            }
1521
1522            .feature-sub {
1523                font-size: 9px
1524            }
1525
1526            .pay {
1527                font-size: 9px;
1528                padding: 3px 6px
1529            }
1530
1531            .seo-content p {
1532                font-size: 13px
1533            }
1534
1535            /* ====== ANTI PATAH-PATAH (yang DIPERTAHANKAN: rain, lightning, bolt, thunderShake, glitch) ====== */
1536
1537            /* 1) Hilangkan scanline overlay full-screen (paling boros paint per frame) */
1538            body::before {
1539                display: none
1540            }
1541
1542            /* 2) MENU: matikan menuBreath (animasi box-shadow = bukan GPU = lag).
1543     Ganti pakai border subtle saja, tampilan masih hidup */
1544            .menu a {
1545                animation: none;
1546                box-shadow:
1547                    0 0 8px rgba(255, 85, 42, 0.3),
1548                    inset 0 0 10px rgba(255, 192, 46, .08);
1549            }
1550
1551            /* 3) MENU: matikan sweep gloss (animasi 'left' = layout thrash) */
1552            .menu a::after {
1553                display: none
1554            }
1555
1556            /* 4) AMAN BADGE: matikan amanPulse (box-shadow animation = repaint) */
1557            .aman-badge {
1558                animation: none
1559            }
1560
1561            /* 5) LOGO SHIMMER: matikan (background-position pada text-clip = paint mahal) */
1562            .logo,
1563            .logo span {
1564                animation: none
1565            }
1566
1567            /* 6) LOGO: kurangi drop-shadow filter dari 3 jadi 1 */
1568            .logo {
1569                filter: drop-shadow(0 0 6px rgba(255, 95, 46, 0.85)) drop-shadow(0 2px 2px rgba(0, 0, 0, .95));
1570            }
1571
1572            .logo span {
1573                filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .95));
1574            }
1575
1576            /* 7) HUJAN: matikan setiap drop ganjil-genap dgn pola (sisakan ~10 drop dari 30) */
1577            .drop:nth-child(3n+2),
1578            .drop:nth-child(3n+3) {
1579                display: none
1580            }
1581
1582            /* 8) HUJAN: hilangkan blur filter & box-shadow (paling mahal di GPU mobile) */
1583            .drop {
1584                filter: none;
1585                box-shadow: none;
1586            }
1587
1588            /* 9) BOLT PETIR: kurangi 4 drop-shadow jadi 1 (hemat 75% compositor pass per frame petir) */
1589            .bolt {
1590                width: 60px;
1591                filter: drop-shadow(0 0 10px rgba(255, 183, 180, 0.95));
1592            }
1593
1594            .bolt.b2 {
1595                width: 54px
1596            }
1597
1598            /* 10) ARCADE FRAME: tipiskan box-shadow berlapis (re-paint saat shake) */
1599            .arcade-frame {
1600                box-shadow:
1601                    0 0 12px rgba(255, 92, 42, 0.45),
1602                    inset 0 0 18px rgba(0, 0, 0, .85);
1603            }
1604
1605            /* 11) FEATURE: hilangkan radial glow ::before di tiap feature card */
1606            .feature::before {
1607                display: none
1608            }
1609
1610            .feature-icon {
1611                text-shadow: 0 0 4px var(--gold)
1612            }
1613
1614            /* 12) PAYMENTS: tipiskan shadow tiap chip */
1615            .pay {
1616                box-shadow: none
1617            }
1618        }
1619
1620        /* Reduce motion preference (hormati setting user / battery saver) */
1621        @media (prefers-reduced-motion: reduce) {
1622            .arcade-frame {
1623                animation: none
1624            }
1625
1626            .lightning {
1627                animation: none
1628            }
1629
1630            .bolt {
1631                display: none
1632            }
1633
1634            .drop {
1635                animation-duration: 2s
1636            }
1637
1638            .menu a,
1639            .menu a::after {
1640                animation: none
1641            }
1642
1643            .logo,
1644            .logo span {
1645                animation: none
1646            }
1647
1648            .aman-badge {
1649                animation: none
1650            }
1651
1652            .ticker-inner,
1653            .live-strip .live-dot {
1654                animation: none
1655            }
1656        }
1657
1658        /* ============ ELEGANT GOLD THEME ============ */
1659        body {
1660            color: var(--gold-soft);
1661            background:
1662                radial-gradient(ellipse at 50% -10%, rgba(212, 175, 55, .24), transparent 56%),
1663                radial-gradient(ellipse at 50% 110%, rgba(122, 87, 0, .28), transparent 58%),
1664                linear-gradient(180deg, #0a0701 0%, #151003 48%, #000 100%);
1665        }
1666
1667        .ticker,
1668        .arcade-frame,
1669        .menu a,
1670        .feature,
1671        .payments,
1672        .VEGAS123 {
1673            background: linear-gradient(145deg, rgba(25, 18, 3, .98), rgba(2, 2, 1, .98));
1674            border-color: var(--gold);
1675        }
1676
1677        .ticker,
1678        .arcade-frame {
1679            box-shadow:
1680                0 0 16px rgba(212, 175, 55, .48),
1681                0 0 38px rgba(122, 87, 0, .28),
1682                inset 0 0 24px rgba(0, 0, 0, .88);
1683        }
1684
1685        .live-strip {
1686            color: #fff8dc;
1687            background: linear-gradient(180deg, rgba(79, 56, 0, .96), rgba(25, 17, 0, .96));
1688            border-color: var(--gold-bright);
1689            box-shadow: 0 0 12px rgba(212, 175, 55, .5), inset 0 0 7px rgba(255, 224, 138, .15);
1690        }
1691
1692        .live-strip .live-dot,
1693        .badge .dot {
1694            background: var(--gold-bright);
1695            box-shadow: 0 0 8px var(--gold), 0 0 14px rgba(212, 175, 55, .75);
1696        }
1697
1698        .logo,
1699        .logo span {
1700            background: linear-gradient(180deg, #fff8dc 0%, #ffe08a 22%, #b98b18 52%, #fff0b8 75%, #7a5700 100%);
1701            background-size: 100% 250%;
1702            -webkit-background-clip: text;
1703            background-clip: text;
1704            -webkit-text-fill-color: transparent;
1705            color: transparent;
1706            -webkit-text-stroke: 1.2px #ffe7a0;
1707            filter: drop-shadow(0 0 8px rgba(212, 175, 55, .9)) drop-shadow(0 2px 2px #000);
1708        }
1709
1710        .boot-overlay {
1711            background: radial-gradient(circle at center, rgba(212, 175, 55, .18), transparent 56%), linear-gradient(180deg, #211703, #080600 58%, #000 100%);
1712        }
1713
1714        .boot-logo,
1715        .boot-logo span,
1716        .aman-badge .star,
1717        .ticker-inner .sep {
1718            color: var(--gold-bright);
1719        }
1720
1721        .menu a {
1722            padding: 17px 14px;
1723            font-family: 'Press Start 2P', cursive;
1724            font-size: 16px;
1725            font-weight: 700;
1726            line-height: 1.25;
1727            letter-spacing: 3.5px;
1728            color: #fff;
1729            text-shadow: 0 0 4px rgba(255, 255, 255, .5);
1730            box-shadow: 0 0 12px rgba(212, 175, 55, .34), inset 0 0 15px rgba(212, 175, 55, .08);
1731        }
1732
1733        .menu a:hover {
1734            color: #fff;
1735            border-color: var(--gold-bright);
1736            box-shadow: 0 0 25px rgba(212, 175, 55, .72), inset 0 0 24px rgba(212, 175, 55, .2);
1737        }
1738
1739        .feature-icon {
1740            color: var(--gold-bright);
1741            text-shadow: 0 0 7px var(--gold);
1742        }
1743
1744        .pay,
1745        .pay.mandiri,
1746        .pay.bni,
1747        .pay.bri,
1748        .pay.cimb,
1749        .pay.dana,
1750        .pay.ovo,
1751        .pay.gopay {
1752            color: #1b1200;
1753            background: linear-gradient(180deg, #fff1b5 0%, #d4af37 55%, #9b7100 100%);
1754            border-color: #ffe08a;
1755        }
1756
1757        .footer {
1758            border-top-color: var(--gold);
1759            background: linear-gradient(180deg, transparent, rgba(31, 22, 2, .88));
1760        }
1761
1762        .drop {
1763            background: linear-gradient(180deg, transparent 0%, rgba(255, 224, 138, .28) 45%, rgba(255, 244, 199, .88) 100%);
1764            box-shadow: 0 0 4px rgba(212, 175, 55, .48);
1765        }
1766
1767        .lightning {
1768            mix-blend-mode: screen;
1769        }
1770    </style>
1771</head>
1772
1773<body>
1774
1775    <!-- HUJAN AIR -->
1776    <div class="rain-container" aria-hidden="true">
1777        <div class="drop"></div>
1778        <div class="drop"></div>
1779        <div class="drop"></div>
1780        <div class="drop"></div>
1781        <div class="drop"></div>
1782        <div class="drop"></div>
1783        <div class="drop"></div>
1784        <div class="drop"></div>
1785        <div class="drop"></div>
1786        <div class="drop"></div>
1787        <div class="drop"></div>
1788        <div class="drop"></div>
1789        <div class="drop"></div>
1790        <div class="drop"></div>
1791        <div class="drop"></div>
1792        <div class="drop"></div>
1793        <div class="drop"></div>
1794        <div class="drop"></div>
1795        <div class="drop"></div>
1796        <div class="drop"></div>
1797        <div class="drop"></div>
1798        <div class="drop"></div>
1799        <div class="drop"></div>
1800        <div class="drop"></div>
1801        <div class="drop"></div>
1802        <div class="drop"></div>
1803        <div class="drop"></div>
1804        <div class="drop"></div>
1805        <div class="drop"></div>
1806        <div class="drop"></div>
1807    </div>
1808
1809    <!-- KILAT (visual bolt) -->
1810    <div class="bolt" aria-hidden="true"></div>
1811    <div class="bolt b2" aria-hidden="true"></div>
1812
1813    <!-- PETIR (flash overlay) -->
1814    <div class="lightning" aria-hidden="true"></div>
1815
1816    <!-- TICKER PROMO -->
1817    <div class="ticker" aria-label="Info promo">
1818        <div class="ticker-inner">
1819            <span><span class="hl">★ BUKAN ★</span></span><span class="sep">•</span>
1820            <span><span class="hl">⚡ KALENG ⚡</span></span><span class="sep">•</span>
1821            <span><span class="hl">◆ KALENG ◆</span></span><span class="sep">•</span>
1822            <span><span class="hl">♛ RTP SLOT 97.7%</span></span><span class="sep">•</span>
1823            <span><span class="hl">⛁ WD CEPAT 1 MENIT</span></span><span class="sep">•</span>
1824            <span><span class="hl">⚡ MIN DEPO CUMAN 5 RIBU</span></span><span class="sep"></span>
1825        </div>
1826    </div>
1827
1828    <section class="arcade-frame">
1829
1830        <!-- CORNER ORNAMENTS -->
1831        <span class="corner c-tl" aria-hidden="true"></span>
1832        <span class="corner c-tr" aria-hidden="true"></span>
1833        <span class="corner c-bl" aria-hidden="true"></span>
1834        <span class="corner c-br" aria-hidden="true"></span>
1835
1836        <div class="screen">
1837
1838            <!-- TRUST BADGES -->
1839            <div class="badges">
1840                <span class="badge"><span class="dot"></span>SITUS TERPERCAYA</span>
1841                <span class="badge gold">★ 24 JAM ONLINE</span>
1842            </div>
1843
1844            <!-- LOGO -->
1845            <div class="logo">VEGAS123</div>
1846
1847            <!-- LIVE PLAYER STRIP -->
1848            <div class="live-strip" aria-label="Pemain online">
1849                <span class="live-dot" aria-hidden="true"></span>
1850                <strong>88.918,313</strong> PLAYER AKTIF
1851            </div>
1852
1853            <!-- HERO IMAGE -->
1854            <div class="hero">
1855                <div class="hero-media">
1856                    <amp-img src="https://res.cloudinary.com/dxnliqb73/image/upload/v1790253818/image_9_yie55e.jpg"
1857                        width="420" height="420" layout="responsive" alt="BANNER VEGAS123">
1858                    </amp-img>
1859                    <div class="boot-overlay">
1860                        <div class="boot-logo">VEGAS123</div>
1861                    </div>
1862                </div>
1863            </div>
1864
1865            <!-- MENU -->
1866            <nav class="menu">
1867                <a href="https://cobalink.xyz/masuk1">LOGIN</a>
1868                <a href="https://cobalink.xyz/daftar1">DAFTAR</a>
1869                <a href="https://cobalink.xyz/livechat1">LIVE CHAT</a>
1870            </nav>
1871
1872            <!-- AMAN BADGE -->
1873            <div class="aman-badge"><span class="star">★</span> 100% AMAN &amp; MENANG BERAPAPUN PASTI BAYAR <span class="star">★</span>
1874            </div>
1875
1876            <!-- FEATURE GRID -->
1877            <div class="features">
1878                <div class="feature">
1879                    <div class="feature-icon">♛</div>
1880                    <div class="feature-title">KEMENANGAN</div>
1881                    <div class="feature-sub">TANPA BATAS</div>
1882                </div>
1883                <div class="feature">
1884                    <div class="feature-icon">◆</div>
1885                    <div class="feature-title">BONUS</div>
1886                    <div class="feature-sub">DEPOSIT PERTAMA KALI 20%</div>
1887                </div>
1888                <div class="feature">
1889                    <div class="feature-icon">⛁</div>
1890                    <div class="feature-title">MIN DEPO</div>
1891                    <div class="feature-sub">5.000</div>
1892                </div>
1893                <div class="feature">
1894                    <div class="feature-icon">★</div>
1895                    <div class="feature-title">WITHDRAW</div>
1896                    <div class="feature-sub">1 MENIT</div>
1897                </div>
1898            </div>
1899
1900            <!-- PAYMENT METHODS -->
1901            <div class="payments">
1902                <div class="pay-title">DEPOSIT &amp; WITHDRAW TERSEDIA</div>
1903                <div class="pay-list">
1904                    <span class="pay">BCA</span>
1905                    <span class="pay mandiri">MANDIRI</span>
1906                    <span class="pay bni">BNI</span>
1907                    <span class="pay bri">BRI</span>
1908                    <span class="pay cimb">CIMB</span>
1909                    <span class="pay dana">DANA</span>
1910                    <span class="pay ovo">OVO</span>
1911                    <span class="pay gopay">GOPAY</span>
1912                </div>
1913            </div>
1914
1915            <div class="VEGAS123">☠️ ANE AONG ANE BEST NIH BOY  ☠️</div>
1916
1917        </div>
1918
1919        <!-- FOOTER -->
1920        <div class="footer">
1921            VEGAS123 © 2026
1922        </div>
1923
1924    </section>
1925
1926</body>
1927
1928</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.