1 2<!doctype html> 3<html amp lang="id"> 4<head> 5 <meta charset="utf-8"> 6 <title>SOMATOTO | Situs Resmi Agen Togel Online Terpercaya Dengan Layanan Toto Terbaik</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="description" content="SOMATOTO Merupakan Situs Resmi Agen Togel Online Terpercaya Dengan Layanan Toto Terbaik yang menghadirkan akses praktis ke berbagai pilihan permainan toto online melalui tampilan yang sederhana, sistem yang mudah digunakan, dan layanan yang dirancang agar nyaman diakses."> 9 <meta name="robots" content="index, follow"> 10 <meta property="og:url" content="https://jacksontwppickawayco.org/"> 11 <meta property="og:image" content="https://jacksontwppickawayco.org/somatoto.png"> 12 <link rel="icon" type="image/x-icon" href="https://jacksontwppickawayco.org/iconsomatoto.png"> 13 <link rel="canonical" href="https://jacksontwppickawayco.org/"> 14
14<script async src="https://cdn.ampproject.org/v0.js"></script>
14 15 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 16 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap" rel="stylesheet"> 17 18 <!-- AMP BOILERPLATE --> 19 <style amp-boilerplate> 20 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} 21 @-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 22 @-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 23 @-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 24 @-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 25 @keyframes -amp-start{from{visibility:hidden}to{visibility:visible}} 26 </style> 27 <noscript> 28 <style amp-boilerplate> 29 body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none} 30 </style> 31 </noscript> 32 33 <!-- CUSTOM CSS --> 34 <style amp-custom> 35 :root { 36 --bg: #030001; 37 --panel: #0a0103; 38 --panel2: #180206; 39 --rose: #ff0033; 40 --rose-light: #ff3366; 41 --rose-glow: #ff0055; 42 --rose-dark: #80001a; 43 --white: #ffffff; 44 --text: #fff0f3; 45 --shadow: rgba(0, 0, 0, 0.9); 46 } 47 48 * { 49 box-sizing: border-box; 50 } 51 52 html, body { 53 margin: 0; 54 min-height: 100%; 55 } 56 57 body { 58 font-family: 'Inter', sans-serif; 59 color: var(--text); 60 background: 61 radial-gradient(circle at 50% 0%, rgba(255, 0, 51, 0.25), transparent 40%), 62 repeating-linear-gradient( 63 90deg, 64 rgba(255, 51, 102, 0.02) 0px, 65 rgba(255, 51, 102, 0.02) 1px, 66 transparent 1px, 67 transparent 35px 68 ), 69 linear-gradient(180deg, #050001, #000); 70 min-height: 100vh; 71 display: flex; 72 justify-content: center; 73 align-items: flex-start; 74 padding: 16px; 75 } 76 77 /* ========================= ROBOT MAIN SHELL ========================= */ 78 .shell { 79 max-width: 520px; 80 width: 100%; 81 display: flex; 82 flex-direction: column; 83 align-items: center; 84 gap: 16px; 85 position: relative; 86 } 87 88 /* Garis Teknologi Kiri Kanan (Merah Glowing) */ 89 .shell::before, .shell::after { 90 content: ""; 91 position: fixed; 92 top: 0; 93 bottom: 0; 94 width: 2px; 95 background: linear-gradient( 96 transparent, 97 var(--rose-light), 98 var(--rose), 99 transparent 100 ); 101 box-shadow: 0 0 20px var(--rose-glow), 0 0 10px var(--rose); 102 pointer-events: none; 103 } 104 105 .shell::before { 106 left: calc(50% - 285px); 107 } 108 109 .shell::after { 110 right: calc(50% - 285px); 111 } 112 113 /* ========================= HEADER / LOGO ========================= */ 114 .header { 115 width: 100%; 116 display: flex; 117 justify-content: center; 118 position: relative; 119 padding: 16px 18px; 120 background: linear-gradient(145deg, #2b0209, #080002 45%, #1a0106); 121 border: 2px solid var(--rose); 122 clip-path: polygon( 123 18px 0, 124 calc(100% - 18px) 0, 125 100% 18px, 126 100% calc(100% - 18px), 127 calc(100% - 18px) 100%, 128 18px 100%, 129 0 calc(100% - 18px), 130 0 18px 131 ); 132 box-shadow: 133 0 12px 25px rgba(0, 0, 0, 0.9), 134 inset 0 1px 0 rgba(255, 255, 255, 0.3), 135 inset 0 -5px 10px rgba(0, 0, 0, 0.95), 136 0 0 25px rgba(255, 0, 51, 0.6); 137 } 138 139 /* Baut Robot Merah */ 140 .header::before, .header::after { 141 content: ""; 142 position: absolute; 143 width: 10px; 144 height: 10px; 145 top: 50%; 146 transform: translateY(-50%); 147 border-radius: 50%; 148 background: radial-gradient(circle at 35% 30%, #fff, var(--rose-light) 30%, var(--rose-dark) 70%, #000); 149 border: 1px solid #000; 150 box-shadow: 0 0 10px var(--rose-glow); 151 } 152 153 .header::before { left: 12px; } 154 .header::after { right: 12px; } 155 156 .logo { 157 border-radius: 8px; 158 max-width: 100%; 159 filter: drop-shadow(0 5px 6px rgba(0, 0, 0, 0.9)) drop-shadow(0 0 12px var(--rose-glow)); 160 } 161 162 /* ========================= MARQUEE ROBOT DISPLAY ========================= */ 163 .marquee-wrapper { 164 width: 100%; 165 position: relative; 166 overflow: hidden; 167 padding: 11px 0;
168 background: linear-gradient(180deg, #1f0207, #050001); 169 border-top: 2px solid var(--rose); 170 border-bottom: 2px solid var(--rose); 171 box-shadow: 172 inset 0 5px 12px rgba(255, 255, 255, 0.05), 173 inset 0 -5px 12px rgba(0, 0, 0, 0.9), 174 0 0 20px rgba(255, 0, 51, 0.5); 175 } 176 177 .marquee-wrapper::before { 178 content: ""; 179 position: absolute; 180 top: 2px; 181 left: 8px; 182 font-size: 6px; 183 letter-spacing: 2px; 184 color: var(--rose-light); 185 } 186 187 .marquee-text { 188 display: inline-block; 189 white-space: nowrap; 190 color: #fff; 191 font-size: 13px; 192 font-weight: 800; 193 letter-spacing: 1px; 194 padding-left: 100%; 195 text-shadow: 0 0 8px var(--rose), 0 0 15px var(--rose-glow); 196 animation: marquee 9s linear infinite; 197 } 198 199 @keyframes marquee { 200 0% { transform: translateX(0); } 201 100% { transform: translateX(-100%); } 202 } 203 204 /* ========================= ROBOT MECHA CARD ========================= */ 205 .card { 206 position: relative; 207 width: 100%; 208 padding: 22px; 209 background: 210 linear-gradient(135deg, rgba(255, 51, 102, 0.15), transparent 15%), 211 repeating-linear-gradient( 212 90deg, 213 rgba(255, 0, 51, 0.03) 0, 214 rgba(255, 0, 51, 0.03) 1px, 215 transparent 1px, 216 transparent 8px 217 ), 218 linear-gradient(145deg, #2b0209 0%, #080002 30%, #150105 70%, #020001 100%); 219 border: 2px solid var(--rose); 220 clip-path: polygon( 221 24px 0, 222 calc(100% - 24px) 0, 223 100% 24px, 224 100% calc(100% - 24px), 225 calc(100% - 24px) 100%, 226 24px 100%, 227 0 calc(100% - 24px), 228 0 24px 229 ); 230 box-shadow: 231 0 25px 45px rgba(0, 0, 0, 0.95), 232 0 0 30px rgba(255, 0, 51, 0.5), 233 inset 0 1px 0 rgba(255, 255, 255, 0.25), 234 inset 0 -10px 25px rgba(0, 0, 0, 0.95); 235 overflow: hidden; 236 transition: .35s ease; 237 } 238 239 /* Garis Cahaya Scanner Kilat Cepat (Card) */ 240 .card::before { 241 content: ""; 242 position: absolute; 243 top: 0; 244 left: -130%; 245 width: 70%; 246 height: 100%; 247 z-index: 0; 248 background: linear-gradient( 249 110deg, 250 transparent, 251 rgba(255, 0, 85, 0.05), 252 rgba(255, 102, 153, 0.4), 253 rgba(255, 255, 255, 0.7), 254 rgba(255, 0, 85, 0.1), 255 transparent 256 ); 257 transform: skewX(-18deg); 258 animation: robotScanner 2.2s linear infinite; 259 } 260 261 @keyframes robotScanner { 262 0% { left: -130%; } 263 100% { left: 160%; } 264 } 265 266 .card::after { 267 content: ""; 268 position: absolute; 269 inset: 8px; 270 pointer-events: none; 271 border: 1px solid rgba(255, 51, 102, 0.4); 272 clip-path: polygon( 273 18px 0, 274 calc(100% - 18px) 0, 275 100% 18px, 276 100% calc(100% - 18px), 277 calc(100% - 18px) 100%, 278 18px 100%, 279 0 calc(100% - 18px), 280 0 18px 281 ); 282 } 283 284 .card:hover { 285 transform: translateY(-3px); 286 box-shadow: 287 0 30px 55px rgba(0, 0, 0, 0.95), 288 0 0 45px rgba(255, 0, 85, 0.8), 289 inset 0 1px 0 rgba(255, 255, 255, 0.3), 290 inset 0 -10px 25px rgba(0, 0, 0, 0.95); 291 } 292 293 /* ========================= HERO ========================= */ 294 .hero { 295 display: flex; 296 flex-direction: column; 297 gap: 18px; 298 align-items: center; 299 position: relative; 300 z-index: 2; 301 } 302 303 .hero-img { 304 width: 100%; 305 height: auto; 306 border-radius: 8px; 307 border: 2px solid var(--rose); 308 box-shadow: 309 0 12px 25px rgba(0, 0, 0, 0.9), 310 0 0 20px rgba(255, 0, 51, 0.5), 311 inset 0 0 15px rgba(255, 0, 51, 0.2); 312 filter: contrast(1.05) saturate(1.1); 313 } 314 315 /* ========================= CTA CONTROL PANEL ========================= */ 316 .cta { 317 display: grid; 318 grid-template-columns: 1fr 1fr; 319 gap: 14px; 320 width: 100%; 321 position: relative; 322 z-index: 3; 323 } 324 325 /* Tombol Mecha 3D Merah */ 326 .btn { 327 min-height: 58px; 328 display: flex; 329 align-items: center; 330 justify-content: center; 331 text-decoration: none; 332 text-align: center; 333 padding: 15px 14px; 334 color: #fff; 335 font-size: 14px; 336 font-weight: 900; 337 letter-spacing: 1.2px; 338 text-transform: uppercase; 339 position: relative; 340 overflow: hidden; 341 border: 1px solid var(--rose-light); 342 border-radius: 8px; 343 background: linear-gradient( 344 180deg, 345 #660014 0%, 346 #33000a 20%, 347 #0d0003 55%, 348 #260007 75%, 349 #000 100% 350 ); 351 text-shadow: 0 2px 0 #000, 0 0 8px var(--rose-glow); 352 box-shadow: 353 0 7px 0 #4d000f, 354 0 11px 12px rgba(0, 0, 0, 0.85), 355 inset 0 2px 0 rgba(255, 255, 255, 0.3), 356 inset 0 -4px 7px rgba(0, 0, 0, 0.9), 357 0 0 15px rgba(255, 0, 51, 0.5); 358 transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; 359 } 360 361 .btn::before { 362 content: ""; 363 position: absolute; 364 top: 5px; 365 left: 7px; 366 right: 7px; 367 height: 8px; 368 border-radius: 5px; 369 background: linear-gradient( 370 90deg, 371 transparent, 372 rgba(255, 255, 255, 0.2), 373 rgba(255, 102, 153, 0.9), 374 rgba(255, 255, 255, 0.2), 375 transparent 376 ); 377 filter: blur(.2px); 378 opacity: .8; 379 } 380 381 /* Scanner Kilat Cepat (Tombol) */ 382 .btn::after { 383 content: ""; 384 position: absolute; 385 top: -20%; 386 left: -80%; 387 width: 40%; 388 height: 140%; 389 background: linear-gradient( 390 90deg, 391 transparent, 392 rgba(255, 255, 255, 0.8),
393 transparent 394 ); 395 transform: skewX(-20deg); 396 animation: buttonScan 1.4s linear infinite; 397 } 398 399 @keyframes buttonScan { 400 0% { left: -80%; } 401 50%, 100% { left: 150%; } 402 } 403 404 .btn:hover { 405 transform: translateY(-3px); 406 filter: brightness(1.2); 407 box-shadow: 408 0 10px 0 #660014, 409 0 15px 20px rgba(0, 0, 0, 0.9), 410 inset 0 2px 0 rgba(255, 255, 255, 0.4), 411 inset 0 -4px 7px rgba(0, 0, 0, 0.9), 412 0 0 25px var(--rose-glow), 413 0 0 45px rgba(255, 0, 51, 0.4); 414 } 415 416 .btn:active { 417 transform: translateY(5px); 418 box-shadow: 419 0 2px 0 #660014, 420 0 5px 8px rgba(0, 0, 0, 0.85), 421 inset 0 3px 8px rgba(0, 0, 0, 0.9), 422 0 0 15px var(--rose); 423 } 424 425 /* LOGIN AKUN (Tombol Kanan Terang Kontras) */ 426 .btn:nth-child(2) { 427 color: #fff; 428 background: linear-gradient( 429 180deg, 430 #ff6688 0%, 431 #ff0033 18%, 432 #cc0029 48%, 433 #80001a 75%, 434 #4d0010 100% 435 ); 436 text-shadow: 0 1px 2px #000, 0 0 10px #fff; 437 border-color: #ff99aa; 438 box-shadow: 439 0 7px 0 #660014, 440 0 11px 14px rgba(0, 0, 0, 0.85), 441 inset 0 2px 0 rgba(255, 255, 255, 0.7), 442 inset 0 -5px 8px rgba(0, 0, 0, 0.6), 443 0 0 22px rgba(255, 0, 51, 0.75); 444 } 445 446 /* ========================= FOOTER ========================= */ 447 .footer { 448 width: 100%; 449 text-align: center; 450 color: #fff; 451 font-size: 12px; 452 letter-spacing: .5px; 453 padding: 14px 10px; 454 margin-top: 8px; 455 position: relative; 456 z-index: 2; 457 background: linear-gradient(180deg, #1f0207, #030001); 458 border-top: 1px solid var(--rose); 459 border-bottom: 1px solid rgba(255, 0, 51, 0.3); 460 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 0 15px rgba(255, 0, 51, 0.3); 461 } 462 463 /* TEKS CASPER KILAT CEPAT & TEBAL */ 464 .fast-flash-text { 465 font-weight: 900; 466 font-size: 14px; 467 letter-spacing: 1.5px; 468 display: inline-block; 469 background: linear-gradient( 470 90deg, 471 #ff0033 0%, 472 #ff6688 25%, 473 #ffffff 50%, 474 #ff6688 75%, 475 #ff0033 100% 476 ); 477 background-size: 200% auto; 478 color: transparent; 479 -webkit-background-clip: text; 480 background-clip: text; 481 text-shadow: 0 0 12px rgba(255, 0, 85, 0.8), 0 0 20px rgba(255, 0, 51, 0.5); 482 animation: fastFlash 0.8s linear infinite; /* Kilat Cepat 0.8 Detik */ 483 } 484 485 @keyframes fastFlash { 486 0% { 487 background-position: 0% center; 488 filter: brightness(1) drop-shadow(0 0 5px #ff0033); 489 } 490 50% { 491 filter: brightness(1.6) drop-shadow(0 0 15px #ffffff); 492 } 493 100% { 494 background-position: 200% center; 495 filter: brightness(1) drop-shadow(0 0 5px #ff0033); 496 } 497 } 498 499 /* ========================= MOBILE ========================= */ 500 @media(max-width: 480px) { 501 body { padding: 10px; } 502 .card { padding: 16px; } 503 .cta { gap: 10px; } 504 .btn { min-height: 55px; padding: 13px 8px; font-size: 13px; } 505 .shell::before, .shell::after { display: none; } 506 .fast-flash-text { font-size: 13px; } 507 } 508 </style> 509</head> 510<body> 511 <div class="shell"> 512 <!-- LOGO --> 513 <header class="header"> 514 <amp-img 515 class="logo" 516 src="https://jacksontwppickawayco.org/logosomatoto.gif" 517 width="290" height="80" layout="fixed" 518 alt="SLOT DEPO 5K - Logo"> 519 </amp-img> 520 </header> 521 522 <div class="marquee-wrapper"> 523 <div class="marquee-text"> 524 SELAMAT DATANG DI SOMATOTO | Situs Resmi Agen Togel Online Terpercaya Dengan Layanan Toto Terbaik 525 </div> 526 </div> 527 528 <section class="card hero"> 529 <amp-img 530 class="hero-img" 531 src="https://jacksontwppickawayco.org/somatoto.png" 532 width="1024" height="1024" layout="responsive" 533 alt="SLOT DEPO 5K"> 534 </amp-img> 535 536 <div class="cta"> 537 <a class="btn" href="https://login.mamamintapulsa.it.com/soma.php" target="_blank"> 538 â DAFTAR AKUN 539 </a>
540 <a class="btn" href="https://login.mamamintapulsa.it.com/soma.php" target="_blank"> 541 ⦠LOGIN AKUN 542 </a> 543 </div> 544 </section> 545 546 <footer class="footer"> 547 <div class="copyright"> 548 <span class="fast-flash-text">â CASPER â </span> 549 </div> 550 </footer> 551 </div> 552</body> 553</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.