PageSourceSearch

https://armedgroups.org/amp-classic/

html armedgroups.org collected 2026-10-02 20:22:46 UTC 29,547 bytes, 693 lines download raw bytes

1
2
3<!doctype html>
4<html ⚡ lang="id">
5<head>
6    <meta charset="utf-8">
7    
7<script async src="https://cdn.ampproject.org/v0.js"></script>
7
8    <title>CARITOGEL : Situs Slot777 Online & Link Slot Gacor Hari Ini Gampang Menang</title>
9    <link rel="canonical" href="https://www.itsukirestaurant.com/">
10    <link rel="alternate" hreflang="id" href="https://www.itsukirestaurant.com/" />
11    <link rel="icon" type="image/png" href="https://www.itsukirestaurant.com/sg/images/favicon-caritogel.jpg">
12    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
13    <meta name="theme-color" content="#0A0A1A">
14    <meta name="description" content="CARITOGEL : Situs Slot777 Online & Link Slot Gacor Hari Ini Gampang Menang" name="title" /><meta content="CARITOGEL by Armedgroups hadir untuk pecinta Slot777 online yang cari slot gacor hari ini, game populer, fitur seru, dan peluang gampang menang dengan akses cepat dan praktis.">
15    <meta property="og:title" content="CARITOGEL : Situs Slot777 Online & Link Slot Gacor Hari Ini Gampang Menang">
16    <meta property="og:description" content="CARITOGEL : Situs Slot777 Online & Link Slot Gacor Hari Ini Gampang Menang" name="title" /><meta content="CARITOGEL by Armedgroups hadir untuk pecinta Slot777 online yang cari slot gacor hari ini, game populer, fitur seru, dan peluang gampang menang dengan akses cepat dan praktis.">
17    <meta property="og:type" content="website">
18    <meta property="og:image" content="https://www.itsukirestaurant.com/sg/images/favicon-caritogel.jpg">
19    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
21    <style amp-boilerplate>
22        body {
23            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
24            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
25            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
26            animation: -amp-start 8s steps(1, end) 0s 1 normal both;
27        }
28        @-webkit-keyframes -amp-start {
29            from { visibility: hidden; }
30            to { visibility: visible; }
31        }
32        @-moz-keyframes -amp-start {
33            from { visibility: hidden; }
34            to { visibility: visible; }
35        }
36        @-ms-keyframes -amp-start {
37            from { visibility: hidden; }
38            to { visibility: visible; }
39        }
40        @-o-keyframes -amp-start {
41            from { visibility: hidden; }
42            to { visibility: visible; }
43        }
44        @keyframes -amp-start {
45            from { visibility: hidden; }
46            to { visibility: visible; }
47        }
48    </style>
49    <noscript>
50        <style amp-boilerplate>
51            body {
52                -webkit-animation: none;
53                -moz-animation: none;
54                -ms-animation: none;
55                animation: none;
56            }
57        </style>
58    </noscript>
59    <style amp-custom>
60        /* ================================================================
61           URBAN NEON • BLUE & RED
62           ================================================================ */
63        :root {
64            --bg: #0A0A1A;
65            --surface: rgba(14, 14, 28, 0.8);
66            --neon-cyan: #00F0FF;
67            --neon-magenta: #FF0080;
68            --neon-blue: #0066FF;
69            --text-primary: #F0F4FF;
70            --text-muted: #A0B0C0;
71            --text-dim: #4A5568;
72            --font-display: 'Orbitron', 'Courier New', monospace;
73            --font-body: 'Inter', 'Segoe UI', sans-serif;
74            --glow-cyan: 0 0 15px #00F0FF, 0 0 30px #00F0FF, 0 0 60px rgba(0, 240, 255, 0.3);
75            --glow-magenta: 0 0 15px #FF0080, 0 0 30px #FF0080, 0 0 60px rgba(255, 0, 128, 0.3);
76        }
77
78        * { box-sizing: border-box; margin: 0; padding: 0; }
79        html, body { min-height: 100%; background: var(--bg); }
80        body {
81            font-family: var(--font-body);
82            color: var(--text-primary);
83            overflow-x: hidden;
84            line-height: 1.6;
85            -webkit-font-smoothing: antialiased;
86            position: relative;
87        }
88
89        /* ---- BACKGROUND ---- */
90        .grid-bg {
91            position: fixed;
92            inset: 0;
93            pointer-events: none;
94            z-index: 0;
95            background-image:
96                linear-gradient(rgba(0, 240, 255, 0.04) 1px, transparent 1px),
97                linear-gradient(90deg, rgba(0, 240, 255, 0.04) 1px, transparent 1px);
98            background-size: 60px 60px;
99            background-position: center center;
100        }
101        .grid-bg::after {
102            content: '';
103            position: absolute;
104            top: 50%;
105            left: 50%;
106            width: 500px;
107            height: 500px;
108            transform: translate(-50%, -50%);
109            background: radial-gradient(circle, rgba(0, 240, 255, 0.08) 0%, rgba(255, 0, 128, 0.04) 40%, transparent 70%);
110            border-radius: 50%;
111            filter: blur(50px);
112            animation: core-pulse 8s ease-in-out infinite alternate;
113        }
114        @keyframes core-pulse {
115            0% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.8); }
116            100% { opacity: 1; transform: translate(-50%, -50%) scale(1.3); }
117        }
118
119        /* ---- PARTICLES ---- */
120        .particles {
121            position: fixed;
122            inset: 0;
123            overflow: hidden;
124            pointer-events: none;
125            z-index: 1;
126        }
127        .part {
128            position: absolute;
129            bottom: -10%;
130            width: 4px;
131            height: 4px;
132            border-radius: 50%;
133            opacity: 0;
134            animation: float-up var(--dur, 14s) linear var(--d, 0s) infinite;
135        }
136        .part.cyan { background: var(--neon-cyan); box-shadow: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan); }
137        .part.magenta { background: var(--neon-magenta); box-shadow: 0 0 10px var(--neon-magenta), 0 0 20px var(--neon-magenta); }
138        @keyframes float-up {
139            0% { opacity: 0; transform: translateX(0px) translateY(0px) scale(0.5); }
140            15% { opacity: 0.9; }
141            85% { opacity: 0.9; }
142            100% { opacity: 0; transform: translateX(var(--drift, 30px)) translateY(-110vh) scale(1.3); }
143        }
144
145        .page {
146            position: relative;
147            z-index: 3;
148            max-width: 460px;
149            margin: 0 auto;
150            padding: 30px 20px 50px;
151        }
152
153        /* ---- FRAME UTAMA ---- */
154        .frame {
155            position: relative;
156            margin-top: 20px;
157            background: var(--surface);
158            border: 1px solid var(--neon-cyan);
159            border-radius: 12px;
160            padding: 24px 18px 20px;
161            backdrop-filter: blur(8px);
162            box-shadow: 0 0 50px rgba(0, 240, 255, 0.12), inset 0 0 40px rgba(0, 240, 255, 0.02);
163            opacity: 0;
164            transform: translateY(20px);
165            animation: slide-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards,
166                       blink-rainbow 2.8s ease-in-out 0s infinite;
167        }
168
169        /* ---- TOPBAR / LOGO ---- */
170        .topbar {
171            display: flex;
172            justify-content: center;
173            align-items: center;
174            padding: 8px 16px;
175            border: 1px solid rgba(0, 240, 255, 0.25);
176            border-radius: 8px;
177            background: rgba(10, 10, 26, 0.7);
178            backdrop-filter: blur(6px);
179            box-shadow: 0 0 30px rgba(0, 240, 255, 0.1);
180            opacity: 0;
181            animation: fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards,
182                       blink-topbar 2.8s ease-in-out 0s infinite;
183        }
184        .topbar .logo {
185            height: 50px;
186            width: auto;
187            display: block;
188            filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.7));
189            animation: blink-logo 2.8s ease-in-out 0s infinite;
190        }
191
192        /* ---- DIVIDER ---- */
193        .divider {
194            margin: 18px 0 24px;
195            height: 2px;
196            background: linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-magenta), transparent);
197            box-shadow: 0 0 20px rgba(0, 240, 255, 0.4);
198            opacity: 0;
199            border-radius: 2px;
200            animation: fade-in 0.6s ease-out 0.8s forwards,
201                       blink-divider 3.2s ease-in-out 0s infinite;
202        }
203
204        /* ---- PANEL HEAD ---- */
205        .panel-head {
206            display: flex;
207            justify-content: space-between;
208            align-items: center;
209            font-family: var(--font-display);
210            font-size: 0.65rem;
211            letter-spacing: 0.3em;
212            color: var(--text-muted);
213            text-transform: uppercase;
214            margin-bottom: 16px;
215            border-bottom: 1px solid rgba(0, 240, 255, 0.1);
216            padding-bottom: 8px;
217        }
218        .panel-head .brand {
219            color: var(--neon-cyan);
220            text-shadow: 0 0 12px var(--neon-cyan);
221            font-weight: 700;
222            font-size: 0.9rem;
223            animation: blink-text-shadow 2.8s ease-in-out 0s infinite;
224        }
225        .panel-head .badge {
226            border: 1px solid var(--neon-magenta);
227            padding: 2px 10px;
228            border-radius: 20px;
229            color: var(--neon-magenta);
230            text-shadow: 0 0 8px var(--neon-magenta);
231            font-size: 0.6rem;
232            animation: blink-corner 2.8s ease-in-out 0s infinite;
233        }
234
235        /* ---- AVATAR ---- */
236        .avatar-wrap {
237            position: relative;
238            border: 2px solid var(--neon-cyan);
239            border-radius: 8px;
240            background: transparent;
241            max-width: 92%;
242            margin: 0 auto;
243            opacity: 0;
244            animation: fade-in 0.8s ease-out 1.2s forwards,
245                       blink-rainbow 2.8s ease-in-out 0s infinite;
246        }
247        .avatar-inner {
248            display: block;
249            border-radius: 6px;
250            overflow: hidden;
251        }
252        .avatar-inner amp-img {
253            display: block;
254            width: 100%;
255            height: auto;
256        }
257        .avatar-badge {
258            position: absolute;
259            bottom: 8px;
260            right: 8px;
261            background: var(--bg);
262            border: 2px solid var(--neon-cyan);
263            border-radius: 50%;
264            width: 34px;
265            height: 34px;
266            display: flex;
267            align-items: center;
268            justify-content: center;
269            font-family: var(--font-display);
270            font-weight: 700;
271            font-size: 0.7rem;
272            color: var(--neon-cyan);
273            box-shadow: 0 0 20px var(--neon-cyan);
274            text-shadow: 0 0 8px var(--neon-cyan);
275            z-index: 2;
276            backdrop-filter: blur(4px);
277            animation: blink-text-shadow 2.8s ease-in-out 0s infinite;
278        }
279
280        /* ---- BUTTONS ---- */
281        .links {
282            margin-top: 20px;
283            display: flex;
284            flex-direction: column;
285            gap: 14px;
286        }
287        .btn {
288            position: relative;
289            display: flex;
290            align-items: center;
291            gap: 14px;
292            padding: 16px 20px;
293            background: rgba(10, 10, 26, 0.8);
294            border: 1.5px solid var(--neon-cyan);
295            border-radius: 8px;
296            color: var(--text-primary);
297            text-decoration: none;
298            font-family: var(--font-display);
299            font-size: 0.85rem;
300            font-weight: 600;
301            letter-spacing: 0.15em;
302            text-transform: uppercase;
303            backdrop-filter: blur(4px);
304            box-shadow: 0 0 25px rgba(0, 240, 255, 0.12), inset 0 0 25px rgba(0, 240, 255, 0.02);
305            transition: all 0.25s ease;
306            opacity: 0;
307            overflow: hidden;
308            animation: slide-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) var(--btn-delay, 2.1s) forwards,
309                       blink-rainbow 3.0s ease-in-out 0s infinite,
310                       shake 2.4s ease-in-out var(--shake-delay, 0s) infinite;
311        }
312        .btn:nth-of-type(1) { --btn-delay: 2.1s; --shake-delay: 0.2s; }
313        .btn:nth-of-type(2) { --btn-delay: 2.3s; --shake-delay: 0.5s; }
314
315        @keyframes shake {
316            0%, 100% { transform: translateX(0) rotate(0deg); }
317            5% { transform: translateX(-4px) rotate(-1deg); }
318            10% { transform: translateX(4px) rotate(1deg); }
319            15% { transform: translateX(-3px) rotate(-0.5deg); }
320            20% { transform: translateX(3px) rotate(0.5deg); }
321            25% { transform: translateX(0) rotate(0deg); }
322            75% { transform: translateX(0) rotate(0deg); }
323        }
324
325        .btn::before {
326            content: '';
327            position: absolute;
328            inset: -2px;
329            border-radius: 8px;
330            background: linear-gradient(135deg, var(--neon-cyan), var(--neon-magenta));
331            z-index: -1;
332            opacity: 0;
333            transition: opacity 0.4s ease;
334            filter: blur(4px);
335        }
336        .btn:hover::before { opacity: 0.7; }
337        .btn:hover {
338            border-color: var(--neon-magenta);
339            box-shadow: 0 0 50px rgba(255, 0, 128, 0.3), 0 0 80px rgba(0, 240, 255, 0.2);
340            transform: translateY(-3px) scale(1.02);
341        }
342        .btn:active { transform: scale(0.96); }
343
344        .btn .icon-box {
345            width: 36px;
346            height: 36px;
347            display: flex;
348            align-items: center;
349            justify-content: center;
350            border: 1px solid rgba(0, 240, 255, 0.25);
351            border-radius: 50%;
352            font-size: 1.2rem;
353            color: var(--neon-cyan);
354            text-shadow: 0 0 12px var(--neon-cyan);
355            flex-shrink: 0;
356            background: rgba(0, 240, 255, 0.05);
357            animation: blink-text-shadow 3.0s ease-in-out 0s infinite;
358        }
359        .btn .label { flex: 1; display: flex; flex-direction: column; gap: 2px; }
360        .btn .label-main {
361            font-family: var(--font-display);
362            font-weight: 700;
363            font-size: 0.9rem;
364            letter-spacing: 0.2em;
365        }
366        .btn .label-sub {
367            font-family: var(--font-body);
368            font-weight: 400;
369            font-size: 0.6rem;
370            text-transform: lowercase;
371            color: var(--text-muted);
372            letter-spacing: 0.08em;
373        }
374        .btn .label-sub .romaji {
375            color: var(--neon-cyan);
376            text-shadow: 0 0 8px var(--neon-cyan);
377            font-weight: 600;
378            margin-right: 4px;
379        }
380        .btn .chevron {
381            color: var(--neon-cyan);
382            width: 16px;
383            height: 16px;
384            flex-shrink: 0;
385            transition: transform 0.3s ease;
386            filter: drop-shadow(0 0 6px var(--neon-cyan));
387            animation: blink-text-shadow 3.0s ease-in-out 0s infinite;
388        }
389        .btn:hover .chevron { transform: translateX(6px); }
390
391        /* Tap effects */
392        .btn .flash {
393            position: absolute;
394            inset: 0;
395            background: linear-gradient(180deg, var(--neon-cyan), var(--neon-magenta));
396            opacity: 0;
397            pointer-events: none;
398            mix-blend-mode: overlay;
399            border-radius: inherit;
400        }
401        .btn .ring {
402            position: absolute;
403            inset: 0;
404            border: 1px solid var(--neon-cyan);
405            box-shadow: 0 0 28px var(--neon-cyan), inset 0 0 28px rgba(0, 240, 255, 0.4);
406            opacity: 0;
407            pointer-events: none;
408            border-radius: inherit;
409        }
410        .btn .burst {
411            position: absolute;
412            inset: 0;
413            background: radial-gradient(circle at center, rgba(0, 240, 255, 0.85) 0%, rgba(255, 0, 128, 0.4) 30%, transparent 60%);
414            opacity: 0;
415            pointer-events: none;
416            mix-blend-mode: screen;
417            border-radius: inherit;
418        }
419        .btn:active .flash { animation: btn-flash 0.5s ease-out; }
420        .btn:active .ring { animation: btn-ring 0.55s ease-out; }
421        .btn:active .burst { animation: btn-burst 0.6s ease-out; }
422        @keyframes btn-flash {
423            0% { opacity: 0; }
424            15% { opacity: 0.6; }
425            100% { opacity: 0; }
426        }
427        @keyframes btn-ring {
428            0% { opacity: 0.9; transform: scale(0.96); }
429            100% { opacity: 0; transform: scale(1.06); }
430        }
431        @keyframes btn-burst {
432            0% { opacity: 0; transform: scale(0.4); }
433            20% { opacity: 0.95; }
434            100% { opacity: 0; transform: scale(1.7); }
435        }
436
437        /* ---- CLOSER & FOOTER ---- */
438        .closer {
439            margin-top: 28px;
440            display: flex;
441            align-items: center;
442            gap: 12px;
443            opacity: 0;
444            animation: fade-in 0.6s ease-out 2.6s forwards;
445        }
446        .closer .line {
447            flex: 1;
448            height: 1px;
449            background: linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-magenta), transparent);
450            box-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
451        }
452        .closer .seal {
453            font-family: var(--font-display);
454            font-size: 0.55rem;
455            letter-spacing: 0.3em;
456            color: var(--neon-cyan);
457            text-shadow: 0 0 15px var(--neon-cyan);
458            white-space: nowrap;
459            padding: 0 8px;
460            animation: blink-text-shadow 2.8s ease-in-out 0s infinite;
461        }
462        .footer {
463            margin-top: 12px;
464            display: flex;
465            justify-content: space-between;
466            font-size: 0.5rem;
467            letter-spacing: 0.2em;
468            color: var(--text-dim);
469            font-family: var(--font-display);
470            text-transform: uppercase;
471            opacity: 0;
472            animation: fade-in 0.6s ease-out 2.8s forwards;
473            flex-wrap: wrap;
474            gap: 6px;
475        }
476        .footer .glow-text {
477            color: var(--neon-cyan);
478            text-shadow: 0 0 8px var(--neon-cyan);
479            opacity: 0.6;
480            animation: blink-text-shadow 2.8s ease-in-out 0s infinite;
481        }
482
483        /* ---- SHARED ANIMATIONS ---- */
484        @keyframes fade-in {
485            0% { opacity: 0; }
486            100% { opacity: 1; }
487        }
488        @keyframes slide-up {
489            0% { opacity: 0; transform: translateY(20px); }
490            100% { opacity: 1; transform: translateY(0); }
491        }
492
493        @media (prefers-reduced-motion: reduce) {
494            .grid-bg::after,
495            .avatar-wrap,
496            .part,
497            .btn .chevron,
498            .btn:hover {
499                animation: none;
500                transform: none;
501                transition: none;
502            }
503            .part { opacity: 0; display: none; }
504            .avatar-wrap { animation: fade-in 0.8s ease-out 0.9s forwards; }
505            .btn:hover { transform: none; }
506            .btn::before { transition: none; }
507            .btn:hover { border-color: var(--neon-cyan); box-shadow: 0 0 25px rgba(0, 240, 255, 0.12); transform: none; }
508            .btn:hover::before { opacity: 0; }
509            .btn:hover .chevron { transform: none; }
510
511            .topbar,
512            .topbar .logo,
513            .divider,
514            .frame,
515            .panel-head .brand,
516            .panel-head .badge,
517            .avatar-badge,
518            .btn,
519            .btn .icon-box,
520            .btn .chevron,
521            .closer .seal,
522            .footer .glow-text {
523                animation: none;
524            }
525
526            .topbar { border-color: rgba(0, 240, 255, 0.25); box-shadow: 0 0 30px rgba(0, 240, 255, 0.1); opacity: 1; }
527            .topbar .logo { filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.7)); }
528            .divider { background: linear-gradient(90deg, transparent, var(--neon-cyan), var(--neon-magenta), transparent); box-shadow: 0 0 20px rgba(0, 240, 255, 0.4); opacity: 1; }
529            .frame { border-color: var(--neon-cyan); box-shadow: 0 0 50px rgba(0, 240, 255, 0.12), inset 0 0 40px rgba(0, 240, 255, 0.02); opacity: 1; transform: none; }
530            .btn { border-color: var(--neon-cyan); box-shadow: 0 0 25px rgba(0, 240, 255, 0.12), inset 0 0 25px rgba(0, 240, 255, 0.02); opacity: 1; }
531        }
532
533        /* ================================================================
534           BLINKING COLOR CYCLE
535           ================================================================ */
536        @keyframes blink-rainbow {
537            0% { border-color: #00F0FF; box-shadow: 0 0 25px #00F0FF, 0 0 60px rgba(0, 240, 255, 0.25); }
538            14% { border-color: #FF0080; box-shadow: 0 0 25px #FF0080, 0 0 60px rgba(255, 0, 128, 0.25); }
539            28% { border-color: #FFD700; box-shadow: 0 0 25px #FFD700, 0 0 60px rgba(255, 215, 0, 0.25); }
540            42% { border-color: #00FF88; box-shadow: 0 0 25px #00FF88, 0 0 60px rgba(0, 255, 136, 0.25); }
541            57% { border-color: #AA66FF; box-shadow: 0 0 25px #AA66FF, 0 0 60px rgba(170, 102, 255, 0.25); }
542            71% { border-color: #FF5500; box-shadow: 0 0 25px #FF5500, 0 0 60px rgba(255, 85, 0, 0.25); }
543            85% { border-color: #00CCFF; box-shadow: 0 0 25px #00CCFF, 0 0 60px rgba(0, 204, 255, 0.25); }
544            100% { border-color: #00F0FF; box-shadow: 0 0 25px #00F0FF, 0 0 60px rgba(0, 240, 255, 0.25); }
545        }
546
547        @keyframes blink-text-shadow {
548            0% { text-shadow: 0 0 20px #00F0FF, 0 0 50px rgba(0, 240, 255, 0.3); }
549            14% { text-shadow: 0 0 20px #FF0080, 0 0 50px rgba(255, 0, 128, 0.3); }
550            28% { text-shadow: 0 0 20px #FFD700, 0 0 50px rgba(255, 215, 0, 0.3); }
551            42% { text-shadow: 0 0 20px #00FF88, 0 0 50px rgba(0, 255, 136, 0.3); }
552            57% { text-shadow: 0 0 20px #AA66FF, 0 0 50px rgba(170, 102, 255, 0.3); }
553            71% { text-shadow: 0 0 20px #FF5500, 0 0 50px rgba(255, 85, 0, 0.3); }
554            85% { text-shadow: 0 0 20px #00CCFF, 0 0 50px rgba(0, 204, 255, 0.3); }
555            100% { text-shadow: 0 0 20px #00F0FF, 0 0 50px rgba(0, 240, 255, 0.3); }
556        }
557
558        @keyframes blink-corner {
559            0% { border-color: #00F0FF; box-shadow: 0 0 18px #00F0FF; }
560            14% { border-color: #FF0080; box-shadow: 0 0 18px #FF0080; }
561            28% { border-color: #FFD700; box-shadow: 0 0 18px #FFD700; }
562            42% { border-color: #00FF88; box-shadow: 0 0 18px #00FF88; }
563            57% { border-color: #AA66FF; box-shadow: 0 0 18px #AA66FF; }
564            71% { border-color: #FF5500; box-shadow: 0 0 18px #FF5500; }
565            85% { border-color: #00CCFF; box-shadow: 0 0 18px #00CCFF; }
566            100% { border-color: #00F0FF; box-shadow: 0 0 18px #00F0FF; }
567        }
568
569        @keyframes blink-divider {
570            0% { background: linear-gradient(90deg, transparent, #00F0FF, #FF0080, transparent); box-shadow: 0 0 25px #00F0FF; }
571            25% { background: linear-gradient(90deg, transparent, #FFD700, #00FF88, transparent); box-shadow: 0 0 25px #FFD700; }
572            50% { background: linear-gradient(90deg, transparent, #AA66FF, #FF5500, transparent); box-shadow: 0 0 25px #AA66FF; }
573            75% { background: linear-gradient(90deg, transparent, #00CCFF, #FF0080, transparent); box-shadow: 0 0 25px #00CCFF; }
574            100% { background: linear-gradient(90deg, transparent, #00F0FF, #FF0080, transparent); box-shadow: 0 0 25px #00F0FF; }
575        }
576
577        @keyframes blink-topbar {
578            0% { border-color: #00F0FF; box-shadow: 0 0 30px rgba(0, 240, 255, 0.15); }
579            14% { border-color: #FF0080; box-shadow: 0 0 30px rgba(255, 0, 128, 0.15); }
580            28% { border-color: #FFD700; box-shadow: 0 0 30px rgba(255, 215, 0, 0.15); }
581            42% { border-color: #00FF88; box-shadow: 0 0 30px rgba(0, 255, 136, 0.15); }
582            57% { border-color: #AA66FF; box-shadow: 0 0 30px rgba(170, 102, 255, 0.15); }
583            71% { border-color: #FF5500; box-shadow: 0 0 30px rgba(255, 85, 0, 0.15); }
584            85% { border-color: #00CCFF; box-shadow: 0 0 30px rgba(0, 204, 255, 0.15); }
585            100% { border-color: #00F0FF; box-shadow: 0 0 30px rgba(0, 240, 255, 0.15); }
586        }
587
588        @keyframes blink-logo {
589            0% { filter: drop-shadow(0 0 15px #00F0FF); }
590            14% { filter: drop-shadow(0 0 15px #FF0080); }
591            28% { filter: drop-shadow(0 0 15px #FFD700); }
592            42% { filter: drop-shadow(0 0 15px #00FF88); }
593            57% { filter: drop-shadow(0 0 15px #AA66FF); }
594            71% { filter: drop-shadow(0 0 15px #FF5500); }
595            85% { filter: drop-shadow(0 0 15px #00CCFF); }
596            100% { filter: drop-shadow(0 0 15px #00F0FF); }
597        }
598    </style>
599</head>
600
601<body>
602
603    <!-- GRID BACKGROUND -->
604    <div class="grid-bg" aria-hidden="true"></div>
605
606    <!-- NEON PARTICLES -->
607    <div class="particles" aria-hidden="true">
608        <span class="part cyan" style="--dur:14s;--d:0s;--drift:40px;left:8%;"></span>
609        <span class="part magenta" style="--dur:18s;--d:3s;--drift:-30px;left:22%;"></span>
610        <span class="part cyan" style="--dur:16s;--d:5s;--drift:50px;left:40%;"></span>
611        <span class="part magenta" style="--dur:20s;--d:2s;--drift:-40px;left:60%;"></span>
612        <span class="part cyan" style="--dur:15s;--d:8s;--drift:30px;left:78%;"></span>
613        <span class="part magenta" style="--dur:22s;--d:1s;--drift:-50px;left:90%;"></span>
614        <span class="part cyan" style="--dur:17s;--d:6s;--drift:60px;left:32%;"></span>
615        <span class="part magenta" style="--dur:19s;--d:10s;--drift:-35px;left:55%;"></span>
616    </div>
617
618    <main class="page">
619
620        <!-- FRAME UTAMA : semua elemen dalam satu frame -->
621        <section class="frame">
622
623            <!-- LOGO -->
624            <header class="topbar">
625                <img class="logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM7kaPlVz0nJ-jk-HahcWbYF9yah-evWuwLTGTo1OLiAwP2wbaekCNszUySfD5mHruDvPwyE858DW5na4bgBD1ytam0uM5G6ZML-9ft78vS7ruOKhPRbgCDT6yWCY1u-GCaXSGi-MHR5nIOpGW8WCQeQnQ29oPOkGXtrFEK5miq8TRcngrBTt0ke9vEYRM/s16000/logo-cari-gif.gif" alt="SLOT88 Neon Logo" width="160" height="50">
626            </header>
627
628            <!-- DIVIDER -->
629            <div class="divider" aria-hidden="true"></div>
630
631            <!-- PANEL HEAD -->
632            <div class="panel-head">
633                <span class="brand">◆ SLOT88</span>
634                <span class="badge">● GACOR</span>
635            </div>
636
637            <!-- AVATAR / FOTO (border tipis & kedap kedip) -->
638            <div class="avatar-wrap">
639                <div class="avatar-inner">
640                    <amp-img src="https://dsc.dataslot88.cc/asset/media/img/969886ff-a69crtg.png" width="400" height="400" layout="responsive" alt="SLOT88 Avatar">
641                    </amp-img>
642                </div>
643                <div class="avatar-badge">⏣</div>
644            </div>
645
646            <!-- BUTTONS LOGIN & DAFTAR -->
647            <nav class="links">
648                <a class="btn" href="https://situstogel.co/kosong" rel="nofollow">
649                    <span class="icon-box">⌘</span>
650                    <span class="label">
651                        <span class="label-main">Login</span>
652                        <span class="label-sub"><span class="romaji">mon</span> enter the gate</span>
653                    </span>
654                    <svg class="chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
655                        <path d="M9 6l6 6-6 6" />
656                    </svg>
657                    <span class="flash" aria-hidden="true"></span>
658                    <span class="ring" aria-hidden="true"></span>
659                    <span class="burst" aria-hidden="true"></span>
660                </a>
661                <a class="btn" href="https://situstogel.co/kosong" rel="nofollow">
662                    <span class="icon-box">✦</span>
663                    <span class="label">
664                        <span class="label-main">Daftar</span>
665                        <span class="label-sub"><span class="romaji">kan</span> read the volume</span>
666                    </span>
667                    <svg class="chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
668                        <path d="M9 6l6 6-6 6" />
669                    </svg>
670                    <span class="flash" aria-hidden="true"></span>
671                    <span class="ring" aria-hidden="true"></span>
672                    <span class="burst" aria-hidden="true"></span>
673                </a>
674            </nav>
675
676            <!-- CLOSER -->
677            <div class="closer" aria-hidden="true">
678                <span class="line"></span>
679                <span class="seal">✦ SEO KAPAK PERANG ✦</span>
680                <span class="line"></span>
681            </div>
682
683            <!-- FOOTER -->
684            <footer class="footer">
685                <span>© 2026 SLOT88 STUDIO</span>
686                <span class="glow-text">👤 SLOT GACOR 👤</span>
687            </footer>
688        </section>
689
690    </main>
691
692</body>
693</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.