1<!doctype html> 2<html amp lang="id-ID"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7
7<script async src="https://cdn.ampproject.org/v0.js"></script>
7 8 <meta name="robots" content="index, follow"> 9 <meta name="theme-color" content="#0d0203"> 10 <meta property="og:url" content="https://slotpusatinfo.com/" /> 11 <meta property="og:site_name" content="GOKUTOGEL" /> 12 <meta property="og:image:alt" content="GOKUTOGEL" /> 13 <link rel="shortcut icon" href="https://akusukalink.us.com/favicongoku.jpg"> 14 <link rel="apple-touch-icon" href="https://akusukalink.us.com/favicongoku.jpg"> 15 <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1,user-scalable=no"> 16 <link rel="preconnect" href="https://fonts.googleapis.com"> 17 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 18 <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@800;900&family=Poppins:wght@600;800&display=swap" rel="stylesheet"> 19 <link rel="canonical" href="https://slotpusatinfo.com/"> 20 <link rel="alternate" href="https://slotpusatinfo.com/" hreflang="id" /> 21 <title>GOKUTOGEL: Platform Game Online Resmi dengan Akses Server Super Cepat</title> 22 <meta name="description" content="Nikmati pengalaman bermain di GOKUTOGEL, platform game online resmi dengan akses server super cepat, stabil, dan aman. Daftar & mainkan sekarang!"> 23 24 <style amp-boilerplate> 25 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}} 26 </style> 27 <noscript> 28 <style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style> 29 </noscript> 30 31 <style amp-custom> 32 *, *::before, *::after { 33 box-sizing: border-box; 34 margin: 0; 35 padding: 0; 36 } 37 38 body { 39 font-family: 'Poppins', sans-serif; 40 background-color: #030000; 41 min-height: 100vh; 42 color: #ffffff; 43 display: flex; 44 justify-content: center; 45 align-items: center; 46 padding: 15px; 47 position: relative; 48 overflow-x: hidden; 49 } 50 51 /* ========================================== 52 BACKGROUND & PARTIKEL SUPER RAME (MECHA CHAOS) 53 ========================================== */ 54 .hero-bg { 55 position: fixed; 56 inset: 0; 57 z-index: 0; 58 overflow: hidden; 59 background: radial-gradient(circle at center, #fed804 0%, #fed804 60%, #fed804 100%); 60 } 61 62 .hero-bg::before { 63 content: ''; 64 position: absolute; 65 inset: 0; 66 background-image: 67 linear-gradient(rgba(0, 0, 0, 0.2) 1px, transparent 1px), 68 linear-gradient(90deg, rgba(0, 0, 0, 0.2) 1px, transparent 1px); 69 background-size: 20px 20px; 70 } 71 72 .mecha-bg-particles { 73 position: absolute; 74 inset: 0; 75 pointer-events: none; 76 } 77 78 /* Partikel Roket, Laser, Spark, Armor */ 79 .p-rocket { 80 position: absolute; 81 width: 4px; 82 height: 35px; 83 background: linear-gradient(to top, transparent, #fed804, #ffea00, #ffffff); 84 box-shadow: 0 0 15px #fed804, 0 0 20px #ffea00; 85 border-radius: 50% 50% 0 0; 86 opacity: 0; 87 animation: rocketFly 2.5s infinite linear; 88 } 89 90 .p-beam { 91 position: absolute; 92 width: 3px; 93 height: 200px; 94 opacity: 0; 95 animation: beamShoot 1.8s infinite ease-in-out; 96 } 97 .p-beam.blue { background: linear-gradient(to top, transparent, #00d2ff, #ffffff); box-shadow: 0 0 18px #00d2ff; } 98 .p-beam.red { background: linear-gradient(to top, transparent, #fed804, #ffffff); box-shadow: 0 0 18px #fed804; } 99 .p-beam.yellow { background: linear-gradient(to top, transparent, #ffea00, #ffffff); box-shadow: 0 0 18px #ffea00; } 100 101 .p-spark { 102 position: absolute; 103 width: 0; 104 height: 0; 105 border-left: 7px solid transparent; 106 border-right: 7px solid transparent; 107 border-bottom: 14px solid #ffea00; 108 filter: drop-shadow(0 0 10px #fed804); 109 opacity: 0;
110 animation: sparkFloat 2.8s infinite ease-out; 111 } 112 .p-spark.red { border-bottom-color: #fed804; filter: drop-shadow(0 0 10px #ffea00); } 113 .p-spark.white { border-bottom-color: #ffffff; filter: drop-shadow(0 0 10px #00d2ff); } 114 115 .p-armor { 116 position: absolute; 117 width: 10px; 118 height: 10px; 119 background-color: #ffea00; 120 box-shadow: 0 0 12px #fed804; 121 transform: rotate(45deg); 122 opacity: 0; 123 animation: armorFly 3.2s infinite linear; 124 } 125 126 /* Sebaran Partikel */ 127 .rk1 { left: 2%; bottom: -10%; animation-delay: 0s; } 128 .rk2 { left: 8%; bottom: -10%; animation-delay: 0.8s; } 129 .rk3 { left: 16%; bottom: -10%; animation-delay: 1.5s; } 130 .rk4 { left: 24%; bottom: -10%; animation-delay: 0.3s; } 131 .rk5 { left: 32%; bottom: -10%; animation-delay: 1.9s; } 132 .rk6 { left: 40%; bottom: -10%; animation-delay: 0.6s; } 133 .rk7 { left: 48%; bottom: -10%; animation-delay: 2.1s; } 134 .rk8 { left: 56%; bottom: -10%; animation-delay: 1.1s; } 135 .rk9 { left: 64%; bottom: -10%; animation-delay: 0.4s; } 136 .rk10 { left: 72%; bottom: -10%; animation-delay: 1.7s; } 137 .rk11 { left: 80%; bottom: -10%; animation-delay: 0.2s; } 138 .rk12 { left: 88%; bottom: -10%; animation-delay: 1.3s; } 139 .rk13 { left: 95%; bottom: -10%; animation-delay: 0.9s; } 140 141 .bm1 { left: 5%; top: -25%; animation-delay: 0.1s; transform: rotate(-25deg); } 142 .bm2 { left: 15%; top: -25%; animation-delay: 1.2s; transform: rotate(15deg); } 143 .bm3 { left: 25%; top: -25%; animation-delay: 0.5s; transform: rotate(-10deg); } 144 .bm4 { left: 35%; top: -25%; animation-delay: 1.8s; transform: rotate(20deg); } 145 .bm5 { left: 45%; top: -25%; animation-delay: 0.3s; transform: rotate(-15deg); } 146 .bm6 { left: 55%; top: -25%; animation-delay: 1.4s; transform: rotate(25deg); } 147 .bm7 { left: 65%; top: -25%; animation-delay: 0.7s; transform: rotate(-20deg); } 148 .bm8 { left: 75%; top: -25%; animation-delay: 1.9s; transform: rotate(10deg); } 149 .bm9 { left: 85%; top: -25%; animation-delay: 0.4s; transform: rotate(-15deg); } 150 .bm10 { left: 93%; top: -25%; animation-delay: 1.1s; transform: rotate(18deg); } 151 152 .sp1 { left: 4%; bottom: 2%; animation-delay: 0.2s; } 153 .sp2 { left: 12%; bottom: 8%; animation-delay: 1.3s; } 154 .sp3 { left: 20%; bottom: 5%; animation-delay: 0.6s; } 155 .sp4 { left: 28%; bottom: 12%; animation-delay: 2.0s; } 156 .sp5 { left: 36%; bottom: 4%; animation-delay: 0.9s; } 157 .sp6 { left: 44%; bottom: 10%; animation-delay: 1.6s; } 158 .sp7 { left: 52%; bottom: 6%; animation-delay: 0.1s; } 159 .sp8 { left: 60%; bottom: 14%; animation-delay: 2.2s; } 160 .sp9 { left: 68%; bottom: 3%; animation-delay: 0.7s; } 161 .sp10 { left: 76%; bottom: 9%; animation-delay: 1.4s; } 162 .sp11 { left: 84%; bottom: 15%; animation-delay: 0.5s; } 163 .sp12 { left: 92%; bottom: 7%; animation-delay: 1.8s; } 164 165 .am1 { left: 10%; bottom: -5%; animation-delay: 0.4s; } 166 .am2 { left: 26%; bottom: -5%; animation-delay: 1.7s; } 167 .am3 { left: 42%; bottom: -5%; animation-delay: 0.8s; } 168 .am4 { left: 58%; bottom: -5%; animation-delay: 2.3s; } 169 .am5 { left: 74%; bottom: -5%; animation-delay: 1.1s; } 170 .am6 { left: 90%; bottom: -5%; animation-delay: 0.3s; } 171 172 @keyframes rocketFly { 173 0% { transform: translateY(0) scale(0.7); opacity: 0; } 174 15% { opacity: 1; } 175 85% { opacity: 1; } 176 100% { transform: translateY(-115vh) scale(1.5); opacity: 0; } 177 } 178 179 @keyframes beamShoot { 180 0% { transform: translateY(0) scaleY(0.4); opacity: 0; } 181 20% { opacity: 1; } 182 80% { opacity: 0.9; } 183 100% { transform: translateY(125vh) scaleY(1.8); opacity: 0; } 184 } 185 186 @keyframes sparkFloat { 187 0% { transform: translateY(0) rotate(0deg) scale(0.5); opacity: 0; } 188 20% { opacity: 1; } 189 80% { opacity: 0.8; } 190 100% { transform: translateY(-90vh) rotate(360deg) scale(1.4); opacity: 0; } 191 } 192 193 @keyframes armorFly { 194 0% { transform: translateY(0) rotate(0deg) scale(0.6); opacity: 0; } 195 15% { opacity: 0.9; } 196 85% { opacity: 0.7; } 197 100% { transform: translateY(-110vh) rotate(720deg) scale(1.3); opacity: 0; } 198 } 199 200 /* ========================================== 201 CARD MECHA UTAMA 202 ========================================== */ 203 .container { 204 position: relative; 205 z-index: 10; 206 width: 100%; 207 display: flex; 208 justify-content: center; 209 align-items: center; 210 } 211 212 .mecha-card { 213 width: 100%; 214 max-width: 440px; 215 background: radial-gradient(circle at 50% 20%, #000000 0%, #000000 70%, #000000 100%); 216 border-radius: 4px; 217 border: 2px solid #edd907; 218 box-shadow: 0 0 35px #fed804, inset 0 0 20px #fed804; 219 padding: 20px 16px; 220 position: relative; 221 overflow: hidden; 222 } 223 224 .mecha-hud-grid { 225 position: absolute; 226 inset: 0; 227 background-image: 228 linear-gradient(rgba(255, 0, 0, 0.12) 1px, transparent 1px), 229 linear-gradient(90deg, rgba(255, 0, 0, 0.12) 1px, transparent 1px); 230 background-size: 14px 14px; 231 pointer-events: none; 232 z-index: 1; 233 } 234 235 .tech-corner { 236 position: absolute; 237 width: 14px; 238 height: 14px; 239 border: 2px solid #ffea00; 240 pointer-events: none; 241 z-index: 5; 242 } 243 .corner-tl { top: 8px; left: 8px;
243 border-right: none; border-bottom: none; } 244 .corner-tr { top: 8px; right: 8px; border-left: none; border-bottom: none; } 245 .corner-bl { bottom: 8px; left: 8px; border-right: none; border-top: none; } 246 .corner-br { bottom: 8px; right: 8px; border-left: none; border-top: none; } 247 248 /* LOGO */ 249 .mecha-logo { 250 width: 100%; 251 max-width: 380px; 252 margin: 0 auto 12px; 253 display: block; 254 position: relative; 255 z-index: 4; 256 filter: drop-shadow(0 0 10px #fed804); 257 } 258 259 /* BANNER FRAME & LASER SCANNER */ 260 .banner-frame { 261 position: relative; 262 z-index: 4; 263 border: 1px solid #fed804; 264 border-radius: 6px; 265 overflow: hidden; 266 box-shadow: 0 0 20px #fed804; 267 margin-bottom: 18px; 268 } 269 270 .scan-line { 271 position: absolute; 272 top: 0; 273 left: 0; 274 width: 100%; 275 height: 3px; 276 background: linear-gradient(90deg, transparent, #fed804, #ffea00, #fed804, transparent); 277 box-shadow: 0 0 10px #fed804; 278 z-index: 6; 279 animation: scanAnim 2.5s ease-in-out infinite alternate; 280 } 281 282 @keyframes scanAnim { 283 0% { top: 0%; } 284 100% { top: 96%; } 285 } 286 287 /* ========================================== 288 SPECIAL MECHA OVERDRIVE GIF BUTTONS 289 ========================================== */ 290 .btn-group { 291 display: flex; 292 gap: 14px; 293 margin-bottom: 18px; 294 position: relative; 295 z-index: 4; 296 } 297 298 .mecha-btn { 299 flex: 1; 300 height: 52px; 301 line-height: 52px; 302 text-align: center; 303 font-family: 'Orbitron', sans-serif; 304 font-weight: 900; 305 font-size: 17px; 306 text-decoration: none; 307 clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%); 308 position: relative; 309 overflow: hidden; 310 letter-spacing: 1.5px; 311 } 312 313 /* --- TOMBOL DAFTAR (OVERDRIVE RED & GOLD) --- */ 314 .btn-red { 315 color: #000000; 316 background: linear-gradient(135deg, #fed804 0%, #fed804 50%, #fed804 100%); 317 border: 1px solid #ffea00; 318 animation: mechaPulseRed 0.8s infinite ease-in-out alternate, mechaShake 3s infinite ease-in-out; 319 } 320 321 /* --- TOMBOL LOGIN (OVERDRIVE GOLD & NEON) --- */ 322 .btn-yellow { 323 color: #000000; 324 background: linear-gradient(135deg, #fff200 0%, #ff8800 50%, #ffea00 100%); 325 border: 1px solid #ffffff; 326 animation: mechaPulseYellow 0.8s infinite ease-in-out alternate, mechaShake 3s 1.5s infinite ease-in-out; 327 } 328 329 /* KILATAN DOUBLE LASER SWEEP (EFEK GIF INTERAKTIF) */ 330 .mecha-btn::before { 331 content: ''; 332 position: absolute; 333 top: -50%; 334 left: -100%; 335 width: 50%; 336 height: 200%; 337 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent); 338 transform: rotate(35deg); 339 animation: laserSweep 1.2s infinite linear; 340 } 341 342 .mecha-btn::after { 343 content: ''; 344 position: absolute; 345 top: -50%; 346 left: -100%; 347 width: 20%; 348 height: 200%; 349 background: linear-gradient(90deg, transparent, #ffffff, transparent); 350 transform: rotate(35deg); 351 animation: laserSweep 1.2s 0.2s infinite linear; 352 } 353 354 /* KEYFRAMES SPECIAL ANIMATION BUTTONS */ 355 @keyframes mechaPulseRed { 356 0% { 357 transform: scale(1); 358 box-shadow: 0 0 10px #fed804, inset 0 0 5px #ffea00; 359 filter: brightness(1) contrast(100%); 360 } 361 100% { 362 transform: scale(1.05); 363 box-shadow: 0 0 30px #fed804, 0 0 15px #ffea00, inset 0 0 12px #ffffff; 364 filter: brightness(1.4) contrast(120%); 365 } 366 } 367 368 @keyframes mechaPulseYellow { 369 0% { 370 transform: scale(1); 371 box-shadow: 0 0 10px rgba(255, 234, 0, 0.8), inset 0 0 5px #ffffff; 372 filter: brightness(1) contrast(100%); 373 } 374 100% { 375 transform: scale(1.05); 376 box-shadow: 0 0 30px #ffea00, 0 0 15px #ffffff, inset 0 0 12px #ff8800; 377 filter: brightness(1.4) contrast(120%); 378 } 379 } 380 381 /* EFEK GETAR/GLITCH HUD MECHA BERKALA */ 382 @keyframes mechaShake { 383 0%, 92%, 100% { transform: translateY(0) rotate(0deg); } 384 93% { transform: translateY(-2px) rotate(-1deg); } 385 95% { transform: translateY(2px) rotate(1deg); } 386 97% { transform: translateY(-1px) rotate(0deg); } 387 } 388
389 @keyframes laserSweep { 390 0% { left: -100%; } 391 100% { left: 160%; } 392 } 393 394 /* FOOTER TEKS */ 395 .mecha-title { 396 font-size: 12px; 397 text-align: center; 398 font-weight: 800; 399 line-height: 1.4; 400 color: #ffea00; 401 text-shadow: 0 0 10px #fed804; 402 margin-bottom: 10px; 403 position: relative; 404 z-index: 4; 405 text-transform: uppercase; 406 } 407 408 .mecha-copyright { 409 font-size: 11px; 410 text-align: center; 411 color: #ffffff; 412 position: relative; 413 z-index: 4; 414 font-weight: bold; 415 } 416 </style> 417</head> 418 419<body> 420 421 <!-- BACKGROUND DENGAN PARTIKEL MECHA SUPER RAME --> 422 <div class="hero-bg"> 423 <div class="mecha-bg-particles"> 424 <!-- Roket / Rudal Terbang --> 425 <div class="p-rocket rk1"></div> 426 <div class="p-rocket rk2"></div> 427 <div class="p-rocket rk3"></div> 428 <div class="p-rocket rk4"></div> 429 <div class="p-rocket rk5"></div> 430 <div class="p-rocket rk6"></div> 431 <div class="p-rocket rk7"></div> 432 <div class="p-rocket rk8"></div> 433 <div class="p-rocket rk9"></div> 434 <div class="p-rocket rk10"></div> 435 <div class="p-rocket rk11"></div> 436 <div class="p-rocket rk12"></div> 437 <div class="p-rocket rk13"></div> 438 439 <!-- Sinar Laser Beam --> 440 <div class="p-beam blue bm1"></div> 441 <div class="p-beam red bm2"></div> 442 <div class="p-beam yellow bm3"></div> 443 <div class="p-beam red bm4"></div> 444 <div class="p-beam blue bm5"></div> 445 <div class="p-beam yellow bm6"></div> 446 <div class="p-beam red bm7"></div> 447 <div class="p-beam blue bm8"></div> 448 <div class="p-beam yellow bm9"></div> 449 <div class="p-beam red bm10"></div> 450 451 <!-- Percikan Energi Spark --> 452 <div class="p-spark sp1"></div> 453 <div class="p-spark red sp2"></div> 454 <div class="p-spark white sp3"></div> 455 <div class="p-spark sp4"></div> 456 <div class="p-spark red sp5"></div> 457 <div class="p-spark white sp6"></div> 458 <div class="p-spark sp7"></div> 459 <div class="p-spark red sp8"></div> 460 <div class="p-spark white sp9"></div> 461 <div class="p-spark sp10"></div> 462 <div class="p-spark red sp11"></div> 463 <div class="p-spark white sp12"></div> 464 465 <!-- Pecahan Armor Melayang --> 466 <div class="p-armor am1"></div> 467 <div class="p-armor am2"></div> 468 <div class="p-armor am3"></div> 469 <div class="p-armor am4"></div> 470 <div class="p-armor am5"></div> 471 <div class="p-armor am6"></div> 472 </div> 473 </div> 474 475 <!-- CONTAINER KARTU UTAMA --> 476 <div class="container"> 477 <div class="mecha-card"> 478 479 <!-- Bingkai Sudut Tech --> 480 <div class="tech-corner corner-tl"></div> 481 <div class="tech-corner corner-tr"></div> 482 <div class="tech-corner corner-bl"></div> 483 <div class="tech-corner corner-br"></div> 484 485 <!-- Grid HUD Layer --> 486 <div class="mecha-hud-grid"></div> 487 488 <!-- Logo GIF GOKUTOGEL --> 489 <div class="mecha-logo"> 490 <amp-img 491 src="https://goku.photosme.pics/ms/logo.png" 492 width="380" 493 height="109" 494 layout="responsive" 495 alt="GOKUTOGEL Logo"> 496 </amp-img> 497 </div> 498 499 <!-- Banner Gambar + Laser Scan Line --> 500 <div class="banner-frame"> 501 <div class="scan-line"></div> 502 <amp-img 503 src="https://akusukalink.us.com/Goku2.jpg" 504 width="600" 505 height="600" 506 layout="responsive" 507 alt="GOKUTOGEL Banner"> 508 </amp-img> 509 </div> 510 511 <!-- TOMBOL DAFTAR & LOGIN SPECIAL OVERDRIVE MECHA --> 512 <div class="btn-group"> 513 <a href="https://gokutogel-typhon.com/" class="mecha-btn btn-red" target="_blank" rel="nofollow noopener">DAFTAR</a> 514 <a href="https://gokutogel-typhon.com/" class="mecha-btn btn-yellow" target="_blank" rel="nofollow noopener">LOGIN</a> 515 </div> 516 517 <!-- Judul SEO --> 518 <div class="mecha-title"> 519 GOKUTOGEL: Platform Game Online Resmi dengan Akses Server Super Cepat 520 </div> 521 522 <!-- Footer Hak Cipta --> 523 <div class="mecha-copyright"> 524 COPYRIGHT 2026 | <span style="color: #ffea00;">GOKUTOGEL</span> 525 </div> 526 527 </div> 528 </div> 529 530</body> 531</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.