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.