<!DOCTYPE html>
<html lang="id">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HematQQ: Situs Bandarqq PKV Games QQ Poker Online DominoQQ</title>
    <meta name="description" content="HematQQ situs BandarQQ & PKV Games resmi penyedia DominoQQ QQ Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus melimpah. Daftar sekarang!" />
    <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, nosnippet" />
    <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="HematQQ" />
    <meta name="publisher" content="HematQQ" />
    <meta name="google" content="notranslate" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:title" content="HematQQ: Situs Bandarqq PKV Games QQ Poker Online DominoQQ" />
    <meta property="og:description" content="HematQQ situs BandarQQ & PKV Games resmi penyedia DominoQQ QQ Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus melimpah. Daftar sekarang!" />
    <meta property="og:url" content="https://vistauu.org/" />
    <meta property="og:site_name" content="HematQQ" />
    <meta property="og:image" content="https://vistauu.org/assets/bannerhemat.jpg" />
    <meta property="og:image:alt" content="HematQQ" />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="HematQQ: Situs Bandarqq PKV Games QQ Poker Online DominoQQ">
    <meta name="twitter:description" content="HematQQ situs BandarQQ & PKV Games resmi penyedia DominoQQ QQ Poker Online terpercaya. Nikmati winrate tinggi, server aman & bonus melimpah. Daftar sekarang!">
    <meta name="twitter:image" content="https://vistauu.org/assets/bannerhemat.jpg">
    <link rel="canonical" href="https://vistauu.org/" />
    <link rel="amphtml" href="https://amp.vistauu.org/" />
    <link rel="alternate" hreflang="id-id" href="https://amp.vistauu.org/"/>
    <link rel="alternate" href="https://amp.vistauu.org/"/>
    <link rel="alternate" hreflang="id" href="https://amp.vistauu.org/"/>
    <link rel="alternate" hreflang="en" href="https://amp.vistauu.org/"/>
    <link rel="alternate" hreflang="x-default" href="https://amp.vistauu.org/"/>
    <link rel="shortcut icon" href="https://vistauu.org/assets/favicon.webp" sizes="16x16" />
    <link rel="apple-touch-icon" href="https://vistauu.org/assets/favicon.webp" sizes="180x180">
    <link rel="preload" href="https://vistauu.org/assets/bannerhemat.jpg" as="image" type="image/webp">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700;900&display=swap" rel="stylesheet">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@graph": [{
                    "@type": "WebSite",
                    "@id": "https://vistauu.org/#website",
                    "url": "https://vistauu.org/",
                    "name": "HematQQ",
                    "description": "Situs Bandarqq PKV Games QQ Poker Online DominoQQ Terpercaya 2026",
                    "potentialAction": [{
                        "@type": "SearchAction",
                        "target": "https://vistauu.org/?s={search_term_string}",
                        "query-input": "required name=search_term_string"
                    }],
                    "inLanguage": "id-ID"
                },
                {
                    "@type": "Organization",
                    "@id": "https://vistauu.org/#organization",
                    "name": "HematQQ",
                    "url": "https://vistauu.org/",
                    "logo": {
                        "@type": "ImageObject",
                        "url": "https://vistauu.org/assets/favicon.webp",
                        "width": 180,
                        "height": 180
                    },
                    "sameAs": ["https://vistauu.org/"],
                    "description": "HematQQ situs BandarQQ & PKV Games resmi penyedia DominoQQ QQ Poker Online terpercaya."
                },
                {
                    "@type": "Product",
                    "name": "HematQQ PKV Games Platform",
                    "image": "https://vistauu.org/assets/bannerhemat.jpg",
                    "description": "Platform resmi PKV Games dengan winrate 98.5%.",
                    "brand": {
                        "@type": "Brand",
                        "name": "HematQQ"
                    },
                    "offers": {
                        "@type": "Offer",
                        "url": "https://vistauu.org/",
                        "priceCurrency": "IDR",
                        "price": "5000",
                        "availability": "https://schema.org/InStock"
                    },
                    "aggregateRating": {
                        "@type": "AggregateRating",
                        "ratingValue": "4.9",
                        "bestRating": "5",
                        "worstRating": "1",
                        "ratingCount": "24592",
                        "reviewCount": "18450"
                    }
                },
                {
                    "@type": "FAQPage",
                    "mainEntity": [{
                            "@type": "Question",
                            "name": "Apakah data saya aman di HematQQ?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Keamanan prioritas kami. Server Grade-A dengan enkripsi tinggi menjaga data dan saldo Anda 100% aman."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Berapa minimal deposit dan withdraw?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Sangat terjangkau. Deposit mulai Rp 5.000 dan Withdraw Rp 15.000."
                            }
                        },
                        {
                            "@type": "Question",
                            "name": "Kapan bonus Cashback & Referral masuk?",
                            "acceptedAnswer": {
                                "@type": "Answer",
                                "text": "Cashback dibagikan setiap Senin siang. Referral masuk otomatis (real-time) saat teman bermain."
                            }
                        }
                    ]
                }
            ]
        }
    </script>

    <style>
        :root {
            --bg-deep: #0a0b1e;
            --glass-surface: rgba(255, 255, 255, 0.05);
            --glass-border: rgba(255, 255, 255, 0.1);
            --glass-highlight: rgba(255, 255, 255, 0.15);
            --accent-primary: #6366f1;
            --accent-secondary: #ec4899;
            --success: #10b981;
            --gold: #f59e0b;
            --text-main: #f8fafc;
            --text-muted: #cbd5e1;
            --radius-xl: 24px;
            --radius-lg: 16px;
            --radius-md: 12px;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            outline: none;
            -webkit-tap-highlight-color: transparent;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            background-color: var(--bg-deep);
            color: var(--text-main);
            font-family: 'Outfit', sans-serif;
            overflow-x: hidden;
            line-height: 1.6;
            min-height: 100vh;
            background-image: linear-gradient(to bottom, rgba(10, 11, 30, 0.596), rgba(10, 11, 30, 0.767)), url('assets/backgroundhemat.webp');
            background-size: cover;
            background-position: center top;
            background-attachment: fixed;
            background-repeat: no-repeat;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        ul {
            list-style: none;
        }

        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 24px;
            position: relative;
            z-index: 2;
        }

        .container-narrow {
            max-width: 800px;
        }

        .section-py {
            padding: 100px 0;
        }

        .section-header-wrapper {
            padding-top: 60px;
            padding-bottom: 20px;
        }

        .section-no-top {
            padding-top: 0;
        }

        .blob {
            position: fixed;
            border-radius: 50%;
            filter: blur(100px);
            z-index: -1;
            opacity: 0.3;
            animation: floatBlob 10s infinite alternate;
            pointer-events: none;
        }

        .blob-1 {
            top: -10%;
            left: -10%;
            width: 500px;
            height: 500px;
            background: var(--accent-primary);
        }

        .blob-2 {
            bottom: -10%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: var(--accent-secondary);
            animation-delay: -5s;
        }

        @keyframes floatBlob {
            0% {
                transform: translate(0, 0);
            }

            100% {
                transform: translate(50px, 50px);
            }
        }

        .navbar {
            position: fixed;
            top: 20px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            z-index: 1000;
            padding: 0 20px;
        }

        .nav-island {
            width: 100%;
            max-width: 1200px;
            height: 70px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 24px;
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            border: 1px solid var(--glass-border);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
        }

        .brand-logo {
            display: flex;
            align-items: center;
        }

        .brand-logo img {
            height: 45px;
            width: auto;
            transition: transform 0.3s;
        }

        .brand-logo:hover img {
            transform: scale(1.05);
        }

        .nav-menu {
            display: flex;
            gap: 5px;
            background: rgba(255, 255, 255, 0.05);
            padding: 5px;
            border-radius: 40px;
        }

        .nav-link {
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 600;
            color: var(--text-muted);
        }

        .nav-link:hover,
        .nav-link.active {
            background: #fff;
            color: #000;
            box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
        }

        .auth-btns {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .btn-auth {
            padding: 10px 24px;
            border-radius: 40px;
            font-weight: 700;
            font-size: 0.9rem;
            border: none;
            cursor: pointer;
            transition: 0.3s;
        }

        .btn-login {
            background: transparent;
            color: #fff;
            border: 1px solid var(--glass-border);
        }

        .btn-login:hover {
            border-color: #fff;
            background: rgba(255, 255, 255, 0.1);
        }

        .btn-register {
            background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
            color: #fff;
            box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
        }

        .btn-register:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 30px rgba(99, 102, 241, 0.6);
        }

        .ticker-bar {
            position: fixed;
            top: 105px;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 1200px;
            height: 40px;
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(10px);
            border-radius: 50px;
            border: 1px solid var(--glass-border);
            display: flex;
            align-items: center;
            overflow: hidden;
            z-index: 900;
            padding: 0 20px;
        }

        .ticker-label {
            background: var(--accent-secondary);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 800;
            padding: 4px 12px;
            border-radius: 20px;
            margin-right: 15px;
            box-shadow: 0 0 10px rgba(236, 72, 153, 0.4);
            white-space: nowrap;
            z-index: 2;
        }

        .ticker-content {
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            mask-image: linear-gradient(90deg, transparent, #000 20px, #000 95%, transparent);
            -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 95%, transparent);
        }

        .ticker-move {
            display: inline-block;
            padding-left: 100%;
            animation: tickerAnim 25s linear infinite;
            font-size: 0.85rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .ticker-move strong {
            color: var(--gold);
        }

        @keyframes tickerAnim {
            0% {
                transform: translate3d(0, 0, 0);
            }

            100% {
                transform: translate3d(-100%, 0, 0);
            }
        }

        .hero {
            padding-top: 180px;
            padding-bottom: 100px;
            display: flex;
            align-items: center;
            min-height: 90vh;
        }

        .hero-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 60px;
            align-items: center;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 16px;
            background: rgba(99, 102, 241, 0.15);
            border: 1px solid rgba(99, 102, 241, 0.4);
            border-radius: 30px;
            color: #fff;
            font-size: 0.8rem;
            font-weight: 700;
            margin-bottom: 24px;
        }

        .hero-badge span {
            width: 8px;
            height: 8px;
            background: #00ff88;
            border-radius: 50%;
            box-shadow: 0 0 10px #00ff88;
            animation: pulse 2s infinite;
        }

        .hero-dynamic-text {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin-bottom: 30px;
            align-items: flex-start;
        }

        .hd-eyebrow {
            font-size: 1.1rem;
            font-weight: 800;
            color: var(--accent-secondary);
            letter-spacing: 3px;
            text-transform: uppercase;
            margin: 0;
            text-shadow: 0 0 10px rgba(236, 72, 153, 0.5);
        }

        .hd-title {
            font-size: clamp(2.5rem, 5vw, 4rem);
            font-weight: 900;
            color: #fff;
            line-height: 1;
            margin: 0;
            text-shadow: 0 0 30px rgba(99, 102, 241, 0.3);
        }

        .hd-sub {
            font-size: 0.9rem;
            color: var(--text-muted);
            font-weight: 600;
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-top: 15px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding-bottom: 5px;
            width: 100px;
        }

        .hd-amount {
            font-family: 'Outfit', sans-serif;
            font-size: clamp(3rem, 6vw, 5rem);
            font-weight: 900;
            line-height: 1.1;
            background: linear-gradient(to bottom, #fff 0%, #ffd700 30%, #f59e0b 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            filter: drop-shadow(0 0 20px rgba(245, 158, 11, 0.5));
            margin: 5px 0;
        }

        .hd-footer {
            font-size: 1.2rem;
            font-weight: 800;
            color: var(--success);
            background: rgba(16, 185, 129, 0.1);
            padding: 5px 15px;
            border-radius: 20px;
            border: 1px solid rgba(16, 185, 129, 0.3);
            letter-spacing: 1px;
            animation: pulseText 2s infinite;
        }

        @keyframes pulseText {
            0% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
            }

            70% {
                transform: scale(1.02);
                box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
            }

            100% {
                transform: scale(1);
                box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
            }
        }

        .hero-desc {
            font-size: 1.1rem;
            color: var(--text-muted);
            margin-bottom: 15px;
            max-width: 550px;
            line-height: 1.8;
        }

        .hero-btn-wrapper {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .btn-hero-lg {
            padding: 15px 40px;
            font-size: 1rem;
        }

        .btn-hero-md {
            padding: 15px 30px;
        }

        .hero-card {
            position: relative;
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 30px;
            padding: 40px;
            text-align: center;
            transform: perspective(1000px) rotateY(-10deg) rotateX(5deg);
            transition: 0.5s;
            box-shadow: -20px 20px 60px rgba(0, 0, 0, 0.5);
        }

        .hero-card:hover {
            transform: perspective(1000px) rotateY(0) rotateX(0);
            border-color: var(--accent-primary);
        }

        .jackpot-val {
            font-size: 2rem;
            font-weight: 900;
            color: var(--gold);
            text-shadow: 0 0 30px rgba(245, 158, 11, 0.5);
            display: block;
            margin: 10px 0;
        }

        .jackpot-lbl {
            font-size: 0.9rem;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #fff;
            opacity: 0.7;
            font-weight: 700;
        }

        .jackpot-sub {
            margin-top: 20px;
            font-size: 0.8rem;
            color: #aaa;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 15px;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: -50px;
            position: relative;
            z-index: 5;
        }

        .stat-card {
            background: rgba(15, 23, 42, 0.6);
            border: 1px solid var(--glass-border);
            padding: 24px;
            border-radius: var(--radius-lg);
            text-align: left;
            transition: 0.3s;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            backdrop-filter: blur(15px);
        }

        .stat-card:hover {
            border-color: var(--accent-primary);
            transform: translateY(-5px);
            background: rgba(15, 23, 42, 0.8);
        }

        .sc-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            color: var(--text-muted);
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 1px;
        }

        .sc-val {
            font-size: 1.5rem;
            font-weight: 700;
            color: #fff;
        }

        .dot-online {
            width: 8px;
            height: 8px;
            background: var(--success);
            border-radius: 50%;
            box-shadow: 0 0 10px var(--success);
        }

        .text-primary {
            color: var(--accent-primary);
        }

        .text-gold {
            color: var(--gold);
        }

        .section-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .sh-sub {
            color: var(--accent-secondary);
            font-weight: 800;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-size: 0.8rem;
            margin-bottom: 15px;
            display: block;
        }

        .sh-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: #fff;
            margin-bottom: 20px;
        }

        .game-wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 24px;
        }

        .game-card {
            background: rgba(255, 255, 255, 0.03);
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            cursor: pointer;
        }

        .game-card:hover {
            transform: scale(1.05) translateY(-5px);
            border-color: var(--accent-primary);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
        }

        .gc-img-box {
            height: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
            font-size: 4rem;
            filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
        }

        .gc-info {
            padding: 15px;
            background: rgba(0, 0, 0, 0.6);
            backdrop-filter: blur(5px);
            position: absolute;
            bottom: 0;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .gc-name {
            font-weight: 700;
            font-size: 1rem;
            color: #fff;
            display: block;
        }

        .gc-meta {
            display: flex;
            justify-content: space-between;
            font-size: 0.75rem;
            color: var(--text-muted);
            margin-top: 5px;
            font-weight: 500;
        }

        .promo-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }

        .promo-visual {
            background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
            border-radius: var(--radius-xl);
            padding: 50px;
            position: relative;
            overflow: hidden;
            min-height: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-shadow: 0 20px 50px rgba(99, 102, 241, 0.3);
        }

        .promo-visual::before {
            content: '%';
            position: absolute;
            right: -20px;
            bottom: -50px;
            font-size: 18rem;
            font-weight: 900;
            opacity: 0.1;
            color: #fff;
            transform: rotate(-20deg);
        }

        .promo-visual-content {
            position: relative;
            z-index: 2;
            color: #fff;
        }

        .promo-h3 {
            font-size: 3rem;
            font-weight: 900;
            line-height: 1;
            margin-bottom: 10px;
        }

        .promo-p {
            font-size: 1.2rem;
            margin-top: 10px;
            opacity: 0.9;
        }

        .promo-badge {
            margin-top: 25px;
            background: #fff;
            color: var(--accent-primary);
            padding: 8px 20px;
            display: inline-block;
            border-radius: 20px;
            font-weight: 800;
            font-size: 0.9rem;
            text-transform: uppercase;
        }

        .promo-title-margin {
            margin-bottom: 30px;
        }

        .pl-item {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            padding: 25px;
            background: var(--glass-surface);
            border-radius: var(--radius-lg);
            border: 1px solid var(--glass-border);
            transition: 0.3s;
        }

        .pl-item:hover {
            border-color: var(--accent-primary);
            background: rgba(255, 255, 255, 0.08);
            transform: translateX(10px);
        }

        .pl-icon {
            font-size: 2rem;
            background: rgba(255, 255, 255, 0.1);
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pl-title {
            color: #fff;
            font-weight: 700;
            margin-bottom: 5px;
            font-size: 1.1rem;
        }

        .pl-desc {
            color: var(--text-muted);
            font-size: 0.95rem;
        }

        /* DEFAULT DESKTOP STYLE FOR GUIDE BOX */
        .guide-box {
            display: flex;
            gap: 40px;
            background: rgba(15, 23, 42, 0.6);
            padding: 40px;
            border-radius: var(--radius-xl);
            border: 1px solid var(--glass-border);
            backdrop-filter: blur(15px);
        }

        .gb-nav {
            flex: 0 0 220px;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .gb-btn {
            text-align: left;
            padding: 18px 25px;
            background: transparent;
            border: none;
            color: var(--text-muted);
            font-weight: 700;
            cursor: pointer;
            border-radius: var(--radius-md);
            transition: 0.3s;
            font-size: 1rem;
        }

        .gb-btn:hover {
            background: rgba(255, 255, 255, 0.05);
            color: #fff;
        }

        .gb-btn.active {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border-left: 4px solid var(--accent-primary);
        }

        .gb-content {
            flex: 1;
            padding-left: 20px;
        }

        .step-row {
            display: flex;
            gap: 20px;
            margin-bottom: 25px;
            align-items: flex-start;
        }

        .sr-num {
            background: var(--accent-primary);
            color: #fff;
            width: 32px;
            height: 32px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            font-size: 0.9rem;
            flex-shrink: 0;
            box-shadow: 0 5px 15px rgba(99, 102, 241, 0.4);
        }

        .footer {
            background: #02040a;
            border-top: 1px solid #1e293b;
            padding: 80px 0 30px;
            margin-top: 100px;
        }

        .foot-grid {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr 1fr;
            gap: 40px;
        }

        .f-col h4 {
            color: #fff;
            margin-bottom: 24px;
            font-size: 1.1rem;
            letter-spacing: 1px;
        }

        .f-link {
            display: block;
            color: var(--text-muted);
            margin-bottom: 12px;
            font-size: 0.95rem;
            font-weight: 500;
        }

        .f-link:hover {
            color: var(--accent-primary);
            transform: translateX(5px);
        }

        .payment-row {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .pay-icon {
            background: #fff;
            padding: 6px 10px;
            border-radius: 6px;
            font-size: 0.75rem;
            color: #000;
            font-weight: 800;
            opacity: 0.9;
        }

        .bg-dana {
            background: #0088cc;
            color: #fff;
        }

        .bg-ovo {
            background: #4c3494;
            color: #fff;
        }

        .bg-gopay {
            background: #00aa13;
            color: #fff;
        }

        .bg-telkomsel {
            background: #990000;
            color: #fff;
        }

        .bg-xl {
            background: #004aaa;
            color: #fff;
        }

        .bg-qris {
            background: var(--accent-secondary);
            color: #fff;
        }

        .footer-logo-box {
            margin-bottom: 20px;
        }

        .footer-desc {
            color: var(--text-muted);
            font-size: 0.9rem;
            margin-bottom: 20px;
            line-height: 1.8;
        }

        .server-clock {
            font-family: monospace;
            color: var(--accent-primary);
            font-weight: 700;
        }

        .copyright {
            text-align: center;
            padding-top: 40px;
            color: var(--text-muted);
            font-size: 0.8rem;
            border-top: 1px solid var(--glass-border);
            margin-top: 40px;
        }

        .mob-menu-btn,
        .mob-overlay {
            display: none;
        }

        .sec-desc-text {
            margin-bottom: 20px;
            display: block;
        }

        .sec-desc-text:last-child {
            margin-bottom: 0;
        }

        .faq-title-size {
            font-size: 2rem;
        }

        .faq-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .faq-item {
            background: var(--glass-surface);
            padding: 20px;
            border-radius: 12px;
            border: 1px solid var(--glass-border);
        }

        .faq-q {
            color: #fff;
            margin-bottom: 8px;
        }

        .faq-a {
            color: var(--text-muted);
            font-size: 0.9rem;
        }

        .mob-close-btn {
            position: absolute;
            top: 30px;
            right: 30px;
            background: none;
            border: none;
            color: #fff;
            font-size: 2rem;
        }

        .mob-link-chat {
            color: var(--accent-secondary);
        }

        @media (min-width: 1024px) {
            .hero-btn-wrapper {
                justify-content: flex-start;
            }
        }

        @media (max-width: 1024px) {
            .nav-menu {
                display: none;
            }

            .hero-grid,
            .stats-grid,
            .promo-container,
            .guide-box,
            .foot-grid {
                grid-template-columns: 1fr;
            }

            .hero {
                text-align: center;
                padding-top: 160px;
                padding-bottom: 50px;
            }

            .hero-badge {
                margin: 0 auto 24px;
            }

            .hero-card {
                display: none;
            }

            .hero-dynamic-text {
                align-items: center;
            }

            .hd-sub {
                width: auto;
                padding-left: 20px;
                padding-right: 20px;
            }

            .ticker-bar {
                top: 95px;
                width: 95%;
            }

            .stats-grid {
                margin-top: 30px;
                gap: 15px;
                grid-template-columns: 1fr 1fr;
            }

            .game-wrapper {
                grid-template-columns: repeat(2, 1fr);
            }

            /* UPDATED MOBILE GUIDE BOX STYLE */
            .guide-box {
                flex-direction: column;
                padding: 25px 20px;
                gap: 25px;
                /* Background lebih gelap agar tulisan jelas */
                background: rgba(10, 11, 30, 0.95);
            }

            .gb-nav {
                flex-direction: row;
                margin-bottom: 0;
                gap: 8px;
                /* Ubah ke Grid 3 kolom agar rapi dan tidak perlu scroll */
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                border-bottom: none;
            }

            .gb-btn {
                padding: 12px 5px;
                white-space: normal;
                border-left: none;
                border-bottom: none;
                background: rgba(255, 255, 255, 0.05);
                text-align: center;
                border-radius: 8px;
                font-size: 0.85rem;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
            }

            .gb-btn.active {
                border-left: none;
                border-bottom: none;
                background: var(--accent-primary);
                /* Tombol aktif jadi Solid Blue */
                color: #fff;
                box-shadow: 0 4px 15px rgba(99, 102, 241, 0.4);
            }

            .gb-content {
                padding-left: 0;
            }

            .mob-menu-btn {
                display: block;
                background: none;
                border: none;
                color: #fff;
                font-size: 1.8rem;
                cursor: pointer;
                padding-left: 15px;
            }

            .mob-overlay {
                position: fixed;
                inset: 0;
                background: rgba(5, 5, 15, 0.98);
                z-index: 9999;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 30px;
                transform: translateY(-100%);
                transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                backdrop-filter: blur(20px);
            }

            .mob-overlay.active {
                transform: translateY(0);
            }

            .mob-link {
                font-size: 1.5rem;
                font-weight: 700;
                color: #fff;
                letter-spacing: 1px;
            }
        }
    </style>
</head>

<body>

    <div class="blob blob-1"></div>
    <div class="blob blob-2"></div>

    <nav class="navbar">
        <div class="nav-island">
            <a href="#" class="brand-logo">
                <img src="assets/hemat.png" alt="HematQQ">
            </a>

            <ul class="nav-menu">
                <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="#faq" class="nav-link">FAQ</a></li>
            </ul>

            <div class="auth-btns">
                <a href="https://l.linklyhq.com/l/2Ffny/" class="btn-auth btn-login" target="_blank">MASUK</a>
                <a href="https://l.linklyhq.com/l/2Ffny/" class="btn-auth btn-register" target="_blank">DAFTAR</a>
                <button class="mob-menu-btn" onclick="toggleMobMenu()">☰</button>
            </div>
        </div>
    </nav>

    <div class="ticker-bar">
        <div class="ticker-label">INFO</div>
        <div class="ticker-content">
            <div class="ticker-move">
                Selamat Datang di <strong>HEMATQQ</strong> Situs Resmi PKV Games 2026 🔥 Minimal Deposit <strong>Rp 5.000</strong> | Proses Depo/WD ± 1 Menit | Bonus Cashback 0.3% & Referral 20% | CS Online 24 Jam Siap Melayani Anda
            </div>
        </div>
    </div>

    <div class="mob-overlay" id="mobMenu">
        <button onclick="toggleMobMenu()" class="mob-close-btn">✕</button>
        <a href="#games" class="mob-link" onclick="toggleMobMenu()">🎮 Games</a>
        <a href="#promo" class="mob-link" onclick="toggleMobMenu()">🎁 Promo</a>
        <a href="#guide" class="mob-link" onclick="toggleMobMenu()">📖 Panduan</a>
        <a href="https://l.linklyhq.com/l/2BT7p/" class="mob-link mob-link-chat" target="_blank">💬 Live Chat</a>
    </div>

    <section class="hero container">
        <div class="hero-grid">
            <div>
                <div class="hero-badge"><span></span> Situs Resmi PKV GAMES 2026</div>

                <div class="hero-dynamic-text">
                    <span class="hd-eyebrow">Bonus Spesial</span>
                    <h2 class="hd-title">EXTRA CASHBACK</h2>
                    <span class="hd-sub">MINIMAL</span>
                    <div class="hd-amount">Rp. 1,000,000</div>
                    <div class="hd-footer">SETIAP MINGGU !!</div>
                </div>

                <p class="hero-desc">
                    HematQQ menghadirkan pengalaman bermain PKV Games paling fairplay dengan standar internasional. Nikmati winrate 98.5% yang nyata.
                </p>

                <div class="hero-btn-wrapper">
                    <a href="https://l.linklyhq.com/l/2Ffny/" class="btn-auth btn-register btn-hero-lg" target="_blank">MAIN SEKARANG</a>
                    <a href="#promo" class="btn-auth btn-login btn-hero-md">Lihat Bonus</a>
                </div>
            </div>

            <div class="hero-card">
                <div class="jackpot-lbl">TOTAL JACKPOT SAAT INI</div>
                <div class="jackpot-val" id="jackpot">IDR 884.291.500</div>
                <div class="jackpot-sub">
                    Update Realtime • Server PKV Neon
                </div>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="stats-grid">
            <div class="stat-card">
                <div class="sc-head">
                    <span>PLAYER ONLINE</span>
                    <span class="dot-online"></span>
                </div>
                <div class="sc-val" id="activeMemberCount">58.592</div>
            </div>
            <div class="stat-card">
                <div class="sc-head"><span>WINRATE</span> 📈</div>
                <div class="sc-val text-primary">98.5%</div>
            </div>
            <div class="stat-card">
                <div class="sc-head"><span>DEPOSIT TIME</span> ⚡</div>
                <div class="sc-val">± 1 Menit</div>
            </div>
            <div class="stat-card">
                <div class="sc-head"><span>MIN DEPOSIT</span> 💰</div>
                <div class="sc-val text-gold">IDR 5.000</div>
            </div>
        </div>
    </div>

    <div class="container section-py section-header-wrapper">
        <div class="section-header">
            <h1 class="sh-title">HematQQ: Situs Bandarqq PKV Games QQ Poker Online DominoQQ</h1>

            <div class="sec-desc-box">
                <p class="sec-desc-text">
                    <a href="https://vistauu.org/">HematQQ</a> telah menetapkan standar baru sebagai situs pkv paling stabil yang menyediakan akses resmi ke jaringan server pkv games terpercaya di Indonesia. Pemain dapat menikmati kelancaran bermain bandarqq tanpa gangguan bot, menjamin sistem Fairplay Player vs Player yang sesungguhnya. Untuk memulai langkah kemenangan, segera lakukan <a href="https://vistauu.org/">daftar pkv games</a> melalui platform hematqq yang menawarkan proses registrasi instan dan keamanan data tingkat tinggi bagi seluruh penggemar pkv qq.
                </p>
                <p class="sec-desc-text">
                    Sebagai <a href="https://vistauu.org/">situs qq</a> unggulan, hematqq menghadirkan variasi permainan kartu terlengkap mulai dari strategi poker online hingga kecepatan permainan dominoqq. Setiap meja dirancang untuk memberikan pengalaman maksimal, termasuk bagi peminat qq poker dan <a href="https://vistauu.org/">dominoqq</a> yang menginginkan server ringan serta responsif di berbagai perangkat. Nikmati sensasi taruhan nyata dengan winrate tinggi dan layanan transaksi 24 jam yang menjadikan platform ini pilihan utama para profesional.
                </p>
            </div>
        </div>
    </div>

    <section id="games" class="section-py container section-no-top">
        <div class="section-header">
            <span class="sh-sub">Situs PKV Games</span>
            <h2 class="sh-title">Pilih Permainan Untuk Keberuntunganmu</h2>
        </div>

        <div class="game-wrapper" id="gamesContainer">
        </div>
    </section>

    <section id="promo" class="section-py container">
        <div class="promo-container">
            <div class="promo-visual">
                <div class="promo-visual-content">
                    <h3 class="promo-h3">EXTRA<br>CASHBACK</h3>
                    <p class="promo-p">Minimal Rp. 1,000,000</p>
                    <div class="promo-badge">
                        Dibagikan Setiap Senin
                    </div>
                </div>
            </div>

            <div class="promo-text">
                <span class="sh-sub">PROMO EKSKLUSIF</span>
                <h2 class="sh-title promo-title-margin">Keuntungan Tanpa Batas</h2>

                <div class="pl-item">
                    <div class="pl-icon">💎</div>
                    <div>
                        <h4 class="pl-title">Cashback 0.3%</h4>
                        <p class="pl-desc">Dibagikan otomatis setiap minggu tanpa syarat ribet. Semakin sering main, bonus makin besar.</p>
                    </div>
                </div>

                <div class="pl-item">
                    <div class="pl-icon">🚀</div>
                    <div>
                        <h4 class="pl-title">Referral 20%</h4>
                        <p class="pl-desc">Ajak teman bermain menggunakan kode referral Anda. Komisi pasif berlaku seumur hidup.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="guide" class="section-py container">
        <div class="section-header">
            <span class="sh-sub">PANDUAN PEMULA</span>
            <h2 class="sh-title">Cara Mulai Bermain</h2>

            <div class="sec-desc-box">
                <p class="sec-desc-text">
                    Memulai petualangan Anda di HematQQ sangatlah mudah dan cepat, bahkan bagi pemula sekalipun. hematqq telah menyederhanakan setiap proses, mulai dari pendaftaran akun hingga penarikan dana kemenangan, agar Anda bisa fokus menikmati permainan tanpa hambatan teknis.
                </p>
                <p class="sec-desc-text">
                    Ikuti panduan langkah demi langkah di bawah ini untuk memastikan transaksi Anda berjalan lancar dan aman. Tim dukungan pelanggan hematqq juga siap membantu 24 jam jika Anda mengalami kesulitan dalam proses pendaftaran, deposit, maupun withdraw.
                </p>
            </div>
        </div>

        <div class="guide-box">
            <div class="gb-nav">
                <button class="gb-btn active" onclick="switchGuide('reg', this)">1. Daftar Akun</button>
                <button class="gb-btn" onclick="switchGuide('depo', this)">2. Deposit Dana</button>
                <button class="gb-btn" onclick="switchGuide('wd', this)">3. Tarik Dana</button>
            </div>

            <div class="gb-content" id="guideContent">
            </div>
        </div>
    </section>

    <section id="faq" class="container section-py container-narrow">
        <div class="section-header">
            <h2 class="sh-title faq-title-size">FAQ | Pertanyaan Umum</h2>
        </div>
        <div id="faqList" class="faq-list">
        </div>
    </section>

    <footer class="footer">
        <div class="container foot-grid">
            <div class="f-col">
                <div class="brand-logo footer-logo-box">
                    <img src="assets/hemat.png" alt="HematQQ">
                </div>
                <p class="footer-desc">
                    HematQQ adalah situs resmi PKV Games No.1 di Indonesia. Menjamin keamanan data dan permainan Fairplay 100% Player vs Player.
                </p>
                <div class="server-clock" id="serverClock">00:00:00 WIB</div>
            </div>

            <div class="f-col">
                <h4>NAVIGASI</h4>
                <a href="#games" class="f-link">Games Populer</a>
                <a href="#promo" class="f-link">Bonus & Promo</a>
                <a href="https://l.linklyhq.com/l/2Ffny/" class="f-link" target="_blank">Download App</a>
            </div>

            <div class="f-col">
                <h4>BANTUAN</h4>
                <a href="https://l.linklyhq.com/l/2BT7p/" class="f-link" target="_blank">Live Chat 24 Jam</a>
                <a href="https://l.linklyhq.com/l/2BT7p/" class="f-link" target="_blank">Lupa Password</a>
                <a href="#guide" class="f-link">Cara Deposit</a>
            </div>

            <div class="f-col">
                <h4>PEMBAYARAN</h4>
                <div class="payment-row">
                    <span class="pay-icon">BCA</span>
                    <span class="pay-icon">BRI</span>
                    <span class="pay-icon">BNI</span>
                    <span class="pay-icon">MANDIRI</span>
                    <span class="pay-icon">DANAMON</span>
                    <span class="pay-icon bg-dana">DANA</span>
                    <span class="pay-icon bg-ovo">OVO</span>
                    <span class="pay-icon bg-gopay">GOPAY</span>
                    <span class="pay-icon bg-telkomsel">TELKOMSEL</span>
                    <span class="pay-icon bg-xl">XL</span>
                    <span class="pay-icon bg-qris">QRIS</span>
                </div>
            </div>
        </div>
        <div class="container copyright">
            &copy; 2026 HematQQ. All Rights Reserved. Official Partner of PKV Games.
        </div>
    </footer>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const games = [{
                    name: "BandarQ",
                    icon: "👑"
                },
                {
                    name: "Domino99",
                    icon: "🁫"
                },
                {
                    name: "Poker",
                    icon: "♠️"
                },
                {
                    name: "Slot PKV",
                    icon: "🎰"
                },
                {
                    name: "AduQ",
                    icon: "⚔️"
                },
                {
                    name: "Bandar66",
                    icon: "⚅"
                },
                {
                    name: "Sakong",
                    icon: "🏰"
                },
                {
                    name: "Capsa",
                    icon: "🃏"
                },
                {
                    name: "Bd Poker",
                    icon: "♥️"
                },
                {
                    name: "Bd Koprok",
                    icon: "🎲"
                },
                {
                    name: "Perang Dadu",
                    icon: "🧊"
                },
                {
                    name: "P. Baccarat",
                    icon: "♦️"
                },
                {
                    name: "Gaple",
                    icon: "🀄"
                },
                {
                    name: "Live Casino",
                    icon: "🎡"
                },
                {
                    name: "Adu Sakong",
                    icon: "🤴"
                },
                {
                    name: "Bandar Remi",
                    icon: "🎴"
                },
                {
                    name: "Bd QQ",
                    icon: "🔴"
                },
                {
                    name: "Sportbook",
                    icon: "⚽"
                }
            ];

            const gameContainer = document.getElementById('gamesContainer');
            if (gameContainer) {
                games.forEach(g => {
                    let onlineCount = Math.floor(Math.random() * (28500 - 1500 + 1)) + 1500;
                    let formattedCount = onlineCount.toLocaleString('id-ID');

                    gameContainer.innerHTML += `
                        <a href="https://l.linklyhq.com/l/2Ffny/" class="game-card" target="_blank">
                            <div class="gc-img-box">${g.icon}</div>
                            <div class="gc-info">
                                <span class="gc-name">${g.name}</span>
                                <div class="gc-meta">
                                    <span>Online: ${formattedCount}</span>
                                    <span>Play ▶</span>
                                </div>
                            </div>
                        </a>
                    `;
                });
            }

            const guideSteps = {
                'reg': [
                    "Akses link resmi dan klik tombol DAFTAR di menu atas.",
                    "Buat Username & Password yang unik dan mudah diingat.",
                    "Lengkapi data kontak (No HP & Email) untuk keamanan.",
                    "Pilih Nama Bank dan isi Nomor Rekening dengan valid.",
                    "Masukkan Kode Validasi lalu klik tombol DAFTAR."
                ],
                'depo': [
                    "Login akun Anda dan masuk ke menu SETOR DANA.",
                    "Cek nomor rekening tujuan bandar yang aktif.",
                    "Transfer dana (Min. Rp 5.000) ke rekening tersebut.",
                    "Isi formulir deposit sesuai nominal transfer.",
                    "Klik KIRIM dan tunggu saldo masuk otomatis."
                ],
                'wd': [
                    "Tutup semua meja permainan (kembali ke Lobby).",
                    "Pastikan saldo mencukupi batas minimal penarikan.",
                    "Klik menu TARIK DANA di halaman utama.",
                    "Masukkan nominal & Password Login akun.",
                    "Klik OK dan dana akan cair ke rekening Anda."
                ]
            };

            window.switchGuide = function(type, btn) {
                document.querySelectorAll('.gb-btn').forEach(b => b.classList.remove('active'));
                btn.classList.add('active');

                const contentDiv = document.getElementById('guideContent');
                const steps = guideSteps[type];
                let html = '';
                steps.forEach((txt, idx) => {
                    html += `
                        <div class="step-row">
                            <div class="sr-num">${idx+1}</div>
                            <div style="color:#cbd5e1; font-size:0.95rem;">${txt}</div>
                        </div>
                    `;
                });
                contentDiv.innerHTML = html;
            };

            const initialBtn = document.querySelector('.gb-btn.active');
            if (initialBtn) switchGuide('reg', initialBtn);

            const faqs = [{
                    q: "Apakah data saya aman di HematQQ?",
                    a: "Keamanan prioritas kami. Server Grade-A dengan enkripsi tinggi menjaga data dan saldo Anda 100% aman."
                },
                {
                    q: "Berapa minimal deposit dan withdraw?",
                    a: "Sangat terjangkau. Deposit mulai Rp 5.000 dan Withdraw Rp 15.000."
                },
                {
                    q: "Apakah ada Robot atau Admin yang bermain?",
                    a: "Tidak ada. Murni 100% Player vs Player. Fairplay adalah jaminan kami."
                },
                {
                    q: "Kenapa deposit saya belum diproses?",
                    a: "Mungkin bank sedang gangguan atau nominal unik tidak sesuai. Hubungi Livechat untuk bantuan manual."
                },
                {
                    q: "Kapan bonus Cashback & Referral masuk?",
                    a: "Cashback dibagikan setiap Senin siang. Referral masuk otomatis (real-time) saat teman bermain."
                },
                {
                    q: "Bisakah bermain tanpa rekening bank?",
                    a: "Bisa! Gunakan E-Wallet Premium (DANA, OVO, GOPAY, LinkAja) untuk mendaftar dan bertransaksi."
                },
                {
                    q: "Apakah tersedia aplikasi untuk HP?",
                    a: "Ya, tersedia aplikasi PKV Games ringan untuk Android dan iOS. Link download ada di menu."
                },
                {
                    q: "Bagaimana cara mendapatkan Jackpot?",
                    a: "Anda perlu membeli tiket Jackpot (seharga 1.000) sebelum putaran permainan dimulai."
                },
                {
                    q: "Apa itu kode referral?",
                    a: "Kode unik akun Anda untuk mengajak teman. Anda dapat komisi jika teman daftar pakai kode tersebut."
                },
                {
                    q: "Kendala lupa password atau akun terkunci?",
                    a: "Jangan panik. Kontak CS 24 jam kami, validasi data pemilik, dan akun akan dipulihkan instan."
                }
            ];

            const faqList = document.getElementById('faqList');
            if (faqList) {
                faqs.forEach(f => {
                    faqList.innerHTML += `
                        <div class="faq-item">
                            <h4 class="faq-q">${f.q}</h4>
                            <p class="faq-a">${f.a}</p>
                        </div>
                    `;
                });
            }

            window.toggleMobMenu = function() {
                const menu = document.getElementById('mobMenu');
                if (menu) menu.classList.toggle('active');
            };

            setInterval(() => {
                const el = document.getElementById('jackpot');
                if (el) {
                    let val = parseInt(el.innerText.replace(/\D/g, '')) + Math.floor(Math.random() * 5000);
                    el.innerText = "IDR " + val.toLocaleString('id-ID');
                }
            }, 2000);

            setInterval(() => {
                const now = new Date();
                const clock = document.getElementById('serverClock');
                if (clock) clock.innerText = now.toLocaleTimeString('en-GB', {
                    timeZone: 'Asia/Jakarta'
                }) + " WIB";
            }, 1000);
        });
    </script>
</body>

</html>