<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Situs PKV Games QQ Poker Online DominoQQ BandarQQ 2026</title>
    <meta name="description" content="HematQQ Situs PKV Games 2026 Resmi & Terpercaya. Main DominoQQ, BandarQQ & Poker 100% Fairplay. Winrate Tinggi, Data Aman & Transaksi Cepat 24 Jam." />
    <meta name="keywords" content="pkv games, situs pkv, situs qq, dominoqq, bandarqq, poker online, qq poker, pkv qq, domino99, daftar pkv games" />
    <meta http-equiv="Content-Language" content="id" />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow" />
    <meta name="rating" content="general" />
    <meta name="geo.region" content="ID" />
    <meta name="geo.country" content="id" />
    <meta name="geo.placename" content="Indonesia" />
    <meta name="language" content="id" />
    <meta name="author" content="Situs PKV Games" />
    <meta name="publisher" content="Situs PKV Games" />
    <meta name="google" content="notranslate" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:title" content="Situs PKV Games QQ Poker Online DominoQQ BandarQQ 2026" />
    <meta property="og:description" content="HematQQ Situs PKV Games 2026 Resmi & Terpercaya. Main DominoQQ, BandarQQ & Poker 100% Fairplay. Winrate Tinggi, Data Aman & Transaksi Cepat 24 Jam." />
    <meta property="og:url" content="https://indonesia-travel-guide.com/" />
    <meta property="og:site_name" content="Situs PKV Games" />
    <meta property="og:image" content="https://indonesia-travel-guide.com/assets/bannerhemat.jpg" />
    <meta property="og:image:alt" content="Situs PKV Games" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Situs PKV Games QQ Poker Online DominoQQ BandarQQ 2026">
    <meta name="twitter:description" content="HematQQ Situs PKV Games 2026 Resmi & Terpercaya. Main DominoQQ, BandarQQ & Poker 100% Fairplay. Winrate Tinggi, Data Aman & Transaksi Cepat 24 Jam.">
    <meta name="twitter:image" content="https://indonesia-travel-guide.com/assets/bannerhemat.jpg">
    <link rel="canonical" href="https://indonesia-travel-guide.com/" />
    <link rel="amphtml" href="https://pkvgames.dengokowcoffeeclub.id/" />
    <link rel="shortcut icon" href="https://indonesia-travel-guide.com/assets/favicon.webp" sizes="16x16" />
    <link rel="apple-touch-icon" href="https://indonesia-travel-guide.com/assets/favicon.webp" sizes="180x180">
    <link rel="preload" href="https://indonesia-travel-guide.com/assets/bannerhemat.jpg" as="image" type="image/webp">
    <meta name="theme-color" content="#050510" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600;700;900&display=swap" rel="stylesheet">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@graph": [{
                    "@type": "WebSite",
                    "@id": "https://indonesia-travel-guide.com/#website",
                    "url": "https://indonesia-travel-guide.com/",
                    "name": "HematQQ",
                    "description": "Situs PKV Games 2026 Resmi & Terpercaya. Main DominoQQ, BandarQQ & Poker 100% Fairplay.",
                    "potentialAction": [{
                        "@type": "SearchAction",
                        "target": {
                            "@type": "EntryPoint",
                            "urlTemplate": "https://indonesia-travel-guide.com/?s={search_term_string}"
                        },
                        "query-input": "required name=search_term_string"
                    }],
                    "inLanguage": "id-ID"
                },
                {
                    "@type": "Organization",
                    "@id": "https://indonesia-travel-guide.com/#organization",
                    "name": "HematQQ",
                    "url": "https://indonesia-travel-guide.com/",
                    "logo": {
                        "@type": "ImageObject",
                        "inLanguage": "id-ID",
                        "@id": "https://indonesia-travel-guide.com/#logo",
                        "url": "https://indonesia-travel-guide.com/assets/hemat.png",
                        "contentUrl": "https://indonesia-travel-guide.com/assets/hemat.png",
                        "width": 300,
                        "height": 100,
                        "caption": "HematQQ Logo"
                    },
                    "image": {
                        "@id": "https://indonesia-travel-guide.com/#logo"
                    }
                },
                {
                    "@type": "Product",
                    "@id": "https://indonesia-travel-guide.com/#product",
                    "name": "Situs PKV Games HematQQ",
                    "description": "Platform bermain DominoQQ, BandarQQ, dan Poker Online Server PKV Games terbaik 2026 dengan sistem fairplay dan keamanan tinggi.",
                    "image": "https://indonesia-travel-guide.com/assets/bannerhemat.jpg",
                    "brand": {
                        "@type": "Brand",
                        "name": "HematQQ"
                    },
                    "offers": {
                        "@type": "Offer",
                        "priceCurrency": "IDR",
                        "price": "5000",
                        "url": "https://indonesia-travel-guide.com/",
                        "availability": "https://schema.org/InStock",
                        "priceValidUntil": "2027-12-31",
                        "seller": {
                            "@id": "https://indonesia-travel-guide.com/#organization"
                        }
                    },
                    "aggregateRating": {
                        "@type": "AggregateRating",
                        "ratingValue": "4.9",
                        "bestRating": "5",
                        "worstRating": "1",
                        "ratingCount": "58921",
                        "reviewCount": "12450"
                    }
                },
                {
                    "@type": "BreadcrumbList",
                    "@id": "https://indonesia-travel-guide.com/#breadcrumb",
                    "itemListElement": [{
                            "@type": "ListItem",
                            "position": 1,
                            "name": "Situs PKV Games",
                            "item": "https://indonesia-travel-guide.com/"
                        },
                        {
                            "@type": "ListItem",
                            "position": 2,
                            "name": "Games",
                            "item": "https://indonesia-travel-guide.com/#games"
                        },
                        {
                            "@type": "ListItem",
                            "position": 3,
                            "name": "Promosi",
                            "item": "https://indonesia-travel-guide.com/#promos"
                        }
                    ]
                },
                {
                    "@type": "FAQPage",
                    "@id": "https://indonesia-travel-guide.com/#faq",
                    "mainEntity": [{
                            "@type": "Question",
                            "name": "1 ID Bisa Semua Game?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Betul. Cukup 1 User ID untuk akses 18 games (DominoQQ, Poker, Slot, dll) tanpa perlu pindah dompet."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Apakah Ada Bot/Admin Main?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "100% Murni Player vs Player. Kami garansi tidak ada admin atau robot yang ikut bermain di meja."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Lupa Password Akun?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Jangan panik. Langsung chat CS kami via Livechat/WA. Reset password cuma 1 menit (Gratis)."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Bisa Deposit Via E-Wallet?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Sangat bisa. Kami terima DANA, OVO, GOPAY, LinkAja, dan QRIS online 24 jam tanpa jam offline."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Minimal Tarik Dana (WD)?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Minimal withdraw hanya Rp 50.000. Dana cair ke rekening dalam hitungan menit tanpa limit harian."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Kenapa Deposit Belum Masuk?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Pastikan transfer ke rekening aktif (cek form setor dana). Jika bank gangguan, lampirkan bukti transfer ke CS."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Cara Download Aplikasi?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Login website, cari menu \"Download\". Pilih versi Android atau iOS sesuai HP Anda agar main lebih lancar."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Cara Dapat Komisi Referral?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Ajak teman daftar pakai Kode Referral Anda (Cek menu Referensi). Anda dapat 20% dari potongan meja teman Anda seumur hidup."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Data Saya Aman?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Aman terkendali. Server kami menggunakan enkripsi tinggi. Data pribadi tidak akan bocor ke pihak manapun."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Situs Terblokir Internet Positif?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Gunakan Link Alternatif resmi kami atau pakai VPN ringan. Hubungi kontak resmi kami jika butuh link terbaru."
                            }
                        }
                    ]
                }
            ]
        }
    </script>

    <style>
        :root {
            --bg-dark: #050510;
            --bg-card: #0a0a15;
            --bg-lighter: #101020;
            --neon-blue: #00f2ea;
            --neon-pink: #ff0055;
            --neon-purple: #9d00ff;
            --galaxy-grad: linear-gradient(135deg, #00f2ea 0%, #7000ff 100%);
            --text-main: #ffffff;
            --text-muted: #94a3b8;
            --border-color: rgba(255, 255, 255, 0.08);
            --container-width: 1200px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            outline: none;
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            font-family: 'Lexend', sans-serif;
            overflow-x: hidden;
            display: block;
            min-height: 100vh;
            background: linear-gradient(to bottom, rgba(5, 5, 16, 0.5), rgba(5, 5, 16, 0.9)), url('./assets/backgroundhemat.webp');
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: 0.3s;
        }

        ul {
            list-style: none;
        }

        img {
            max-width: 100%;
            display: block;
        }

        .navbar {
            position: sticky;
            top: 0;
            z-index: 1000;
            background: rgba(10, 10, 20, 0.85);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid var(--border-color);
            padding: 15px 0;
        }

        .nav-container {
            max-width: var(--container-width);
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .brand-logo img {
            height: 40px;
            filter: drop-shadow(0 0 5px rgba(0, 242, 234, 0.5));
        }

        .desktop-menu {
            display: flex;
            gap: 25px;
            align-items: center;
        }

        .menu-link {
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--text-muted);
            position: relative;
            padding: 5px 0;
        }

        .menu-link:hover,
        .menu-link.active {
            color: var(--neon-blue);
            text-shadow: 0 0 10px rgba(0, 242, 234, 0.4);
        }

        .menu-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--neon-blue);
            transition: 0.3s;
            box-shadow: 0 0 5px var(--neon-blue);
        }

        .menu-link:hover::after,
        .menu-link.active::after {
            width: 100%;
        }

        .auth-buttons {
            display: flex;
            gap: 15px;
        }

        .btn {
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.85rem;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: 0.3s;
        }

        .btn-outline {
            border: 1px solid var(--neon-blue);
            color: var(--neon-blue);
            background: transparent;
        }

        .btn-outline:hover {
            background: rgba(0, 242, 234, 0.1);
            color: #fff;
            box-shadow: 0 0 15px rgba(0, 242, 234, 0.3);
        }

        .btn-fill {
            background: var(--galaxy-grad);
            color: #fff;
            border: none;
            box-shadow: 0 4px 15px rgba(157, 0, 255, 0.4);
        }

        .btn-fill:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(157, 0, 255, 0.6);
        }

        .ticker-bar {
            background: rgba(0, 0, 0, 0.6);
            border-bottom: 1px solid var(--border-color);
            color: var(--text-muted);
            font-size: 0.8rem;
            padding: 8px 0;
            overflow: hidden;
            backdrop-filter: blur(5px);
        }

        .ticker-content {
            display: inline-block;
            white-space: nowrap;
            padding-left: 100%;
            animation: slideText 25s linear infinite;
        }

        .ticker-content b {
            color: var(--neon-pink);
        }

        @keyframes slideText {
            to {
                transform: translateX(-100%);
            }
        }

        .hero-section {
            padding: 80px 20px 90px;
            text-align: center;
            position: relative;
        }

        .hero-badge {
            display: inline-block;
            padding: 5px 20px;
            border-radius: 20px;
            background: rgba(0, 242, 234, 0.1);
            border: 1px solid var(--neon-blue);
            color: var(--neon-blue);
            font-size: 0.8rem;
            font-weight: 800;
            margin-bottom: 20px;
            box-shadow: 0 0 15px rgba(0, 242, 234, 0.2);
            backdrop-filter: blur(4px);
        }

        .hero-title-group {
            margin-bottom: 30px;
        }

        .hero-main-title {
            font-size: clamp(1.5rem, 4vw, 2.5rem);
            margin-bottom: 5px;
            color: #fff;
        }

        .text-neon-pink {
            color: var(--neon-pink);
        }

        .hero-label-min {
            font-size: 1.2rem;
            color: #e2e8f0;
            letter-spacing: 2px;
            margin-bottom: 10px;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
        }

        .hero-prize-amount {
            font-size: clamp(3.5rem, 10vw, 6rem);
            font-weight: 900;
            background: linear-gradient(to right, #00f2ea, #fff, #00f2ea);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            text-shadow: 0 0 40px rgba(0, 242, 234, 0.5);
            line-height: 1;
            margin-bottom: 10px;
            font-family: 'Lexend', sans-serif;
        }

        .hero-tag-weekly {
            font-size: 1.5rem;
            color: var(--neon-purple);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 3px;
            background: rgba(157, 0, 255, 0.2);
            display: inline-block;
            padding: 5px 20px;
            border-radius: 50px;
            border: 1px solid rgba(157, 0, 255, 0.5);
            backdrop-filter: blur(5px);
        }

        .hero-sub {
            color: #e2e8f0;
            font-size: 1.1rem;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.6;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
        }

        .jackpot-label {
            color: var(--neon-pink);
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 3px;
            margin-bottom: 5px;
            text-transform: uppercase;
            text-shadow: 0 0 10px rgba(255, 0, 85, 0.4);
        }

        .jackpot-display {
            font-family: monospace;
            font-size: clamp(2rem, 5vw, 3.5rem);
            font-weight: 700;
            color: var(--neon-blue);
            text-shadow: 0 0 20px rgba(0, 242, 234, 0.8);
            margin-bottom: 40px;
        }

        .hero-btn-wrapper {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
        }

        .hero-action-btn {
            padding: 15px 40px;
            font-size: 1rem;
            min-width: 160px;
        }

        .stats-floater {
            max-width: var(--container-width);
            margin: -60px auto 80px;
            padding: 0 20px;
            position: relative;
            z-index: 10;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            background: rgba(20, 20, 35, 0.6);
            border: 1px solid var(--border-color);
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            overflow: hidden;
        }

        .stat-item {
            padding: 25px 15px;
            text-align: center;
            border-right: 1px solid rgba(255, 255, 255, 0.05);
            transition: 0.3s;
        }

        .stat-item:hover {
            background: rgba(255, 255, 255, 0.05);
        }

        .stat-item:last-child {
            border-right: none;
        }

        .stat-val {
            display: block;
            font-size: 1.2rem;
            font-weight: 800;
            color: #fff;
            margin-bottom: 5px;
        }

        .stat-lbl {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .text-galaxy {
            color: var(--neon-blue);
            text-shadow: 0 0 10px rgba(0, 242, 234, 0.4);
        }

        .container {
            max-width: var(--container-width);
            margin: 0 auto;
            padding: 0 20px;
        }

        .seo-box {
            background: rgba(20, 20, 35, 0.7);
            padding: 40px;
            border-radius: 20px;
            border: 1px solid var(--border-color);
            border-left: 5px solid var(--neon-purple);
            margin-bottom: 80px;
            backdrop-filter: blur(10px);
        }

        .seo-box h1 {
            font-size: 1.8rem;
            margin-bottom: 20px;
            color: #fff;
        }

        .seo-box p {
            color: var(--text-muted);
            line-height: 1.8;
            margin-bottom: 20px;
            font-size: 0.95rem;
            text-align: justify;
        }

        .seo-link {
            color: var(--neon-blue);
            text-decoration: underline;
            font-weight: 600;
        }

        .section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .sec-title {
            font-size: 2.5rem;
            color: #fff;
            margin-top: 10px;
            font-weight: 800;
            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        }

        .games-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            gap: 20px;
            margin-bottom: 100px;
        }

        .game-card {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid var(--border-color);
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            cursor: pointer;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(5px);
        }

        .game-card:hover {
            border-color: var(--neon-blue);
            transform: translateY(-5px);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 242, 234, 0.2));
            box-shadow: 0 10px 30px rgba(0, 242, 234, 0.15);
        }

        .game-card img {
            width: 70px;
            height: 70px;
            margin: 0 auto 15px;
            transition: 0.3s;
            filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.5));
        }

        .game-card:hover img {
            transform: scale(1.1);
            filter: drop-shadow(0 0 15px var(--neon-blue));
        }

        .game-title {
            font-weight: 700;
            color: #fff;
            font-size: 0.9rem;
        }

        .play-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: 0.3s;
        }

        .game-card:hover .play-overlay {
            opacity: 1;
        }

        .btn-play-small {
            background: var(--neon-blue);
            color: #000;
            padding: 5px 15px;
            border-radius: 20px;
            font-weight: 700;
            font-size: 0.8rem;
        }

        .game-icon-placeholder {
            font-size: 50px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            cursor: default;
        }

        .promo-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-bottom: 100px;
        }

        .modern-card {
            position: relative;
            background: rgba(20, 20, 35, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.4s ease;
            backdrop-filter: blur(15px);
        }

        .modern-card:hover {
            transform: translateY(-10px);
            border-color: rgba(255, 255, 255, 0.2);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
        }

        .card-glow {
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.4;
            transition: 0.4s;
        }

        .blue-glow {
            background: var(--neon-blue);
        }

        .purple-glow {
            background: var(--neon-purple);
        }

        .modern-card:hover .card-glow {
            opacity: 0.6;
        }

        .mc-content {
            position: relative;
            padding: 35px;
            z-index: 1;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .mc-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .mc-icon {
            font-size: 2.5rem;
            filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));
        }

        .mc-badge {
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: rgba(0, 242, 234, 0.1);
            color: var(--neon-blue);
            border: 1px solid rgba(0, 242, 234, 0.3);
        }

        .mc-badge.purple-badge {
            background: rgba(157, 0, 255, 0.1);
            color: var(--neon-purple);
            border-color: rgba(157, 0, 255, 0.3);
        }

        .mc-main {
            text-align: center;
            margin-bottom: 30px;
        }

        .mc-percent {
            font-size: 4rem;
            font-weight: 900;
            line-height: 1;
            margin-bottom: 10px;
            font-family: 'Lexend', sans-serif;
            letter-spacing: -2px;
        }

        .blue-text {
            color: var(--neon-blue);
            text-shadow: 0 0 30px rgba(0, 242, 234, 0.4);
        }

        .purple-text {
            color: var(--neon-purple);
            text-shadow: 0 0 30px rgba(157, 0, 255, 0.4);
        }

        .mc-title {
            font-size: 1.4rem;
            color: #fff;
            margin-bottom: 10px;
        }

        .mc-desc {
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .calc-widget {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 12px;
            padding: 20px;
            border: 1px dashed rgba(255, 255, 255, 0.1);
            margin-top: auto;
            font-family: monospace;
            font-size: 0.9rem;
        }

        .cw-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            color: #aaa;
        }

        .cw-row.highlight {
            color: #fff;
        }

        .cw-divider {
            height: 1px;
            background: rgba(255, 255, 255, 0.1);
            margin: 10px 0;
        }

        .cw-total {
            display: flex;
            justify-content: space-between;
            font-weight: 700;
            font-size: 1rem;
        }

        .mc-footer {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 25px;
            font-size: 0.8rem;
            color: var(--text-muted);
        }

        .guide-wrapper {
            background: rgba(20, 20, 35, 0.7);
            border-radius: 20px;
            padding: 50px;
            text-align: center;
            border: 1px solid var(--border-color);
            margin-bottom: 100px;
            backdrop-filter: blur(10px);
        }

        .step-nav {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin-bottom: 40px;
            position: relative;
        }

        .step-nav::before {
            content: '';
            position: absolute;
            top: 25px;
            left: 20%;
            right: 20%;
            height: 2px;
            background: rgba(255, 255, 255, 0.1);
            z-index: 0;
        }

        .step-btn {
            position: relative;
            z-index: 1;
            background: var(--bg-dark);
            border: 2px solid rgba(255, 255, 255, 0.1);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: #555;
            cursor: pointer;
            transition: 0.3s;
        }

        .step-btn.active {
            border-color: var(--neon-blue);
            background: var(--neon-blue);
            color: #000;
            box-shadow: 0 0 15px rgba(0, 242, 234, 0.4);
        }

        .step-label {
            position: absolute;
            top: 60px;
            font-size: 0.8rem;
            font-weight: 700;
            width: 100px;
            left: 50%;
            transform: translateX(-50%);
            color: var(--text-muted);
        }

        .step-btn.active+.step-label {
            color: var(--neon-blue);
        }

        .step-content {
            display: none;
            animation: fadeInUp 0.5s;
            max-width: 600px;
            margin: 0 auto;
        }

        .step-content.active {
            display: block;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .step-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #fff;
        }

        .step-desc {
            color: var(--text-muted);
            margin-bottom: 25px;
        }

        .tips-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 100px;
        }

        .tip-card {
            background: rgba(20, 20, 35, 0.6);
            padding: 30px;
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            text-align: left;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(10px);
        }

        .tip-card:hover {
            transform: translateY(-5px);
            border-color: var(--neon-pink);
            box-shadow: 0 5px 20px rgba(255, 0, 85, 0.2);
            background: rgba(255, 0, 85, 0.05);
        }

        .tip-head {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 15px;
        }

        .tip-icon {
            font-size: 2rem;
            background: rgba(255, 0, 85, 0.1);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            color: var(--neon-pink);
        }

        .tip-card h3 {
            color: #fff;
            font-size: 1.1rem;
            margin-bottom: 10px;
        }

        .tip-card p {
            color: var(--text-muted);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .faq-container {
            max-width: 800px;
            margin: 0 auto 100px;
        }

        .faq-item {
            margin-bottom: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 10px;
        }

        .faq-q {
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            color: #e0e0e0;
            padding: 15px;
            transition: 0.3s;
            border-radius: 8px;
            background: rgba(0, 0, 0, 0.3);
            backdrop-filter: blur(5px);
        }

        .faq-q:hover {
            background: rgba(255, 255, 255, 0.05);
            color: var(--neon-blue);
        }

        .faq-a {
            max-height: 0;
            overflow: hidden;
            transition: 0.3s;
            padding: 0 15px;
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .faq-item.active .faq-a {
            max-height: 200px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .faq-item.active .faq-q {
            color: var(--neon-blue);
        }

        .faq-icon {
            font-size: 1.2rem;
        }

        footer {
            background: rgba(0, 0, 0, 0.8);
            padding: 60px 20px 30px;
            text-align: center;
            border-top: 1px solid var(--border-color);
        }

        .footer-logo {
            height: 50px;
            margin-bottom: 20px;
            display: inline-block;
        }

        .footer-desc {
            color: var(--text-muted);
            max-width: 500px;
            margin: 0 auto 30px;
            font-size: 0.9rem;
        }

        .bank-list {
            display: flex;
            justify-content: center;
            gap: 10px;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

        .bank-tag {
            padding: 5px 12px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 5px;
            font-size: 0.75rem;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .copyright {
            color: #444;
            font-size: 0.8rem;
        }

        .mobile-bottom-nav {
            display: none;
        }

        .mb-center {
            position: relative;
            top: -25px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .mb-text-center {
            font-size: 0.7rem;
            color: #fff;
            font-weight: 700;
            margin-top: 4px;
            text-shadow: 0 0 5px #000;
            white-space: nowrap;
            text-decoration: none;
        }

        .mb-center:hover .mb-text-center {
            color: var(--neon-blue);
            text-shadow: 0 0 8px var(--neon-blue);
        }

        @media (max-width: 900px) {
            .desktop-menu {
                display: none;
            }

            .hero-section {
                padding-top: 40px;
            }

            .stats-grid {
                grid-template-columns: 1fr 1fr;
            }

            .stats-floater {
                margin-top: -30px;
            }

            .promo-container {
                grid-template-columns: 1fr;
            }

            .mc-percent {
                font-size: 3.5rem;
            }

            .games-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }

            .game-card {
                padding: 15px 5px;
            }

            .game-card img {
                width: 50px;
                height: 50px;
            }

            .game-title {
                font-size: 0.75rem;
                white-space: normal;
                line-height: 1.2;
            }

            .play-overlay {
                display: none;
            }

            .mobile-bottom-nav {
                display: flex;
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 65px;
                background: rgba(10, 10, 20, 0.95);
                backdrop-filter: blur(10px);
                border-top: 1px solid var(--border-color);
                z-index: 1001;
                justify-content: space-around;
                align-items: center;
                padding-bottom: 5px;
            }

            .mb-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                color: var(--text-muted);
                font-size: 0.7rem;
                gap: 4px;
                width: 20%;
            }

            .mb-item.active,
            .mb-item:hover {
                color: var(--neon-blue);
            }

            .mb-icon {
                font-size: 1.2rem;
            }

            .mb-fab {
                width: 55px;
                height: 55px;
                background: var(--galaxy-grad);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 0 15px rgba(157, 0, 255, 0.5);
                border: 4px solid var(--bg-dark);
                font-size: 1.5rem;
                color: #fff;
            }

            body {
                padding-bottom: 80px;
            }
        }

        @media (max-width: 600px) {
            .hero-btn-wrapper {
                gap: 10px;
            }

            .hero-action-btn {
                padding: 10px 20px;
                font-size: 0.85rem;
                min-width: 120px;
            }
        }
    </style>

</head>

<body>

    <nav class="navbar">
        <div class="nav-container">
            <a href="#" class="brand-logo">
                <img src="assets/hemat.png" alt="HematQQ Logo">
            </a>
            <ul class="desktop-menu">
                <li><a href="#home" class="menu-link active">Home</a></li>
                <li><a href="#games" class="menu-link">Games</a></li>
                <li><a href="#promos" class="menu-link">Promosi</a></li>
                <li><a href="#guide" class="menu-link">Panduan</a></li>
                <li><a href="#tips" class="menu-link">Tips</a></li>
                <li><a href="#faq" class="menu-link">FAQ</a></li>
            </ul>
            <div class="auth-buttons">
                <a href="https://linkly.link/2Ffny/" target="_blank" class="btn btn-outline">Login</a>
                <a href="https://linkly.link/2Ffny/" target="_blank" class="btn btn-fill">DAFTAR</a>
            </div>
        </div>
    </nav>

    <div class="ticker-bar">
        <div class="ticker-content">
            🔥 <strong>INFO:</strong> HematQQ Hadir Sebagai Server PKV Games <b>Paling Stabil & Gacor 2026!</b> Layanan Deposit 24 Jam Via Bank & E-Wallet Cuma <b>Rp 5.000</b>. Jaminan 100% Fairplay Player vs Player. Raih Bonus Cashback 0.3% Tiap Minggu & Referral 20% Seumur Hidup. <b>Buktikan Keberuntunganmu Disini!</b> 🔥
        </div>
    </div>

    <section class="hero-section" id="home">
        <div class="container">
            <span class="hero-badge">🏆 SITUS PKV GAMES NO.1 INDONESIA</span>

            <div class="hero-title-group">
                <h2 class="hero-main-title">
                    BONUS SPESIAL <span class="text-neon-pink">EXTRA CASHBACK</span>
                </h2>
                <div class="hero-label-min">MINIMAL</div>
                <div class="hero-prize-amount">Rp. 1 JT</div>
                <div class="hero-tag-weekly">Setiap Minggu !!</div>
            </div>

            <p class="hero-sub">Raih keuntungan maksimal tanpa batas! Klaim tambahan modal main minimal Rp 1 Juta yang cair rutin setiap minggu. Main menang atau kalah, bonus tetap cair!</p>
            <div class="jackpot-label">Total Progressive Jackpot</div>
            <div class="jackpot-display" id="jp-counter">IDR 885.291.100</div>
            <div class="hero-btn-wrapper">
                <a href="https://linkly.link/2Ffny/" target="_blank" class="btn btn-fill hero-action-btn">MAIN SEKARANG</a>
                <a href="#promos" class="btn btn-outline hero-action-btn">LIHAT BONUS</a>
            </div>
        </div>
    </section>

    <div class="stats-floater">
        <div class="stats-grid">
            <div class="stat-item"><span class="stat-val text-galaxy">HematQQ</span><span class="stat-lbl">Official Brand</span></div>
            <div class="stat-item"><span class="stat-val">Rp 5.000</span><span class="stat-lbl">Min Deposit</span></div>
            <div class="stat-item"><span class="stat-val">± 1 Menit</span><span class="stat-lbl">Proses Cepat</span></div>
            <div class="stat-item"><span class="stat-val text-galaxy">98.5%</span><span class="stat-lbl">Win Rate</span></div>
            <div class="stat-item"><span class="stat-val" id="online-users">58.921</span><span class="stat-lbl">Online Players</span></div>
        </div>
    </div>

    <div class="container">

        <section class="seo-box">
            <h1>Situs PKV Games QQ Poker Online DominoQQ BandarQQ 2026</h1>
            <p>
                Memasuki era 2026, <a href="https://indonesia-travel-guide.com/" class="seo-link">HematQQ</a> hadir sebagai platform pkv games unggulan yang mengukuhkan standar taruhan kartu paling stabil dan fairplay di Indonesia. Sebagai situs pkv resmi, layanan ini menjadi destinasi utama bagi penggemar <a href="https://indonesia-travel-guide.com/" class="seo-link">dominoqq</a> serta bandarqq yang mengutamakan keamanan data member dengan sistem enkripsi terbaru. Pengalaman bermain poker online di sini dijamin murni player vs player tanpa intervensi bot, menjadikan <a href="https://indonesia-travel-guide.com/" class="seo-link">situs qq</a> terpercaya ini pilihan tepat bagi pemain yang mengejar winrate tinggi serta kelancaran transaksi deposit maupun withdraw lintas perangkat.
            </p>
            <p>
                Bagi pemain yang mencari tantangan strategi, HematQQ menyediakan akses seamless ke variasi permainan populer seperti qq poker dan domino99 melalui satu aplikasi <a href="https://indonesia-travel-guide.com/" class="seo-link">pkv qq</a> yang ringan dan responsif. Proses daftar pkv games di platform ini dirancang sangat efisien, memungkinkan pengguna baru untuk segera mendapatkan akun ID pro dan mengakses seluruh meja taruhan dalam hitungan menit. Didukung layanan pelanggan 24 jam dan sistem bonus mingguan yang transparan, ekosistem ini memberikan peluang keuntungan maksimal bagi setiap member yang bergabung dalam arena kompetisi <a href="https://indonesia-travel-guide.com/" class="seo-link">bandarqq</a> uang asli terbaik.
            </p>
        </section>

        <section id="games">
            <div class="section-header">
                <h2 class="sec-title">18 Games Populer Di HematQQ</h2>
            </div>
            <div class="games-grid" id="games-container"></div>
        </section>

        <section id="promos">
            <div class="section-header">
                <h2 class="sec-title">Bonus Spesial Member HematQQ</h2>
            </div>
            <div class="promo-container">
                <div class="modern-card">
                    <div class="card-glow blue-glow"></div>
                    <div class="mc-content">
                        <div class="mc-top">
                            <div class="mc-icon">💎</div>
                            <div class="mc-badge">Setiap Senin</div>
                        </div>
                        <div class="mc-main">
                            <div class="mc-percent blue-text">0.3%</div>
                            <h3 class="mc-title">Bonus Cashback</h3>
                            <p class="mc-desc">Bonus otomatis dari total Turnover (TO). Menang atau kalah, bonus tetap cair masuk akun!</p>
                        </div>
                        <div class="calc-widget">
                            <div class="cw-row"><span>Turnover Seminggu</span> <span>100 Juta</span></div>
                            <div class="cw-row highlight"><span>Rate Cashback</span> <span>x 0.3%</span></div>
                            <div class="cw-divider"></div>
                            <div class="cw-total blue-text"><span>Bonus:</span> <span>Rp 300.000</span></div>
                        </div>
                        <div class="mc-footer"><span>✓ Tanpa Batas Maksimal</span><span>✓ Masuk Otomatis</span></div>
                    </div>
                </div>
                <div class="modern-card">
                    <div class="card-glow purple-glow"></div>
                    <div class="mc-content">
                        <div class="mc-top">
                            <div class="mc-icon">🤝</div>
                            <div class="mc-badge purple-badge">Seumur Hidup</div>
                        </div>
                        <div class="mc-main">
                            <div class="mc-percent purple-text">20%</div>
                            <h3 class="mc-title">Komisi Referral</h3>
                            <p class="mc-desc">Ajak teman bermain pakai kode referral Anda. Dapatkan passive income dari setiap pot meja.</p>
                        </div>
                        <div class="calc-widget">
                            <div class="cw-row"><span>Teman Menang</span> <span>1 Juta</span></div>
                            <div class="cw-row"><span>Pot Meja (3%)</span> <span>30.000</span></div>
                            <div class="cw-divider"></div>
                            <div class="cw-total purple-text"><span>Komisi 20%:</span> <span>Rp 6.000</span></div>
                        </div>
                        <div class="mc-footer"><span>✓ 10% Otomatis</span><span>✓ 10% Manual (Senin)</span></div>
                    </div>
                </div>
            </div>
        </section>

        <section id="guide">
            <div class="section-header">
                <h2 class="sec-title">3 Langkah Mudah Bergabung & Jadi Jutawan</h2>
            </div>
            <div class="guide-wrapper">
                <div class="step-nav">
                    <div class="step-btn active" onclick="changeStep(1)">1</div>
                    <div class="step-btn" onclick="changeStep(2)">2</div>
                    <div class="step-btn" onclick="changeStep(3)">3</div>
                </div>
                <div id="step-content-1" class="step-content active">
                    <h3 class="step-title">Daftar Akun</h3>
                    <p class="step-desc">Klik tombol daftar, isi formulir dengan data valid (Username, Password, Rekening). Akun aktif instan!</p>
                    <a href="https://linkly.link/2Ffny/" class="btn btn-fill">DAFTAR SEKARANG</a>
                </div>
                <div id="step-content-2" class="step-content">
                    <h3 class="step-title">Deposit Dana</h3>
                    <p class="step-desc">Transfer minimal Rp 5.000 ke rekening bandar aktif. Isi form setor dana, saldo masuk dalam 1 menit.</p>
                </div>
                <div id="step-content-3" class="step-content">
                    <h3 class="step-title">Main & Withdraw</h3>
                    <p class="step-desc">Pilih game favorit, mainkan strategi, dan tarik kemenangan Anda kapan saja. Proses WD super cepat.</p>
                </div>
            </div>
        </section>

        <section id="tips">
            <div class="section-header">
                <h2 class="sec-title">Tips & Trik Gacor</h2>
            </div>
            <div class="tips-grid">
                <div class="tip-card">
                    <div class="tip-head">
                        <div class="tip-icon">🧠</div>
                        <h3>Main Tenang</h3>
                    </div>
                    <p>Jangan terbawa emosi. Analisa kartu lawan sebelum memutuskan untuk All-in.</p>
                </div>
                <div class="tip-card">
                    <div class="tip-head">
                        <div class="tip-icon">🎯</div>
                        <h3>Pindah Meja</h3>
                    </div>
                    <p>Jika kalah berturut-turut di satu meja, coba pindah ke meja lain atau cari kursi hoki.</p>
                </div>
                <div class="tip-card">
                    <div class="tip-head">
                        <div class="tip-icon">💰</div>
                        <h3>Target WD</h3>
                    </div>
                    <p>Tentukan target kemenangan harian. Segera Withdraw saat target sudah tercapai.</p>
                </div>
                <div class="tip-card">
                    <div class="tip-head">
                        <div class="tip-icon">🎁</div>
                        <h3>Ambil Bonus</h3>
                    </div>
                    <p>Manfaatkan bonus cashback mingguan untuk tambahan modal bermain tanpa deposit.</p>
                </div>
            </div>
        </section>

        <section id="faq">
            <div class="section-header">
                <h2 class="sec-title">Pertanyaan Umum</h2>
            </div>
            <div class="faq-container">
                <div class="faq-item">
                    <div class="faq-q">1 ID Bisa Semua Game? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Betul. Cukup 1 User ID untuk akses 18 games (DominoQQ, Poker, Slot, dll) tanpa perlu pindah dompet.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Apakah Ada Bot/Admin Main? <span class="faq-icon">+</span></div>
                    <div class="faq-a">100% Murni Player vs Player. Kami garansi tidak ada admin atau robot yang ikut bermain di meja.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Lupa Password Akun? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Jangan panik. Langsung chat CS kami via Livechat/WA. Reset password cuma 1 menit (Gratis).</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Bisa Deposit Via E-Wallet? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Sangat bisa. Kami terima DANA, OVO, GOPAY, LinkAja, dan QRIS online 24 jam tanpa jam offline.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Minimal Tarik Dana (WD)? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Minimal withdraw hanya Rp 50.000. Dana cair ke rekening dalam hitungan menit tanpa limit harian.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Kenapa Deposit Belum Masuk? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Pastikan transfer ke rekening aktif (cek form setor dana). Jika bank gangguan, lampirkan bukti transfer ke CS.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Cara Download Aplikasi? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Login website, cari menu "Download". Pilih versi Android atau iOS sesuai HP Anda agar main lebih lancar.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Cara Dapat Komisi Referral? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Ajak teman daftar pakai Kode Referral Anda (Cek menu Referensi). Anda dapat 20% dari potongan meja teman Anda seumur hidup.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Data Saya Aman? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Aman terkendali. Server kami menggunakan enkripsi tinggi. Data pribadi tidak akan bocor ke pihak manapun.</div>
                </div>
                <div class="faq-item">
                    <div class="faq-q">Situs Terblokir Internet Positif? <span class="faq-icon">+</span></div>
                    <div class="faq-a">Gunakan Link Alternatif resmi kami atau pakai VPN ringan. Hubungi kontak resmi kami jika butuh link terbaru.</div>
                </div>
            </div>
        </section>

    </div>

    <footer>
        <img src="assets/hemat.png" alt="HematQQ" class="footer-logo">
        <p class="footer-desc">Agen resmi PKV Games terpercaya Indonesia. Menyediakan platform taruhan kartu uang asli yang aman, adil, dan transparan.</p>
        <div class="bank-list">
            <span class="bank-tag">BCA</span><span class="bank-tag">MANDIRI</span><span class="bank-tag">BNI</span>
            <span class="bank-tag">BRI</span><span class="bank-tag">DANAMON</span><span class="bank-tag">OVO</span>
            <span class="bank-tag">DANA</span><span class="bank-tag">GOPAY</span><span class="bank-tag">QRIS</span>
        </div>
        <div class="copyright">&copy; 2026 HematQQ Galaxy. All Rights Reserved.</div>
    </footer>

    <div class="mobile-bottom-nav">
        <a href="#home" class="mb-item active"><span class="mb-icon">🏠</span> Home</a>
        <a href="#promos" class="mb-item"><span class="mb-icon">🎁</span> Promo</a>
        <div class="mb-center">
            <a href="https://linkly.link/2Ffny/" class="mb-fab">🚀</a>
            <a href="https://linkly.link/2Ffny/" class="mb-text-center">Login / Daftar</a>
        </div>
        <a href="#games" class="mb-item"><span class="mb-icon">🎮</span> Games</a>
        <a href="https://linkly.link/2BT7p/" class="mb-item"><span class="mb-icon">💬</span> Chat</a>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {

            setInterval(() => {
                const now = new Date();
                const el = document.getElementById('clock');
                if (el) el.innerText = now.toLocaleTimeString('id-ID', {
                    timeZone: 'Asia/Jakarta'
                }) + " WIB";
            }, 1000);

            const jpEl = document.getElementById('jp-counter');
            let jpVal = 885291100;
            if (jpEl) {
                setInterval(() => {
                    jpVal += Math.floor(Math.random() * 500);
                    jpEl.innerText = "IDR " + jpVal.toLocaleString('id-ID');
                }, 1000);
            }

            const games = [{
                    name: "BandarQ",
                    img: "assets/bandarq.png"
                }, {
                    name: "Domino99",
                    img: "assets/domino99.png"
                },
                {
                    name: "Poker Online",
                    img: "assets/poker.png"
                }, {
                    name: "Slot PKV",
                    img: "assets/pkv slot.png"
                },
                {
                    name: "AduQ",
                    img: "assets/aduq.png"
                }, {
                    name: "Bandar66",
                    img: "assets/bandar66.png"
                },
                {
                    name: "Sakong",
                    img: "assets/sakong.png"
                }, {
                    name: "Capsa Susun",
                    img: "assets/capsa susun.png"
                },
                {
                    name: "Bandar Poker",
                    img: "assets/bandar poker.png"
                }, {
                    name: "Bd Koprok",
                    img: "assets/bd koprok.png"
                },
                {
                    name: "Perang Dadu",
                    img: "assets/perang dadu.png"
                }, {
                    name: "Perang Baccarat",
                    img: "assets/perang baccarat.png"
                },
                {
                    name: "Gaple",
                    img: "assets/gaple.png"
                }, {
                    name: "Live Casino",
                    img: "assets/pkv live casino.png"
                },
                {
                    name: "Adu Sakong",
                    img: "assets/adu sakong.png"
                }, {
                    name: "Bandar Remi",
                    img: "assets/bandar remi.png"
                },
                {
                    name: "Bd QQ",
                    img: "assets/bdqq.png"
                }, {
                    name: "Sportbook",
                    img: "⚽"
                }
            ];

            const gContainer = document.getElementById('games-container');
            if (gContainer) {
                games.forEach(g => {
                    const isImage = g.img.includes('.') || g.img.includes('/');
                    let visualContent = isImage ?
                        `<img src="${g.img}" alt="${g.name}" onerror="this.src='https://placehold.co/70x70/222/d4af37?text=GAME'">` :
                        `<div class="game-icon-placeholder">${g.img}</div>`;

                    gContainer.innerHTML += `
                        <div class="game-card" onclick="window.open('https://linkly.link/2Ffny/','_blank')">
                            ${visualContent}
                            <div class="game-title">${g.name}</div>
                            <div class="play-overlay"><span class="btn-play-small">PLAY</span></div>
                        </div>
                    `;
                });
            }

            document.querySelectorAll('.faq-item').forEach(item => {
                const question = item.querySelector('.faq-q');
                if (question) {
                    question.addEventListener('click', () => {
                        document.querySelectorAll('.faq-item').forEach(other => {
                            if (other !== item) {
                                other.classList.remove('active');
                                const icon = other.querySelector('.faq-icon');
                                if (icon) icon.innerText = '+';
                            }
                        });
                        item.classList.toggle('active');
                        const icon = item.querySelector('.faq-icon');
                        if (icon) icon.innerText = item.classList.contains('active') ? '-' : '+';
                    });
                }
            });

            const sections = document.querySelectorAll('section');
            const navLinks = document.querySelectorAll('.menu-link');

            window.addEventListener('scroll', () => {
                let current = '';

                sections.forEach(section => {
                    const sectionTop = section.offsetTop;
                    const sectionHeight = section.clientHeight;
                    if (scrollY >= (sectionTop - 150)) {
                        current = section.getAttribute('id');
                    }
                });

                navLinks.forEach(link => {
                    link.classList.remove('active');
                    if (link.getAttribute('href').includes(current)) {
                        link.classList.add('active');
                    }
                });
            });
        });

        function changeStep(stepNum) {
            document.querySelectorAll('.step-btn').forEach(btn => btn.classList.remove('active'));
            document.querySelectorAll('.step-content').forEach(content => content.classList.remove('active'));
            document.querySelectorAll('.step-btn')[stepNum - 1].classList.add('active');
            document.getElementById(`step-content-${stepNum}`).classList.add('active');
        }
    </script>
</body>

</html>