<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DominoQQ: Situs PKV Games QQ Poker Online BandarQQ</title>
    <meta name="description" content="HematQQ situs resmi PKV Games QQ 2026. DominoQQ, BandarQQ & Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus mingguan melimpah." />
    <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="PKV QQ" />
    <meta name="publisher" content="PKV QQ" />
    <meta name="google" content="notranslate" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:title" content="DominoQQ: Situs PKV Games QQ Poker Online BandarQQ" />
    <meta property="og:description" content="HematQQ situs resmi PKV Games QQ 2026. DominoQQ, BandarQQ & Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus mingguan melimpah." />
    <meta property="og:url" content="https://museeromanite.com/" />
    <meta property="og:site_name" content="PKV QQ" />
    <meta property="og:image" content="https://museeromanite.com/assets/bannerhemat.jpg" />
    <meta property="og:image:alt" content="PKV QQ" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="DominoQQ: Situs PKV Games QQ Poker Online BandarQQ">
    <meta name="twitter:description" content="HematQQ situs resmi PKV Games QQ 2026. DominoQQ, BandarQQ & Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus mingguan melimpah.">
    <meta name="twitter:image" content="https://museeromanite.com/assets/bannerhemat.jpg">
    <link rel="canonical" href="https://museeromanite.com/" />
    <link rel="amphtml" href="https://dominoqq-pkv.museeromanite.com/" />
    <link rel="alternate" hreflang="id-id" href="https://dominoqq-pkv.museeromanite.com/"/>
    <link rel="alternate" href="https://dominoqq-pkv.museeromanite.com/"/>
    <link rel="alternate" hreflang="id" href="https://dominoqq-pkv.museeromanite.com/"/>
    <link rel="alternate" hreflang="en" href="https://dominoqq-pkv.museeromanite.com/"/>
    <link rel="alternate" hreflang="x-default" href="https://dominoqq-pkv.museeromanite.com/"/>
    <link rel="shortcut icon" href="https://museeromanite.com/assets/favicon.webp" sizes="16x16" />
    <link rel="apple-touch-icon" href="https://museeromanite.com/assets/favicon.webp" sizes="180x180">
    <link rel="preload" href="https://museeromanite.com/assets/bannerhemat.jpg" as="image" type="image/webp">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;900&display=swap" rel="stylesheet">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@graph": [{
                    "@type": "WebSite",
                    "@id": "https://museeromanite.com/#website",
                    "url": "https://museeromanite.com/",
                    "name": "DominoQQ: Situs PKV Games QQ Poker Online BandarQQ",
                    "description": "HematQQ situs resmi PKV Games QQ 2026. DominoQQ, BandarQQ & Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus mingguan melimpah.",
                    "potentialAction": [{
                        "@type": "SearchAction",
                        "target": "https://museeromanite.com/?s={search_term_string}",
                        "query-input": "required name=search_term_string"
                    }],
                    "inLanguage": "id-ID"
                },
                {
                    "@type": "Organization",
                    "@id": "https://museeromanite.com/#organization",
                    "name": "HematQQ",
                    "alternateName": "PKV QQ",
                    "url": "https://museeromanite.com/",
                    "logo": {
                        "@type": "ImageObject",
                        "url": "https://museeromanite.com/assets/hemat.png",
                        "width": 600,
                        "height": 60
                    },
                    "image": {
                        "@type": "ImageObject",
                        "url": "https://museeromanite.com/assets/bannerhemat.jpg",
                        "width": 1200,
                        "height": 630,
                        "caption": "HematQQ - Situs PKV Games Resmi"
                    },
                    "sameAs": [
                        "https://museeromanite.com/"
                    ]
                },
                {
                    "@type": "SoftwareApplication",
                    "name": "HematQQ - PKV Games",
                    "operatingSystem": "ANDROID, IOS, WINDOWS",
                    "applicationCategory": "GameApplication",
                    "aggregateRating": {
                        "@type": "AggregateRating",
                        "ratingValue": "4.9",
                        "ratingCount": "24592",
                        "bestRating": "5",
                        "worstRating": "1"
                    },
                    "offers": {
                        "@type": "Offer",
                        "price": "5000",
                        "priceCurrency": "IDR",
                        "category": "Deposit"
                    },
                    "description": "Aplikasi PKV Games resmi dari HematQQ. Mainkan DominoQQ, Poker Online, BandarQQ dan 9 game lainnya dalam 1 aplikasi."
                },
                {
                    "@type": "FAQPage",
                    "mainEntity": [{
                            "@type": "Question",
                            "name": "Bagaimana cara download aplikasi di HP?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Anda bisa mengklik tombol 'Download App' di menu navigasi atau footer. Tersedia versi Android (APK) dan iOS yang ringan dan stabil."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Apa yang harus dilakukan jika lupa password?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Jangan khawatir. Silakan hubungi Live Chat 24 jam kami. Siapkan data validasi (No Rekening & Nama) untuk reset password aman."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Apakah 1 User ID bisa main semua game?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Ya, benar! Cukup dengan 1 User ID saja, Anda sudah bisa mengakses semua permainan (Poker, Domino, Slot, Casino) tanpa perlu pindah akun."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Bank apa saja yang sedang online/offline?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "HematQQ online 24 jam. Namun, jika bank lokal sedang gangguan/offline, kami sarankan menggunakan QRIS atau E-Wallet (Dana, Ovo, Gopay) yang aktif 24 jam."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Berapa lama proses deposit dan withdraw?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Standar proses kami sangat cepat, rata-rata hanya 1 - 3 menit. Kecuali jika bank sedang mengalami gangguan pusat."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Apakah ada link alternatif anti-blokir?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Tentu. Kami menyediakan link alternatif resmi agar Anda tetap bisa login dengan lancar. Hubungi CS kami untuk link terbaru."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Permainan mana yang paling mudah menang?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Berdasarkan data Winrate 98.5%, game BandarQ dan Domino99 menjadi favorit member karena perputaran cepat dan peluang menang tinggi."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Kapan bonus Referral dibagikan?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Bonus Referral 20% berlaku seumur hidup dan masuk secara otomatis ke saldo akun Anda setiap kali teman yang Anda ajak bermain."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Apakah boleh memiliki lebih dari 1 akun?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Demi keamanan dan Fairplay, kami menyarankan 1 pemain hanya memiliki 1 akun. Data ganda dapat berisiko pada keamanan akun Anda."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Bagaimana cara deposit menggunakan Pulsa?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Masuk ke menu Setor Dana, pilih metode Pulsa, dan transfer ke nomor SN yang tertera. Pastikan simpan bukti transfer/SN untuk verifikasi."
                            }
                        }
                    ]
                }
            ]
        }
    </script>

    <style>
        :root {
            --brand-blue: #009dff;
            --brand-purple: #6c35c4;
            --brand-neon-pink: #ff33c7;
            --brand-neon-blue: #00eaff;
            --bg-main: #02020a;
            --bg-card: rgba(10, 10, 32, 0.8);
            --bg-hover: rgba(20, 20, 50, 0.9);
            --text-main: #ffffff;
            --text-sub: #a0a0b0;
            --gold: #ffc107;
            --radius-sm: 4px;
            --radius-md: 8px;
            --radius-lg: 16px;
            --border: 1px solid rgba(0, 234, 255, 0.15);
            --neon-shadow-pink: 0 0 15px rgba(255, 51, 199, 0.5);
            --neon-shadow-blue: 0 0 15px rgba(0, 234, 255, 0.5);
            --neon-shadow-gold: 0 0 20px rgba(255, 193, 7, 0.6);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-main);
            font-family: 'Rubik', sans-serif;
            overflow-x: hidden;
            line-height: 1.5;
            padding-bottom: 0;
            background-image: url('./assets/backgroundhemat.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            background-attachment: fixed;
        }

        .overlay-layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(3, 0, 15, 0.452);
            z-index: -2;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: 0.2s;
        }

        ul {
            list-style: none;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
            position: relative;
            z-index: 2;
        }

        .section {
            padding: 80px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .text-neon-pink {
            color: var(--brand-neon-pink);
            text-shadow: var(--neon-shadow-pink);
        }

        .text-neon-blue {
            color: var(--brand-neon-blue);
            text-shadow: var(--neon-shadow-blue);
        }

        .text-gold {
            color: var(--gold);
        }

        .fw-900 {
            font-weight: 900;
        }

        .flex-center {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hidden {
            display: none;
        }

        .glass-card {
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            background: var(--bg-card);
            border: var(--border);
        }

        .btn {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 12px 24px;
            border-radius: var(--radius-sm);
            font-weight: 700;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            cursor: pointer;
            transition: 0.3s;
        }

        .btn-neon-pink {
            background-color: var(--brand-neon-pink);
            color: #fff;
            border: none;
            box-shadow: 0 4px 15px rgba(255, 51, 199, 0.4);
        }

        .btn-neon-pink:hover {
            background-color: #ff5cd4;
            transform: scale(1.05);
            box-shadow: 0 0 25px rgba(255, 51, 199, 0.8);
        }

        .btn-dark {
            background-color: rgba(255, 255, 255, 0.05);
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .btn-dark:hover {
            background-color: rgba(255, 255, 255, 0.1);
            border-color: var(--brand-neon-blue);
            color: var(--brand-neon-blue);
        }

        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 75px;
            background: rgba(2, 2, 10, 0.75);
            backdrop-filter: blur(20px);
            z-index: 1000;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
        }

        .nav-inner {
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .brand-logo img {
            height: 60px;
            width: auto;
            filter: drop-shadow(0 0 5px rgba(0, 157, 255, 0.3));
            transition: 0.4s;
        }

        .brand-logo:hover img {
            transform: scale(1.1) rotate(-2deg);
            filter: drop-shadow(0 0 15px rgba(0, 157, 255, 0.8));
        }

        .nav-links {
            display: flex;
            gap: 40px;
        }

        .nav-link {
            font-size: 0.85rem;
            font-weight: 700;
            color: #a0a0b0;
            text-transform: uppercase;
            letter-spacing: 1px;
            position: relative;
            padding: 5px 0;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0%;
            height: 2px;
            background: var(--brand-neon-blue);
            box-shadow: 0 0 10px var(--brand-neon-blue);
            transition: 0.3s;
        }

        .nav-link:hover {
            color: #fff;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .header-btns {
            display: flex;
            gap: 10px;
        }

        .btn-login-h {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.15);
            color: #fff;
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.85rem;
            transition: 0.3s;
        }

        .btn-login-h:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: #fff;
        }

        .btn-reg-h {
            background: var(--brand-neon-pink);
            color: #fff;
            padding: 10px 30px;
            border-radius: 50px;
            font-weight: 800;
            font-size: 0.85rem;
            border: none;
            box-shadow: 0 5px 15px rgba(255, 51, 199, 0.4);
            position: relative;
            overflow: hidden;
        }

        .btn-reg-h::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
            transform: skewX(-25deg);
            animation: shine-btn 3s infinite;
        }

        @keyframes shine-btn {
            0% {
                left: -100%;
            }

            20% {
                left: 100%;
            }

            100% {
                left: 100%;
            }
        }

        .btn-reg-h:hover {
            transform: scale(1.05);
            box-shadow: 0 0 25px rgba(255, 51, 199, 0.8);
        }

        .ticker-wrap {
            position: fixed;
            top: 70px;
            left: 0;
            width: 100%;
            height: 30px;
            background: linear-gradient(90deg, #050515, var(--brand-purple), #050515);
            color: #fff;
            display: flex;
            align-items: center;
            z-index: 999;
            overflow: hidden;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .ticker-label {
            background: var(--brand-purple);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 900;
            padding: 0 15px;
            display: flex;
            align-items: center;
            gap: 8px;
            z-index: 2;
            box-shadow: 5px 0 15px rgba(0, 0, 0, 0.5);
            flex-shrink: 0;
        }

        .pulse-icon {
            font-size: 0.8rem;
            animation: pulse-bell 1s infinite;
        }

        @keyframes pulse-bell {
            0% {
                transform: rotate(-10deg);
            }

            50% {
                transform: rotate(10deg);
            }

            100% {
                transform: rotate(-10deg);
            }
        }

        .ticker-content {
            flex-grow: 1;
            overflow: hidden;
            display: flex;
            align-items: center;
            mask-image: linear-gradient(90deg, transparent, #000 20px, #000 95%, transparent);
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 95%, transparent);
        }

        .ticker-text {
            white-space: nowrap;
            animation: move 20s linear infinite;
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 1px;
            color: #ccc;
            padding-left: 20px;
        }

        .ticker-text strong {
            color: var(--gold);
        }

        @keyframes move {
            0% {
                transform: translateX(100vw);
            }

            100% {
                transform: translateX(-100%);
            }
        }

        .hero {
            padding: 140px 0 100px;
            text-align: center;
            position: relative;
            overflow: visible;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60vw;
            height: 60vw;
            background: radial-gradient(circle, rgba(108, 53, 196, 0.2) 0%, transparent 70%);
            z-index: 1;
            pointer-events: none;
        }

        .hero .container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .hero-tag-animated {
            background: rgba(0, 234, 255, 0.1);
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 800;
            color: var(--brand-neon-blue);
            display: inline-flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 25px;
            border: 1px solid rgba(0, 234, 255, 0.3);
            letter-spacing: 1.5px;
            box-shadow: 0 0 15px rgba(0, 234, 255, 0.2);
            animation: floatTag 3s ease-in-out infinite;
        }

        .blink-dot {
            width: 8px;
            height: 8px;
            background: #00ff00;
            border-radius: 50%;
            box-shadow: 0 0 10px #00ff00;
            animation: pulse-green 1s infinite;
        }

        @keyframes floatTag {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-5px);
            }
        }

        .hero-eyebrow {
            font-size: 0.9rem;
            font-weight: 700;
            letter-spacing: 4px;
            color: var(--gold);
            text-transform: uppercase;
            margin-bottom: 10px;
            opacity: 0.9;
        }

        .hero-title {
            font-size: clamp(3rem, 7vw, 5rem);
            line-height: 1;
            margin: 0 0 30px;
            font-weight: 900;
            color: #fff;
            text-transform: uppercase;
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
        }

        .highlight-glitch {
            color: #fff;
            position: relative;
            display: inline-block;
            text-shadow: 0 0 10px var(--brand-neon-pink), 0 0 20px var(--brand-neon-pink);
        }

        .highlight-glitch::before,
        .highlight-glitch::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.8;
        }

        .highlight-glitch::before {
            color: #00eaff;
            z-index: -1;
            transform: translate(-2px, 2px);
            animation: glitch-anim-1 2s infinite linear alternate-reverse;
        }

        .highlight-glitch::after {
            color: #ff00ff;
            z-index: -2;
            transform: translate(2px, -2px);
            animation: glitch-anim-2 3s infinite linear alternate-reverse;
        }

        @keyframes glitch-anim-1 {
            0% {
                clip-path: inset(20% 0 80% 0);
            }

            100% {
                clip-path: inset(60% 0 10% 0);
            }
        }

        @keyframes glitch-anim-2 {
            0% {
                clip-path: inset(10% 0 60% 0);
            }

            100% {
                clip-path: inset(80% 0 5% 0);
            }
        }

        .holo-badge {
            position: relative;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding: 20px 50px;
            border-radius: 20px;
            margin-bottom: 30px;
            backdrop-filter: blur(10px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 0 30px rgba(0, 234, 255, 0.05);
            overflow: hidden;
            transform: perspective(1000px) rotateX(5deg);
            transition: 0.3s;
        }

        .holo-badge:hover {
            transform: perspective(1000px) rotateX(0deg) scale(1.05);
            border-color: var(--brand-neon-pink);
            box-shadow: 0 0 30px rgba(255, 51, 199, 0.3);
        }

        .holo-shine {
            position: absolute;
            top: 0;
            left: -100%;
            width: 50%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transform: skewX(-25deg);
            animation: shine-pass 3s infinite;
        }

        @keyframes shine-pass {
            0% {
                left: -100%;
            }

            20% {
                left: 200%;
            }

            100% {
                left: 200%;
            }
        }

        .hb-label {
            font-size: 0.8rem;
            color: #aaa;
            letter-spacing: 2px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .hb-val {
            font-size: clamp(1.8rem, 4vw, 3.2rem);
            font-weight: 900;
            background: linear-gradient(to bottom, #fff, #ffd700);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5));
            line-height: 1.1;
        }

        .hb-sub {
            font-size: 0.75rem;
            color: var(--brand-neon-blue);
            letter-spacing: 1px;
            font-weight: 700;
            margin-top: 5px;
            text-transform: uppercase;
        }

        .hero-desc {
            font-size: 1.1rem;
            color: var(--text-sub);
            max-width: 600px;
            margin: 0 auto 40px;
            line-height: 1.6;
        }

        .btn-hero-cta {
            position: relative;
            background: var(--brand-neon-pink);
            color: #fff;
            padding: 18px 60px;
            border-radius: 50px;
            font-weight: 800;
            font-size: 1.1rem;
            letter-spacing: 1px;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(255, 51, 199, 0.5);
            transition: 0.3s;
            display: inline-block;
        }

        .btn-hero-cta:hover {
            transform: scale(1.05);
            box-shadow: 0 0 40px rgba(255, 51, 199, 0.8);
            background: #ff40cf;
        }

        .btn-flare {
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
            transform: skewX(-20deg);
            animation: btn-shine 3s infinite;
        }

        @keyframes btn-shine {
            0% {
                left: -100%;
            }

            15% {
                left: 200%;
            }

            100% {
                left: 200%;
            }
        }

        .stat-bar {
            display: flex;
            justify-content: center;
            gap: 20px;
            width: 100%;
            max-width: 1000px;
            margin: 60px auto -50px;
            position: relative;
            z-index: 10;
        }

        .stat-item {
            flex: 1;
            padding: 25px 20px;
            background: rgba(15, 15, 40, 0.6);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .stat-item-gold {
            border-bottom: 3px solid var(--gold);
        }

        .stat-item-green {
            border-bottom: 3px solid #39ff14;
        }

        .stat-item-blue {
            border-bottom: 3px solid var(--brand-neon-blue);
        }

        .stat-item-pink {
            border-bottom: 3px solid var(--brand-neon-pink);
        }

        .stat-item:hover {
            transform: translateY(-10px);
            border-color: var(--brand-neon-blue);
            box-shadow: 0 20px 40px rgba(0, 234, 255, 0.15);
        }

        .stat-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%);
            opacity: 0;
            transition: 0.3s;
        }

        .stat-item:hover::before {
            opacity: 1;
        }

        .si-icon {
            font-size: 2.2rem;
            margin-bottom: 10px;
            filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
        }

        .si-val {
            font-size: 1.20rem;
            font-weight: 900;
            line-height: 1.2;
            margin-bottom: 4px;
            position: relative;
            z-index: 2;
        }

        .si-val-gold {
            text-shadow: 0 0 20px rgba(255, 193, 7, 0.4);
        }

        .si-val-green {
            color: #39ff14;
            text-shadow: 0 0 15px rgba(57, 255, 20, 0.5);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .si-lbl {
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            color: var(--text-sub);
            font-weight: 600;
            z-index: 2;
        }

        .live-dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: #ff0000;
            border-radius: 50%;
            margin-right: 8px;
            box-shadow: 0 0 10px #ff0000;
            animation: pulse-red 1.5s infinite;
            vertical-align: middle;
        }

        .live-dot-green {
            background-color: #39ff14;
            box-shadow: 0 0 10px #39ff14;
            margin: 0;
        }

        .member-online-badge {
            font-size: 0.6rem;
            background: rgba(57, 255, 20, 0.1);
            padding: 2px 6px;
            border-radius: 4px;
            border: 1px solid rgba(57, 255, 20, 0.3);
            color: #fff;
            text-shadow: none;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1;
        }

        @keyframes pulse-red {
            0% {
                transform: scale(1);
                opacity: 1;
            }

            50% {
                transform: scale(1.5);
                opacity: 0.5;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        .info-card {
            border-radius: var(--radius-lg);
            padding: 40px;
            margin-bottom: 40px;
        }

        .table-custom {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
        }

        .table-custom td {
            padding: 16px 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            background: rgba(0, 0, 0, 0.2);
        }

        .table-custom tr:hover td {
            background: rgba(0, 234, 255, 0.05);
        }

        .tc-head {
            font-weight: 500;
            color: var(--text-sub);
            width: 35%;
        }

        .tc-data {
            font-weight: 700;
            color: #fff;
        }

        .content-box p {
            margin-bottom: 15px;
            color: var(--text-sub);
            text-align: justify;
        }

        .content-box a {
            color: var(--brand-neon-pink);
            font-weight: 600;
            border-bottom: 1px dashed var(--brand-neon-pink);
        }

        .content-box a:hover {
            color: #fff;
            text-shadow: 0 0 10px var(--brand-neon-pink);
            border-bottom-style: solid;
        }

        .sec-head {
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .sh-title {
            font-size: 2rem;
            font-weight: 900;
        }

        .sh-title-promo {
            margin-bottom: 30px;
        }

        .sh-title-contact {
            font-size: 1.5rem;
        }

        .sh-line {
            height: 4px;
            background: var(--brand-neon-pink);
            width: 60px;
            margin-top: 10px;
            border-radius: 2px;
            box-shadow: var(--neon-shadow-pink);
        }

        .game-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
            gap: 20px;
        }

        .game-item {
            background: linear-gradient(180deg, rgba(20, 20, 40, 0.8) 0%, rgba(10, 10, 25, 0.9) 100%);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 16px;
            padding: 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
            transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
            cursor: pointer;
        }

        .game-item:hover {
            transform: translateY(-8px);
            border-color: var(--brand-neon-pink);
            box-shadow: 0 10px 30px rgba(255, 51, 199, 0.15), inset 0 0 20px rgba(255, 51, 199, 0.05);
        }

        .gi-icon {
            font-size: 3rem;
            margin-bottom: 15px;
            display: inline-block;
            filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));
            transition: 0.3s;
        }

        .game-item:hover .gi-icon {
            transform: scale(1.1) rotate(5deg);
            filter: drop-shadow(0 0 20px var(--brand-neon-pink));
        }

        .gi-name {
            font-size: 1rem;
            font-weight: 800;
            color: #fff;
            margin-bottom: 5px;
        }

        .gi-sub {
            font-size: 0.7rem;
            color: var(--text-sub);
            margin-top: 4px;
            letter-spacing: 1px;
        }

        .gi-live {
            font-size: 0.7rem;
            color: #00ff00;
            background: rgba(0, 255, 0, 0.05);
            padding: 4px 10px;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            border: 1px solid rgba(0, 255, 0, 0.1);
        }

        .live-dot-small {
            width: 6px;
            height: 6px;
            background: #00ff00;
            border-radius: 50%;
            box-shadow: 0 0 5px #00ff00;
        }

        .badge-hot {
            position: absolute;
            top: 10px;
            right: 10px;
            background: linear-gradient(45deg, #ff3333, #ff8800);
            color: white;
            font-size: 0.6rem;
            font-weight: 900;
            padding: 3px 8px;
            border-radius: 4px;
            box-shadow: 0 0 10px rgba(255, 50, 50, 0.5);
            z-index: 2;
            animation: pulse-hot 2s infinite;
        }

        @keyframes pulse-hot {
            50% {
                transform: scale(1.05);
                box-shadow: 0 0 15px rgba(255, 50, 50, 0.8);
            }
        }

        .gi-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(3px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: 0.3s;
        }

        .game-item:hover .gi-overlay {
            opacity: 1;
        }

        .play-btn-round {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: var(--brand-neon-blue);
            color: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            box-shadow: 0 0 20px var(--brand-neon-blue);
            transform: scale(0);
            transition: 0.3s;
        }

        .game-item:hover .play-btn-round {
            transform: scale(1);
        }

        .promo-box {
            padding: 35px;
            border-radius: 20px;
            position: relative;
            overflow: hidden;
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.05) 0%, rgba(10, 10, 30, 0.8) 100%);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .promo-box-cashback {
            margin-bottom: 25px;
        }

        .promo-box-referral {
            border-left: none;
            border-right: 5px solid var(--brand-neon-blue);
        }

        .promo-box:hover {
            transform: translateY(-5px) scale(1.02);
            border-color: var(--brand-neon-pink);
            box-shadow: 0 20px 50px rgba(255, 51, 199, 0.2);
        }

        .promo-box::after {
            content: '';
            position: absolute;
            top: 0;
            left: -150%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transform: skewX(-25deg);
            transition: 0.5s;
        }

        .promo-box:hover::after {
            left: 150%;
            transition: 0.7s;
        }

        .pb-tag {
            font-size: 0.7rem;
            font-weight: 800;
            padding: 6px 14px;
            border-radius: 30px;
            display: inline-block;
            margin-bottom: 20px;
            letter-spacing: 1px;
            text-transform: uppercase;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }

        .pb-tag-pink {
            background: var(--brand-neon-pink);
            color: #fff;
        }

        .pb-tag-blue {
            background: var(--brand-neon-blue);
            color: #000;
        }

        .pb-title {
            font-size: 2.2rem;
            font-weight: 900;
            margin-bottom: 10px;
            color: #fff;
            line-height: 1;
        }

        .pb-desc {
            color: #bbb;
            margin-bottom: 15px;
        }

        .calc {
            border-left: 3px solid var(--brand-neon-pink);
        }

        .calc-blue {
            border-left: 3px solid var(--brand-neon-blue);
        }

        .calc-text {
            color: #fff;
            font-weight: 700;
        }

        .promo-bg-icon {
            font-size: 4rem;
            position: absolute;
            right: 20px;
            bottom: 20px;
            opacity: 0.1;
            transform: rotate(-15deg);
        }

        .promo-bg-icon-blue {
            color: var(--brand-neon-blue);
        }

        .guide-wrapper {
            background: rgba(0, 0, 0, 0.3);
            border-radius: 20px;
            padding: 30px;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }

        .tab-nav {
            display: flex;
            gap: 10px;
            margin-bottom: 30px;
            border-bottom: none;
            background: rgba(255, 255, 255, 0.03);
            padding: 5px;
            border-radius: 50px;
        }

        .tn-btn {
            flex: 1;
            padding: 12px 0;
            border-radius: 40px;
            font-weight: 700;
            font-size: 0.85rem;
            transition: 0.3s;
            color: #c4c4c4;
            background: transparent;
            border: none;
            cursor: pointer;
        }

        .tn-btn:hover {
            color: #fff;
        }

        .tn-btn.active {
            background: var(--brand-neon-blue);
            color: #000;
            box-shadow: 0 5px 15px rgba(0, 234, 255, 0.3);
        }

        .step-list {
            position: relative;
            padding-left: 20px;
        }

        .step-list::before {
            content: '';
            position: absolute;
            top: 10px;
            bottom: 10px;
            left: 34px;
            width: 2px;
            background: rgba(255, 255, 255, 0.1);
        }

        .step {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            align-items: center;
            position: relative;
            z-index: 2;
        }

        .s-num {
            width: 32px;
            height: 32px;
            background: var(--bg-main);
            color: var(--brand-neon-blue);
            border: 2px solid var(--brand-neon-blue);
            border-radius: 50%;
            font-weight: 800;
            font-size: 0.9rem;
            box-shadow: 0 0 15px rgba(0, 234, 255, 0.2);
            transition: 0.3s;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .step:hover .s-num {
            background: var(--brand-neon-blue);
            color: #000;
            transform: scale(1.1);
        }

        .s-info {
            font-size: 1rem;
            color: #ccc;
            font-weight: 500;
        }

        .faq-wrapper {
            margin-top: 40px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 20px;
        }

        .faq-title {
            margin-bottom: 15px;
            font-size: 1.1rem;
        }

        .acc-item {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: 0.3s;
            border-radius: 8px;
            margin-bottom: 10px;
        }

        .acc-item:hover {
            background: rgba(255, 255, 255, 0.03);
            border-color: rgba(255, 255, 255, 0.3);
        }

        .acc-head {
            padding: 15px 20px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            font-size: 0.95rem;
        }

        .acc-head:hover {
            color: var(--brand-neon-blue);
        }

        .acc-body {
            max-height: 0;
            overflow: hidden;
            transition: 0.3s;
            padding: 0 20px;
            color: var(--text-sub);
            font-size: 0.9rem;
        }

        .acc-item.open .acc-body {
            max-height: 200px;
            padding-bottom: 20px;
        }

        .acc-icon {
            font-size: 1.2rem;
            transition: 0.3s;
        }

        .acc-item.open .acc-icon {
            transform: rotate(45deg);
            color: var(--brand-neon-pink);
        }

        .contact-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 40px;
        }

        .info-grid-layout {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 40px;
            align-items: center;
        }

        .seo-terminal {
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid rgba(0, 234, 255, 0.1);
            border-left: 4px solid var(--brand-neon-pink);
            padding: 30px;
            border-radius: 12px;
            position: relative;
        }

        .seo-terminal::before {
            content: 'Situs Resmi PKV Games // 2026';
            position: absolute;
            top: -12px;
            left: 20px;
            background: var(--bg-main);
            padding: 0 10px;
            font-size: 0.7rem;
            color: var(--brand-neon-pink);
            font-weight: 700;
            letter-spacing: 2px;
        }

        .seo-text p {
            font-size: 0.95rem;
            color: var(--text-sub);
            line-height: 1.7;
            margin-bottom: 20px;
            text-align: justify;
        }

        .seo-text a {
            color: #fff;
            font-weight: 700;
            border-bottom: 2px solid var(--brand-neon-blue);
            padding-bottom: 2px;
        }

        .seo-text a:hover {
            color: var(--brand-neon-blue);
            box-shadow: 0 5px 10px rgba(0, 234, 255, 0.2);
        }

        .specs-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .spec-box {
            background: rgba(0, 0, 0, 0.301);
            border: 1px solid rgba(255, 255, 255, 0.05);
            padding: 20px;
            border-radius: 12px;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
        }

        .spec-box-blue {
            border-bottom: 2px solid var(--brand-neon-blue);
        }

        .spec-box-gold {
            border-bottom: 2px solid var(--gold);
        }

        .spec-box.full {
            grid-column: span 2;
        }

        .spec-box:hover {
            background: rgba(255, 255, 255, 0.06);
            border-color: rgba(255, 255, 255, 0.15);
            transform: translateY(-3px);
        }

        .sb-label {
            font-size: 0.75rem;
            color: #c4c4c4;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
            display: block;
        }

        .sb-value {
            font-size: 1.1rem;
            font-weight: 700;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .sb-val-populer {
            font-size: 0.9rem;
            font-weight: 500;
            color: #ccc;
        }

        .server-dot {
            width: 10px;
            height: 10px;
            background: #00ff00;
            border-radius: 50%;
            box-shadow: 0 0 10px #00ff00;
            animation: pulse-green 2s infinite;
        }

        @keyframes pulse-green {
            50% {
                opacity: 0.5;
            }
        }

        .payment-badges {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin-top: 5px;
        }

        .pay-badge {
            font-size: 0.7rem;
            padding: 4px 8px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 4px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-weight: 600;
        }

        .filter-nav {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }

        .filter-btn {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: var(--text-sub);
            padding: 10px 24px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .filter-btn:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

        .filter-btn.active {
            background: var(--brand-neon-blue);
            color: #000;
            border-color: var(--brand-neon-blue);
            box-shadow: 0 0 20px rgba(0, 234, 255, 0.4);
        }

        .fade-in {
            animation: fadeInGrid 0.4s ease forwards;
        }

        @keyframes fadeInGrid {
            from {
                opacity: 0;
                transform: translateY(10px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .contact-section {
            padding: 60px 0;
            position: relative;
            background: radial-gradient(circle at center, rgba(108, 53, 196, 0.1) 0%, transparent 70%);
            border: none;
        }

        .contact-desc {
            text-align: center;
            margin-bottom: 40px;
        }

        .contact-desc p {
            color: var(--text-sub);
            font-size: 0.9rem;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }

        .ct-item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            border-radius: 24px;
            background: rgba(15, 15, 30, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            overflow: hidden;
            text-decoration: none;
        }

        .ct-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle at center, var(--glow-color), transparent 70%);
            opacity: 0;
            transition: 0.4s;
            z-index: 0;
        }

        .ct-item:hover {
            transform: translateY(-10px);
            border-color: rgba(255, 255, 255, 0.2);
        }

        .ct-item:hover::before {
            opacity: 0.15;
        }

        .ct-icon-box {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.05);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: 0.3s;
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1);
        }

        .status-dot {
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 15px;
            height: 15px;
            background: #00ff00;
            border: 3px solid #1a1a2e;
            border-radius: 50%;
            box-shadow: 0 0 10px #00ff00;
        }

        .ct-title {
            font-size: 1.2rem;
            font-weight: 800;
            color: #fff;
            z-index: 1;
            margin-bottom: 5px;
        }

        .ct-desc {
            font-size: 0.85rem;
            color: var(--text-sub);
            z-index: 1;
            font-weight: 500;
        }

        .ct-action {
            margin-top: 20px;
            font-size: 0.8rem;
            font-weight: 700;
            color: #fff;
            z-index: 1;
            padding: 8px 20px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.1);
            transition: 0.3s;
        }

        .ct-lc {
            --glow-color: var(--brand-neon-pink);
        }

        .ct-lc .ct-icon-box {
            color: var(--brand-neon-pink);
        }

        .ct-lc:hover {
            border-color: var(--brand-neon-pink);
            box-shadow: 0 10px 40px rgba(255, 51, 199, 0.2);
        }

        .ct-lc:hover .ct-icon-box {
            background: var(--brand-neon-pink);
            color: #fff;
            box-shadow: 0 0 20px var(--brand-neon-pink);
        }

        .ct-wa {
            --glow-color: #25D366;
        }

        .ct-wa .ct-icon-box {
            color: #25D366;
        }

        .ct-wa:hover {
            border-color: #25D366;
            box-shadow: 0 10px 40px rgba(37, 211, 102, 0.2);
        }

        .ct-wa:hover .ct-icon-box {
            background: #25D366;
            color: #fff;
            box-shadow: 0 0 20px #25D366;
        }

        .ct-tg {
            --glow-color: #0088cc;
        }

        .ct-tg .ct-icon-box {
            color: #0088cc;
        }

        .ct-tg:hover {
            border-color: #0088cc;
            box-shadow: 0 10px 40px rgba(0, 136, 204, 0.2);
        }

        .ct-tg:hover .ct-icon-box {
            background: #0088cc;
            color: #fff;
            box-shadow: 0 0 20px #0088cc;
        }

        .ct-item:hover .ct-action {
            background: #fff;
            color: #000;
            transform: scale(1.05);
        }

        .footer {
            background-color: #010103;
            padding: 80px 0 30px;
            font-size: 0.9rem;
            color: #889;
            position: relative;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .footer::before {
            content: '';
            position: absolute;
            top: -1px;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--brand-neon-blue), transparent);
            box-shadow: 0 0 10px var(--brand-neon-blue);
            opacity: 0.7;
        }

        .footer-logo {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 25px;
        }

        .footer-logo img {
            height: 60px;
            filter: drop-shadow(0 0 5px rgba(0, 157, 255, 0.5));
        }

        .footer-logo span {
            font-weight: 900;
            font-size: 1.5rem;
            color: #fff;
            letter-spacing: 1px;
        }

        .foot-cols {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1.5fr;
            gap: 40px;
        }

        .f-label {
            color: #fff;
            font-weight: 800;
            margin-bottom: 25px;
            letter-spacing: 1.5px;
            font-size: 1rem;
            position: relative;
            display: inline-block;
        }

        .f-label::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 30px;
            height: 3px;
            background: var(--brand-neon-pink);
            border-radius: 2px;
        }

        .f-desc {
            line-height: 1.8;
            margin-bottom: 20px;
        }

        .f-list li {
            margin-bottom: 12px;
        }

        .f-list a {
            color: #889;
            transition: 0.3s;
            display: inline-flex;
            align-items: center;
        }

        .f-list a::before {
            content: '›';
            margin-right: 8px;
            color: var(--brand-neon-blue);
            opacity: 0;
            transform: translateX(-5px);
            transition: 0.3s;
        }

        .f-list a:hover {
            color: #fff;
            padding-left: 5px;
        }

        .f-list a:hover::before {
            opacity: 1;
            transform: translateX(0);
        }

        .bank-title {
            font-size: 0.8rem;
            margin-bottom: 10px;
        }

        .bank-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 8px;
            margin-top: 10px;
        }

        .bank-badge {
            background: #fff;
            color: #000;
            font-size: 0.65rem;
            font-weight: 800;
            text-align: center;
            padding: 6px 2px;
            border-radius: 4px;
            cursor: default;
            opacity: 0.8;
            transition: 0.3s;
        }

        .bank-badge:hover {
            opacity: 1;
            transform: scale(1.05);
        }

        .bb-bca {
            color: #005596;
        }

        .bb-bni {
            color: #f7941d;
        }

        .bb-bri {
            color: #0f5e9c;
        }

        .bb-mandiri {
            color: #192e59;
        }

        .bb-dana {
            color: #118eea;
        }

        .bb-ovo {
            color: #4c3494;
        }

        .bb-gopay {
            color: #00aa13;
        }

        .bb-linkaja {
            color: #e4242c;
        }

        .bb-qris {
            background: var(--brand-neon-pink);
            color: #fff;
        }

        .sec-badges {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }

        .sb-item {
            width: 40px;
            height: 40px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.7rem;
            font-weight: 700;
            color: #fff;
        }

        .sb-item-red {
            border-color: red;
            color: red;
        }

        .copyright-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 60px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            font-size: 0.85rem;
        }

        .server-time {
            display: flex;
            align-items: center;
            gap: 8px;
            background: rgba(255, 255, 255, 0.05);
            padding: 5px 15px;
            border-radius: 20px;
            color: var(--brand-neon-blue);
            font-family: monospace;
            border: 1px solid rgba(0, 234, 255, 0.2);
        }

        .mobile-nav-group,
        .mobile-menu-overlay {
            display: none;
        }

        @media (max-width: 900px) {
            .navbar {
                height: 70px;
                padding: 0;
            }

            .nav-inner {
                padding: 0 15px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .brand-logo img {
                height: 60px;
            }

            .nav-links,
            .header-btns,
            .mob-cta {
                display: none !important;
            }

            .mobile-nav-group {
                display: flex;
                align-items: center;
                gap: 8px;
            }

            .btn-mob {
                padding: 6px 14px;
                border-radius: 4px;
                font-size: 0.75rem;
                font-weight: 800;
                text-transform: uppercase;
            }

            .bm-login {
                background: rgba(255, 255, 255, 0.1);
                border: 1px solid rgba(255, 255, 255, 0.2);
                color: #fff;
            }

            .bm-reg {
                background: var(--brand-neon-pink);
                color: #fff;
                box-shadow: 0 0 10px rgba(255, 51, 199, 0.4);
            }

            .hamburger {
                background: none;
                border: none;
                color: #fff;
                font-size: 1.8rem;
                margin-left: 5px;
                cursor: pointer;
                transition: 0.3s;
            }

            .hamburger.active {
                color: var(--brand-neon-blue);
                transform: rotate(90deg);
            }

            .mobile-menu-overlay {
                display: block;
                position: fixed;
                top: 70px;
                left: 0;
                width: 100%;
                background: rgba(5, 5, 15, 0.98);
                backdrop-filter: blur(15px);
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                padding: 20px;
                transform: translateY(-150%);
                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                z-index: 998;
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
            }

            .mobile-menu-overlay.open {
                transform: translateY(0);
            }

            .mm-link {
                display: block;
                padding: 15px 0;
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                color: #ccc;
                font-weight: 700;
                font-size: 1rem;
            }

            .mm-link:hover {
                color: var(--brand-neon-blue);
                padding-left: 10px;
            }

            .mm-link:last-child {
                border: none;
            }

            .dock {
                display: none !important;
            }

            .hero {
                padding-top: 120px;
                padding-bottom: 60px;
            }

            .stat-bar {
                margin-top: 30px;
                flex-direction: column;
                background: transparent;
                border: none;
                box-shadow: none;
            }

            .stat-item {
                margin-bottom: 10px;
            }

            .cols-2,
            .contact-row,
            .foot-cols,
            .bank-grid {
                grid-template-columns: 1fr;
            }

            .game-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }

            .game-item {
                padding: 10px;
            }

            .gi-icon {
                font-size: 2rem;
            }

            .gi-name {
                font-size: 0.75rem;
            }

            .info-grid-layout,
            .specs-container {
                grid-template-columns: 1fr;
            }

            .spec-box.full {
                grid-column: span 1;
            }

            .ct-item {
                flex-direction: row;
                justify-content: flex-start;
                padding: 20px;
                text-align: left;
            }

            .ct-icon-box {
                width: 50px;
                height: 50px;
                font-size: 1.5rem;
                margin-bottom: 0;
                margin-right: 15px;
            }

            .ct-action {
                margin-top: 0;
                margin-left: auto;
            }

            .copyright-bar {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }

            .bank-grid {
                grid-template-columns: repeat(4, 1fr);
            }

            .step-list::before {
                left: 15px;
            }

            .step {
                gap: 15px;
            }

            .s-num {
                width: 30px;
                height: 30px;
                flex-shrink: 0;
            }

            .filter-nav {
                gap: 8px;
                justify-content: flex-start;
                overflow-x: auto;
                padding-bottom: 10px;
                white-space: nowrap;
            }
        }
    </style>
</head>

<body>
    <div class="overlay-layer"></div>
    <nav class="navbar">
        <div class="container nav-inner">
            <a href="#" class="brand-logo">
                <img src="./assets/hemat.png" alt="HematQQ Logo">
            </a>
            <ul class="nav-links">
                <li><a href="#info" class="nav-link">INFO</a></li>
                <li><a href="#games" class="nav-link">GAMES</a></li>
                <li><a href="#promo" class="nav-link">PROMO</a></li>
                <li><a href="#guide" class="nav-link">PANDUAN</a></li>
                <li><a href="#kontak" class="nav-link">KONTAK</a></li>
            </ul>
            <div class="header-btns">
                <a href="https://linkly.link/2Ffny/" class="btn-login-h" target="_blank" rel="nofollow">MASUK</a>
                <a href="https://linkly.link/2Ffny/" class="btn-reg-h" target="_blank" rel="nofollow">DAFTAR</a>
            </div>
            <div class="mobile-nav-group">
                <a href="https://linkly.link/2Ffny/" class="btn-mob bm-login" target="_blank" rel="nofollow">MASUK</a>
                <a href="https://linkly.link/2Ffny/" class="btn-mob bm-reg" target="_blank" rel="nofollow">DAFTAR</a>
                <button class="hamburger" onclick="toggleMenu()">☰</button>
            </div>
        </div>
    </nav>
    <div class="mobile-menu-overlay" id="mobileMenu">
        <a href="#games" class="mm-link" onclick="toggleMenu()">🎮 GAMES POPULER</a>
        <a href="#promo" class="mm-link" onclick="toggleMenu()">🎁 BONUS & PROMO</a>
        <a href="#info" class="mm-link" onclick="toggleMenu()">ℹ️ INFORMASI SITUS</a>
        <a href="#guide" class="mm-link" onclick="toggleMenu()">📖 PANDUAN BERMAIN</a>
        <a href="https://linkly.link/2BT7p/" class="mm-link text-neon-pink" onclick="toggleMenu()">💬 LIVECHAT 24 JAM</a>
    </div>
    <div class="ticker-wrap">
        <div class="ticker-label">
            <span class="pulse-icon">🔔</span> INFO
        </div>
        <div class="ticker-content">
            <div class="ticker-text">
                Selamat Datang di <strong>HEMATQQ</strong> Situs PKV Games Gacor 2026! 🔥 Minimal Deposit <strong>Rp 5.000</strong> | Proses Depo/WD ± 2 Menit | Bonus Cashback 0.3% Dibagikan Setiap Senin! | <strong>WinRate : 98.5%</strong>
            </div>
        </div>
    </div>
    <section class="hero">
        <div class="container">
            <div class="hero-tag-animated">
                <span class="blink-dot"></span> Situs Resmi PKV GAMES 2026
            </div>
            <div class="hero-eyebrow">🔥 BONUS SPESIAL MINGGU INI</div>
            <div class="hero-title">
                EXTRA <span class="highlight-glitch" data-text="CASHBACK">CASHBACK</span>
            </div>
            <div class="holo-badge">
                <div class="holo-shine"></div>
                <span class="hb-label">MINIMAL</span>
                <span class="hb-val">Rp. 1.000.000.000</span>
                <span class="hb-sub">DIBAGIKAN SETIAP MINGGU</span>
            </div>
            <p class="hero-desc">
                Tingkatkan keuntungan bermain Anda dengan promo Bonus Spesial HematQQ Minggu Ini.
            </p>
            <a href="https://linkly.link/2Ffny/" class="btn-hero-cta" target="_blank" rel="nofollow">
                <span>MAIN SEKARANG</span>
                <div class="btn-flare"></div>
            </a>
            <div class="stat-bar">
                <div class="stat-item stat-item-gold">
                    <div class="si-icon">🏆</div>
                    <span class="si-val text-gold si-val-gold">
                        <span class="live-dot"></span><span id="jackpot">IDR 884.291.500</span>
                    </span>
                    <span class="si-lbl">Global Jackpot</span>
                </div>
                <div class="stat-item stat-item-green">
                    <div class="si-icon">👥</div>
                    <span class="si-val si-val-green">
                        <span class="live-dot live-dot-green"></span>
                        <span id="activeMemberCount">24.592</span>
                        <span class="member-online-badge">
                            ONLINE
                        </span>
                    </span>
                    <span class="si-lbl">Member Aktif</span>
                </div>
                <div class="stat-item stat-item-blue">
                    <div class="si-icon">📈</div>
                    <span class="si-val text-neon-blue">98.5%</span>
                    <span class="si-lbl">Player Winrate</span>
                </div>
                <div class="stat-item stat-item-pink">
                    <div class="si-icon">⚡</div>
                    <span class="si-val text-neon-pink">± 2 Menit</span>
                    <span class="si-lbl">Instant Proses Dana</span>
                </div>
            </div>
        </div>
    </section>
    <section id="info" class="section">
        <div class="container">
            <div class="sec-head">
                <div>
                    <h1 class="sh-title">DominoQQ: Situs PKV Games QQ Poker Online BandarQQ</h1>
                    <div class="sh-line"></div>
                </div>
            </div>
            <div class="info-grid-layout">
                <div class="seo-terminal">
                    <div class="seo-text">
                        <p>
                            HematQQ hadir sebagai situs pkv unggulan yang menjadi pilihan utama para pemain poker online dan <a href="https://museeromanite.com/">dominoqq</a> di Indonesia berkat stabilitas server pkv games yang terjamin keamanannya. Platform ini menawarkan sensasi bermain bandarqq serta domino99 yang murni player vs player (Fairplay), menjadikannya <a href="https://museeromanite.com/">situs qq</a> paling tepat bagi Anda yang mengincar kemenangan nyata tanpa gangguan bot. Dengan sistem enkripsi data terbaru, setiap putaran taruhan berlangsung aman, memastikan kenyamanan maksimal bagi seluruh member setia yang bertaruh setiap harinya.
                        </p>
                        <p>
                            Kemudahan akses juga menjadi prioritas, di mana Anda bisa menikmati varian game populer seperti qq poker, aduQ, hingga <a href="https://museeromanite.com/">sakong</a> hanya dengan satu akun pkv qq yang terintegrasi. Layanan transaksi deposit dan withdraw yang super cepat mendukung kelancaran proses daftar pkv games agar member bisa langsung bermain tanpa hambatan waktu. Segera kunjungi dan login melalui link resmi <a href="https://museeromanite.com/">HematQQ</a> untuk mendapatkan akun pro Anda, klaim bonus mingguan yang melimpah, dan rasakan pengalaman judi kartu online di level tertinggi sekarang juga.
                        </p>
                    </div>
                </div>
                <div class="specs-container">
                    <div class="spec-box spec-box-blue">
                        <span class="sb-label">Nama Situs</span>
                        <div class="sb-value">
                            <div class="server-dot"></div> HematQQ
                        </div>
                    </div>
                    <div class="spec-box spec-box-gold">
                        <span class="sb-label">Min. Deposit</span>
                        <div class="sb-value text-gold">Rp. 5.000</div>
                    </div>
                    <div class="spec-box spec-box-blue">
                        <span class="sb-label">Min. WithDraw</span>
                        <div class="sb-value">
                            Rp. 10.000
                        </div>
                    </div>
                    <div class="spec-box spec-box-gold">
                        <span class="sb-label">Jam Oprasional</span>
                        <div class="sb-value text-gold">24 Jam Online</div>
                    </div>
                    <div class="spec-box spec-box-blue">
                        <span class="sb-label">PlatForm</span>
                        <div class="sb-value">
                            <div class="server-dot"></div> Pc, Ios, Android, Aplikasi
                        </div>
                    </div>
                    <div class="spec-box spec-box-gold">
                        <span class="sb-label">WinRate</span>
                        <div class="sb-value text-gold">98,5%</div>
                    </div>
                    <div class="spec-box full">
                        <span class="sb-label">Metode Pembayaran</span>
                        <div class="payment-badges">
                            <span class="pay-badge text-neon-pink">QRIS</span>
                            <span class="pay-badge">Bank</span>
                            <span class="pay-badge">E-Wallet</span>
                            <span class="pay-badge">Pulsa</span>

                        </div>
                    </div>
                    <div class="spec-box full">
                        <span class="sb-label">Game Populer</span>
                        <div class="sb-value sb-val-populer">
                            BandarQQ • Domino99 • Poker • Sakong • Slot PKV • Live Casino
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="games" class="section">
        <div class="container">
            <div class="sec-head">
                <div>
                    <h2 class="sh-title">PERMAINAN YANG TERSEDIA DI HEMATQQ</h2>
                    <div class="sh-line"></div>
                </div>
            </div>
            <div class="filter-nav">
                <button class="filter-btn active" onclick="filterGames('all', this)">SEMUA</button>
                <button class="filter-btn" onclick="filterGames('kartu', this)">KARTU</button>
                <button class="filter-btn" onclick="filterGames('dadu', this)">DADU & LIVE</button>
                <button class="filter-btn" onclick="filterGames('slot', this)">SLOT GACOR</button>
            </div>
            <div class="game-grid" id="gamesContainer">
            </div>
        </div>
    </section>
    <section id="promo" class="section">
        <div class="container cols-2">
            <div>
                <h2 class="sh-title sh-title-promo">PROMO BONUS EKSKLUSIF</h2>
                <div class="promo-box promo-box-cashback">
                    <span class="pb-tag pb-tag-pink">AUTOMATIC</span>
                    <div class="pb-title text-neon-pink">CASHBACK 0.5%</div>
                    <p class="pb-desc">Dibagikan otomatis setiap Senin tanpa syarat ribet. Semakin sering main, bonus makin besar!</p>
                    <div class="calc">
                        Turnover 100jt = <span class="calc-text">Bonus Rp. 500.000</span>
                    </div>
                    <div class="promo-bg-icon">💎</div>
                </div>
                <div class="promo-box promo-box-referral">
                    <span class="pb-tag pb-tag-blue">PASIF INCOME</span>
                    <div class="pb-title text-neon-blue">REFERRAL 20%</div>
                    <p class="pb-desc">Ajak teman bermain menggunakan kode referral Anda. Komisi berlaku seumur hidup.</p>
                    <div class="calc calc-blue">
                        Modal 0 Rupiah. Cukup Share Link!
                    </div>
                    <div class="promo-bg-icon promo-bg-icon-blue">🚀</div>
                </div>
            </div>
            <div id="guide">
                <h2 class="sh-title sh-title-promo">PANDUAN PEMULA PKV GAMES</h2>
                <div class="guide-wrapper">
                    <div class="tab-nav">
                        <button class="tn-btn active" onclick="switchTab(event, 't-reg')">DAFTAR</button>
                        <button class="tn-btn" onclick="switchTab(event, 't-depo')">DEPOSIT</button>
                        <button class="tn-btn" onclick="switchTab(event, 't-wd')">WITHDRAW</button>
                    </div>

                    <div id="t-reg" class="tab-content step-list">
                        <div class="step">
                            <div class="s-num">1</div>
                            <div class="s-info">Akses link resmi dan klik tombol <span class="text-neon-pink">DAFTAR</span> di menu atas.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">2</div>
                            <div class="s-info">Buat Username & Password yang unik dan mudah diingat.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">3</div>
                            <div class="s-info">Lengkapi data kontak (No HP & Email) untuk keamanan akun.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">4</div>
                            <div class="s-info">Pilih Nama Bank dan isi Nomor Rekening dengan valid.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">5</div>
                            <div class="s-info">Masukkan Kode Validasi (Captcha) lalu klik tombol <strong>DAFTAR</strong>.</div>
                        </div>
                    </div>

                    <div id="t-depo" class="tab-content step-list hidden">
                        <div class="step">
                            <div class="s-num">1</div>
                            <div class="s-info">Login akun Anda dan masuk ke menu <span class="text-neon-blue">SETOR DANA</span>.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">2</div>
                            <div class="s-info">Cek nomor rekening tujuan bandar yang sedang <strong>ONLINE</strong>/Aktif.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">3</div>
                            <div class="s-info">Lakukan transfer dana (Min. Rp 5.000) ke rekening tersebut.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">4</div>
                            <div class="s-info">Isi formulir deposit sesuai dengan nominal yang Anda transfer.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">5</div>
                            <div class="s-info">Klik <strong>KIRIM</strong> dan tunggu ± 2 menit hingga saldo masuk otomatis.</div>
                        </div>
                    </div>

                    <div id="t-wd" class="tab-content step-list hidden">
                        <div class="step">
                            <div class="s-num">1</div>
                            <div class="s-info">Hentikan permainan dan tutup semua meja (kembali ke Lobby).</div>
                        </div>
                        <div class="step">
                            <div class="s-num">2</div>
                            <div class="s-info">Pastikan sisa saldo Anda mencukupi batas minimal penarikan.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">3</div>
                            <div class="s-info">Klik menu <span class="text-gold">TARIK DANA</span> di halaman utama.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">4</div>
                            <div class="s-info">Masukkan nominal yang ingin ditarik & Password Login akun.</div>
                        </div>
                        <div class="step">
                            <div class="s-num">5</div>
                            <div class="s-info">Klik <strong>OK</strong> dan dana akan segera cair ke rekening terdaftar Anda.</div>
                        </div>
                    </div>

                    <div class="faq-wrapper">
                        <h3 class="faq-title">Pertanyaan Umum (FAQ)</h3>
                        <div id="faqList">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section contact-section" id="kontak">
        <div class="container">
            <div class="contact-desc">
                <h2 class="sh-title sh-title-contact">PUSAT BANTUAN</h2>
                <p>Kendala deposit atau lupa password? Hubungi kami sekarang.</p>
            </div>
            <div class="contact-grid">
                <a href="https://linkly.link/2BT7p/" target="_blank" class="ct-item ct-lc">
                    <div class="ct-icon-box">
                        💬
                        <div class="status-dot"></div>
                    </div>
                    <div>
                        <div class="ct-title">Live Chat</div>
                    </div>
                    <div class="ct-action">CHAT</div>
                </a>
                <a href="https://linkly.link/2BTDa/" target="_blank" class="ct-item ct-wa">
                    <div class="ct-icon-box">
                        <svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.711 2.598 2.664-.698c1.009.55 2.126.848 3.283.848 3.175 0 5.75-2.679 5.75-5.761.001-3.181-2.578-5.751-5.75-5.751zm13.968-6.172v24h-24v-24h24zm-14.043 4.469c-3.569 0-6.483 2.914-6.484 6.481 0 1.21.319 2.344.874 3.322l-.961 3.511 3.593-.942c.988.586 2.116.929 3.336.929 3.568 0 6.475-2.906 6.476-6.469 0-3.578-2.912-6.491-6.483-6.491z" />
                        </svg>
                        <div class="status-dot"></div>
                    </div>
                    <div>
                        <div class="ct-title">WhatsApp</div>
                    </div>
                    <div class="ct-action">CHAT</div>
                </a>
                <a href="https://linkly.link/2BTBc/" target="_blank" class="ct-item ct-tg">
                    <div class="ct-icon-box">
                        <svg width="30" height="30" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm2.44 14.162l-1.616-1.571 3.869-3.929c.198-.201.077-.478-.184-.423l-10.276 3.693c-.34.122-.336.566.006.682l2.677.896 6.095-3.837c.074-.047.162.036.107.096l-4.992 4.516.004.004 3.65 2.66c.334.244.793.072.86-.334l1.624-7.647c.088-.414-.406-.685-.724-.567z" />
                        </svg>
                        <div class="status-dot"></div>
                    </div>
                    <div>
                        <div class="ct-title">Telegram</div>
                    </div>
                    <div class="ct-action">CHAT</div>
                </a>
            </div>
        </div>
    </section>
    <footer class="footer">
        <div class="container">
            <div class="foot-cols">
                <div>
                    <div class="footer-logo">
                        <img src="./assets/hemat.png" alt="Logo">
                    </div>
                    <p class="f-desc">
                        HematQQ situs resmi PKV Games QQ 2026. DominoQQ, BandarQQ & Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus mingguan melimpah.
                    </p>
                    <div class="sec-badges">
                        <div class="sb-item sb-item-red">18+</div>
                        <div class="sb-item" title="PKV Certified">PKV</div>
                        <div class="sb-item" title="Fairplay">100%</div>
                    </div>
                </div>
                <div>
                    <div class="f-label">NAVIGASI</div>
                    <ul class="f-list">
                        <li><a href="#games">Games Populer</a></li>
                        <li><a href="#promo">Bonus Mingguan</a></li>
                        <li><a href="#guide">Panduan Bermain</a></li>
                        <li><a href="https://linkly.link/2Ffny/" target="_blank">Download App</a></li>
                    </ul>
                </div>
                <div>
                    <div class="f-label">BANTUAN</div>
                    <ul class="f-list">
                        <li><a href="https://linkly.link/2Ffny/">Lupa Password</a></li>
                        <li><a href="https://linkly.link/2Ffny/">Cara Deposit</a></li>
                        <li><a href="https://linkly.link/2Ffny/">Syarat & Ketentuan</a></li>
                        <li><a href="https://linkly.link/2Ffny/">Hubungi Admin</a></li>
                    </ul>
                </div>
                <div>
                    <div class="f-label">PEMBAYARAN</div>
                    <p class="bank-title">Support Bank Lokal & E-Wallet:</p>
                    <div class="bank-grid">
                        <div class="bank-badge bb-qris">QRIS</div>
                        <div class="bank-badge bb-bca">BCA</div>
                        <div class="bank-badge bb-bni">BNI</div>
                        <div class="bank-badge bb-bri">BRI</div>
                        <div class="bank-badge bb-mandiri">MANDIRI</div>
                        <div class="bank-badge bb-bni">DANAMON</div>
                        <div class="bank-badge bb-dana">DANA</div>
                        <div class="bank-badge bb-ovo">OVO</div>
                        <div class="bank-badge bb-gopay">GOPAY</div>
                        <div class="bank-badge bb-linkaja">LINKAJA</div>
                        <div class="bank-badge bb-linkaja">TELKOMSEL</div>
                        <div class="bank-badge bb-dana">Xl</div>
                    </div>
                </div>
            </div>
            <div class="copyright-bar">
                <div>
                    &copy; 2026 <strong>HematQQ</strong>. Official PKV Games Partner.
                </div>
                <div class="server-time">
                    <span>SERVER:</span>
                    <span id="serverClock">00:00:00 GMT+7</span>
                </div>
            </div>
        </div>
    </footer>
    <script>
        const gamesData = [{
                title: "BandarQ",
                cat: "kartu",
                icon: "♛",
                hot: true,
                players: "12.5k"
            },
            {
                title: "Domino99",
                cat: "kartu",
                icon: "🁫",
                hot: true,
                players: "9.2k"
            },
            {
                title: "Poker",
                cat: "kartu",
                icon: "♠",
                hot: false,
                players: "5.1k"
            },
            {
                title: "Slot PKV",
                cat: "slot",
                icon: "🎰",
                hot: true,
                players: "24k"
            },
            {
                title: "AduQ",
                cat: "kartu",
                icon: "⚔",
                hot: false,
                players: "2.3k"
            },
            {
                title: "Bandar66",
                cat: "kartu",
                icon: "⚅",
                hot: false,
                players: "1.8k"
            },
            {
                title: "Sakong",
                cat: "kartu",
                icon: "♚",
                hot: false,
                players: "3.4k"
            },
            {
                title: "Capsa",
                cat: "kartu",
                icon: "☰",
                hot: false,
                players: "1.2k"
            },
            {
                title: "Bd Poker",
                cat: "kartu",
                icon: "♥️",
                hot: false,
                players: "800"
            },
            {
                title: "Bd Koprok",
                cat: "dadu",
                icon: "🎲",
                hot: false,
                players: "1.5k"
            },
            {
                title: "Perang Dadu",
                cat: "dadu",
                icon: "🧊",
                hot: true,
                players: "4.2k"
            },
            {
                title: "P. Baccarat",
                cat: "kartu",
                icon: "♦",
                hot: false,
                players: "900"
            },
            {
                title: "Gaple",
                cat: "kartu",
                icon: "🀄",
                hot: false,
                players: "3.1k"
            },
            {
                title: "Live Casino",
                cat: "dadu",
                icon: "🎡",
                hot: true,
                players: "6.7k"
            },
            {
                title: "Adu Sakong",
                cat: "kartu",
                icon: "🤴",
                hot: false,
                players: "500"
            },
            {
                title: "Bandar Remi",
                cat: "kartu",
                icon: "🃏",
                hot: false,
                players: "1.1k"
            },
            {
                title: "Bd QQ",
                cat: "kartu",
                icon: "🔴",
                hot: false,
                players: "2.8k"
            },
            {
                title: "Sportbook",
                cat: "dadu",
                icon: "⚽",
                hot: false,
                players: "4.5k"
            },
        ];
        const gameContainer = document.getElementById('gamesContainer');
        const gameLink = "https://linkly.link/2Ffny/";

        function renderGames(filter = 'all') {
            gameContainer.innerHTML = '';
            gamesData.forEach(g => {
                if (filter !== 'all' && g.cat !== filter) return;
                const div = document.createElement('div');
                div.className = 'game-item fade-in';
                div.innerHTML = `
                    ${g.hot ? '<div class="badge-hot">HOT 🔥</div>' : ''}
                    <div class="gi-icon">${g.icon}</div>
                    <div class="gi-name">${g.title}</div>
                    <div class="gi-live">
                        <span class="live-dot-small"></span> ${g.players}
                    </div>
                    <a href="${gameLink}" class="gi-overlay" target="_blank" rel="nofollow">
                        <div class="play-btn-round">▶</div>
                    </a>
                `;
                gameContainer.appendChild(div);
            });
        }

        function filterGames(category, btnElement) {
            renderGames(category);
            document.querySelectorAll('.filter-btn').forEach(btn => btn.classList.remove('active'));
            btnElement.classList.add('active');
        }
        renderGames('all');
        const faqs = [{
                q: "Bagaimana cara download aplikasi di HP?",
                a: "Anda bisa mengklik tombol 'Download App' di menu navigasi atau footer. Tersedia versi Android (APK) dan iOS yang ringan dan stabil."
            },
            {
                q: "Apa yang harus dilakukan jika lupa password?",
                a: "Jangan khawatir. Silakan hubungi Live Chat 24 jam kami. Siapkan data validasi (No Rekening & Nama) untuk reset password aman."
            },
            {
                q: "Apakah 1 User ID bisa main semua game?",
                a: "Ya, benar! Cukup dengan 1 User ID saja, Anda sudah bisa mengakses semua permainan (Poker, Domino, Slot, Casino) tanpa perlu pindah akun."
            },
            {
                q: "Bank apa saja yang sedang online/offline?",
                a: "HematQQ online 24 jam. Namun, jika bank lokal sedang gangguan/offline, kami sarankan menggunakan QRIS atau E-Wallet (Dana, Ovo, Gopay) yang aktif 24 jam."
            },
            {
                q: "Berapa lama proses deposit dan withdraw?",
                a: "Standar proses kami sangat cepat, rata-rata hanya 1 - 3 menit. Kecuali jika bank sedang mengalami gangguan pusat."
            },
            {
                q: "Apakah ada link alternatif anti-blokir?",
                a: "Tentu. Kami menyediakan link alternatif resmi agar Anda tetap bisa login dengan lancar. Hubungi CS kami untuk link terbaru."
            },
            {
                q: "Permainan mana yang paling mudah menang?",
                a: "Berdasarkan data Winrate 98.5%, game BandarQ dan Domino99 menjadi favorit member karena perputaran cepat dan peluang menang tinggi."
            },
            {
                q: "Kapan bonus Referral dibagikan?",
                a: "Bonus Referral 20% berlaku seumur hidup dan masuk secara otomatis ke saldo akun Anda setiap kali teman yang Anda ajak bermain."
            },
            {
                q: "Apakah boleh memiliki lebih dari 1 akun?",
                a: "Demi keamanan dan Fairplay, kami menyarankan 1 pemain hanya memiliki 1 akun. Data ganda dapat berisiko pada keamanan akun Anda."
            },
            {
                q: "Bagaimana cara deposit menggunakan Pulsa?",
                a: "Masuk ke menu Setor Dana, pilih metode Pulsa, dan transfer ke nomor SN yang tertera. Pastikan simpan bukti transfer/SN untuk verifikasi."
            }
        ];
        const faqCont = document.getElementById('faqList');
        faqs.forEach(f => {
            const item = document.createElement('div');
            item.className = 'acc-item glass-card';
            item.innerHTML = `
                <div class="acc-head" onclick="this.parentElement.classList.toggle('open')">
                    ${f.q} <span class="acc-icon">+</span>
                </div>
                <div class="acc-body">${f.a}</div>
            `;
            faqCont.appendChild(item);
        });

        function switchTab(evt, id) {
            document.querySelectorAll('.tab-content').forEach(el => el.classList.add('hidden'));
            document.querySelectorAll('.tn-btn').forEach(el => el.classList.remove('active'));
            document.getElementById(id).classList.remove('hidden');
            evt.currentTarget.classList.add('active');
        }
        setInterval(() => {
            let el = document.getElementById('jackpot');
            let val = parseInt(el.innerText.replace(/\D/g, ''));
            val += Math.floor(Math.random() * 2000);
            el.innerText = "IDR " + val.toLocaleString('id-ID');
        }, 1000);

        function updateClock() {
            const now = new Date();
            const timeString = now.toLocaleTimeString('en-GB', {
                hour: '2-digit',
                minute: '2-digit',
                second: '2-digit',
                timeZone: 'Asia/Jakarta'
            });
            document.getElementById('serverClock').innerText = timeString + " WIB";
        }
        setInterval(updateClock, 1000);
        updateClock();

        function toggleMenu() {
            const menu = document.getElementById('mobileMenu');
            const btn = document.querySelector('.hamburger');
            menu.classList.toggle('open');
            btn.classList.toggle('active');
            if (menu.classList.contains('open')) {
                btn.innerHTML = '✕';
            } else {
                btn.innerHTML = '☰';
            }
        }
        setInterval(() => {
            const el = document.getElementById('activeMemberCount');
            let current = parseInt(el.innerText.replace(/\./g, ''));
            let change = Math.floor(Math.random() * 20) - 5;
            let newVal = current + change;
            el.innerText = newVal.toLocaleString('id-ID');
        }, 3000);
    </script>
</body>

</html>