<!DOCTYPE html>
<html amp lang="id">
<head>
<meta charset="utf-8">
<title>MENANG333 : Slot Online Dengan Suasana Berbeda</title>
<meta name="description" content="MENANG333 Setiap slot menawarkan suasana berbeda melalui tema uniknya. Pemain bisa memilih sesuai mood yang diinginkan saat itu juga.">
<meta name="author" content="MENANG333">
<link rel="canonical" href="https://choosenick.com/">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js">
<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 VARIABLES ── */
    :root {
      --gold:       #f0a340;
      --gold-dim:   #d97a12;
      --blue:      #ec8918;
      --blue-dim:  #c9660a;
      --dark:       #0b0b0d;
      --dark-card:  #131315;
      --border:     rgba(236, 137, 24, 0.32);
      --text:       #F5F1EA;
      --text-dim:   #9a9490;
    }
  
    /* ── RESET ── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  
    body {
      font-family: 'Rajdhani', sans-serif;
      background: var(--dark);
      min-height: 100vh;
      overflow-x: hidden;
    }
  
    /* ── HERO BACKGROUND ── */
    .hero-bg {
      position: fixed;
      inset: 0;
      z-index: 0;
      background: var(--dark);
    }
  
    .hero-bg amp-img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(0.9) grayscale(0.2);
    }
  
    /* ── GRID SCANLINES ── */
    .scanlines {
      position: fixed;
      inset: 0;
      z-index: 1;
      background-image:
        repeating-linear-gradient(
          0deg,
          transparent,
          transparent 3px,
          rgba(236, 137, 24, 0.03) 3px,
          rgba(236, 137, 24, 0.03) 4px
        );
      pointer-events: none;
    }
  
    /* ── OVERLAY / CENTER ── */
    .overlay {
      position: relative;
      z-index: 10;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px 16px;
    }
  
    /* ── CARD ── */
    .card {
      width: 100%;
      max-width: 420px;
      background: var(--dark-card);
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--border);
      box-shadow: 0 20px 45px rgba(0,0,0,.5), 0 0 26px rgba(236, 137, 24, 0.12);
    }
  
    /* ── TOPBAR ── */
    .topbar {
      height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000000;
      border-bottom: 1px solid var(--border);
      position: relative;
    }
  
    .topbar amp-img {
      height: 50px;
      position: relative;
      z-index: 1;
      filter: drop-shadow(0 0 5px rgba(236, 137, 24, .6));
    }
  
.banner {
    position: relative;
    overflow: hidden;
    border-top: 2px solid var(--blue-dim);
    border-bottom: 2px solid var(--blue-dim);
}
  
    .banner amp-img {
      width: 100%;
      display: block;
    }
  
    /* ── TITLEBAR ── */
    .titlebar {
      padding: 11px 16px;
      text-align: center;
      font-family: 'Orbitron', monospace;
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 1.5px;
      color: var(--gold);
      text-transform: uppercase;
      background: #000000;
      border-bottom: 1px solid var(--border);
      text-shadow: 0 0 10px rgba(236, 137, 24, 0.35);
    }

.content {
    padding: 16px;
    background: linear-gradient(180deg, #100c07 0%, #2a1608 100%);
}
  
.btns {
    display: flex;
    gap: 7px;
    flex-direction: column;
    padding: 10px;
}
  
    .btn {
      flex: 1;
      height: 46px;
      line-height: 44px;
      text-align: center;
      text-decoration: none;
      font-family: 'Orbitron', monospace;
      font-weight: 800;
      border-radius: 8px;
      font-size: 13px;
      letter-spacing: 2px;
      text-transform: uppercase;
      transition: all 0.2s ease;
    }
  
.btn-daftar {
    background: linear-gradient(135deg, #ffb347, var(--blue) 55%, var(--blue-dim));
    color: #2a1200;
    border: 1px solid rgba(255,255,255,.3);
    cursor: pointer;
    transition: transform 0.2s, box-shadow .25s;
    box-shadow: 0 6px 18px rgba(236, 137, 24, .35);
}
.btn-daftar:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(236, 137, 24, .5);
}

    .btn-login {
      background: transparent;
      border: 1px solid var(--gold-dim);
      color: var(--gold);
    }
    .btn-login:hover {
      background: rgba(236, 137, 24, 0.1);
    }
  
    .info {
      background: #000000;
      border-radius: 10px;
      border: 1px solid var(--border);
      overflow: hidden;
    }
  
    .row {
      display: flex;
      padding: 10px 14px;
      border-bottom: 1px solid rgba(236, 137, 24, 0.12);
    }
  
    .row:last-child {
      border-bottom: none;
    }
  
    .label {
      width: 45%;
      color: var(--text-dim);
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }
  
    .value {
      width: 55%;
      color: var(--text);
      font-size: 13px;
      font-weight: 600;
    }
  
    /* ── STATS BADGES ── */
    .stats-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-bottom: 14px;
    }
  
    .stat-badge {
      background: #000000;
      border: 1px solid var(--border);
      border-radius: 8px;
      padding: 8px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  
    .stat-label {
      font-family: 'Orbitron', monospace;
      font-size: 9px;
      color: var(--text-dim);
      letter-spacing: 1px;
      text-transform: uppercase;
    }
  
    .stat-value {
      font-family: 'Orbitron', monospace;
      font-size: 13px;
      font-weight: 700;
      color: var(--gold);
      text-shadow: 0 0 8px rgba(236, 137, 24, .35);
    }
  
    /* ── FOOTER ── */
    .footer {
      margin-top: 14px;
      text-align: center;
      font-size: 11px;
      color: var(--text-dim);
      letter-spacing: 1px;
      text-transform: uppercase;
      font-family: 'Orbitron', monospace;
      padding-top: 10px;
      border-top: 1px solid rgba(236, 137, 24, 0.18);
    }
  
    .footer span {
      color: var(--gold);
    }
    .copyright a {
  color: var(--gold-dim);
  text-decoration: none;
}
  
  

/* fix 1/10: logo fixed-height wajib punya lebar */
.topbar amp-img{width:100%;max-width:320px}
.topbar amp-img img{object-fit:contain}
</style>
</head>
<body>


  <!-- Background image -->
  <div class="hero-bg">
    <amp-img
      src="https://choosenick.com/assets/aset-0.webp"
      layout="fill"
      object-fit="cover"
      alt="MENANG333 Background">
    </amp-img>
  </div>

  <!-- Scanlines texture -->
  <div class="scanlines"></div>

  <!-- Main overlay -->
  <div class="overlay">
    <div class="card">

      <!-- Top logo bar -->
      <div class="topbar">
        <amp-img src="https://choosenick.com/assets/aset-1.webp" height="50" layout="fixed-height" alt="MENANG333 LOGO"></amp-img>
      </div>

      <!-- Banner image -->
      <div class="banner">
        <amp-img src="https://choosenick.com/assets/aset-0.webp" width="1920" height="1080" layout="responsive" alt="MENANG333"></amp-img>
      </div>

      <!-- Title bar -->
      <div class="titlebar">
        MENANG333 ✈️ Pusat Hiburan Slot Gacor Online Terpercaya Berita Game Terkini Indonesia
      </div>
        <div class="btns">
          <a href="https://hk138d.link/" class="btn btn-daftar">KLIK UNTUK LOGIN</a>
          <a href="https://hk138d.link/" class="btn btn-login">KLIK UNTUK DAFTAR</a>
          <a href="https://hk138d.link/" class="btn btn-login">LINK ALTERNATIF</a>
        </div>
      <!-- Content -->
      <div class="content">

        <!-- Stats badges like reference image -->
        <div class="stats-grid">
          <div class="stat-badge">
            <span class="stat-label">RATING</span>
            <span class="stat-value">⭐⭐⭐⭐⭐</span>
          </div>
          <div class="stat-badge">
            <span class="stat-label">DEPO</span>
            <span class="stat-value">25 RIBU</span>
          </div>
          <div class="stat-badge">
            <span class="stat-label">WIN RATE</span>
            <span class="stat-value">98%</span>
          </div>
          <div class="stat-badge">
            <span class="stat-label">WEDE</span>
            <span class="stat-value">50 RIBU</span>
          </div>
        </div>

        <div class="cyber-line"></div>



        <!-- Info table -->
        <div class="info">
          <div class="row">
            <div class="label">Nama Situs</div>
            <div class="value">MENANG333</div>
          </div>
          <div class="row">
            <div class="label">Min Betting</div>
            <div class="value">Rp 400</div>
          </div>
          <div class="row">
            <div class="label">Bonus</div>
            <div class="value">BONUS X-TRA New Member 20%</div>
          </div>
          <div class="row">
            <div class="label">Deposit</div>
            <div class="value">QRIS, EWALLET, BANK</div>
          </div>
        </div>

        <!-- Footer -->
        <div class="footer">
           <p class="copyright">
         <strong>&copy; <a href="https://choosenick.com/">MENANG333</a> 2026 - SEO 沈BLESSED</strong>
            </p>
        </div>

      </div>
    </div>
  </div>


</body>
</html>
