
<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣤⣤⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣴⣿⣿⣿⣿⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢿⣿⣿⣿⣿⣿⣿⣿⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠻⠿⠿⠿⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣶⣿⣿⣶⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⣿⣿⣿⣿⣿⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⣿⣿⣿⣿⣿⣿⡟⣿⣿⣿⣿⣧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣤⣶⣾⣿⣶⣶⣤⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⣿⣿⣿⣿⣿⣿⡿⠀⠘⢿⣿⣿⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀
⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⠇⠀⠀⠈⠻⣿⣿⣿⣿⣆⠀⠀⠀⢀⠀⠀⠀⠀⢰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀
⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⡟⠀⣀⣤⣶⣶⣌⠻⣿⣿⣿⣷⡄⠀⠀⠀⠀⠀⠀⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠀
⠀⠀⠀⠀⠀⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿⠁⣰⣿⣿⣿⣿⣿⣦⣙⢿⣿⣿⣿⠄⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿⣿⣿⣿⣿⠀⣿⣿⣿⣿⣿⣿⣿⣿⣦⣹⣟⣫⣼⣿⣿⣶⣿⣿⣿⣿⣿⣿⣯⡉⠉⠉⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠐⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⣿⣿⣿⣿⣿⡆⠀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⡇⠀⢻⣿⣿⣿⣿⣿⡇⠀⠀⠈⠉⠉⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⠉⠀⠀⠀⠀⠀⠀⠀
⠀⣠⣴⣶⣶⣶⣶⣶⣶⣾⣿⣿⣿⣿⣿⡇⠀⠸⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠹⢿⣿⣿⢿⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢰⣶⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣧⣄⣐⣀⣀⣀⣀⣀⡀
⠸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢸⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⠀⠀⠉⠉⠙⠛⠛⠛⠛⠛⠛⠛⠛⠛⠛⠁⠛⠛⠛⠛⠛⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

 ██████╗  █████╗ ██╗   ██╗ █████╗     ██████╗ ███████╗██████╗  █████╗ ███████╗
██╔════╝ ██╔══██╗╚██╗ ██╔╝██╔══██╗    ██╔══██╗██╔════╝██╔══██╗██╔══██╗██╔════╝
██║  ███╗███████║ ╚████╔╝ ███████║    ██████╔╝█████╗  ██████╔╝███████║███████╗
██║   ██║██╔══██║  ╚██╔╝  ██╔══██║    ██╔══██╗██╔══╝  ██╔══██╗██╔══██║╚════██║
╚██████╔╝██║  ██║   ██║   ██║  ██║    ██████╔╝███████╗██████╔╝██║  ██║███████║
 ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝  ╚═╝    ╚═════╝ ╚══════╝╚═════╝ ╚═╝  ╚═╝╚══════╝
-->

<!DOCTYPE html>
<html amp lang="id">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>BACAN4D | Iktui Promo Maxwin Hari Ini Slot Gacor Dan Raja Togel Toto Macau 4D Resmi</title>
  <meta name="description" content="BACAN4D menghadirkan akses mudah untuk menikmati berbagai permainan online dalam satu platform. Temukan promo menarik, informasi permainan terbaru, serta pilihan Toto Macau 4D dengan layanan yang praktis dan nyaman." />
  <meta name="keywords" content="bacan4d, bacan 4d, bacan4d login, bacan4d daftar, bacan4d link, bacan4d apk, slot, slot gacor, slot777, slot 777, link slot gacor, situs slot777, apk slot777, situs slot777 resmi, situs slot gacor, situs slot resmi, slot gacor gampang menang, slot777 resmi, slot777 gacor">
  <link href="https://i.imgur.com/WFx2LEt.png" rel="icon" type="image/x-icon" />
  <link rel="canonical" href="https://hanka.one/" />
  <meta property="og:url" content="https://hanka.one/" />
  <meta property="og:site_name" content="BACAN4D" />
  <meta property="og:image:alt" content="BACAN4D" />
  <meta property="og:image" content="https://i.imgur.com/ix6aa9Z.jpeg" />
  <meta property="og:title" content="BACAN4D | Iktui Promo Maxwin Hari Ini Slot Gacor Dan Raja Togel Toto Macau 4D Resmi" />
  <meta property="og:description" content="BACAN4D menghadirkan akses mudah untuk menikmati berbagai permainan online dalam satu platform. Temukan promo menarik, informasi permainan terbaru, serta pilihan Toto Macau 4D dengan layanan yang praktis dan nyaman." />
  <meta name="theme-color" content="#9b1207" />
  <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>
    *{
      box-sizing:border-box;
      margin:0;
      padding:0;
    }

    :root{
      --bg:#060101;
      --panel:#101720;
      --panel-dark:#0b1018;
      --red:#2509c3;
      --red-bright:#2f18ff;
      --red-dark:#0d045f;
      --gold:#6d5dff;
      --gold-soft:#aca3ff;
      --gold-deep:#0813a6;
      --orange:#1c18ff;
      --white:#ffffff;
      --soft:rgba(0, 4, 255, 0.78);
      --line:rgba(0, 17, 255, 0.42);
      --shadow-red:rgba(39, 24, 255, 0.26);
      --shadow-gold:rgba(0, 26, 255, 0.24);
      --banner-bg:url("https://i.imgur.com/ix6aa9Z.jpeg");
    }

    html{
      min-height:100%;
      background:var(--bg);
    }

   body{
  min-height:100vh;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow-x:hidden;
  background:
    linear-gradient(rgba(20, 17, 0, 0rgba(35, 27, 0, 0.55),.55)),
    var(--banner-bg) center center / cover fixed no-repeat;
  padding:18px 0;
  position:relative;
}

.fixed-bg{
  position:fixed;
  inset:-34px;
  z-index:0;
  pointer-events:none;
  background:var(--banner-bg) center center / cover no-repeat;
  filter:blur(3px);
  transform:scale(1.07);
}

.fixed-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 48% 18%,rgba(17, 0, 255, 0.22),transparent 32%),
    radial-gradient(circle at 11% 20%,rgba(17, 0, 255, 0.18),transparent 29%),
    radial-gradient(circle at 88% 82%,rgba(0, 4, 255, 0.2),transparent 36%),
    linear-gradient(90deg,rgba(0,0,0,.50),rgba(35, 27, 0, 0.22),rgba(0,0,0,.50)),
    linear-gradient(180deg,
      rgba(20, 16, 0, 0.3) 0%,
      rgba(40, 24, 0, 0.45) 52%,
      rgba(15, 12, 0, 0.72) 100%);
}

.bg-grid{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(25, 0, 255, 0.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0, 17, 255, 0.055) 1px,transparent 1px);
  background-size:32px 32px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
  mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent);
  animation:gridMove 14s linear infinite;
}

.bg-ring{
  position:fixed;
  width:420px;
  height:420px;
  right:-160px;
  top:-150px;
  z-index:1;
  background:conic-gradient(
    from 90deg,
    transparent,
    rgba(0, 26, 255, 0.34),
    transparent,
    rgba(0, 4, 255, 0.26),
    transparent
  );
  filter:blur(4px);
  border-radius:50%;
  animation:spin 16s linear infinite;
  pointer-events:none;
}

    @keyframes gridMove{
      from{background-position:0 0,0 0}
      to{background-position:0 64px,64px 0}
    }

    @keyframes spin{
      to{transform:rotate(360deg)}
    }

    @keyframes floatCard{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-6px)}
    }

    @keyframes pulse{
      0%,100%{opacity:.52}
      50%{opacity:1}
    }

    @keyframes shine{
      0%{transform:translateX(-125%) rotate(18deg)}
      100%{transform:translateX(125%) rotate(18deg)}
    }

    @keyframes logoPop{
      0%,100%{transform:scale(1)}
      50%{transform:scale(1.045)}
    }

    @keyframes ticker{
      0%{transform:translateX(0)}
      100%{transform:translateX(-50%)}
    }

    .page-wrap{
      position:relative;
      width:min(94%,430px);
      z-index:2;
    }

    .orb{
      position:absolute;
      border-radius:999px;
      pointer-events:none;
      filter:blur(.2px);
      opacity:.82;
    }

    .orb.one{
      width:70px;
      height:70px;
      left:-22px;
      top:70px;
      background:radial-gradient(circle,var(--gold),transparent 66%);
      animation:pulse 3.6s ease-in-out infinite;
    }

    .orb.two{
      width:95px;
      height:95px;
      right:-28px;
      bottom:140px;
      background:radial-gradient(circle,var(--red-bright),transparent 68%);
      animation:pulse 4.4s ease-in-out infinite reverse;
    }

    .container{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:18px;
  border-radius:34px;

  background:
    linear-gradient(180deg,
      rgba(28, 10, 10, 0.88),
      rgba(16, 4, 4, 0.94)),
    radial-gradient(circle at top,
      rgba(38, 0, 255, 0.16),
      transparent 48%);

  border:1px solid rgba(4, 0, 255, 0.28);

  box-shadow:
    0 0 0 1px rgba(0, 26, 255, 0.18),
    0 28px 70px rgba(0, 0, 0, 0.78),
    inset 0 0 42px rgba(17, 0, 255, 0.1),
    0 0 36px rgba(17, 0, 255, 0.18),
    0 0 70px rgba(17, 0, 255, 0.12);

  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);

  animation: floatCard 5.6s ease-in-out infinite;
}

    .container:before{
      content:"";
      position:absolute;
      inset:-2px;
      border-radius:36px;
      padding:2px;
      background:linear-gradient(135deg,transparent 0%,var(--gold) 25%,var(--red-bright) 50%,var(--gold-deep) 75%,transparent 100%);
      -webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      pointer-events:none;
      opacity:.95;
    }

    .container:after{
      content:"";
      position:absolute;
      top:-120px;
      left:-80px;
      width:120px;
      height:560px;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
      animation:shine 6s ease-in-out infinite;
      pointer-events:none;
    }

    .top-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:2px auto 12px;
  width:max-content;
  max-width:100%;
  padding:8px 14px;
  border-radius:999px;

  border:1px solid #0400ff;

  background:
    linear-gradient(90deg,
      rgba(0, 17, 255, 0.18),
      rgba(27, 0, 180, 0.12));

  color:#f1f1f7;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  box-shadow:
    0 0 18px rgba(25, 0, 255, 0.2),
    inset 0 1px 1px rgba(255,255,255,.08);

  position:relative;
  overflow:hidden;
  z-index:2;
}

    header{
      text-align:center;
      position:relative;
      z-index:2;
    }

   .logo-frame{
  display:inline-block;
  padding:11px 18px 8px;
  border-radius:24px;

  background:
    linear-gradient(
      180deg,
      rgba(25, 0, 255, 0.12),
      rgba(255, 255, 255, 0.03)
    ),
    rgba(11, 8, 24, 0.88);

  border:1px solid #0400ff;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  box-shadow:
    inset 0 0 28px rgba(38, 0, 255, 0.1),
    0 0 28px rgba(0, 4, 255, 0.18),
    0 0 60px rgba(38, 0, 255, 0.12);

  position:relative;
  overflow:hidden;
}

    .logo-anim{
      animation:logoPop 2.5s ease-in-out infinite;
      height:auto;
    }

    .welcome{
      text-align:center;
      margin:13px 0 14px;
      position:relative;
      z-index:2;
    }

    .welcome h1{
  font-size:18px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
  color:#f2fff8;

  text-shadow:
    0 2px 0 rgba(15, 0, 80, 0.75),
    0 0 12px rgba(0, 4, 255, 0.25),
    0 0 30px rgba(38, 0, 255, 0.18);
}

.welcome p{
  margin-top:7px;
  color:rgba(225,255,240,.78);
  font-size:12px;
  line-height:1.5;
}

.banner-shell{
  position:relative;
  margin:12px 0 14px;
  padding:7px;
  border-radius:28px;

  background:linear-gradient(
    180deg,
    #0400ff 0%,
    #0400ff 45%,
    #0400ff 100%
  );

  box-shadow:
    0 16px 35px rgba(0,0,0,.55),
    0 0 28px rgba(38, 0, 255, 0.22),
    0 0 50px rgba(0, 26, 255, 0.18);

  z-index:2;
  overflow:hidden;
}

    .banner{
    border-radius:22px;
    overflow:hidden;

    box-shadow:
        inset 0 0 28px rgba(17, 0, 255, 0.18),
        0 0 18px rgba(0, 4, 255, 0.1);
}

    .cta-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin:13px 0 11px;
}

.btn-main,
.btn-alt,
.btn-livechat{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  text-align:center;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  height:58px;
  min-height:58px;
  padding:0 10px;
  border-radius:20px;
  font-size:17px;
  font-weight:950;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#ffffff;
  background:-webkit-linear-gradient(top, rgb(25, 0, 255) 0%, #0c00b1 100%);
  border:1px solid #0400ff;
  box-shadow:
    0 8px 22px rgba(17, 0, 255, 0.35),
    0 0 18px rgba(0, 17, 255, 0.2),
    inset 0 1px 0 rgba(0, 4, 255, 0.25),
    inset 0 -3px 0 rgba(0, 47, 255, 0.45);

  text-shadow:0 2px 0 rgba(4, 0, 255, 0.8);
  transition:.25s ease;
}

.btn-livechat{
  width:100%;
  margin:0 0 13px;
}

.btn-main:before,
.btn-alt:before,
.btn-livechat:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(4, 0, 255, 0.35),
    transparent
  );
  transform:translateX(-110%);
  animation:shine 4.5s ease-in-out infinite;
  z-index:-1;
}

.btn-main:hover,
.btn-alt:hover,
.btn-livechat:hover{
  transform:translateY(-3px);
  filter:brightness(1.12);
  background:-webkit-linear-gradient(top, rgb(4, 0, 255) 0%, #0c00b1 100%);

  box-shadow:
    0 10px 28px #0400ff,
    0 0 28px #1a008d;
}

/* ==========================
   Tombol Kuning Premium
========================== */

.btn-bacan4d-blue{
  background:-webkit-linear-gradient(top, rgb(0, 17, 255) 0%, #0c00b1 100%);
  color:#ffffff;
  border:1px solid #0400ff;
  box-shadow:
    0 8px 22px rgba(17, 0, 255, 0.35),
    0 0 22px rgba(0, 17, 255, 0.3),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -3px 0 rgba(4, 0, 255, 0.45);
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.btn-bacan4d-blue:hover{
  filter:brightness(1.12);

  box-shadow:
    0 12px 30px rgba(25, 0, 255, 0.45),
    0 0 30px rgba(0, 17, 255, 0.45);
}

/* ==========================
   Info Card Hijau
========================== */

.info-card{
  margin-top:13px;
  padding:13px;
  border-radius:22px;

  background:linear-gradient(
    135deg,
    rgba(25, 0, 255, 0.1),
    rgba(0, 4, 255, 0.08)
  );

  border:1px dashed #0400ff;

  text-align:center;
  position:relative;
  overflow:hidden;
  color:var(--soft);
  font-size:11px;
  line-height:1.45;
  z-index:2;
}

.info-card strong{
  display:block;
  color:#f5f5f7;
  font-size:12px;
  letter-spacing:1px;
  margin-bottom:5px;
}

/* ==========================
   Running Text
========================== */

.ticker-wrap{
  margin-top:12px;
  overflow:hidden;
  border-radius:999px;

  border:1px solid rgba(0, 38, 255, 0.55);
  background:rgba(8,35,18,.45);

  position:relative;
  z-index:2;
}

    .ticker{
      display:flex;
      width:max-content;
      animation:ticker 15s linear infinite;
    }

    .ticker b{
      padding:8px 18px;
      color:var(--gold);
      font-size:10px;
      letter-spacing:1px;
      white-space:nowrap;
    }

    .copyright{
      margin-top:15px;
      padding-top:14px;
      border-top:1px solid rgba(255,255,255,.1);
      text-align:center;
      color:rgba(255,255,255,.56);
      font-size:11px;
      line-height:1.55;
      position:relative;
      z-index:2;
    }

    .copyright strong{
      color:var(--gold);
      font-weight:950;
      text-shadow:0 0 14px rgba(0, 17, 255, 0.25);
    }

    .tags{
      display:block;
      margin-top:4px;
      color:rgba(246, 246, 250, 0.32);
      font-size:9px;
      letter-spacing:.7px;
    }

    @media(max-width:360px){
      .container{
        padding:14px;
        border-radius:28px;
      }

      .welcome h1{
        font-size:16px;
      }

      .btn-main,
      .btn-alt,
      .btn-livechat{
        font-size:15px;
        padding:14px 8px;
      }
    }
  </style>

</head>

<body>
  <div class="fixed-bg"></div>
  <div class="bg-grid"></div>
  <div class="bg-ring"></div>

  <main class="page-wrap">
    <i class="orb one"></i>
    <i class="orb two"></i>

    <section class="container">
      <div class="top-badge">◆ SELAMAT DATANG DI BACAN4D ◆</div>

      <header>
        <div class="logo-frame">
          <amp-img
            id="image"
            class="logo-anim"
            src="https://slotgacortahunini.wordpress.com/wp-content/uploads/2026/07/logo-bacan4d-new.webp"
            alt="Logo BACAN4D"
            width="200"
            height="65"
            layout="intrinsic">
          </amp-img>
        </div>
      </header>

      <div class="banner-shell">
        <amp-img
          src="https://i.imgur.com/ix6aa9Z.jpeg"
          width="400"
          height="400"
          layout="responsive"
          alt="BACAN4D | Iktui Promo Maxwin Hari Ini Slot Gacor Dan Raja Togel Toto Macau 4D Resmi"
          class="banner">
        </amp-img>
      </div>

      <a href="https://shrtx.cc/go/bT7UDx" target="_blank" rel="noreferrer noopener" role="button" class="btn-livechat btn-bacan4d-blue">LOGIN BACAN4D</a>
      <a href="https://shrtx.cc/go/bT7UDx" target="_blank" rel="noreferrer noopener" role="button" class="btn-livechat">DAFTAR BACAN4D</a>
      <a href="https://shrtx.cc/go/bT7UDx" target="_blank" rel="noreferrer noopener" role="button" class="btn-livechat">LIVE CHAT</a>
      <a href="https://shrtx.cc/go/bT7UDx" target="_blank" rel="noreferrer noopener" role="button" class="btn-livechat">LINK ALTERNATIF</a>

      <div class="info-card">
        BACAN4D menghadirkan akses mudah untuk menikmati berbagai permainan online dalam satu platform. Temukan promo menarik, informasi permainan terbaru, serta pilihan Toto Macau 4D dengan layanan yang praktis dan nyaman.
      </div>

      <div class="ticker-wrap" aria-hidden="true">
        <div class="ticker">
          <b>BACAN4D &bull; SLOT &bull; BACAN4D LOGIN &bull; BACAN4D LINK &bull; BACAN4D DAFTAR</b>
          <b>BACAN4D &bull; SLOT &bull; BACAN4D LOGIN &bull; BACAN4D LINK &bull; BACAN4D DAFTAR</b>
        </div>
      </div>

      <p class="copyright">
        &copy; 2026 <a href="https://hanka.one/" rel="noopener noreferrer" style="color:#f6f6f7;">BACAN4D</a> &bull; GAYA BEBAS
        <span class="tags"></span>
      </p>
    </section>
  </main>
</body>
</html>