<!doctype html>
<html amp lang="id">
  <head>
    <meta charset="utf-8" />
    <title>RONIN86 : TUTORIAL MENJADI JUTAWAN SUPER MUDAH SEKARANG JUGA</title>

    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1,initial-scale=1"
    />
    <meta
      name="google-site-verification"
      content="X9HzXWDlMPhzrNtr5H9t9Rfs6zZ3A7wYj3D9e2ZFZio"
    />
    <meta name="google-site-verification" content="8OKL6-2PfY9QwJ6DyXGUAHUzCzOgUTTMoSi6ZL-Ol9M" />
    <meta
      name="description"
      content="RONIN86 menghadirkan panduan inspiratif, strategi cerdas, dan pengalaman digital menarik untuk membantu mencapai tujuan finansial modern."
    />
    <meta
      name="google-site-verification"
      content="X9HzXWDlMPhzrNtr5H9t9Rfs6zZ3A7wYj3D9e2ZFZio"
    />
    <meta name="keywords" content="ronin86" />

    <meta name="robots" content="index,follow" />

    <meta
      property="og:image"
      content="https://res.cloudinary.com/df7rahxvm/image/upload/v1780054191/rn-banner-slotorg_y25awo.png"
    />

    <link rel="canonical" href="https://ronin86-slot.org/" />

    <link
      rel="icon"
      href="https://cdn.robotaset.com/assets/tpl/acbd75ac04/images/favicon.ico"
    />

    <script async src="https://cdn.ampproject.org/v0.js"></script>

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap"
      rel="stylesheet"
    />

    <!-- AMP BOILERPLATE -->
    <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 {
        --bg: #050505;
        --maroon: #3a0008;
        --maroon2: #650010;
        --red: #ff1f3d;
        --red2: #b3001b;
        --white: #ffffff;
        --soft: #ffc7cf;
      }

      * {
        box-sizing: border-box;
      }

      html,
      body {
        margin: 0;
        padding: 0;
        background: url(https://cdn.robotaset.com/assets/tpl/acbd75ac04/images/background.jpg);
        font-family: "Inter", sans-serif;
        color: var(--white);
      }

      body {
        min-height: 100vh;
        display: flex;
        justify-content: center;
        padding: 16px;
      }

      .shell {
        width: 100%;
        max-width: 520px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      /* HEADER */

      .header {
        display: flex;
        justify-content: center;
      }

      .logo {
        border-radius: 12px;
        box-shadow:
          0 0 18px rgba(255, 0, 51, 0.45),
          0 0 40px rgba(130, 0, 20, 0.3);
      }

      /* TELEGRAM */

      .telegram-card {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px;
        background: linear-gradient(135deg, #1a0005, #46000d);
        border: 2px solid #ff2447;
        border-radius: 16px;
        box-shadow:
          0 0 18px rgba(255, 0, 51, 0.4),
          inset 0 0 14px rgba(255, 255, 255, 0.05);
      }

      .telegram-left amp-img {
        border-radius: 50%;
      }

      .telegram-center {
        flex: 1;
      }

      .tg-title {
        font-size: 14px;
        font-weight: 900;
        color: #ffffff;
        letter-spacing: 0.5px;
      }

      .tg-sub {
        font-size: 11px;
        color: #ffb0b9;
        margin-top: 2px;
      }

      .telegram-right a {
        display: inline-block;
        padding: 9px 12px;
        border-radius: 10px;
        background: linear-gradient(180deg, #ff2144, #9e0017);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        text-decoration: none;
        box-shadow: 0 0 14px rgba(255, 0, 51, 0.5);
      }

      /* MARQUEE */

      .marquee-wrapper {
        overflow: hidden;
        background: #0f0002;
        border-top: 2px solid #ff2144;
        border-bottom: 2px solid #5f0011;
        border-radius: 12px;
        padding: 9px 0;
        box-shadow: 0 0 12px rgba(255, 0, 51, 0.25);
      }

      .marquee-text {
        display: inline-block;
        white-space: nowrap;
        padding-left: 100%;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        animation: marquee 12s linear infinite;
      }

      @keyframes marquee {
        0% {
          transform: translateX(0);
        }

        100% {
          transform: translateX(-100%);
        }
      }

      /* CARD */

      .card {
        position: relative;
        overflow: hidden;
        padding: 18px;
        border-radius: 24px;
        background: linear-gradient(
          180deg,
          rgba(255, 0, 51, 0.12),
          rgba(60, 0, 10, 0.75)
        );
        border: 2px solid #ff2447;
        box-shadow:
          0 0 24px rgba(255, 0, 51, 0.35),
          inset 0 0 18px rgba(255, 255, 255, 0.04);
      }

      .card::before {
        content: "";
        position: absolute;
        top: -60%;
        left: -60%;
        width: 220%;
        height: 220%;
        background: radial-gradient(
          circle,
          rgba(255, 0, 51, 0.18),
          transparent 65%
        );
        animation: spin 8s linear infinite;
      }

      @keyframes spin {
        100% {
          transform: rotate(360deg);
        }
      }

      .hero {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .hero-img {
        border-radius: 18px;
        border: 2px solid #ff2447;
        box-shadow: 0 0 20px rgba(255, 0, 51, 0.4);
      }

      /* BUTTON */

      .cta {
        display: flex;
        flex-direction: column;
        gap: 14px;
      }

      .btn {
        position: relative;
        overflow: hidden;
        text-decoration: none;
        text-align: center;
        padding: 15px;
        border-radius: 14px;
        color: #fff;
        font-weight: 800;
        font-size: 14px;
        letter-spacing: 0.3px;
        background: linear-gradient(180deg, #770014, #240006);
        border: 2px solid #ff2447;
        box-shadow: 0 0 18px rgba(255, 0, 51, 0.25);
      }

      .btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: -130%;
        width: 70%;
        height: 100%;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 255, 255, 0.3),
          transparent
        );
        transform: skewX(-25deg);
        animation: shine 3s infinite;
      }

      @keyframes shine {
        100% {
          left: 150%;
        }
      }

      /* BADGE */

      .section-buttons {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }

      .badge-container {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }

      .badge {
        flex: 1 1 30%;
        text-align: center;
        padding: 11px;
        border-radius: 12px;
        background: linear-gradient(180deg, #4a000d, #180003);
        border: 2px solid #ff2447;
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        box-shadow: 0 0 10px rgba(255, 0, 51, 0.25);
      }

      /* GIF */

      .bottom-gif {
        border-radius: 16px;
        overflow: hidden;
        border: 2px solid #ff2447;
        box-shadow: 0 0 18px rgba(255, 0, 51, 0.35);
      }

      /* FOOTER */

      .footer {
        text-align: center;
        font-size: 12px;
        color: #ffd7dd;
        padding-bottom: 10px;
      }

      .footer b {
        color: #ff3957;
      }
    </style>
  </head>

  <body>
    <div class="shell">
      <!-- LOGO -->
      <header class="header">
        <amp-img
          class="logo"
          src="https://cdn.robotaset.com/assets/tpl/acbd75ac04/images/logo.gif"
          width="190"
          height="60"
          layout="fixed"
          alt="Logo"
        >
        </amp-img>
      </header>

      <!-- TELEGRAM -->
      <div class="telegram-card">
        <div class="telegram-left">
          <amp-img
            src="https://cdn.robotaset.com/assets/tpl/acbd75ac04/images/favicon.ico"
            width="45"
            height="45"
            layout="fixed"
            alt="telegram"
          >
          </amp-img>
        </div>

        <div class="telegram-center">
          <div class="tg-title">GABUNG DI RONIN86 SEKARANG</div>

          <div class="tg-sub">Dapatkan Kemenangan Sejati & Promo Terbaru</div>
        </div>

        <div class="telegram-right">
          <a href="https://goshort.info/ronin86" target="_blank"> JOIN → </a>
        </div>
      </div>

      <!-- MARQUEE -->
      <div class="marquee-wrapper">
        <div class="marquee-text">
          SELAMAT DATANG DI PORTAL RESMI RONIN86 • BONUS NEW MEMBER • JACKPOT
          SETIAP HARI
        </div>
      </div>

      <!-- MAIN CARD -->
      <section class="card hero">
        <amp-img
          class="hero-img"
          src="https://res.cloudinary.com/df7rahxvm/image/upload/v1780054191/rn-banner-slotorg_y25awo.png"
          width="1024"
          height="1024"
          layout="responsive"
          alt="banner"
        >
        </amp-img>

        <!-- BUTTON -->
        <div class="cta">
          <a class="btn" href="https://goshort.info/ronin86" target="_blank">
            LOGIN
          </a>

          <a class="btn" href="https://goshort.info/ronin86" target="_blank">
            DAFTAR AKUN
          </a>
        </div>

        <!-- BADGE -->
        <div class="section-buttons">
          <div class="badge-container">
            <span class="badge">RONIN86</span>
            <span class="badge">HABANERO</span>
            <span class="badge">AA GAMING</span>
          </div>

          <div class="badge-container">
            <span class="badge">PRAGMATIC</span>
            <span class="badge">PG SOFT</span>
            <span class="badge">SPORTBOOK</span>
          </div>
        </div>
      </section>

      <!-- GIF -->
      <div class="bottom-gif">
        <amp-img
          src="https://cdn.robotaset.com/assets/tpl/acbd75ac04/images/logo.gif"
          width="900"
          height="180"
          layout="responsive"
          alt="gif"
        >
        </amp-img>
      </div>

      <!-- FOOTER -->
      <footer class="footer">
        ©2026 ✓ All Rights Reserved —
        <b>RONIN86</b>
      </footer>
    </div>
  </body>
</html>
