PageSourceSearch

https://choruyama.com/amp

html choruyama.com collected 2026-09-25 02:14:22 UTC 56,120 bytes, 1,923 lines download raw bytes

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