<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>BARUDAKWIN - Situs Belanja Online Terbaik</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      min-height: 100vh;
      background: linear-gradient(135deg, #0a0a1a 0%, #1a0a2e 50%, #0a0a1a 100%);
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: #fff;
      overflow-x: hidden;
    }
    .particles {
      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
      pointer-events: none; z-index: 0;
    }
    .particle {
      position: absolute; border-radius: 50%;
      background: rgba(255, 215, 0, 0.15);
      animation: floatUp linear infinite;
    }
    @keyframes floatUp {
      0% { transform: translateY(100vh) scale(0); opacity: 0; }
      10% { opacity: 1; }
      90% { opacity: 1; }
      100% { transform: translateY(-10vh) scale(1); opacity: 0; }
    }
    .container {
      position: relative; z-index: 1;
      min-height: 100vh; display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 40px 20px;
    }
    .card {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(20px);
      border: 1px solid rgba(255, 215, 0, 0.2);
      border-radius: 24px;
      padding: 50px 40px;
      max-width: 600px; width: 100%;
      text-align: center;
      box-shadow: 0 0 60px rgba(255, 215, 0, 0.1), 0 0 120px rgba(138, 43, 226, 0.05);
      animation: fadeIn 1s ease-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .logo {
      max-width: 320px;
      width: 100%;
      margin-bottom: 24px;
      filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.3));
    }
    .tagline {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 4px;
      color: rgba(255, 215, 0, 0.7);
      margin-bottom: 30px;
    }
    .description {
      font-size: 16px;
      line-height: 1.8;
      color: rgba(255, 255, 255, 0.85);
      margin-bottom: 16px;
    }
    .description a {
      color: #ffd700;
      text-decoration: none;
      font-weight: bold;
      transition: color 0.3s, text-shadow 0.3s;
    }
    .description a:hover {
      color: #ffec80;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
    }
    .buttons {
      display: flex; gap: 16px;
      justify-content: center;
      margin-top: 30px;
      flex-wrap: wrap;
    }
    .btn {
      padding: 14px 40px;
      border-radius: 12px;
      font-size: 16px;
      font-weight: 700;
      text-decoration: none;
      transition: all 0.3s ease;
      letter-spacing: 1px;
    }
    .btn-login {
      background: linear-gradient(135deg, #ffd700, #ffaa00);
      color: #1a0a2e;
      box-shadow: 0 4px 20px rgba(255, 215, 0, 0.3);
    }
    .btn-login:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 30px rgba(255, 215, 0, 0.5);
    }
    .btn-daftar {
      background: linear-gradient(135deg, #e63946, #c2185b);
      color: #fff;
      box-shadow: 0 4px 20px rgba(230, 57, 70, 0.3);
    }
    .btn-daftar:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 30px rgba(230, 57, 70, 0.5);
    }
    .footer {
      margin-top: 40px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.3);
    }
  </style>
</head>
<body>
  <div class="particles" id="particles"></div>
  <div class="container">
    <div class="card">
      <img src="https://files.sitestatic.net/ImageFile/202602120556010000003bbe17f9f8__BARUDAKWIN__1138x264.gif" alt="BARUDAKWIN" class="logo">
      <p class="tagline">Situs Belanja Online Terbaik</p>
      <p class="description">Bergabunglah <a href="https://barudakwin.us.com/">BARUDAKWIN</a> untuk mengalami permainan yang luar biasa dan menarik. Nikmati kepuasan dengan bonus dan promosi di situs kami.</p>
      <p class="description">Menjadi mitra kami dengan bergabung dengan afiliasi <a href="https://barudakwin.us.com/">BARUDAKWIN</a>. Dapatkan penghasilan dan komisi Anda setiap bulan dengan mengundang teman-teman Anda untuk bermain di <a href="https://barudakwin.us.com/">BARUDAKWIN</a>.</p>
      <div class="buttons">
        <a href="https://barudakwin.us.com/" class="btn btn-login">&#128273; LOGIN</a>
        <a href="https://barudakwin.us.com/" class="btn btn-daftar">&#128221; DAFTAR</a>
      </div>
      <p class="footer">&copy; 2026 BARUDAKWIN. All rights reserved.</p>
    </div>
  </div>
  <script>
    const container = document.getElementById('particles');
    for (let i = 0; i < 30; i++) {
      const p = document.createElement('div');
      p.className = 'particle';
      const size = Math.random() * 6 + 2;
      p.style.width = size + 'px';
      p.style.height = size + 'px';
      p.style.left = Math.random() * 100 + '%';
      p.style.animationDuration = (Math.random() * 8 + 6) + 's';
      p.style.animationDelay = (Math.random() * 10) + 's';
      container.appendChild(p);
    }
  </script>
</body>
</html>