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 © 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.