PageSourceSearch

https://casino198.org/about/

html casino198.org collected 2026-09-29 21:24:30 UTC 28,521 bytes, 733 lines download raw bytes

1
2
3
4
5
6
7<!DOCTYPE html>
8<html amp lang="id">
9  <head>
10    <meta charset="utf-8"/>
11    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12    <title>Casino198 Evaluasi Efisiensi Fitur Auto Spin Terhadap Hasil Akhir</title>
13    <meta name="description" content="Casino198 evaluasi efisiensi fitur auto spin terhadap hasil akhir untuk mengoptimalkan alur kerja pemrosesan sistem secara cepat dan beruntun ini." />
14    <link href="https://ik.imagekit.io/jbgroup/Situs-Game-Online/Favicon-Terpercaya.webp" rel="icon" type="image/x-icon" />
15    <link itemprop="mainEntityOfPage" rel="canonical" href="https://casino198.org/" />
16    <meta property="og:url" content="https://casino198.org/" />
17    <meta property="og:site_name" content="Casino198" />
18    <meta property="og:image:alt" content="Casino198 Evaluasi Efisiensi Fitur Auto Spin Terhadap Hasil Akhir" />
19    <meta property="og:image" content="https://casino198.org/images/Slot-Gacor-Maxwin.webp" />
20    <meta property="og:title" content="Casino198 Evaluasi Efisiensi Fitur Auto Spin Terhadap Hasil Akhir" />
21    <meta property="og:description" content="Casino198 evaluasi efisiensi fitur auto spin terhadap hasil akhir untuk mengoptimalkan alur kerja pemrosesan sistem secara cepat dan beruntun ini." />
22    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" />
23    
23<script async src="https://cdn.ampproject.org/v0.js"></script>
23
24    
24<script type="application/ld+json">
25    {
26      "@context": "https://schema.org",
27      "@type": "Organization",
28      "name": "Casino198",
29      "alternateName": "Casino198 Evaluasi Efisiensi Fitur Auto Spin Terhadap Hasil Akhir",
30      "url": "https://casino198.org/",
31      "logo": "https://ik.imagekit.io/jbgroup/Situs-Game-Online/Favicon-Terpercaya.webp",
32      "description": "Casino198 evaluasi efisiensi fitur auto spin terhadap hasil akhir untuk mengoptimalkan alur kerja pemrosesan sistem secara cepat dan beruntun ini.",
33      "sameAs": [
34        "https://t.me/Casino198",
35        "https://twitter.com/Casino198"
36      ]
37    }
38    </script>
38
39    
40    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
41    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
42    
43    <style amp-custom>
44      * { 
45        box-sizing: border-box; 
46        margin: 0;
47        padding: 0;
48      }
49      
50      :root {
51        --gold: #37bad4;
52        --gold-light: #75dbf0;
53        --purple-deep: #191a1b;
54        --purple-dark: #1d1a1c;
55        --purple-mid: rgb(28, 47, 48);
56        --white: #ffffff;
57        --gradient-gold: linear-gradient(135deg, var(--purple-dark), var(--gold), var(--purple-dark));
58        --shadow-gold: 0 0 20px rgba(55, 201, 212, 0.45);
59        --shadow-glow: 0 0 28px rgba(55, 194, 212, 0.5);
60      }
61      
62      body { 
63        font-family: 'Courier New', monospace; 
64        background: var(--purple-deep);
65        background-image: 
66          radial-gradient(rgba(82, 173, 204, 0.12) 1px, transparent 1px),
67          radial-gradient(rgba(31, 181, 201, 0.04) 1px, transparent 1px);
68        background-size: 40px 40px, 80px 80px;
69        background-position: 0 0, 20px 20px;
70        min-height: 100vh;
71        display: flex;
72        align-items: center;
73        justify-content: center;
74        position: relative;
75        overflow-x: hidden;
76      }
77      .weather-bg {
78        position: fixed;
79        inset: 0;
80        z-index: 0;
81        pointer-events: none;
82        overflow: hidden;
83      }
84      .water-glass-base {
85        position: absolute;
86        inset: 0;
87        background:
88          linear-gradient(165deg, rgba(25, 89, 131, 0.04) 0%, transparent 38%, rgba(255, 255, 255, 0.025) 100%),
89          linear-gradient(75deg, transparent 0%, rgba(36, 87, 107, 0.15) 45%, transparent 78%);
90        backdrop-filter: blur(1.2px) saturate(1.08);
91        -webkit-backdrop-filter: blur(1.2px) saturate(1.08);
92        mix-blend-mode: soft-light;
93        opacity: 0.85;
94      }
95      .water-ripples {
96        position: absolute;
97        inset: 0;
98        opacity: 0.42;
99        mix-blend-mode: soft-light;
100        background-image:
101          repeating-radial-gradient(
102            circle at 48% 52%,
103            transparent 0,
104            transparent 5px,
105            rgba(255, 255, 255, 0.05) 5.5px,
106            transparent 7px,
107            transparent 16px,
108            rgba(255, 255, 255, 0.035) 16.8px,
109            transparent 18px,
110            transparent 44px
111          ),
112          repeating-radial-gradient(
113            circle at 62% 38%,
114            transparent 0,
115            transparent 8px,
116            rgba(255, 255, 255, 0.04) 8.6px,
117            transparent 10px,
118            transparent 28px,
119            rgba(255, 255, 255, 0.028) 28.9px,
120            transparent 30px,
121            transparent 58px
122          );
123        background-size: 76px 82px, 104px 96px;
124        background-position: 0 0, 37px 21px;
125        animation: rippleDrift 22s ease-in-out infinite alternate;
126      }
127      
128      @keyframes rippleDrift {
129        from { background-position: 0 0, 37px 21px; }
130        to { background-position: 18px 12px, 52px 38px; }
131      }
132      .favicon-rain {
133        position: absolute;
134        inset: 0;
135        overflow: hidden;
136        z-index: 1;
137      }
138      
139      .favicon-drop {
140        position: absolute;
141        top: -48px;
142        width: 20px;
143        height: 20px;
144        background: url(https://ik.imagekit.io/jbgroup/Situs-Game-Online/Favicon-Terpercaya.webp) center center / contain no-repeat;
145        opacity: 0;
146        animation: faviconFall linear infinite;
147        filter: drop-shadow(0 0 3px rgba(16, 91, 114, 0.35));
148        will-change: transform, opacity;
149      }
150      
151      @keyframes faviconFall {
152        0% {
153          transform: translate3d(0, -8vh, 0) rotate(0deg);
154          opacity: 0;
155        }
156        6% { opacity: 0.88; }
157        94% { opacity: 0.88; }
158        100% {
159          transform: translate3d(var(--drift, 0px), 118vh, 0) rotate(200deg);
160          opacity: 0;
161        }
162      }
163      
164      .favicon-drop:nth-child(1) { left: 3%; --drift: -14px; width: 16px; height: 16px; animation-duration: 5.8s; animation-delay: -0.4s; }
165      .favicon-drop:nth-child(2) { left: 9%; --drift: 18px; width: 22px; height: 22px; animation-duration: 6.6s; animation-delay: -2.1s; }
166      .favicon-drop:nth-child(3) { left: 15%; --drift: -8px; width: 18px; height: 18px; animation-duration: 5.2s; animation-delay: -1.2s; }
167      .favicon-drop:nth-child(4) { left: 21%; --drift: 22px; width: 14px; height: 14px; animation-duration: 7.2s; animation-delay: -3.5s; }
168      .favicon-drop:nth-child(5) { left: 27%;
168 --drift: -20px; width: 20px; height: 20px; animation-duration: 6.1s; animation-delay: -0.8s; }
169      .favicon-drop:nth-child(6) { left: 33%; --drift: 10px; width: 17px; height: 17px; animation-duration: 5.5s; animation-delay: -4.2s; }
170      .favicon-drop:nth-child(7) { left: 39%; --drift: -12px; width: 24px; height: 24px; animation-duration: 6.9s; animation-delay: -1.7s; }
171      .favicon-drop:nth-child(8) { left: 45%; --drift: 16px; width: 15px; height: 15px; animation-duration: 5.9s; animation-delay: -2.9s; }
172      .favicon-drop:nth-child(9) { left: 51%; --drift: -18px; width: 19px; height: 19px; animation-duration: 6.4s; animation-delay: -0.2s; }
173      .favicon-drop:nth-child(10) { left: 57%; --drift: 8px; width: 21px; height: 21px; animation-duration: 5.4s; animation-delay: -3.8s; }
174      .favicon-drop:nth-child(11) { left: 63%; --drift: -6px; width: 16px; height: 16px; animation-duration: 7s; animation-delay: -2.4s; }
175      .favicon-drop:nth-child(12) { left: 69%; --drift: 24px; width: 18px; height: 18px; animation-duration: 6.2s; animation-delay: -1s; }
176      .favicon-drop:nth-child(13) { left: 75%; --drift: -22px; width: 20px; height: 20px; animation-duration: 5.7s; animation-delay: -4.6s; }
177      .favicon-drop:nth-child(14) { left: 81%; --drift: 12px; width: 14px; height: 14px; animation-duration: 6.8s; animation-delay: -3.1s; }
178      .favicon-drop:nth-child(15) { left: 87%; --drift: -10px; width: 22px; height: 22px; animation-duration: 5.3s; animation-delay: -0.6s; }
179      .favicon-drop:nth-child(16) { left: 93%; --drift: 20px; width: 17px; height: 17px; animation-duration: 6.5s; animation-delay: -2.7s; }
180      .favicon-drop:nth-child(17) { left: 6%; --drift: -16px; width: 19px; height: 19px; animation-duration: 6s; animation-delay: -4.9s; }
181      .favicon-drop:nth-child(18) { left: 48%; --drift: 14px; width: 15px; height: 15px; animation-duration: 5.6s; animation-delay: -1.5s; }
182      .favicon-drop:nth-child(19) { left: 72%; --drift: -24px; width: 23px; height: 23px; animation-duration: 7.1s; animation-delay: -3.3s; }
183      .favicon-drop:nth-child(20) { left: 96%; --drift: 6px; width: 16px; height: 16px; animation-duration: 5.1s; animation-delay: -4.4s; }
184      .water-specs {
185        position: absolute;
186        inset: 0;
187        opacity: 0.55;
188        mix-blend-mode: screen;
189        background-image:
190          radial-gradient(circle 0.9px at 8% 12%, rgba(255, 255, 255, 0.9), transparent),
191          radial-gradient(circle 0.7px at 22% 38%, rgba(255, 255, 255, 0.65), transparent),
192          radial-gradient(circle 1px at 41% 9%, rgba(255, 255, 255, 0.85), transparent),
193          radial-gradient(circle 0.6px at 55% 44%, rgba(255, 255, 255, 0.55), transparent),
194          radial-gradient(circle 0.85px at 71% 18%, rgba(255, 255, 255, 0.75), transparent),
195          radial-gradient(circle 0.65px at 88% 52%, rgba(255, 255, 255, 0.5), transparent),
196          radial-gradient(circle 0.9px at 14% 62%, rgba(255, 255, 255, 0.7), transparent),
197          radial-gradient(circle 0.7px at 33% 78%, rgba(255, 255, 255, 0.6), transparent),
198          radial-gradient(circle 1px at 49% 58%, rgba(255, 255, 255, 0.8), transparent),
199          radial-gradient(circle 0.65px at 64% 82%, rgba(255, 255, 255, 0.45), transparent),
200          radial-gradient(circle 0.8px at 79% 66%, rgba(255, 255, 255, 0.72), transparent),
201          radial-gradient(circle 0.7px at 93% 28%, rgba(255, 255, 255, 0.55), transparent),
202          radial-gradient(circle 0.85px at 27% 22%, rgba(255, 255, 255, 0.68), transparent),
203          radial-gradient(circle 0.6px at 60% 31%, rgba(255, 255, 255, 0.5), transparent),
204          radial-gradient(circle 0.75px at 76% 91%, rgba(255, 255, 255, 0.62), transparent);
205        background-size: 200px 220px;
206        background-repeat: repeat;
207        animation: specsShift 18s linear infinite;
208      }
209      
210      @keyframes specsShift {
211        from { background-position: 0 0; }
212        to { background-position: -200px 140px; }
213      }
214      
215      .lightning-layer {
216        position: absolute;
217        inset: 0;
218        opacity: 0;
219        mix-blend-mode: screen;
220        background:
221          radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255, 255, 255, 0.75) 0%, transparent 45%),
222          radial-gradient(ellipse 60% 50% at 70% 15%, rgba(200, 220, 255, 0.5) 0%, transparent 50%),
223          linear-gradient(180deg, rgba(50, 20, 20, 0.4) 0%, transparent 55%);
224      }
225      
226      .lightning-1 {
227        animation: lightningStrike 8.5s ease-in-out infinite;
228      }
229      
230      .lightning-2 {
231        animation: lightningStrike2 11.2s ease-in-out infinite;
232        animation-delay: 2.3s;
233        background:
234          radial-gradient(ellipse 100% 70% at 30% 0%, rgba(255, 255, 255, 0.65) 0%, transparent 42%),
235          radial-gradient(ellipse 50% 40% at 85% 20%, rgba(180, 200, 255, 0.45) 0%, transparent 48%),
236          linear-gradient(180deg, rgba(40, 40, 15, 0.35) 0%, transparent 50%);
237      }
238      
239      @keyframes lightningStrike {
240        0%, 88%, 100% { opacity: 0; }
241        88.5% { opacity: 0.25; }
242        89% { opacity: 0.85; }
243        89.3% { opacity: 0.15; }
244        89.6% { opacity: 0.95; }
245        90% { opacity: 0; }
246        96% { opacity: 0; }
247        96.2% { opacity: 0.7; }
248        96.5% { opacity: 0; }
249      }
250      
251      @keyframes lightningStrike2 {
252        0%, 91%, 100% { opacity: 0; }
253        91.4% { opacity: 0.2; }
254        91.8% { opacity: 0.75; }
255        92.1% { opacity: 0; }
256        94.5% { opacity: 0; }
257        94.7% { opacity: 0.55; }
258        95% { opacity: 0; }
259      }
260      .lightning-bolt {
261        position: absolute;
262        top: 0;
263        width: 100%;
264        height: 100%;
265        opacity: 0;
266        z-index: 2;
267        filter: blur(0.5px);
268      }
269      
270      .lightning-bolt svg {
271        position: absolute;
272        filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.9))
273                drop-shadow(0 0 20px rgba(200, 220, 255, 0.7))
274                drop-shadow(0 0 40px rgba(150, 180, 255, 0.4));
275      }
276      
277      .bolt-1 {
278        animation: boltFlash1 8.5s ease-in-out infinite;
279      }
280      .bolt-1 svg { left: 15%; top: -2%; width: 120px; height: 55%; }
281      
282      .bolt-2 {
283        animation: boltFlash2 11.2s ease-in-out infinite;
284        animation-delay: 2.3s;
285      }
286      .bolt-2 svg { right: 10%; left: auto; top: -2%; width: 100px; height: 50%; }
287      
288      .bolt-3 {
289        animation: boltFlash3 14s ease-in-out infinite;
290        animation-delay: 5.1s;
291      }
292      .bolt-3 svg { left: 55%; top: -2%; width: 80px; height: 45%; }
293      
294      @keyframes boltFlash1 {
295        0%, 88%, 100% { opacity: 0; }
296        88.5% { opacity: 0.4; }
297        89% { opacity: 1; }
298        89.3% { opacity: 0.2; }
299        89.5% { opacity: 0.9; }
300        89.8% { opacity: 1; }
301        90% { opacity: 0; }
302        96% { opacity: 0; }
303        96.2% { opacity: 0.8; }
304        96.35% { opacity: 0; }
305      }
306      
307      @keyframes boltFlash2 {
308        0%, 91%, 100% { opacity: 0; }
309        91.4% { opacity: 0.3; }
310        91.7% { opacity: 1; }
311        91.9% { opacity: 0.15; }
312        92% { opacity: 0.85; }
313        92.1% { opacity: 0; }
314        94.5% { opacity: 0; }
315        94.7% { opacity: 0.7; }
316        94.85% { opacity: 0; }
317      }
318      
319      @keyframes boltFlash3 {
320        0%, 84%, 100% { opacity: 0; }
321        84.3% { opacity: 0.5; }
322        84.5% { opacity: 1; }
323        84.7% { opacity: 0.1; }
324        84.9% { opacity: 0.9; }
325        85.1% { opacity: 0; }
326        93% { opacity: 0; }
327        93.15% { opacity: 0.6; }
328        93.3% { opacity: 0; }
329      }
330      body::before {
331        content: '';
332        position: fixed;
333        top: 0;
334        left: 0;
335        right: 0;
336        bottom: 0;
337        background: 
338          radial-gradient(circle at 18% 28%, rgba(17, 126, 153, 0.55), transparent 44%),
339          radial-gradient(circle at 82% 68%, rgba(1, 63, 104, 0.5), transparent 48%),
340          radial-gradient(circle at 50% 88%, rgba(3, 133, 194, 0.08), transparent 42%);
341        pointer-events: none;
342        z-index: -1;
343        animation: pulseBg 8s ease-in-out infinite;
344      }
345      
346      @keyframes pulseBg {
347        0%, 100% { opacity: 0.5; }
348        50% { opacity: 1; }
349      }
350      
351      .container { 
352        max-width: 420px; 
353        width: 90%;
354        margin: 20px auto; 
355        padding: 25px 20px; 
356        display: flex; 
357        flex-direction: column; 
358        gap: 15px;
359        background: rgba(27, 63, 78, 0.55);
360        backdrop-filter: blur(10px);
361        -webkit-backdrop-filter: blur(10px);
362        border: 2px solid rgba(55, 178, 212, 0.35);
363        border-radius: 30px;
364        box-shadow: 
365          0 0 0 1px rgba(6, 157, 228, 0.06),
366          0 20px 40px rgba(5, 141, 231, 0.85),
367          inset 0 0 30px rgba(2, 87, 156, 0.08);
368        position: relative;
369        overflow: hidden;
370        animation: fadeInUp 0.8s ease;
371        z-index: 10;
372      }
373      .container::before {
374        content: '';
375        position: absolute;
376        top: -2px;
377        left: -2px;
378        right: -2px;
379        bottom: -2px;
380        background: conic-gradient(
381          from 0deg,
382          transparent,
383          var(--purple-mid),
384          var(--gold),
385          var(--white),
386          var(--gold),
387          var(--purple-mid),
388          transparent
389        );
390        border-radius: 32px;
391        z-index: -2;
392        animation: rotateBorder 6s linear infinite;
393      }
394      
395      .container::after {
396        content: '';
397        position: absolute;
398        inset: 2px;
399        background: rgba(10, 21, 26, 0.92);
400        border-radius: 28px;
401        z-index: -1;
402      }
403      
404      @keyframes rotateBorder {
405        0% { transform: rotate(0deg); }
406        100% { transform: rotate(360deg); }
407      }
408      
409      @keyframes fadeInUp {
410        from {
411          opacity: 0;
412          transform: translateY(30px);
413        }
414        to {
415          opacity: 1;
416          transform: translateY(0);
417        }
418      }
419      
420      /* ===== TYPING EFFECT ===== */
421      .welcome { 
422        margin: 0 auto 5px; 
423        width: 100%;
424      }
425      
426.welcome h3 { 
427  font-size: 14px; 
428  color: var(--gold); 
429  white-space: nowrap; 
430  letter-spacing: 2px; 
431  text-transform: uppercase;
432  font-weight: 700;
433  text-shadow: 0 0 12px rgba(55, 133, 212, 0.55), 0 0 24px rgba(10, 95, 173, 0.15);
434  margin: 0 auto;
435  display: inline-block;
436}
437      
438      @keyframes typing { 
439        0% { width: 0; } 
440        50% { width: 100%; } 
441        100% { width: 0; } 
442      }
443      
444      @keyframes blink-caret { 
445        from, to { border-color: transparent; } 
446        50% { border-color: var(--gold-light); } 
447      }
448      .banner { 
449        border-radius: 20px; 
450        box-shadow: 
451          0 10px 20px rgba(5, 141, 161, 0.55),
452          0 0 0 2px rgba(55, 157, 212, 0.35),
453          inset 0 0 20px rgba(3, 119, 214, 0.06);
454        transition: all 0.3s ease;
455      }
456      
457      .banner:hover {
458        transform: scale(1.02);
459        box-shadow: 
460          0 15px 30px rgba(14, 114, 172, 0.65),
461          0 0 0 3px rgba(55, 173, 212, 0.5),
462          inset 0 0 24px rgba(55, 133, 212, 0.2);
463      }
464      .btn-login, .btn-daftar { 
465        padding: 16px; 
466        font-size: 18px; 
467        font-weight: 800; 
468        text-decoration: none; 
469        text-align: center; 
470        margin: 5px 0;
471        border-radius: 50px;
472        position: relative;
473        z-index: 1;
474        transition: all 0.3s ease;
475        text-transform: uppercase;
476        letter-spacing: 2px;
477        border: none;
478        cursor: pointer;
479      }
480      
481      .btn-login {
482        background: linear-gradient(145deg, var(--purple-mid), var(--purple-dark));
483        color: var(--white);
484        border: 1px solid var(--gold);
485        box-shadow: 0 5px 15px rgba(28, 81, 85, 0.75);
486      }
487      
488      .btn-daftar {
489        background: linear-gradient(145deg, var(--gold), #1a73a6);
490        color: var(--white);
491        font-weight: 900;
492        border: 1px solid var(--gold-light);
493        box-shadow: 0 5px 20px rgba(55, 149, 212, 0.45);
494      }
495      
496      .btn-login:hover, .btn-daftar:hover {
497        transform: translateY(-3px);
498        filter: brightness(1.2);
499      }
500      
501      .btn-login:hover {
502        box-shadow: 0 8px 25px rgba(55, 128, 212, 0.3);
503      }
504      
505      .btn-daftar:hover {
506        box-shadow: 0 8px 30px rgba(0, 170, 255, 0.6);
507      }
508      .glow-on-hover {
509        position: relative;
510        overflow: hidden;
511      }
512      
513      .glow-on-hover::after {
514        content: '';
515        position: absolute;
516        top: -50%;
517        left: -60%;
518        width: 200%;
519        height: 200%;
520        background: linear-gradient(
521          to right,
522          transparent,
523          rgba(255, 255, 255, 0.1),
524          transparent
525        );
526        transform: rotate(30deg);
527        transition: transform 0.6s ease;
528        pointer-events: none;
529      }
530      
531      .glow-on-hover:hover::after {
532        transform: rotate(30deg) translate(20%, 20%);
533      }
534      
535      .button-grid {
536        display: grid;
537        grid-template-columns: repeat(2, 1fr);
538        gap: 10px;
539        margin-top: 10px;
540      }
541      
542      .button-grid a {
543        padding: 12px;
544        font-size: 14px;
545        font-weight: 700;
546        text-decoration: none;
547        text-align: center;
548        border-radius: 40px;
549        background: linear-gradient(135deg, var(--purple-dark), var(--purple-deep));
550        border: 1px solid rgba(55, 152, 212, 0.45);
551        color: var(--gold);
552        transition: all 0.3s ease;
553        text-transform: uppercase;
554        letter-spacing: 1px;
555        position: relative;
556        overflow: hidden;
557      }
558      
559      .button-grid a::before {
560        content: '';
561        position: absolute;
562        top: 0;
563        left: -100%;
564        width: 100%;
565        height: 100%;
566        background: linear-gradient(90deg, transparent, rgba(55, 141, 212, 0.2), transparent);
567        transition: left 0.5s ease;
568      }
569      
570      .button-grid a:hover::before {
571        left: 100%;
572      }
573      
574      .button-grid a:hover {
575        background: linear-gradient(135deg, var(--purple-mid), var(--purple-dark));
576        border-color: var(--gold);
577        box-shadow: 0 0 20px rgba(55, 183, 212, 0.35);
578        transform: translateY(-2px);
579        color: var(--white);
580      }
581      .copyright { 
582        text-align: center; 
583        color: rgba(255, 255, 255, 0.72); 
584        font-size: 12px; 
585        margin-top: 15px;
586        letter-spacing: 0.5px;
587        border-top: 1px solid rgba(55, 152, 212, 0.28);
588        padding-top: 15px;
589      }
590      
591      .copyright strong { 
592        color: var(--gold); 
593        text-shadow: 0 0 10px rgba(55, 183, 212, 0.5);
594        font-weight: 900;
595      }
596      
597      .animated {
598        animation-duration: 2s;
599        animation-fill-mode: both;
600        animation-iteration-count: infinite;
601      }
602      
603      @keyframes tada {
604        0% { transform: scale3d(1, 1, 1); }
605        10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
606        30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
607        40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
608        100% { transform: scale3d(1, 1, 1); }
609      }
610      
611      .tada { animation-name: tada; }
612      
613      .slower { animation-duration: 3s; }
614
615      .gold-sparkle {
616        position: fixed;
617        pointer-events: none;
618        width: 100%;
619        height: 100%;
620        top: 0;
621        left: 0;
622        z-index: 5;
623      }
624      
625      .gold-sparkle span {
626        position: absolute;
627        width: 6px;
628        height: 6px;
629        background: #37aad4;
630        border-radius: 50%;
631        box-shadow: 0 0 20px #00eaff;
632        animation: sparkle 3s ease-in-out infinite;
633        opacity: 0;
634      }
635      
636      @keyframes sparkle {
637        0% { transform: scale(0); opacity: 0; }
638        50% { transform: scale(1); opacity: 0.8; }
639        100% { transform: scale(0); opacity: 0; }
640      }
641      
642      .gold-sparkle span:nth-child(1) { top: 10%; left: 20%; animation-delay: 0s; }
643      .gold-sparkle span:nth-child(2) { top: 30%; left: 80%; animation-delay: 1s; }
644      .gold-sparkle span:nth-child(3) { top: 70%; left: 40%; animation-delay: 2s; }
645      .gold-sparkle span:nth-child(4) { top: 85%; left: 70%; animation-delay: 1.5s; }
646      .gold-sparkle span:nth-child(5) { top: 45%; left: 15%; animation-delay: 2.5s; }
647    </style>
648  </head>
649  <body>
650    <div class="weather-bg" aria-hidden="true">
651      <div class="water-glass-base"></div>
652      <div class="water-ripples"></div>
653      <div class="favicon-rain">
654        <span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span>
655        <span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span>
656        <span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span>
657        <span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span><span class="favicon-drop"></span>
658      </div>
659      <div class="water-specs"></div>
660      <div class="lightning-layer lightning-1"></div>
661      <div class="lightning-layer lightning-2"></div>
662      <div class="lightning-bolt bolt-1">
663        <svg viewBox="0 0 120 300" preserveAspectRatio="none">
664          <polygon points="55,0 45,110 72,108 30,300 42,175 18,178 60,0" fill="rgba(255,255,255,0.95)"/>
665          <polygon points="57,5 47,108 70,106 34,290 43,172 20,175 58,5" fill="rgba(200,220,255,0.6)"/>
666        </svg>
667      </div>
668      <div class="lightning-bolt bolt-2">
669        <svg viewBox="0 0 100 280" preserveAspectRatio="none">
670          <polygon points="50,0 38,95 62,92 22,280 35,160 14,163 48,0" fill="rgba(255,255,255,0.95)"/>
671          <polygon points="52,5 40,93 60,90 26,270 36,158 16,160 50,5" fill="rgba(200,220,255,0.6)"/>
672        </svg>
673      </div>
674      <div class="lightning-bolt bolt-3">
675        <svg viewBox="0 0 80 250" preserveAspectRatio="none">
676          <polygon points="42,0 34,80 55,78 18,250 28,140 12,143 40,0" fill="rgba(255,255,255,0.9)"/>
677          <polygon points="43,5 35,78 53,76 22,240 29,138 14,140 42,5" fill="rgba(200,220,255,0.55)"/>
678        </svg>
679      </div>
680    </div>
681    <div class="gold-sparkle">
682      <span></span><span></span><span></span><span></span><span></span>
683    </div>
684    
685    <div class="container">
686      <header>
687        <center>
688          <amp-img 
689            id="image" 
690            class="animated tada infinite slower" 
691            src="https://casino198.org/images/Casino198.png" 
692            alt="LOGO Casino198" 
693            width="225" 
694            height="65" 
695            layout="intrinsic"
696            style="margin-bottom: -20px;"
697          ></amp-img>
698        </center>
699      </header>
700      
701      <div class="welcome">
702        <center>
703        </center>
704      </div>
705      
706      <a href="https://casino198.org/">
707        <amp-img 
708          src="https://casino198.org/images/Slot-Gacor-Maxwin.webp" 
709          width="400" 
710          height="400" 
711          layout="responsive" 
712          alt="Casino198"
713          class="banner"
714        ></amp-img>
715      </a>
716      
717      <!-- Button utama -->
718      <a href="https://mahesa.icu/" target="_blank" rel="noreferrer noopener" role="button" class="btn-login glow-on-hover">LOGIN Casino198</a>
719      <a href="https://mahesa.icu/about" target="_blank" rel="noreferrer noopener" role="button" class="btn-daftar glow-on-hover">DAFTAR Casino198</a>
720      <div class="button-grid">
721        <a href="https://mahesa.icu/" target="_blank" rel="noreferrer noopener" role="button"> LIVE CHAT</a>
722        <a href="https://mahesa.icu/" target="_blank" rel="noreferrer noopener" role="button"> PROMOSI</a>
723        <a href="https://mahesa.icu/" target="_blank" rel="noreferrer noopener" role="button"> ALTERNATIF</a>
724        <a href="https://mahesa.icu/" target="_blank" rel="noreferrer noopener" role="button"> PUSAT BANTUAN</a>
725      </div>
726      
727      <p class="copyright">
728        &copy; 2026 <strong>Casino198</strong> BAN SEREP<br>
729        <span style="font-size: 10px; color: rgba(255,255,255,0.45);"></span>
730      </p>
731    </div>
732  </body>
733</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.