1 2 3 4<!DOCTYPE html> 5<html amp lang="id"> 6 <head> 7 <meta charset="utf-8"/> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 9 <title>GENDUT188 >> Melampaui Batas Tenaga Bermain Hiburan Di Pagi Hari Hingga Sore Petang</title> 10 <meta name="description" content="GENDUT188 menghadirkan ruang hiburan digital dengan nuansa modern, navigasi ringkas, dan pengalaman bermain yang fleksibel dari pagi hingga sore. Temukan informasi layanan dan akses dalam tampilan yang nyaman di berbagai perangkat." /> 11 <link href="https://gendut188sctr.com/img/gendut188/ico-gendut188.webp" rel="icon" type="image/x-icon" /> 12 <link rel="canonical" href="https://gendut188sctr.com/" /> 13 <link rel="alternate" href="https://tpi.gendut188sctr.com/" hreflang="id" /> 14 <meta property="og:url" content="https://gendut188sctr.com/" /> 15 <meta property="og:site_name" content="GENDUT188" /> 16 <meta property="og:image:alt" content="GENDUT188 >> Melampaui Batas Tenaga Bermain Hiburan Di Pagi Hari Hingga Sore Petang" /> 17 <meta property="og:image" content="https://gendut188sctr.com/img/gendut188/sipade-gendut188.webp" /> 18 <meta property="og:title" content="GENDUT188 >> Melampaui Batas Tenaga Bermain Hiburan Di Pagi Hari Hingga Sore Petang" /> 19 <meta property="og:description" content="GENDUT188 menghadirkan ruang hiburan digital dengan nuansa modern, navigasi ringkas, dan pengalaman bermain yang fleksibel dari pagi hingga sore. Temukan informasi layanan dan akses dalam tampilan yang nyaman di berbagai perangkat." /> 20 <meta name="theme-color" content="#fffb00" /> 21 <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" /> 22
22<script async src="https://cdn.ampproject.org/v0.js"></script>
22 23 24 <!-- JSON-LD Schema untuk SEO --> 25
25<script type="application/ld+json"> 26 { 27 "@context": "https://schema.org", 28 "@type": "Organization", 29 "name": "GENDUT188", 30 "alternateName": "GENDUT188", 31 "url": "https://gendut188sctr.com/", 32 "logo": "https://gendut188sctr.com/img/gendut188/logo-gendut188.webp", 33 "description": "GENDUT188 menghadirkan ruang hiburan digital dengan nuansa modern, navigasi ringkas, dan pengalaman bermain yang fleksibel dari pagi hingga sore. Temukan informasi layanan dan akses dalam tampilan yang nyaman di berbagai perangkat.", 34 "sameAs": [ 35 "https://t.me/GENDUT188", 36 "https://twitter.com/GENDUT188" 37 ] 38 } 39 </script>
39 40 41 <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> 42 <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> 43 44 <style amp-custom> 45 /* ===== RESET & VARIABLES ===== */ 46 * { 47 box-sizing: border-box; 48 margin: 0; 49 padding: 0; 50 } 51 52 :root { 53 /* Palette Emas Mewah */ 54 --gold: #2f80ff; 55 --gold-light: #bfe3ff; 56 --gold-dark: #1554b8; 57 --black: #030b18; 58 --dark: #071a3d; 59 /* Gradient lebih halus (Luxury Look) */ 60 --gradient-gold: linear-gradient(135deg, #1554b8, #2f80ff, #bfe3ff, #2f80ff, #1554b8); 61 --shadow-gold: 0 0 20px rgba(47,128,255,0.4); 62 --shadow-glow: 0 0 30px rgba(47,128,255,0.5); 63 } 64 65 body { 66 font-family: 'Courier New', monospace; 67 background: #030b18; 68 background-image: 69 radial-gradient(rgba(47,128,255,0.12) 1px, transparent 1px), 70 radial-gradient(rgba(47,128,255,0.08) 1px, transparent 1px); 71 background-size: 40px 40px, 80px 80px; 72 background-position: 0 0, 20px 20px; 73 min-height: 100vh; 74 display: flex; 75 align-items: center; 76 justify-content: center; 77 position: relative; 78 } 79 80 /* Efek kilauan emas di background */ 81 body::before { 82 content: ''; 83 position: fixed; 84 top: 0; 85 left: 0; 86 right: 0; 87 bottom: 0; 88 background: 89 radial-gradient(circle at 20% 30%, rgba(47,128,255,0.06), transparent 40%), 90 radial-gradient(circle at 80% 70%, rgba(21,84,184,0.08), transparent 50%); 91 pointer-events: none; 92 z-index: -1; 93 animation: pulseBg 8s ease-in-out infinite; 94 } 95 96 @keyframes pulseBg { 97 0%, 100% { opacity: 0.5; } 98 50% { opacity: 1; } 99 } 100 101 .container { 102 max-width: 420px; 103 width: 90%; 104 margin: 20px auto; 105 padding: 25px 20px; 106 display: flex; 107 flex-direction: column; 108 gap: 15px; 109 background: rgba(13, 13, 13, 0.85); 110 backdrop-filter: blur(10px); 111 -webkit-backdrop-filter: blur(10px); 112 border: 2px solid rgba(47,128,255,0.2); 113 border-radius: 30px; 114 box-shadow: 115 0 0 0 1px rgba(47,128,255,0.1), 116 0 20px 40px rgba(0, 0, 0, 0.9), 117 inset 0 0 30px rgba(47,128,255,0.05); 118 position: relative; 119 overflow: hidden; 120 animation: fadeInUp 0.8s ease; 121 } 122 123 /* Efek border laser emas */ 124 .container::before { 125 content: ''; 126 position: absolute; 127 top: -2px; 128 left: -2px; 129 right: -2px; 130 bottom: -2px; 131 background: conic-gradient( 132 from 0deg, 133 transparent, 134 var(--gold-dark), 135 var(--gold), 136 var(--gold-light), 137 var(--gold), 138 var(--gold-dark), 139 transparent 140 ); 141 border-radius: 32px; 142 z-index: -2; 143 animation: rotateBorder 6s linear infinite; 144 } 145 146 .container::after { 147 content: ''; 148 position: absolute; 149 inset: 2px; 150 background: rgba(0, 0, 0, 0.95); 151 border-radius: 28px; 152 z-index: -1; 153 } 154 155 @keyframes rotateBorder { 156 0% { transform: rotate(0deg); } 157 100% { transform: rotate(360deg); } 158 } 159 160 @keyframes fadeInUp { 161 from { 162 opacity: 0; 163 transform: translateY(30px); 164 } 165 to { 166 opacity: 1;
167 transform: translateY(0); 168 } 169 } 170 171 /* ===== TYPING EFFECT ===== */ 172 .welcome { 173 margin: 0 auto 5px; 174 width: 100%; 175 } 176 177 .welcome h3 { 178 font-size: 14px; 179 color: var(--gold); 180 white-space: nowrap; 181 letter-spacing: 2px; 182 text-transform: uppercase; 183 font-weight: 700; 184 text-shadow: 0 0 10px rgba(47,128,255,0.4); 185 margin: 0 auto; 186 display: inline-block; 187 } 188 189 @keyframes typing { 190 0% { width: 0; } 191 50% { width: 100%; } 192 100% { width: 0; } 193 } 194 195 @keyframes blink-caret { 196 from, to { border-color: transparent; } 197 50% { border-color: var(--gold-light); } 198 } 199 200 /* ===== BANNER ===== */ 201 .banner { 202 border-radius: 20px; 203 box-shadow: 204 0 10px 20px rgba(0, 0, 0, 0.5), 205 0 0 0 2px rgba(47,128,255,0.2), 206 inset 0 0 20px rgba(47,128,255,0.1); 207 transition: all 0.3s ease; 208 } 209 210 .banner:hover { 211 transform: scale(1.02); 212 box-shadow: 213 0 15px 30px rgba(0, 0, 0, 0.6), 214 0 0 0 3px rgba(47,128,255,0.4), 215 inset 0 0 30px rgba(47,128,255,0.2); 216 } 217 218 /* ===== BUTTON STYLES ===== */ 219 .btn-login, .btn-daftar, .btn-livechat { 220 padding: 16px; 221 font-size: 18px; 222 font-weight: 800; 223 text-decoration: none; 224 text-align: center; 225 margin: 5px 0; 226 border-radius: 50px; 227 position: relative; 228 z-index: 1; 229 transition: all 0.3s ease; 230 text-transform: uppercase; 231 letter-spacing: 2px; 232 border: none; 233 cursor: pointer; 234 } 235 236 .btn-login { 237 background: linear-gradient(145deg, #1a1a1a, #030b18); 238 color: var(--gold); 239 border: 1px solid var(--gold-dark); 240 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7); 241 } 242 243 .btn-daftar { 244 background: linear-gradient(145deg, #2f80ff, #1554b8); 245 color: #030b18; 246 font-weight: 900; 247 border: 1px solid var(--gold-light); 248 box-shadow: 0 5px 20px rgba(212, 175, 55, 0.3); 249 } 250 251 .btn-livechat { 252 background: linear-gradient(145deg, #1554b8, #5e3e0d); 253 color: #ffffff; 254 font-weight: 900; 255 border: 1px solid var(--gold); 256 box-shadow: 0 5px 20px rgba(153, 101, 21, 0.4); 257 } 258 259 .btn-login:hover, .btn-daftar:hover, .btn-livechat:hover { 260 transform: translateY(-3px); 261 filter: brightness(1.1); 262 } 263 264 .btn-login:hover { 265 box-shadow: 0 8px 25px rgba(47,128,255,0.2); 266 border-color: var(--gold); 267 } 268 269 .btn-daftar:hover { 270 box-shadow: 0 8px 30px rgba(47,128,255,0.5); 271 } 272 273 /* Efek glow saat hover */ 274 .glow-on-hover { 275 position: relative; 276 overflow: hidden; 277 } 278 279 .glow-on-hover::after { 280 content: ''; 281 position: absolute; 282 top: -50%; 283 left: -60%; 284 width: 200%; 285 height: 200%; 286 background: linear-gradient( 287 to right, 288 transparent, 289 rgba(255, 255, 255, 0.15), 290 transparent 291 ); 292 transform: rotate(30deg); 293 transition: transform 0.6s ease; 294 pointer-events: none; 295 } 296 297 .glow-on-hover:hover::after { 298 transform: rotate(30deg) translate(20%, 20%); 299 } 300 301 /* ===== GRID BUTTONS ===== */ 302 .button-grid { 303 display: grid; 304 grid-template-columns: repeat(2, 1fr); 305 gap: 10px; 306 margin-top: 10px; 307 } 308 309 .button-grid a { 310 padding: 12px; 311 font-size: 14px; 312 font-weight: 700; 313 text-decoration: none; 314 text-align: center; 315 border-radius: 40px; 316 background: linear-gradient(135deg, #121212, #030b18); 317 border: 1px solid rgba(212, 175, 55, 0.3); 318 color: var(--gold-light); 319 transition: all 0.3s ease; 320 text-transform: uppercase; 321 letter-spacing: 1px; 322 position: relative; 323 overflow: hidden; 324 } 325 326 .button-grid a::before { 327 content: ''; 328 position: absolute; 329 top: 0; 330 left: -100%; 331 width: 100%; 332 height: 100%; 333 background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.15), transparent); 334 transition: left 0.5s ease; 335 } 336 337 .button-grid a:hover::before { 338 left: 100%; 339 } 340 341 .button-grid a:hover { 342 background: #1a1a1a; 343 border-color: var(--gold); 344 box-shadow: 0 0 15px rgba(47,128,255,0.2); 345 transform: translateY(-2px); 346 color: #ffffff; 347 } 348 349 /* ===== COPYRIGHT ===== */ 350 .copyright { 351 text-align: center; 352 color: rgba(212, 175, 55, 0.6); 353 font-size: 12px; 354 margin-top: 15px; 355 letter-spacing: 0.5px; 356 border-top: 1px solid rgba(47,128,255,0.2); 357 padding-top: 15px; 358 } 359 360 .copyright strong { 361 color: var(--gold); 362 text-shadow: 0 0 10px rgba(212, 175, 55, 0.3); 363 font-weight: 900; 364 } 365 366 /* ===== ANIMASI LOGO ===== */ 367 .animated { 368 animation-duration: 2s; 369 animation-fill-mode: both; 370 animation-iteration-count: infinite; 371 } 372 373 @keyframes tada { 374 0% { transform: scale3d(1, 1, 1); } 375 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 376 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 377 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 378 100% { transform: scale3d(1, 1, 1); } 379 } 380 381 .tada { animation-name: tada; } 382 383 .slower { animation-duration: 3s; } 384 385 /* ===== KILAUAN EMAS (Efek tambahan) ===== */ 386 .gold-sparkle { 387 position: fixed; 388 pointer-events: none; 389 width: 100%; 390 height: 100%; 391 top: 0; 392 left: 0; 393 z-index: 9999; 394 } 395 396 .gold-sparkle span { 397 position: absolute; 398 width: 4px; 399 height: 4px; 400 background: var(--gold-light); 401 border-radius: 50%; 402 box-shadow: 0 0 10px var(--gold); 403 animation: sparkle 3s ease-in-out infinite; 404 opacity: 0; 405 } 406 407 @keyframes sparkle { 408 0% { transform: scale(0); opacity: 0; } 409 50% { transform: scale(1); opacity: 0.6; } 410 100% { transform: scale(0); opacity: 0; } 411 } 412 413 /* Random sparkle positions */ 414 .gold-sparkle span:nth-child(1) { top: 10%; left: 20%; animation-delay: 0s; } 415 .gold-sparkle span:nth-child(2) { top: 30%; left: 80%; animation-delay: 1s; } 416 .gold-sparkle span:nth-child(3) { top: 70%; left: 40%; animation-delay: 2s; } 417 .gold-sparkle span:nth-child(4) { top: 85%; left: 70%; animation-delay: 1.5s; } 418 .gold-sparkle span:nth-child(5) { top: 45%; left: 15%; animation-delay: 2.5s; } 419 </style> 420 </head> 421 <body> 422 <!-- Efek kilauan emas --> 423 <div class="gold-sparkle">
424 <span></span><span></span><span></span><span></span><span></span> 425 </div> 426 427 <div class="container"> 428 <header> 429 <center> 430 <amp-img 431 id="image" 432 class="animated tada infinite slower" 433 src="https://gendut188sctr.com/img/gendut188/logo-gendut188.webp" 434 alt="Logo GENDUT188" 435 width="230" 436 height="60" 437 layout="intrinsic" 438 style="margin-bottom: 5px;" 439 ></amp-img> 440 </center> 441 </header> 442 443 <div class="welcome"> 444 <center> 445 <h3>DAFTAR SITUS SLOT GACOR SEKARANG JUGA!</h3> 446 </center> 447 </div> 448 449 <amp-img 450 src="https://gendut188sctr.com/img/gendut188/sipade-gendut188.webp" 451 width="600" 452 height="600" 453 layout="responsive" 454 alt="Banner GENDUT188 dengan nuansa hiburan digital modern" 455 class="banner" 456 ></amp-img> 457 458 <!-- Button utama --> 459 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button" class="btn-login glow-on-hover"> LOGIN </a> 460 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button" class="btn-daftar glow-on-hover"> DAFTAR </a> 461 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button" class="btn-livechat glow-on-hover"> LIVE CHAT </a> 462 <div class="button-grid"> 463 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button"> RTP AKURAT</a> 464 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button"> POLA MAXWIN</a> 465 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button"> GAME GACOR</a> 466 <a href="https://kecekale.me/gendut188" target="_blank" rel="noreferrer noopener" role="button"> CLAIM BONUS</a> 467 </div> 468 469 <div style="background: rgba(212, 183, 55, 0.05); padding: 10px; border-radius: 10px; margin-top: 10px; text-align: center; border: 1px dashed rgba(64,154,255,0.3);"> 470 <span style="color: #65b5ff; font-size: 12px;">GENDUT188 >> Melampaui Batas Tenaga Bermain Hiburan Di Pagi Hari Hingga Sore Petang</span> 471 </div> 472 473 <p class="copyright"> 474 ©2026 <strong>GENDUT188 TERPERCAYA</strong> BitBleze<br> 475 <span style="font-size: 10px; color: rgba(255,255,255,0.3);">Hak cipta dilindungi | 21+</span> 476 </p> 477 </div> 478 </body> 479</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.