
  <!-- Seo_Good -->

<!doctype html>
<html amp lang="id-ID">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#0d0203">
  <meta property="og:url" content="https://holytogel.asia" />
  <meta property="og:site_name" content="HOLYTOGEL" />
  <meta property="og:image:alt" content="HOLYTOGEL" />
  <meta property="og:image" content="https://ayogas.holytogelsip.com/asset-img/holy-it-kaisen.jpg">
  <link rel="shortcut icon" href="https://ayogas.holytogelsip.com/asset-img/icon-holy.webp">
  <link rel="apple-touch-icon" href="https://ayogas.holytogelsip.com/asset-img/icon-holy.webp">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@800;900&family=Poppins:wght@600;800&display=swap" rel="stylesheet">
  <link rel="canonical" href="https://holytogel.asia">
  <title>HOLYTOGEL + Bursa Togel Toto Top dan Bursa Lotto Terlengkap 2026</title>
  <meta name="description" content="HOLYTOGEL adalah bursa togel toto palinng top juga populer dan bursa lotto terlengkap saat ini dengan live real time yang nyata tanpa manipulasi.">

  <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>
  <noscript>
    <style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style>
  </noscript>

  <style amp-custom>
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background-color: #030000;
      min-height: 100vh;
      color: #ffffff;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px;
      position: relative;
      overflow-x: hidden;
    }

    .hero-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      overflow: hidden;
      background: radial-gradient(circle at center, #3d0202 0%, #0d0003 60%, #000000 100%);
    }

    .hero-bg::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: 
        linear-gradient(rgba(255, 0, 0, 0.2) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 0, 0, 0.2) 1px, transparent 1px);
      background-size: 20px 20px;
    }

    .mecha-bg-particles {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

    .p-rocket {
      position: absolute;
      width: 4px;
      height: 35px;
      background: linear-gradient(to top, transparent, #ff0000, #ffea00, #ffffff);
      box-shadow: 0 0 15px #ff0000, 0 0 20px #ffea00;
      border-radius: 50% 50% 0 0;
      opacity: 0;
      animation: rocketFly 2.5s infinite linear;
    }

    .p-beam {
      position: absolute;
      width: 3px;
      height: 200px;
      opacity: 0;
      animation: beamShoot 1.8s infinite ease-in-out;
    }
    .p-beam.blue { background: linear-gradient(to top, transparent, #00d2ff, #ffffff); box-shadow: 0 0 18px #00d2ff; }
    .p-beam.red { background: linear-gradient(to top, transparent, #ff0000, #ffffff); box-shadow: 0 0 18px #ff0000; }
    .p-beam.yellow { background: linear-gradient(to top, transparent, #ffea00, #ffffff); box-shadow: 0 0 18px #ffea00; }

    .p-spark {
      position: absolute;
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 14px solid #ffea00;
      filter: drop-shadow(0 0 10px #ff0000);
      opacity: 0;
      animation: sparkFloat 2.8s infinite ease-out;
    }
    .p-spark.red { border-bottom-color: #ff0000; filter: drop-shadow(0 0 10px #ffea00); }
    .p-spark.white { border-bottom-color: #ffffff; filter: drop-shadow(0 0 10px #00d2ff); }

    .p-armor {
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: #ffea00;
      box-shadow: 0 0 12px #ff0000;
      transform: rotate(45deg);
      opacity: 0;
      animation: armorFly 3.2s infinite linear;
    }

    .rk1 { left: 2%; bottom: -10%; animation-delay: 0s; }
    .rk2 { left: 8%; bottom: -10%; animation-delay: 0.8s; }
    .rk3 { left: 16%; bottom: -10%; animation-delay: 1.5s; }
    .rk4 { left: 24%; bottom: -10%; animation-delay: 0.3s; }
    .rk5 { left: 32%; bottom: -10%; animation-delay: 1.9s; }
    .rk6 { left: 40%; bottom: -10%; animation-delay: 0.6s; }
    .rk7 { left: 48%; bottom: -10%; animation-delay: 2.1s; }
    .rk8 { left: 56%; bottom: -10%; animation-delay: 1.1s; }
    .rk9 { left: 64%; bottom: -10%; animation-delay: 0.4s; }
    .rk10 { left: 72%; bottom: -10%; animation-delay: 1.7s; }
    .rk11 { left: 80%; bottom: -10%; animation-delay: 0.2s; }
    .rk12 { left: 88%; bottom: -10%; animation-delay: 1.3s; }
    .rk13 { left: 95%; bottom: -10%; animation-delay: 0.9s; }

    .bm1 { left: 5%; top: -25%; animation-delay: 0.1s; transform: rotate(-25deg); }
    .bm2 { left: 15%; top: -25%; animation-delay: 1.2s; transform: rotate(15deg); }
    .bm3 { left: 25%; top: -25%; animation-delay: 0.5s; transform: rotate(-10deg); }
    .bm4 { left: 35%; top: -25%; animation-delay: 1.8s; transform: rotate(20deg); }
    .bm5 { left: 45%; top: -25%; animation-delay: 0.3s; transform: rotate(-15deg); }
    .bm6 { left: 55%; top: -25%; animation-delay: 1.4s; transform: rotate(25deg); }
    .bm7 { left: 65%; top: -25%; animation-delay: 0.7s; transform: rotate(-20deg); }
    .bm8 { left: 75%; top: -25%; animation-delay: 1.9s; transform: rotate(10deg); }
    .bm9 { left: 85%; top: -25%; animation-delay: 0.4s; transform: rotate(-15deg); }
    .bm10 { left: 93%; top: -25%; animation-delay: 1.1s; transform: rotate(18deg); }

    .sp1 { left: 4%; bottom: 2%; animation-delay: 0.2s; }
    .sp2 { left: 12%; bottom: 8%; animation-delay: 1.3s; }
    .sp3 { left: 20%; bottom: 5%; animation-delay: 0.6s; }
    .sp4 { left: 28%; bottom: 12%; animation-delay: 2.0s; }
    .sp5 { left: 36%; bottom: 4%; animation-delay: 0.9s; }
    .sp6 { left: 44%; bottom: 10%; animation-delay: 1.6s; }
    .sp7 { left: 52%; bottom: 6%; animation-delay: 0.1s; }
    .sp8 { left: 60%; bottom: 14%; animation-delay: 2.2s; }
    .sp9 { left: 68%; bottom: 3%; animation-delay: 0.7s; }
    .sp10 { left: 76%; bottom: 9%; animation-delay: 1.4s; }
    .sp11 { left: 84%; bottom: 15%; animation-delay: 0.5s; }
    .sp12 { left: 92%; bottom: 7%; animation-delay: 1.8s; }

    .am1 { left: 10%; bottom: -5%; animation-delay: 0.4s; }
    .am2 { left: 26%; bottom: -5%; animation-delay: 1.7s; }
    .am3 { left: 42%; bottom: -5%; animation-delay: 0.8s; }
    .am4 { left: 58%; bottom: -5%; animation-delay: 2.3s; }
    .am5 { left: 74%; bottom: -5%; animation-delay: 1.1s; }
    .am6 { left: 90%; bottom: -5%; animation-delay: 0.3s; }

    @keyframes rocketFly {
      0% { transform: translateY(0) scale(0.7); opacity: 0; }
      15% { opacity: 1; }
      85% { opacity: 1; }
      100% { transform: translateY(-115vh) scale(1.5); opacity: 0; }
    }

    @keyframes beamShoot {
      0% { transform: translateY(0) scaleY(0.4); opacity: 0; }
      20% { opacity: 1; }
      80% { opacity: 0.9; }
      100% { transform: translateY(125vh) scaleY(1.8); opacity: 0; }
    }

    @keyframes sparkFloat {
      0% { transform: translateY(0) rotate(0deg) scale(0.5); opacity: 0; }
      20% { opacity: 1; }
      80% { opacity: 0.8; }
      100% { transform: translateY(-90vh) rotate(360deg) scale(1.4); opacity: 0; }
    }

    @keyframes armorFly {
      0% { transform: translateY(0) rotate(0deg) scale(0.6); opacity: 0; }
      15% { opacity: 0.9; }
      85% { opacity: 0.7; }
      100% { transform: translateY(-110vh) rotate(720deg) scale(1.3); opacity: 0; }
    }


    .container {
      position: relative;
      z-index: 10;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .mecha-card {
      width: 100%;
      max-width: 440px;
      background: radial-gradient(circle at 50% 20%, #2e0202 0%, #0d0003 70%, #000000 100%);
      border-radius: 4px;
      border: 2px solid #edd907;
      box-shadow: 0 0 35px rgb(245 6 6 / 80%), inset 0 0 20px rgb(255 82 0 / 40%);
      padding: 20px 16px;
      position: relative;
      overflow: hidden;
    }

    .mecha-hud-grid {
      position: absolute;
      inset: 0;
      background-image: 
        linear-gradient(rgba(255, 0, 0, 0.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 0, 0, 0.12) 1px, transparent 1px);
      background-size: 14px 14px;
      pointer-events: none;
      z-index: 1;
    }

    .tech-corner {
      position: absolute;
      width: 14px;
      height: 14px;
      border: 2px solid #ffea00;
      pointer-events: none;
      z-index: 5;
    }
    .corner-tl { top: 8px; left: 8px; border-right: none; border-bottom: none; }
    .corner-tr { top: 8px; right: 8px; border-left: none; border-bottom: none; }
    .corner-bl { bottom: 8px; left: 8px; border-right: none; border-top: none; }
    .corner-br { bottom: 8px; right: 8px; border-left: none; border-top: none; }

    .mecha-logo {
      width: 100%;
      max-width: 380px;
      margin: 0 auto 12px;
      display: block;
      position: relative;
      z-index: 4;
      filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.7));
    }

    .banner-frame {
      position: relative;
      z-index: 4;
      border: 1px solid #ffaa00;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 0 20px rgba(255, 0, 0, 0.6);
      margin-bottom: 18px;
    }

    .scan-line {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, transparent, #ff0000, #ffea00, #ff0000, transparent);
      box-shadow: 0 0 10px #ff0000;
      z-index: 6;
      animation: scanAnim 2.5s ease-in-out infinite alternate;
    }

    @keyframes scanAnim {
      0% { top: 0%; }
      100% { top: 96%; }
    }


    .btn-group {
      display: flex;
      gap: 14px;
      margin-bottom: 18px;
      position: relative;
      z-index: 4;
    }

    .mecha-btn {
      flex: 1;
      height: 52px;
      line-height: 52px;
      text-align: center;
      font-family: 'Orbitron', sans-serif;
      font-weight: 900;
      font-size: 17px;
      text-decoration: none;
      clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
      position: relative;
      overflow: hidden;
      letter-spacing: 1.5px;
    }

    .btn-red {
      color: #ffffff;
      background: linear-gradient(135deg, #ff0000 0%, #990000 50%, #ff3300 100%);
      border: 1px solid #ffea00;
      animation: mechaPulseRed 0.8s infinite ease-in-out alternate, mechaShake 3s infinite ease-in-out;
    }

    .btn-yellow {
      color: #000000;
      background: linear-gradient(135deg, #fff200 0%, #ff8800 50%, #ffea00 100%);
      border: 1px solid #ffffff;
      animation: mechaPulseYellow 0.8s infinite ease-in-out alternate, mechaShake 3s 1.5s infinite ease-in-out;
    }

    .mecha-btn::before {
      content: '';
      position: absolute;
      top: -50%;
      left: -100%;
      width: 50%;
      height: 200%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
      transform: rotate(35deg);
      animation: laserSweep 1.2s infinite linear;
    }

    .mecha-btn::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -100%;
      width: 20%;
      height: 200%;
      background: linear-gradient(90deg, transparent, #ffffff, transparent);
      transform: rotate(35deg);
      animation: laserSweep 1.2s 0.2s infinite linear;
    }

    @keyframes mechaPulseRed {
      0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255, 0, 0, 0.8), inset 0 0 5px #ffea00;
        filter: brightness(1) contrast(100%);
      }
      100% {
        transform: scale(1.05);
        box-shadow: 0 0 30px #ff0000, 0 0 15px #ffea00, inset 0 0 12px #ffffff;
        filter: brightness(1.4) contrast(120%);
      }
    }

    @keyframes mechaPulseYellow {
      0% {
        transform: scale(1);
        box-shadow: 0 0 10px rgba(255, 234, 0, 0.8), inset 0 0 5px #ffffff;
        filter: brightness(1) contrast(100%);
      }
      100% {
        transform: scale(1.05);
        box-shadow: 0 0 30px #ffea00, 0 0 15px #ffffff, inset 0 0 12px #ff8800;
        filter: brightness(1.4) contrast(120%);
      }
    }

    @keyframes mechaShake {
      0%, 92%, 100% { transform: translateY(0) rotate(0deg); }
      93% { transform: translateY(-2px) rotate(-1deg); }
      95% { transform: translateY(2px) rotate(1deg); }
      97% { transform: translateY(-1px) rotate(0deg); }
    }

    @keyframes laserSweep {
      0% { left: -100%; }
      100% { left: 160%; }
    }

    .mecha-title {
      font-size: 12px;
      text-align: center;
      font-weight: 800;
      line-height: 1.4;
      color: #ffea00;
      text-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
      margin-bottom: 10px;
      position: relative;
      z-index: 4;
      text-transform: uppercase;
    }

    .mecha-copyright {
      font-size: 11px;
      text-align: center;
      color: #ffffff;
      position: relative;
      z-index: 4;
      font-weight: bold;
    }
  </style>
</head>

<body>


  <div class="hero-bg">
    <div class="mecha-bg-particles">
      
      <div class="p-rocket rk1"></div>
      <div class="p-rocket rk2"></div>
      <div class="p-rocket rk3"></div>
      <div class="p-rocket rk4"></div>
      <div class="p-rocket rk5"></div>
      <div class="p-rocket rk6"></div>
      <div class="p-rocket rk7"></div>
      <div class="p-rocket rk8"></div>
      <div class="p-rocket rk9"></div>
      <div class="p-rocket rk10"></div>
      <div class="p-rocket rk11"></div>
      <div class="p-rocket rk12"></div>
      <div class="p-rocket rk13"></div>

      
      <div class="p-beam blue bm1"></div>
      <div class="p-beam red bm2"></div>
      <div class="p-beam yellow bm3"></div>
      <div class="p-beam red bm4"></div>
      <div class="p-beam blue bm5"></div>
      <div class="p-beam yellow bm6"></div>
      <div class="p-beam red bm7"></div>
      <div class="p-beam blue bm8"></div>
      <div class="p-beam yellow bm9"></div>
      <div class="p-beam red bm10"></div>

      
      <div class="p-spark sp1"></div>
      <div class="p-spark red sp2"></div>
      <div class="p-spark white sp3"></div>
      <div class="p-spark sp4"></div>
      <div class="p-spark red sp5"></div>
      <div class="p-spark white sp6"></div>
      <div class="p-spark sp7"></div>
      <div class="p-spark red sp8"></div>
      <div class="p-spark white sp9"></div>
      <div class="p-spark sp10"></div>
      <div class="p-spark red sp11"></div>
      <div class="p-spark white sp12"></div>

      
      <div class="p-armor am1"></div>
      <div class="p-armor am2"></div>
      <div class="p-armor am3"></div>
      <div class="p-armor am4"></div>
      <div class="p-armor am5"></div>
      <div class="p-armor am6"></div>
    </div>
  </div>

  
  <div class="container">
    <div class="mecha-card">

      
      <div class="tech-corner corner-tl"></div>
      <div class="tech-corner corner-tr"></div>
      <div class="tech-corner corner-bl"></div>
      <div class="tech-corner corner-br"></div>

      
      <div class="mecha-hud-grid"></div>

      <div class="mecha-logo">
        <amp-img 
          src="https://ayogas.holytogelsip.com/asset-img/logo.png" 
          width="380" 
          height="109" 
          layout="responsive" 
          alt="HOLYTOGEL Logo">
        </amp-img>
      </div>

      
      <div class="banner-frame">
        <div class="scan-line"></div>
        <amp-img 
          src="https://ayogas.holytogelsip.com/asset-img/holy-it-kaisen.jpg" 
          width="600" 
          height="600" 
          layout="responsive" 
          alt="HOLYTOGEL Banner">
        </amp-img>
      </div>

      
      <div class="btn-group">
        <a href="https://buburmanado.com/hotglsip" class="mecha-btn btn-red" target="_blank" rel="nofollow noopener">DAFTAR</a>
        <a href="https://buburmanado.com/hotglsip" class="mecha-btn btn-yellow" target="_blank" rel="nofollow noopener">LOGIN</a>
      </div>

      <div class="mecha-title">
        HOLYTOGEL + Bursa Togel Toto Top dan Bursa Lotto Terlengkap 2026
      </div>

      <div class="mecha-copyright">
         COPYRIGHT 2026 | <span style="color: #d30000;">HOLYTOGEL </span>| SEO GOOD
      </div>

    </div>
  </div>

</body>
</html>