<!DOCTYPE html>
<html amp lang="id">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
    <meta http-equiv="content-language" content="id" />
    <title>AKUNBOS | Best Team Kolaborasi Server Slot88 Gaming Terbaik Hari Ini Paling Jos</title>
    <meta name="description" content="Register sekarang di AKUNBOS, daftar game gacor online baru dengan demo gratis terlengkap! Coba tanpa risiko, nikmati RTP tertinggi dan jackpot maxwin menanti setiap saat bersama kami!" />
    <meta name="robots" content="index,follow" />
    <link rel="icon" href="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/favicon.png?updatedAt=1778170531056" type="image/x-icon" />
    <link rel="apple-touch-icon" href="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/favicon.png?updatedAt=1778170531056" />
    <link rel="canonical" href="https://akunbosindonesia.de/" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://akunbosindonesia.de/" />
    <meta property="og:site_name" content="AKUNBOS" />
    <meta property="og:title" content="AKUNBOS | Best Team Kolaborasi Server Slot88 Gaming Terbaik Hari Ini Paling Jos" />
    <meta property="og:description" content="Register sekarang di AKUNBOS, daftar game gacor online baru dengan demo gratis terlengkap! Coba tanpa risiko, nikmati RTP tertinggi dan jackpot maxwin menanti setiap saat bersama kami!" />
    <meta property="og:image" content="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/akun-slot777" />
    <meta property="og:image:alt" content="AKUNBOS" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="AKUNBOS | Best Team Kolaborasi Server Slot88 Gaming Terbaik Hari Ini Paling Jos" />
    <meta name="twitter:description" content="Register sekarang di AKUNBOS, daftar game gacor online baru dengan demo gratis terlengkap! Coba tanpa risiko, nikmati RTP tertinggi dan jackpot maxwin menanti setiap saat bersama kami!" />
    <meta name="twitter:image" content="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/akun-slot777" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" />
    <link rel="preconnect" href="https://cdn.ampproject.org" crossorigin />
    <link rel="dns-prefetch" href="https://cdn.ampproject.org" />
    <link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js" />
    <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>
      /* Reset & Base */
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      body {
        font-family: 'Roboto', sans-serif;
        background-color: black;
        color: #ffcc00;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        padding: 20px;
        position: relative;
      }
      body::before {
        content: '';
        position: fixed;
        inset: 0;
        background: radial-gradient(circle at 30% 30%, #6d6d6d0f, transparent),
          radial-gradient(circle at 70% 70%, #6d6d6d0f, transparent);
        z-index: -1;
      }
      /* Card Container */
      .card {
        background: #053a00;
        border-radius: 16px;
        box-shadow: 0 0px 30px #585957;
        max-width: 400px;
        width: 100%;
        overflow: hidden;
      }
      /* Sections */
      .card-header,
      .card-title,
      .card-banner,
      .card-actions,
      .card-footer {
        padding: 5px;
        text-align: center;
      }
      /* Logo */
      .logo-glow {
        display: block;
        margin: 0 auto;
        max-width: 200px;
        height: auto;
        filter: drop-shadow(0 0 2px #ffcc00);
        transition: transform .3s, filter .3s;
      }
      .logo-glow:hover {
        transform: scale(1.05);
        filter: drop-shadow(0 0 20px #ffcc00);
      }
      /* Title */
      .card-title h1 {
        font-size: 1.1rem;
        font-weight: 700;
        color: #FFF;
        letter-spacing: .03em;
        text-shadow: 0 2px 4px #00000099, 0 0 5px #ffcc00;
        margin: 0;
      }
      /* Banner Improvements: Zoom + Overlay + Text */
      .card-banner {
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        filter: brightness(1.2); /* 1.0 = normal, 1.2 = lebih terang */

      }
      .card-banner .banner {
        display: block;
        width: 100%;
        height: auto;
        animation: zoomIn 20s ease-in-out infinite alternate;
      }
      .card-banner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: #1903941a;
        mix-blend-mode: multiply;
        pointer-events: none;
      }
      .banner-text {
        position: absolute;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        color: #FFF;
        font-size: 1rem;
        font-weight: 700;
        text-shadow: 0 0px 10px rgba(0, 0, 0, 0.6);
        opacity: 0;
        animation: fadeInText 2s ease-out 1s forwards;
      }
      @keyframes zoomIn {
        from {
          transform: scale(1);
        }
        to {
          transform: scale(1.05);
        }
      }
      @keyframes fadeInText {
        to {
          opacity: 1;
        }
      }
      /* Button Base + Effects */
      .card-actions {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .card-actions .btn-daftar,
      .card-actions .btn-login {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 12px 0;
        font-weight: 700;
        border-radius: 8px;
        text-align: center;
        text-decoration: none;
        position: relative;
        z-index: 1;
        box-shadow: inset 0 1px 0 #ffffff4d, 0 4px 6px rgba(0, 0, 0, 0.4);
      }
      /* Shimmer for Daftar */
      .card-actions .btn-daftar {
        overflow: hidden;
        background: linear-gradient(181deg, #0cfb04, #0cfb04);
        color: #000000;
        border: none;
        transition: background .3s, transform .2s, box-shadow .3s;
        
      }
      .card-actions .btn-daftar::before {
        content: '';
        position: absolute;
        top: 0;
        left: -120%;
        width: 50%;
        height: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
        transform: skewX(-25deg);}
      .card-actions .btn-daftar:hover {
        background: #1f1e1d;
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 #6c932b, 0 8px 12px #00000080;
      }
      /* Gradient slide for Login */
      .card-actions .btn-login {
        background: #1f1e1d;
        color: #000000;
        border: 2px solid transparent;
        background-image: linear-gradient(#774905, #774905), linear-gradient(90deg, #00faff, #ffffff, #00faff);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        
      }
      .card-actions .btn-login::before {
        content: '';
        position: absolute;
        inset: 0;
        background: inherit;
        filter: blur(8px);
        opacity: .7;
        z-index: -1;
      }
      .card-actions .btn-login:hover {
        transform: translateY(-2px);
        box-shadow: inset 0 1px 0 #d38510, 0 8px 12px #1f1e1d;
      }
      @keyframes shimmer {
        0% {
          left: -120%;
        }
        100% {
          left: 120%;
        }
      }
      @keyframes slide {
        0% {
          background-position: 0 0;
        }
        100% {
          background-position: 200% 0;
        }
      }
      /* Footer */
      .card-footer p {
        font-size: .8rem;
        color: #ffcc00;
        margin: 0;
      }
      /* Mobile */
      @media(max-width:360px) {
        .card-actions .btn-daftar,
        .card-actions .btn-login {
          width: 90%;
          padding: 10px 0;
        }
      }
	  .game_list {
        display: grid;
        grid-gap: 1px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	  }

      .game_box {
        border-radius: 5px;
        background: #7f730400;
        border: 1px solid #ffcc00;
        padding: 5px;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #ffffff;
      }

      .game_box amp-img {
        border-radius: 5px;
        border: 2px solid #ffcc00;
      }

      .game_section {
        width: 95%;
        align-self: center;
        margin-left: auto;
        margin-right: auto
      }

      .game_img {
        background-color: #0000;
      }
      .logo-effect {
    font-size: 30px;
    font-weight: 900;
    color: #ffcc00;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.logo-effect .logo-text {
    padding-right: 20px;
}

.logo-effect::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.8) 50%,
        transparent 100%
    );
    transform: skewX(-25deg);
    
}

@keyframes shine {
    0% { left: -120%; }
    60% { left: 120%; }
    100% { left: 120%; }
}
.meters {
      display: grid;
      gap: 10px;
      margin-top: 12px;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .meter {
      border: 1px solid var(--line);
      border-radius: -6px;
      padding: 10px;
      background: linear-gradient(180deg, #053a00, #053a00);
      box-shadow: inset 0 0 0 1px #ffffff0a;
    }

    .meter-label {
      font-size: clamp(11px, 2.1vmin, 13px);
      opacity: .9;
      margin-bottom: 6px;
      display: flex;
      justify-content: space-between
    }

    .meter-bar {
      height: 10px;
      border-radius: 999px;
      overflow: hidden;
      background: #053a00;
      border: 1px solid #f2c56b47
    }

    .fill {
      height: 100%;
      background: linear-gradient(90deg, #b1742a, gold, #ffd889);
      box-shadow: 0 0 12px rgba(242, 197, 107, .35)
    }

    .fill.t1 {
      width: 86%
    }

    .fill.t2 {
      width: 92%
    }

    @keyframes pulseA {
      0% {
        width: 78%
      }

      50% {
        width: 90%
      }

      100% {
        width: 82%
      }
    }

    @keyframes pulseB {
      0% {
        width: 86%
      }

      50% {
        width: 96%
      }

      100% {
        width: 88%
      }
    }
    </style>
  </head>
  <body>
    <div class="card">
      <div class="card-header">
        <a href="https://cutt.ly/loginakb1" class="logo-effect">
        <img src="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/logo-akb.jpg" width="200" height="80" alt="Logo Header" class="logo-header">
        </a>
      <div class="card-title">
        <h1>AKUNBOS | Best Team Kolaborasi Server Slot88 Gaming Terbaik Hari Ini Paling Jos</h1>
      <div class="card-banner">
        <amp-img class="banner" src="https://ik.imagekit.io/2uyvmgmenm/AKUNBOS/akun-slot777" width="400" height="400" layout="responsive" alt="Banner AKUNBOS"></amp-img>
        <div class="banner-text"></div>
      </div>
      <div class="card-actions">
        <a href="https://cutt.ly/loginakb1" target="_blank" class="btn-daftar">LOGIN</a>
        <a href="https://cutt.ly/loginakb1" target="_blank" class="btn-daftar">DAFTAR</a>
        <a href="https://cutt.ly/loginakb1" target="_blank" class="btn-daftar">AKUN DEMO</a>
        <a href="https://cutt.ly/loginakb1" target="_blank" class="btn-daftar">SBOBET</a>
        <a href="https://cutt.ly/loginakb1" target="_blank" class="btn-daftar">LAYANAN 24 JAM</a>

      </div>

      <div class="meters" aria-label="Statistik hidup">
        <div class="meter">
          <div class="meter-label"><span>Traffic Jackpot</span><span>High</span></div>
          <div class="meter-bar">
            <div class="fill t1"></div>
          </div>
        </div>
        <div class="meter">
          <div class="meter-label"><span>Traffic Maxwin</span><span>Very High</span></div>
          <div class="meter-bar">
            <div class="fill t2"></div>
          </div>
        </div>
      </div>

      <div class="card-footer">
         <p class="copyright">© copyright • <a style="color: #ffffff;" href="https://akunbosindonesia.de/">AKUNBOS</a> • All Right Reserved</p>
      </div>
    </div>
  </body>
</html>	