<!doctype html>
<html amp lang="id">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1,initial-scale=1"
    />

    <title>BOSSWIN168 - KESUKSESAN DIMULAI DARI PILIHAN YANG TEPAT</title>

    <meta
      name="description"
      content="Langkah awal menuju keberhasilan ditentukan oleh keputusan Anda hari ini. Bergabunglah bersama BOSSWIN168, platform terpercaya yang menyediakan fasilitas terbaik, keamanan tingkat tinggi, dan peluang kemenangan terbesar untuk mendukung setiap langkah sukses Anda. Pilih yang pasti, pilih BOSSWIN168!"
    />
    <link
      rel="icon"
      href="https://cdn.robotaset.com/assets/tpl/10ac8ce9a2/images/favicon.ico"
    />

    <link rel="canonical" href="https://int-soc-hist-didact.org/" />

    <script async src="https://cdn.ampproject.org/v0.js"></script>

    <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>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      body {
        font-family: Arial, sans-serif;
        background: radial-gradient(
          circle at top,
          #3d2b05 0%,
          #0b0b0b 40%,
          #000 100%
        );
        color: #fff;
        min-height: 100vh;
        overflow-x: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        position: relative;
      }

      /* BACKGROUND GLOW */

      .bg-glow {
        position: fixed;
        width: 400px;
        height: 400px;
        background: radial-gradient(
          circle,
          rgba(255, 215, 0, 0.3) 0%,
          transparent 70%
        );
        filter: blur(90px);
        z-index: -1;
      }

      /* COIN FALL */

      .coin {
        position: fixed;
        top: -80px;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: radial-gradient(
          circle at 30% 30%,
          #fff6b0,
          #ffd700 45%,
          #b8860b 100%
        );
        box-shadow:
          0 0 10px rgba(255, 215, 0, 0.9),
          0 0 20px rgba(255, 215, 0, 0.5);
        animation: coinFall linear infinite;
        opacity: 0.8;
      }

      .coin:before {
        content: "$";
        position: absolute;
        inset: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: bold;
        color: #5a3a00;
      }

      .coin:nth-child(1) {
        left: 5%;
        animation-duration: 7s;
      }

      .coin:nth-child(2) {
        left: 18%;
        width: 20px;
        height: 20px;
        animation-duration: 9s;
        animation-delay: 1s;
      }

      .coin:nth-child(3) {
        left: 35%;
        animation-duration: 8s;
        animation-delay: 2s;
      }

      .coin:nth-child(4) {
        left: 52%;
        width: 18px;
        height: 18px;
        animation-duration: 6s;
      }

      .coin:nth-child(5) {
        left: 68%;
        animation-duration: 10s;
        animation-delay: 2s;
      }

      .coin:nth-child(6) {
        left: 82%;
        width: 22px;
        height: 22px;
        animation-duration: 7s;
      }

      .coin:nth-child(7) {
        left: 94%;
        animation-duration: 11s;
        animation-delay: 1s;
      }

      @keyframes coinFall {
        0% {
          transform: translateY(-100px) rotate(0deg);
          opacity: 0;
        }

        15% {
          opacity: 1;
        }

        100% {
          transform: translateY(120vh) rotate(360deg);
          opacity: 0.3;
        }
      }

      /* MAIN BOX */

      .container {
        width: 100%;
        max-width: 390px;
        position: relative;
        z-index: 2;
      }

      /* LOGO */

      .logo-wrap {
        text-align: center;
        margin-bottom: 10px;
      }

      .logo-img {
        width: 130px;
        filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.9))
          drop-shadow(0 0 25px rgba(255, 215, 0, 0.4));
      }

      /* TITLE */

      .title {
        text-align: center;
        font-size: 34px;
        font-weight: 900;
        color: #ffd700;
        letter-spacing: 3px;
        text-shadow:
          0 0 10px rgba(255, 215, 0, 0.8),
          0 0 25px rgba(255, 215, 0, 0.5);
      }

      .subtitle {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 25px;
        font-size: 12px;
        color: #fff0c2;
        letter-spacing: 3px;
      }

      /* CARD */

      .banner-card {
        background: linear-gradient(
          145deg,
          rgba(30, 30, 30, 0.95),
          rgba(60, 45, 5, 0.95)
        );

        border: 2px solid #ffd700;
        border-radius: 22px;
        padding: 8px;
        overflow: hidden;
        position: relative;

        box-shadow:
          0 0 25px rgba(255, 215, 0, 0.25),
          0 15px 35px rgba(0, 0, 0, 0.7);
      }

      .banner-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;

        background: linear-gradient(
          120deg,
          rgba(255, 255, 255, 0.35),
          rgba(255, 255, 255, 0)
        );

        transform: skewX(-25deg);
        animation: shine 3s linear infinite;
      }

      @keyframes shine {
        0% {
          left: -75%;
        }

        100% {
          left: 130%;
        }
      }

      .banner-card amp-img {
        border-radius: 16px;
      }

      /* BUTTONS */

      .btn-stack {
        margin-top: 25px;
        display: flex;
        flex-direction: column;
        gap: 15px;
      }

      .btn {
        display: block;
        text-align: center;
        padding: 15px;
        border-radius: 14px;
        text-decoration: none;
        font-weight: 800;
        font-size: 14px;
        letter-spacing: 2px;
        transition: 0.3s;
      }

      .btn-login {
        color: #ffd700;
        border: 2px solid #ffd700;
        background: rgba(255, 215, 0, 0.08);
      }

      .btn-login:hover {
        background: #ffd700;
        color: #000;
      }

      .btn-daftar {
        color: #000;
        background: linear-gradient(135deg, #ffe27a, #ffbf00);
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
      }

      .btn-daftar:hover {
        transform: scale(1.03);
      }

      .btn-promo {
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.05);
      }

      .btn-promo:hover {
        border-color: #ffd700;
        background: rgba(255, 215, 0, 0.1);
      }

      /* COPYRIGHT */

      .copy {
        text-align: center;
        margin-top: 30px;
        font-size: 11px;
        letter-spacing: 3px;
        color: #ffd700;
      }

      /* MOBILE */

      @media (max-width: 480px) {
        .title {
          font-size: 28px;
        }

        .subtitle {
          font-size: 10px;
          letter-spacing: 2px;
        }

        .btn {
          font-size: 13px;
          padding: 13px;
        }
      }
    </style>
  </head>

  <body>
    <!-- GOLD COINS -->
    <div class="coin"></div>
    <div class="coin"></div>
    <div class="coin"></div>
    <div class="coin"></div>
    <div class="coin"></div>
    <div class="coin"></div>
    <div class="coin"></div>

    <div class="bg-glow"></div>

    <div class="container">
      <!-- LOGO -->
      <div class="logo-wrap">
        <a href="https://bwtotoo.xyz/bw">
          <amp-img
            class="logo-img"
            src="https://cdn.robotaset.com/assets/tpl/10ac8ce9a2/images/logo.gif"
            width="300"
            height="100"
            layout="responsive"
            alt="Logo BOSSWIN168"
          ></amp-img>
        </a>
      </div>

      <!-- TITLE -->
      <div class="title">BOSSWIN168</div>

      <div class="subtitle">ANTI RUNGKAD • MAXWIN SETIAP HARI</div>

      <!-- BANNER -->
      <div class="banner-card">
        <amp-img
          src="https://res.cloudinary.com/df7rahxvm/image/upload/v1780790395/bw-banner168-inc_gggzmc.png"
          width="500"
          height="500"
          layout="responsive"
          alt="Banner BOSSWIN168"
        ></amp-img>
      </div>

      <!-- BUTTON -->
      <div class="btn-stack">
        <a href="https://goshort.info/bosswin168" class="btn btn-login">
          LOGIN SEKARANG
        </a>

        <a href="https://bwtotoo.xyz/bw" class="btn btn-daftar">
          DAFTAR SEKARANG
        </a>

        <a href="https://goshort.info/bosswin168" class="btn btn-promo">
          LINK ALTERNATIF
        </a>
      </div>

      <!-- COPYRIGHT -->
      <div class="copy">©2026 BOSSWIN168</div>
    </div>
  </body>
</html>
