
<!doctype html>
<html ⚡ lang="id">
<head>
  <meta charset="utf-8">
  <title>SOBET88 ~ Tempat Mengalir Jackpot Cuan Di Setiap Putaran Games SOBET 88</title>
  <meta name="description" content="Nikmati sensasi bermain di SOBET88 tempat jackpot cuan mengalir di setiap putaran dengan permainan terlengkap dan terseru di jamin pasti gampang jackpot cuan tanpa batas hanya di platform gacor terbaik.">
  <meta name="google-site-verification" content="udqHheqv_gwrlvFLjvPIMv39GGPdPSPCFJ7EeIB8ATc" />
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <link rel="icon" href="https://sobet88fun.com/images/favicon-sobet88.webp" type="image/png">
  <link rel="shortcut icon" href="https://sobet88fun.com/images/favicon-sobet88.webp" type="image/png">
  <link rel="canonical" href="https://sobet88fun.com/" />
  <link rel="amphtml" href="https://sobet88fun.com/" />
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <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=Playfair+Display:wght@400;700&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
  
  
  
  
    <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>
    :root {
      --gold-light: #09ff00;
      --gold-mid: #26da20;
      --gold-dark: #3cb80b;
      --dark-bg: #111;
      --white: #fff;
    }

    body {
      margin:0;
      font-family: 'Poppins', sans-serif;
      background: linear-gradient(180deg, #0a0a0a 0%, #111 100%);
      color: var(--white);
      overflow-x: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    /* Logo */
    header amp-img {
      margin-top: 20px;
      filter: drop-shadow(0 0 15px var(--gold-light));
      animation: pulse-logo 2s infinite alternate;
    }

    @keyframes pulse-logo {
      0% { filter: drop-shadow(0 0 8px var(--gold-light)); }
      100% { filter: drop-shadow(0 0 25px var(--gold-light)); }
    }

    /* Poster container */
    .poster-container {
      position: relative;
      width: 100%;
      max-width: 480px;
      height: 480px;
      margin: 20px 0;
      perspective: 1000px;
    }

    /* Refleksi lantai glossy */
    .floor {
      position: absolute;
      bottom: -20px;
      width: 100%;
      height: 60px;
      background: linear-gradient(180deg, rgba(23, 212, 23, 0.5), rgba(0,0,0,0.9));
      box-shadow: inset 0 0 40px rgba(29, 212, 23, 0.7);
      transform: skewY(-3deg);
      z-index: 1;
      border-radius: 10px;
    }

    /* Gambar utama */
    .woman {
      position: relative;
      width: 100%;
      height: 100%;
      border-radius: 12px;
      overflow: hidden;
      border: 2px solid var(--gold-mid);
      box-shadow: 0 0 25px rgba(69, 218, 32, 0.6);
      z-index: 2;
      animation: float 3s ease-in-out infinite alternate;
    }

    @keyframes float {
      0% { transform: translateY(0); }
      100% { transform: translateY(-10px); }
    }

    /* Sayap cahaya di belakang */
    .wings {
      position: absolute;
      width: 300%;
      height: 100%;
      background: radial-gradient(ellipse at center, rgba(212,160,23,0.15), transparent 70%);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      filter: blur(60px);
      z-index: 0;
      animation: wingsMove 6s ease-in-out infinite alternate;
    }

    @keyframes wingsMove {
      0% { transform: translate(-50%, -50%) rotate(-2deg); opacity: 0.7; }
      100% { transform: translate(-50%, -50%) rotate(2deg); opacity: 1; }
    }

    /* Lampu sorot kiri & kanan */
    .spotlight-left, .spotlight-right {
      position: absolute;
      top:0; bottom:0;
      width: 200px;
      z-index:0;
      pointer-events:none;
    }
    .spotlight-left { left:0; background: linear-gradient(to right, rgba(39, 212, 23, 0.2), transparent);}
    .spotlight-right { right:0; background: linear-gradient(to left, rgba(29, 212, 23, 0.2), transparent);}

    /* Partikel energy */
    .particle {
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius:50%;
      background: radial-gradient(circle, #00ff15, transparent);
      animation: moveParticle 4s linear infinite;
      opacity:0.8;
      z-index:3;
    }

    @keyframes moveParticle {
      0% { transform: translate(0,0) rotate(0deg); opacity:0.5; }
      50% { transform: translate(150px,-100px) rotate(180deg); opacity:1; }
      100% { transform: translate(-100px,-50px) rotate(360deg); opacity:0.5; }
    }

    /* Tombol */
    .btn-wrap {
      display:flex;
      justify-content:center;
      gap:1rem;
      flex-wrap:wrap;
      margin-top:20px;
      z-index:10;
    }
    .btn-light {
      position: relative;
      display:inline-block;
      padding:0.85rem 2rem;
      font-weight:700;
      color:var(--dark-bg);
      text-decoration:none;
      border-radius:50px;
      background: linear-gradient(290deg, var(--gold-light), var(--gold-mid), var(--gold-dark));
      box-shadow: 0 0 15px rgba(48, 218, 32, 0.5);
      transition: all 0.3s ease-in-out;
      overflow:hidden;
    }
    .btn-light:hover {
      transform: scale(1.05);
      box-shadow: 0 0 30px rgba(0, 255, 34, 0.8);
    }

    /* HR animasi */
    .hr-light {
      width: 85%;
      height: 2px;
      margin: 1.5rem auto;
      background: linear-gradient(290deg, transparent, var(--gold-light), var(--gold-mid), var(--gold-light), transparent);
      background-size: 400% 100%;
      animation: hrflow 6s linear infinite;
      border-radius:2px;
    }
    @keyframes hrflow {
      0% { background-position: 0% 50% }
      100% { background-position: 100% 50% }
    }

    /* Depth of field & glow */
    .poster-container amp-img {
      border-radius:12px;
      box-shadow: 0 0 35px rgba(75, 218, 32, 0.8);
      z-index:2;
    }

    /* Responsif */
    @media(max-width: 640px){
      .poster-container { max-width:300px; height:300px; }
      .btn-light { width:100%; max-width:250px; }
    }
  </style>
</head>
<body>

  <!-- Logo -->
  <header>
    <amp-img src="https://sobet88fun.com/images/logo-sobet88.webp"
      width="350" height="100"
      layout="intrinsic"
      alt="Logo SOBET88">
    </amp-img>
  </header>

  <div class="hr-light"></div>

  <!-- Poster -->
  <div class="poster-container">
    <div class="wings"></div>
    <div class="spotlight-left"></div>
    <div class="spotlight-right"></div>
    
    <amp-img src="https://sobet88fun.com/images/sobet88.webp"
      width="480" height="480"
      layout="responsive"
      class="woman"
      alt="SOBET88 Poster">
    </amp-img>

    <div class="floor"></div>

 <div class="particle" style="top:50px; left:30px;"></div>
    <div class="particle" style="top:120px; left:180px;"></div>
    <div class="particle" style="top:200px; left:100px;"></div>
    <div class="particle" style="top:250px; left:300px;"></div>
  </div>

  <!-- Tombol Login & Daftar -->
<div class="btn-wrap" style="justify-content: center; text-align: center;">
    <a href="https://sobet88fun.com/" 
       class="btn-light" 
       style="display: inline-flex; justify-content: center; align-items: center; text-align: center;"
       rel="noreferrer noopener" 
       target="_blank">
       LOGIN
    </a>
    <a href="https://sobet88fun.com/" 
       class="btn-light" 
       style="display: inline-flex; justify-content: center; align-items: center; text-align: center;"
       rel="noreferrer noopener" 
       target="_blank">
       DAFTAR
    </a>
</div>


  <div class="hr-light"></div>


  <!-- Teks deskripsi -->
<div class="max-w-md w-full text-description" style="margin: 0 auto; text-align: center;"> 
    <p>SOBET88 ~ Tempat Mengalir Jackpot Cuan Di Setiap Putaran Games SOBET 88</p>
    <p>Nikmati sensasi bermain di SOBET88 tempat jackpot cuan mengalir di setiap putaran dengan permainan terlengkap dan terseru di jamin pasti gampang jackpot cuan tanpa batas hanya di platform gacor terbaik.</p>
</div>

<div class="hr-light" style="margin: 1.5rem auto;"></div>

<footer class="my-4" style="text-align: center;">
    <p class="animated-footer-text" data-text="Seo ARSEO | Hak Lisensi SOBET88 Copyright 2024-2030">&copy; Seo ARSEO | Hak Lisensi SOBET88 Copyright 2024-2030</p>
</footer>

  </footer>
</body>
</html>
