<!DOCTYPE html>
<html amp lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Harapan4D : Situs Togel Online Toto Macau, Togel Singapore, Togel HK</title>
  <meta name="description" content="Harapan4d hadir kembali sebagai situs togel online dengan pasaran toto macau, togel singapore, dan togel hongkong terpopuler. Daftar sekarang dan mainkan togel online dengan aman dan nyaman." />
  <meta name="robots" content="index,follow" />
  <link href="img/favicon.png" rel="icon" type="image/x-icon" />
  <link rel="canonical" href="https://kingkustomcycles.com/about-us" />
  <link rel="alternate" href="https://kingkustomcycles.com/about-us" hreflang="id" />
  <meta property="og:url" content="https://kingkustomcycles.com/about-us" />
  <meta property="og:site_name" content="HARAPAN4D" />
  <meta property="og:image:alt" content="HARAPAN4D" />
  <meta property="og:image" content="img/bannerh4.jpg" />
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Crimson+Pro:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet" />
  <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>
    :root {
      --gold:      #C9A84C;
      --gold-lt:   #F0CC7A;
      --gold-dk:   #7D5B1E;
      --red:       #B91C1C;
      --red-lt:    #EF4444;
      --red-dk:    #7F1D1D;
      --black:     #0A0A0A;
      --black-2:   #111111;
      --black-3:   #1A1A1A;
      --white:     #F5F0E8;
      --text-dim:  #9C896A;
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Crimson Pro', Georgia, serif;
      background-color: var(--black);
      color: var(--white);
      min-height: 100vh;
      overflow-x: hidden;
      position: relative;
    }

    /* ── BACKGROUND TEXTURE ── */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background-image:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(185,28,28,0.18) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 80% 100%, rgba(201,168,76,0.10) 0%, transparent 60%),
        repeating-linear-gradient(
          0deg,
          transparent,
          transparent 39px,
          rgba(201,168,76,0.04) 39px,
          rgba(201,168,76,0.04) 40px
        ),
        repeating-linear-gradient(
          90deg,
          transparent,
          transparent 39px,
          rgba(201,168,76,0.04) 39px,
          rgba(201,168,76,0.04) 40px
        );
      pointer-events: none;
      z-index: 0;
    }

    /* ── LAYOUT ── */
    .page {
      position: relative;
      z-index: 1;
      max-width: 480px;
      margin: 0 auto;
      padding: 0 0 48px;
    }

    /* ── HEADER ── */
    .site-header {
      position: relative;
      padding: 36px 24px 24px;
      text-align: center;
    }

    .site-header::after {
      content: '';
      display: block;
      width: 80%;
      margin: 20px auto 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
    }

    .logo-wrap {
      display: inline-block;
      position: relative;
    }

    .logo-wrap::before,
    .logo-wrap::after {
      content: '◆';
      font-size: 10px;
      color: var(--gold);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .logo-wrap::before { left: -20px; }
    .logo-wrap::after  { right: -20px; }

    .logo-text {
      font-family: 'Cinzel', serif;
      font-weight: 900;
      font-size: 38px;
      letter-spacing: 0.12em;
      background: linear-gradient(135deg, var(--gold-dk) 0%, var(--gold-lt) 40%, var(--gold) 60%, var(--gold-dk) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-shadow: none;
      line-height: 1;
    }

    .logo-subtitle {
      font-family: 'Cinzel', serif;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: 0.35em;
      color: var(--text-dim);
      margin-top: 4px;
      text-transform: uppercase;
    }

    /* ── TICKER / TAGLINE ── */
    .tagline-wrap {
      background: linear-gradient(90deg, var(--red-dk), var(--red), var(--red-dk));
      border-top: 1px solid var(--gold-dk);
      border-bottom: 1px solid var(--gold-dk);
      padding: 8px 16px;
      text-align: center;
      overflow: hidden;
    }

    .tagline {
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: 0.3em;
      color: var(--gold-lt);
      animation: ticker 12s linear infinite;
      display: inline-block;
      white-space: nowrap;
    }

    @keyframes ticker {
      0%   { transform: translateX(50%);  }
      100% { transform: translateX(-120%); }
    }

    /* ── BANNER ── */
    .banner-wrap {
      position: relative;
      margin: 24px 20px;
      border-radius: 4px;
      overflow: hidden;
      border: 1px solid var(--gold-dk);
      box-shadow:
        0 0 0 1px rgba(201,168,76,0.12),
        0 8px 40px rgba(0,0,0,0.7),
        inset 0 1px 0 rgba(201,168,76,0.2);
    }

    .banner-wrap amp-img {
      display: block;
    }

    .banner-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        to bottom,
        transparent 40%,
        rgba(10,10,10,0.85) 100%
      );
    }

    .banner-badge {
      position: absolute;
      bottom: 16px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--red);
      border: 1px solid var(--gold);
      padding: 5px 18px;
      font-family: 'Cinzel', serif;
      font-size: 9px;
      letter-spacing: 0.3em;
      color: var(--gold-lt);
      white-space: nowrap;
      box-shadow: 0 2px 12px rgba(185,28,28,0.6);
    }

    /* ── PASARAN CARDS ── */
    .section-label {
      font-family: 'Cinzel', serif;
      font-size: 10px;
      letter-spacing: 0.4em;
      color: var(--gold);
      text-align: center;
      margin: 32px 0 16px;
      position: relative;
    }

    .section-label::before,
    .section-label::after {
      content: '';
      display: inline-block;
      width: 36px;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold));
      vertical-align: middle;
      margin: 0 10px;
    }
    .section-label::after {
      background: linear-gradient(90deg, var(--gold), transparent);
    }

    .cards {
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 0 20px;
    }

    .card {
      background: linear-gradient(135deg, var(--black-3) 0%, var(--black-2) 100%);
      border: 1px solid rgba(201,168,76,0.25);
      border-radius: 3px;
      padding: 16px 20px;
      display: flex;
      align-items: center;
      gap: 16px;
      position: relative;
      overflow: hidden;
    }

    .card::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: linear-gradient(to bottom, var(--gold-lt), var(--gold-dk));
    }

    .card-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, var(--red-lt), var(--red-dk));
      border: 1.5px solid var(--gold-dk);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 20px;
    }

    .card-body { flex: 1; }

    .card-title {
      font-family: 'Cinzel', serif;
      font-size: 13px;
      font-weight: 700;
      color: var(--gold-lt);
      letter-spacing: 0.05em;
    }

    .card-time {
      font-size: 12px;
      color: var(--text-dim);
      margin-top: 3px;
      font-style: italic;
    }

    .card-badge {
      font-family: 'Cinzel', serif;
      font-size: 8px;
      letter-spacing: 0.15em;
      background: var(--red-dk);
      border: 1px solid var(--gold-dk);
      color: var(--gold);
      padding: 3px 8px;
      border-radius: 2px;
      white-space: nowrap;
    }

    /* ── ARTICLE ── */
    .article-wrap {
      margin: 32px 20px 0;
      padding: 24px 22px;
      background: var(--black-2);
      border: 1px solid rgba(201,168,76,0.18);
      border-radius: 3px;
      position: relative;
    }

    .article-wrap::before {
      content: '❝';
      position: absolute;
      top: -14px;
      left: 20px;
      font-size: 40px;
      color: var(--gold-dk);
      line-height: 1;
    }

    .article-title {
      font-family: 'Cinzel', serif;
      font-size: 15px;
      font-weight: 700;
      color: var(--gold-lt);
      letter-spacing: 0.04em;
      margin-bottom: 14px;
      line-height: 1.4;
    }

    .article-body {
      font-size: 14.5px;
      line-height: 1.85;
      color: var(--white);
      font-weight: 300;
    }

    .article-body p { margin-bottom: 12px; }
    .article-body p:last-child { margin-bottom: 0; }

    .highlight {
      color: var(--gold);
      font-style: italic;
    }

    /* ── DIVIDER ── */
    .ornament {
      text-align: center;
      margin: 28px 0 0;
      color: var(--gold-dk);
      font-size: 14px;
      letter-spacing: 0.6em;
    }

    /* ── BUTTONS ── */
    .btn-group {
      padding: 28px 20px 0;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .btn {
      display: block;
      text-align: center;
      text-decoration: none;
      font-family: 'Cinzel', serif;
      font-weight: 700;
      font-size: 14px;
      letter-spacing: 0.3em;
      padding: 17px 24px;
      border-radius: 3px;
      position: relative;
      overflow: hidden;
    }

    .btn-login {
      background: linear-gradient(135deg, var(--gold-dk) 0%, var(--gold) 50%, var(--gold-dk) 100%);
      color: var(--black);
      border: 1px solid var(--gold-lt);
      box-shadow:
        0 4px 20px rgba(201,168,76,0.35),
        inset 0 1px 0 rgba(255,255,255,0.15);
      animation: shimmer-gold 3s ease-in-out infinite;
    }

    @keyframes shimmer-gold {
      0%, 100% { background-position: 0% 50%; }
      50%       { background-position: 100% 50%; }
    }

    .btn-daftar {
      background: linear-gradient(135deg, var(--red-dk) 0%, var(--red) 50%, var(--red-dk) 100%);
      color: var(--gold-lt);
      border: 1px solid var(--red-lt);
      box-shadow:
        0 4px 20px rgba(185,28,28,0.45),
        inset 0 1px 0 rgba(255,255,255,0.08);
      animation: shimmer-red 3s ease-in-out infinite 1.5s;
    }

    @keyframes shimmer-red {
      0%, 100% { box-shadow: 0 4px 20px rgba(185,28,28,0.4), inset 0 1px 0 rgba(255,255,255,0.08); }
      50%       { box-shadow: 0 4px 32px rgba(185,28,28,0.7), inset 0 1px 0 rgba(255,255,255,0.08); }
    }

    .btn-icon {
      margin-right: 8px;
      font-style: normal;
    }

    /* ── FOOTER ── */
    .site-footer {
      margin-top: 36px;
      padding: 0 20px;
      text-align: center;
    }

    .footer-line {
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--gold-dk), transparent);
      margin-bottom: 16px;
    }

    .footer-brand {
      font-family: 'Cinzel', serif;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.2em;
      color: var(--gold);
    }

    .footer-copy {
      font-size: 11px;
      color: var(--text-dim);
      margin-top: 4px;
      letter-spacing: 0.05em;
    }

    .footer-copy a {
      color: var(--red-lt);
      text-decoration: none;
    }

    /* ── CORNER ORNAMENTS ── */
    .corner-tl, .corner-tr, .corner-bl, .corner-br {
      position: fixed;
      width: 40px;
      height: 40px;
      z-index: 10;
      pointer-events: none;
    }
    .corner-tl { top: 12px; left: 12px;  border-top: 2px solid var(--gold-dk); border-left: 2px solid var(--gold-dk); }
    .corner-tr { top: 12px; right: 12px; border-top: 2px solid var(--gold-dk); border-right: 2px solid var(--gold-dk); }
    .corner-bl { bottom: 12px; left: 12px;  border-bottom: 2px solid var(--gold-dk); border-left: 2px solid var(--gold-dk); }
    .corner-br { bottom: 12px; right: 12px; border-bottom: 2px solid var(--gold-dk); border-right: 2px solid var(--gold-dk); }
  </style>
</head>
<body>

  <!-- corner ornaments -->
  <div class="corner-tl"></div>
  <div class="corner-tr"></div>
  <div class="corner-bl"></div>
  <div class="corner-br"></div>

  <div class="page">

    <!-- HEADER -->
    <header class="site-header">
      <a href="https://kingkustomcycles.com/about-us">
        <div class="logo-wrap">
          <div class="logo-text">HARAPAN4D</div>
        </div>
      </a>
      <div class="logo-subtitle">Situs Togel Online Resmi Terpercaya</div>
    </header>

    <!-- TAGLINE TICKER -->
    <div class="tagline-wrap">
      <span class="tagline">✦ AGEN TOGEL ONLINE RESMI &nbsp;&nbsp;&nbsp; ✦ TOTO MACAU &nbsp;&nbsp;&nbsp; ✦ TOGEL SINGAPORE &nbsp;&nbsp;&nbsp; ✦ TOGEL HONGKONG &nbsp;&nbsp;&nbsp; ✦ PULUHAN PASARAN TERSEDIA &nbsp;&nbsp;&nbsp;</span>
    </div>

    <!-- BANNER -->
    <div class="banner-wrap">
      <amp-img
        src="img/bannerh4.jpg"
        width="480"
        height="480"
        layout="responsive"
        alt="Harapan4D Banner"
      ></amp-img>
      <div class="banner-overlay"></div>
      <div class="banner-badge">✦ BERMAIN AMAN &amp; NYAMAN ✦</div>
    </div>

    <div class="ornament">◆ &nbsp; ◆ &nbsp; ◆</div>

    <!-- CTA BUTTONS -->
    <div class="btn-group">
      <a href="https://shortenerlink.net/harapan4d"
         target="_blank"
         rel="noreferrer noopener"
         class="btn btn-login">
        <i class="btn-icon">⚡</i>LOGIN
      </a>
      <a href="https://shortenerlink.net/daftarharapan4D"
         target="_blank"
         rel="noreferrer noopener"
         class="btn btn-daftar">
        <i class="btn-icon">✦</i>DAFTAR
      </a>
    </div>

    <div class="ornament">◆ &nbsp; ◆ &nbsp; ◆</div>

    <!-- PASARAN SECTION -->
    <div class="section-label">PASARAN UNGGULAN</div>

    <div class="cards">

      <div class="card">
        <div class="card-icon">🎲</div>
        <div class="card-body">
          <div class="card-title">TOTO MACAU</div>
          <div class="card-time">Result resmi 6× sehari — Setiap Hari</div>
        </div>
        <div class="card-badge">LIVE</div>
      </div>

      <div class="card">
        <div class="card-icon">🇸🇬</div>
        <div class="card-body">
          <div class="card-title">TOGEL SINGAPORE</div>
          <div class="card-time">Result pukul 17.45 WIB — Libur Selasa &amp; Jumat</div>
        </div>
        <div class="card-badge">RESMI</div>
      </div>

      <div class="card">
        <div class="card-icon">🇭🇰</div>
        <div class="card-body">
          <div class="card-title">TOGEL HONGKONG</div>
          <div class="card-time">Result pukul 23.00 WIB — Setiap Hari</div>
        </div>
        <div class="card-badge">RESMI</div>
      </div>

    </div>

    <!-- ARTICLE -->
    <div class="article-wrap">
      <div class="article-title">Mengapa Harapan4D Menjadi Pilihan Utama Para Pecinta Togel Online?</div>
      <div class="article-body">
        <p>
          <span class="highlight">Harapan4D</span> merupakan salah satu agen togel online yang sudah lama beroperasional di Indonesia. Sebagai salah satu situs main togel online tentunya Harapan4D menyediakan pasaran togel terpopuler.
        </p>
        <p>
          Seperti <span class="highlight">Toto Macau</span>, <span class="highlight">Togel Singapore</span>, dan <span class="highlight">Togel Hongkong</span> yang ramai dimainkan. Untuk kelebihan Harapan4D sendiri terdapat di penyediaan pasaran togel online yang termasuk sangat lengkap.
        </p>
        <p>
          Terdapat <span class="highlight">puluhan pasaran togel online</span> di situs Harapan4D yang bisa dimainkan hanya dengan 1 akun saja. Tentunya masing-masing pasaran memiliki jadwal result yang berbeda-beda.
        </p>
        <p>
          Ambil contoh Toto Macau yang memiliki jadwal result resmi sebanyak <span class="highlight">6 kali dalam sehari</span>. Kemudian ada Togel Singapore yang memiliki jam result setiap pukul <span class="highlight">17.45 WIB</span> dan libur di hari Selasa dan Jumat. Lalu ada juga Togel Hongkong yang memiliki jadwal result setiap harinya di jam <span class="highlight">23.00 WIB</span>.
        </p>
        <p>
          Bagi anda pecinta togel, bermain toto togel online bersama Harapan4D merupakan pilihan yang tepat. <span class="highlight">Ayo gabung sekarang bersama situs togel resmi Harapan4D.</span>
        </p>
      </div>
    </div>

    <!-- FOOTER -->
    <footer class="site-footer">
      <div class="footer-line"></div>
      <div class="footer-brand">HARAPAN4D</div>
      <div class="footer-copy">
        &copy; Copyright 2025
        <a href="https://kingkustomcycles.com/about-us" rel="noopener noreferrer">HARAPAN4D</a>
        — Hak Cipta Dilindungi
      </div>
    </footer>

  </div>
</body>
</html>