PageSourceSearch

https://youth4climatejustice.org/the-case/

html youth4climatejustice.org collected 2026-10-02 05:43:39 UTC 52,010 bytes, 1,849 lines download raw bytes

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