<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">

<!-- SEO Primary -->
<title>Qiu Qiu: Daftar dan Main di AhliQQ, Situs Pkv Games Dominoqq Resmi!</title>
<meta name="description" content="Qiu qiu merupakan salah satu permainan di situs pkv games resmi seperti ahliqq yang banyak diminati para pemain judi qq online. Rasakan pengalaman bermain game domino99 seru disini!">
<meta name="author" content="AhliQQ">
<meta name="robots" content="index, follow">
<meta name="language" content="Indonesian">
<meta name="geo.region" content="ID">
<meta name="geo.placename" content="Indonesia">
<link rel="canonical" href="https://pkvgames.asia/">
<link rel="icon" type="image/webp" href="https://pkvgames.asia/img/favicon.webp">
<link rel="shortcut icon" type="image/webp" href="https://pkvgames.asia/img/favicon.webp">
<meta property="og:type" content="website">
<meta property="og:locale" content="id_ID">
<meta property="og:site_name" content="AhliQQ">
<meta property="og:title" content="Qiu Qiu: Daftar dan Main di AhliQQ, Situs Pkv Games Dominoqq Resmi!">
<meta property="og:description" content="Qiu qiu merupakan salah satu permainan di situs pkv games resmi seperti ahliqq yang banyak diminati para pemain judi qq online. Rasakan pengalaman bermain game domino99 seru disini!">
<meta property="og:url" content="https://pkvgames.asia/">
<meta property="og:image" content="https://pkvgames.asia/img/dominoqq.png">
<meta property="og:image:alt" content="ahliqq">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Qiu Qiu: Daftar dan Main di AhliQQ, Situs Pkv Games Dominoqq Resmi!">
<meta name="twitter:description" content="Qiu qiu merupakan salah satu permainan di situs pkv games resmi seperti ahliqq yang banyak diminati para pemain judi qq online.">
<meta name="twitter:image" content="https://pkvgames.asia/img/dominoqq.png">
<link rel="amphtml" href="https://qiuqiu.pkvgames.asia/">
   <link rel="alternate" hreflang="id-id" href="https://qiuqiu.pkvgames.asia/"/>
    <link rel="alternate" href="https://qiuqiu.pkvgames.asia/"/>
    <link rel="alternate" hreflang="id" href="https://qiuqiu.pkvgames.asia/"/>
    <link rel="alternate" hreflang="en" href="https://qiuqiu.pkvgames.asia/"/>
    <link rel="alternate" hreflang="x-default" href="https://qiuqiu.pkvgames.asia/"/>

<!-- Theme -->
<meta name="theme-color" content="#0a0e27">

<!-- Fonts: Display (Bebas Neue) + Accent (Russo One) + Body (Rajdhani) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Russo+One&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet">

<!-- JSON-LD Structured Data -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "AhliQQ",
  "url": "https://pkvgames.asia/",
  "description": "Qiu qiu merupakan salah satu permainan di situs pkv games resmi seperti ahliqq yang banyak diminati para pemain judi qq online. Rasakan pengalaman bermain game domino99 seru disini!",
  "inLanguage": "id-ID"
}
</script>

<style>
/* ============================================
   SPIDER-HERO DESIGN SYSTEM
   ============================================ */
:root{
  --navy-950:#050814;
  --navy-900:#0a0e27;
  --navy-800:#0f1638;
  --navy-700:#15205a;
  --blue-600:#1e3a8a;
  --blue-500:#2563eb;
  --blue-400:#3b82f6;
  --red-900:#4a0000;
  --red-800:#6b0000;
  --red-700:#991b1b;
  --red-600:#b91c1c;
  --red-500:#dc2626;
  --red-400:#ef4444;
  --web:#e5e7eb;
  --ink:#f5f5f7;
  --ink-dim:#9ca3af;
  --gold:#fbbf24;

  --font-display:'Bebas Neue', Impact, sans-serif;
  --font-accent:'Russo One', sans-serif;
  --font-body:'Rajdhani', sans-serif;

  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;

  --shadow-red:0 0 30px rgba(220,38,38,.4), 0 0 60px rgba(220,38,38,.2);
  --shadow-blue:0 0 30px rgba(37,99,235,.4), 0 0 60px rgba(37,99,235,.2);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);
  background:var(--navy-950);
  color:var(--ink);
  line-height:1.6;
  overflow-x:hidden;
  min-height:100vh;
  background-image:
    radial-gradient(ellipse at 20% 10%, rgba(185,28,28,.15), transparent 50%),
    radial-gradient(ellipse at 80% 80%, rgba(37,99,235,.18), transparent 50%),
    linear-gradient(180deg,#050814 0%, #0a0e27 100%);
}

/* Spider-web global background decoration */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'><path d='M30 0 L30 60 M0 30 L60 30 M0 0 L60 60 M60 0 L0 60' stroke='%231e3a8a' stroke-width='.4' opacity='.25'/><circle cx='30' cy='30' r='12' fill='none' stroke='%231e3a8a' stroke-width='.3' opacity='.2'/><circle cx='30' cy='30' r='22' fill='none' stroke='%231e3a8a' stroke-width='.3' opacity='.15'/></svg>");
  background-size:80px 80px;
  opacity:.35;
}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.container{width:min(1240px,92%);margin:0 auto;position:relative;z-index:2}

/* ============================================
   HEADER / NAV
   ============================================ */
.site-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg, rgba(5,8,20,.95) 0%, rgba(10,14,39,.88) 100%);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(185,28,28,.25);
  box-shadow:0 2px 20px rgba(0,0,0,.6);
}
.site-header::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--red-500),var(--blue-500),var(--red-500),transparent);
  opacity:.8;
}

.nav-wrap{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 0;gap:18px;
}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo img{height:48px;width:auto;filter:drop-shadow(0 0 12px rgba(220,38,38,.55))}
.logo-text{font-family:var(--font-accent);font-size:22px;letter-spacing:1px;color:var(--ink);text-transform:uppercase}
.logo-text span{color:var(--red-500)}

.main-nav{display:flex;align-items:center;gap:28px}
.main-nav a{
  font-family:var(--font-accent);
  font-size:13px;letter-spacing:2px;text-transform:uppercase;
  color:var(--ink);position:relative;padding:6px 2px;
  transition:color .25s ease;
}
.main-nav a::before{
  content:"";position:absolute;left:50%;bottom:-4px;
  width:0;height:2px;background:var(--red-500);
  transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(-50%);
  box-shadow:0 0 8px var(--red-500);
}
.main-nav a:hover{color:var(--red-400)}
.main-nav a:hover::before{width:100%}

.auth-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-accent);
  font-size:13px;letter-spacing:1.5px;text-transform:uppercase;
  padding:11px 22px;border-radius:var(--radius-sm);
  position:relative;overflow:hidden;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  cursor:pointer;white-space:nowrap;
}
.btn-login{
  background:transparent;color:var(--ink);
  border:1.5px solid var(--blue-500);
  box-shadow:inset 0 0 0 0 var(--blue-600);
}
.btn-login:hover{
  background:var(--blue-600);
  box-shadow:var(--shadow-blue);
  transform:translateY(-2px);
}
.btn-register{
  background:linear-gradient(135deg,var(--red-700) 0%,var(--red-500) 100%);
  color:#fff;
  box-shadow:0 4px 14px rgba(220,38,38,.45);
}
.btn-register::before{
  content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .6s;
}
.btn-register:hover::before{left:120%}
.btn-register:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-red);
}

/* Mobile menu toggle */
.menu-toggle{
  display:none;flex-direction:column;gap:5px;
  padding:8px;background:transparent;
  border:1.5px solid var(--red-600);border-radius:var(--radius-sm);
}
.menu-toggle span{width:22px;height:2px;background:var(--red-500);transition:.3s}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ============================================
   HERO SECTION
   ============================================ */
.hero{
  position:relative;padding:70px 0 90px;
  background-image:
    linear-gradient(135deg, rgba(10,14,39,.88) 0%, rgba(107,0,0,.75) 60%, rgba(30,58,138,.8) 100%),
    url("https://pkvgames.asia/img/slide1.jpg");
  background-size:cover;background-position:center;background-attachment:fixed;
  overflow:hidden;
  border-bottom:2px solid rgba(220,38,38,.3);
}

/* Spider web corners on hero */
.hero::before,.hero::after{
  content:"";position:absolute;width:240px;height:240px;pointer-events:none;
  background-repeat:no-repeat;background-size:contain;
  opacity:.6;
}
.hero::before{
  top:0;left:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23ef4444' stroke-width='1' opacity='.9'><path d='M0 0 L200 200 M0 30 L170 200 M0 60 L140 200 M0 90 L110 200 M0 120 L80 200 M30 0 L200 170 M60 0 L200 140 M90 0 L200 110 M120 0 L200 80'/><path d='M30 30 Q100 40 170 30 Q160 100 170 170 Q100 160 30 170 Q40 100 30 30 Z'/><path d='M60 60 Q100 70 140 60 Q130 100 140 140 Q100 130 60 140 Q70 100 60 60 Z'/><path d='M90 90 Q100 95 110 90 Q105 100 110 110 Q100 105 90 110 Q95 100 90 90 Z'/></g></svg>");
}
.hero::after{
  bottom:0;right:0;transform:scaleX(-1) scaleY(-1);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%232563eb' stroke-width='1' opacity='.9'><path d='M0 0 L200 200 M0 30 L170 200 M0 60 L140 200 M0 90 L110 200 M0 120 L80 200 M30 0 L200 170 M60 0 L200 140 M90 0 L200 110 M120 0 L200 80'/><path d='M30 30 Q100 40 170 30 Q160 100 170 170 Q100 160 30 170 Q40 100 30 30 Z'/><path d='M60 60 Q100 70 140 60 Q130 100 140 140 Q100 130 60 140 Q70 100 60 60 Z'/></g></svg>");
}

.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;
  position:relative;z-index:2;
}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-accent);font-size:12px;letter-spacing:3px;text-transform:uppercase;
  padding:8px 14px;margin-bottom:20px;
  background:rgba(220,38,38,.15);
  border:1px solid var(--red-500);border-radius:40px;
  color:var(--red-400);
  backdrop-filter:blur(6px);
}
.hero-eyebrow::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--red-500);
  box-shadow:0 0 10px var(--red-500);
  animation:pulse 1.6s ease-in-out infinite;
}
@keyframes pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.8)}
}

.hero h1{
  font-family:var(--font-display);
  font-size:clamp(42px,6.5vw,82px);
  line-height:.95;letter-spacing:1.5px;
  color:var(--ink);
  text-transform:uppercase;
  margin-bottom:18px;
  text-shadow:0 4px 30px rgba(0,0,0,.8);
}
.hero h1 .accent{
  background:linear-gradient(90deg,var(--red-500) 0%,var(--red-400) 50%,var(--blue-500) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  display:inline-block;
  position:relative;
}
.hero h1 .accent::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;
  background:linear-gradient(90deg,var(--red-500),var(--blue-500));
  box-shadow:0 0 15px var(--red-500);
}

.hero p{
  font-size:17px;max-width:520px;
  color:var(--ink-dim);margin-bottom:32px;
  line-height:1.65;
}
.hero p strong{color:var(--ink)}

.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.btn-hero-primary{
  padding:16px 32px;font-size:15px;
  background:linear-gradient(135deg,var(--red-600) 0%, var(--red-500) 100%);
  color:#fff;
  box-shadow:0 8px 24px rgba(220,38,38,.5), inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-hero-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(220,38,38,.7), inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-hero-secondary{
  padding:16px 32px;font-size:15px;
  background:rgba(30,58,138,.2);
  border:1.5px solid var(--blue-500);
  color:var(--ink);
  backdrop-filter:blur(8px);
}
.btn-hero-secondary:hover{
  background:var(--blue-600);
  box-shadow:var(--shadow-blue);
  transform:translateY(-3px);
}

/* Hero image */
.hero-img-wrap{
  position:relative;display:flex;justify-content:center;align-items:center;
  min-height:420px;
}
.hero-img-wrap::before{
  content:"";position:absolute;inset:-10%;
  background:
    radial-gradient(circle at 50% 50%, rgba(220,38,38,.4), transparent 60%),
    radial-gradient(circle at 50% 50%, rgba(37,99,235,.3), transparent 70%);
  filter:blur(30px);
  animation:heroGlow 4s ease-in-out infinite alternate;
}
@keyframes heroGlow{
  from{transform:scale(.9);opacity:.7}
  to{transform:scale(1.1);opacity:1}
}
.hero-img-wrap img{
  position:relative;z-index:2;
  max-height:480px;width:auto;
  filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 60px rgba(220,38,38,.3));
  animation:float 6s ease-in-out infinite;
}
@keyframes float{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-18px) rotate(1deg)}
}

/* Hanging spider with real image */
.hanging-spider{
  position:absolute;
  top:-20px;
  right:10%;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  transform-origin:50% 0;
  animation:swing 4s ease-in-out infinite;
  pointer-events:none;
}
.hanging-spider__thread{
  width:3px;
  height:170px;
  background:linear-gradient(180deg, transparent 0%, rgba(229,231,235,.8) 100%);
  opacity:.85;
}
.hanging-spider__img{
  display:block;
  width:110px;
  height:auto;
  margin-top:-6px;
  filter:drop-shadow(0 6px 14px rgba(220,38,38,.55)) drop-shadow(0 0 22px rgba(0,0,0,.6));
}
@keyframes swing{
  0%,100%{transform:rotate(-4deg)}
  50%{transform:rotate(4deg)}
}

/* ============================================
   SECTION HEADINGS
   ============================================ */
.section{padding:80px 0;position:relative}
.section-head{text-align:center;margin-bottom:50px;position:relative}
.section-label{
  display:inline-block;
  font-family:var(--font-accent);font-size:12px;letter-spacing:4px;
  color:var(--red-500);text-transform:uppercase;margin-bottom:12px;
}
.section-label::before,.section-label::after{
  content:"";display:inline-block;width:36px;height:1px;
  background:var(--red-500);vertical-align:middle;margin:0 12px;
  box-shadow:0 0 8px var(--red-500);
}
.section-title{
  font-family:var(--font-display);
  font-size:clamp(34px,4.5vw,52px);
  letter-spacing:2px;text-transform:uppercase;
  color:var(--ink);line-height:1;
}
.section-title em{
  font-style:normal;color:var(--red-500);
  text-shadow:0 0 20px rgba(220,38,38,.5);
}

/* ============================================
   GAMES GRID
   ============================================ */
.games-section{position:relative}
.games-section::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:80%;max-width:600px;height:2px;
  background:linear-gradient(90deg,transparent,var(--red-500),transparent);
  box-shadow:0 0 12px var(--red-500);
}

.games-grid{
  display:grid;gap:18px;
  grid-template-columns:repeat(4, 1fr);
}
.game-card{
  position:relative;
  background:linear-gradient(135deg, rgba(15,22,56,.9) 0%, rgba(10,14,39,.95) 100%);
  border:1px solid rgba(30,58,138,.5);
  border-radius:var(--radius-md);
  padding:18px 14px 16px;
  overflow:hidden;
  transition:all .4s cubic-bezier(.4,0,.2,1);
  cursor:pointer;
}
.game-card::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at top left, rgba(220,38,38,.15), transparent 50%),
    radial-gradient(circle at bottom right, rgba(37,99,235,.12), transparent 50%);
  opacity:0;transition:opacity .4s;
}
.game-card::after{
  content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;
  border-radius:var(--radius-md);
  background:linear-gradient(135deg,var(--red-500),var(--blue-500));
  z-index:-1;opacity:0;transition:opacity .4s;
}
.game-card:hover{
  transform:translateY(-8px);
  border-color:var(--red-500);
  box-shadow:0 20px 40px rgba(0,0,0,.5), 0 0 30px rgba(220,38,38,.3);
}
.game-card:hover::before{opacity:1}
.game-card:hover .game-card__img img{transform:scale(1.08) rotate(-2deg)}

.game-card__img{
  position:relative;aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;
}
.game-card__img img{
  max-width:100%;max-height:100%;object-fit:contain;
  transition:transform .5s cubic-bezier(.4,0,.2,1);
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.5));
}
.game-card__badge{
  position:absolute;top:-6px;right:-6px;
  width:56px;height:auto;z-index:4;
  filter:drop-shadow(0 2px 8px rgba(220,38,38,.6));
  animation:wiggle 2s ease-in-out infinite;
}
@keyframes wiggle{
  0%,100%{transform:rotate(-6deg) scale(1)}
  50%{transform:rotate(6deg) scale(1.05)}
}
.game-card__name{
  font-family:var(--font-accent);
  font-size:13px;letter-spacing:1px;
  color:var(--ink);text-transform:uppercase;
  text-align:center;
  position:relative;z-index:2;
}

/* ============================================
   ARTICLE SECTION
   ============================================ */
.article-section{
  position:relative;
  background:
    linear-gradient(180deg, rgba(5,8,20,.6) 0%, rgba(10,14,39,.9) 50%, rgba(5,8,20,.6) 100%);
  padding:90px 0;
  border-top:1px solid rgba(37,99,235,.25);
  border-bottom:1px solid rgba(37,99,235,.25);
  overflow:hidden;
}
.article-section::before,
.article-section::after{
  content:"";position:absolute;width:280px;height:280px;pointer-events:none;
  background-repeat:no-repeat;background-size:contain;opacity:.35;
}
.article-section::before{
  top:-40px;right:-40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%23b91c1c' stroke-width='.8'><line x1='100' y1='100' x2='100' y2='0'/><line x1='100' y1='100' x2='170' y2='30'/><line x1='100' y1='100' x2='200' y2='100'/><line x1='100' y1='100' x2='170' y2='170'/><line x1='100' y1='100' x2='100' y2='200'/><line x1='100' y1='100' x2='30' y2='170'/><line x1='100' y1='100' x2='0' y2='100'/><line x1='100' y1='100' x2='30' y2='30'/><circle cx='100' cy='100' r='30' /><circle cx='100' cy='100' r='55' /><circle cx='100' cy='100' r='80' /><circle cx='100' cy='100' r='100' /></g></svg>");
}
.article-section::after{
  bottom:-40px;left:-40px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='none' stroke='%232563eb' stroke-width='.8'><line x1='100' y1='100' x2='100' y2='0'/><line x1='100' y1='100' x2='170' y2='30'/><line x1='100' y1='100' x2='200' y2='100'/><line x1='100' y1='100' x2='170' y2='170'/><line x1='100' y1='100' x2='100' y2='200'/><line x1='100' y1='100' x2='30' y2='170'/><line x1='100' y1='100' x2='0' y2='100'/><line x1='100' y1='100' x2='30' y2='30'/><circle cx='100' cy='100' r='30' /><circle cx='100' cy='100' r='55' /><circle cx='100' cy='100' r='80' /><circle cx='100' cy='100' r='100' /></g></svg>");
}

.article-wrap{
  max-width:820px;margin:0 auto;
  background:rgba(10,14,39,.6);
  border:1px solid rgba(185,28,28,.3);
  border-radius:var(--radius-lg);
  padding:50px 44px;
  position:relative;
  backdrop-filter:blur(10px);
  box-shadow:0 20px 60px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);
}
.article-wrap::before{
  content:"";position:absolute;top:-2px;left:15%;right:15%;height:2px;
  background:linear-gradient(90deg,transparent,var(--red-500),transparent);
  box-shadow:0 0 10px var(--red-500);
}
.article-wrap h2{
  font-family:var(--font-display);
  font-size:clamp(28px,3.5vw,42px);
  letter-spacing:1.5px;text-transform:uppercase;
  color:var(--ink);margin-bottom:24px;line-height:1.1;
  position:relative;padding-bottom:18px;
}
.article-wrap h2::after{
  content:"";position:absolute;left:0;bottom:0;width:80px;height:3px;
  background:linear-gradient(90deg,var(--red-500),var(--blue-500));
  box-shadow:0 0 10px var(--red-500);
}
.article-wrap h2 span{color:var(--red-500)}
.article-wrap p{
  font-size:16px;color:#d1d5db;line-height:1.8;margin-bottom:18px;
}
.article-wrap p:last-child{margin-bottom:0}
.article-wrap strong{color:var(--red-400)}
.article-wrap em{color:var(--blue-400);font-style:normal;font-weight:600}

/* ============================================
   FAQ SECTION
   ============================================ */
.faq-section{position:relative;padding:90px 0;overflow:hidden}
.faq-section::before{
  content:"";position:absolute;top:10%;left:50%;transform:translateX(-50%);
  width:600px;height:600px;pointer-events:none;opacity:.08;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><g fill='none' stroke='%23ef4444' stroke-width='.6'><line x1='200' y1='200' x2='200' y2='0'/><line x1='200' y1='200' x2='340' y2='60'/><line x1='200' y1='200' x2='400' y2='200'/><line x1='200' y1='200' x2='340' y2='340'/><line x1='200' y1='200' x2='200' y2='400'/><line x1='200' y1='200' x2='60' y2='340'/><line x1='200' y1='200' x2='0' y2='200'/><line x1='200' y1='200' x2='60' y2='60'/><circle cx='200' cy='200' r='40'/><circle cx='200' cy='200' r='80'/><circle cx='200' cy='200' r='120'/><circle cx='200' cy='200' r='160'/><circle cx='200' cy='200' r='200'/></g></svg>");
  background-size:contain;background-position:center;background-repeat:no-repeat;
}

.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.faq-item{
  background:linear-gradient(135deg, rgba(15,22,56,.85) 0%, rgba(10,14,39,.95) 100%);
  border:1px solid rgba(37,99,235,.35);
  border-radius:var(--radius-md);
  overflow:hidden;position:relative;
  transition:all .3s ease;
}
.faq-item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--red-500),var(--blue-500));
  transform:scaleY(0);transform-origin:top;transition:transform .4s;
}
.faq-item.open::before{transform:scaleY(1)}
.faq-item.open{border-color:var(--red-500);box-shadow:0 10px 30px rgba(0,0,0,.4)}

.faq-q{
  width:100%;text-align:left;
  padding:20px 26px 20px 34px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  font-family:var(--font-accent);
  font-size:15px;color:var(--ink);
  transition:color .25s;
}
.faq-q:hover{color:var(--red-400)}
.faq-icon{
  flex-shrink:0;width:30px;height:30px;border-radius:50%;
  background:rgba(220,38,38,.15);
  border:1px solid var(--red-500);
  display:flex;align-items:center;justify-content:center;
  color:var(--red-400);font-size:14px;font-family:var(--font-body);
  transition:all .3s;
}
.faq-item.open .faq-icon{
  background:var(--red-500);color:#fff;
  transform:rotate(180deg);
  box-shadow:0 0 15px var(--red-500);
}
.faq-a{
  max-height:0;overflow:hidden;
  transition:max-height .5s ease, padding .4s ease;
  padding:0 26px 0 34px;
  color:#d1d5db;font-size:15px;line-height:1.75;
}
.faq-item.open .faq-a{
  max-height:400px;padding:0 26px 22px 34px;
}

/* ============================================
   FOOTER
   ============================================ */
.site-footer{
  position:relative;
  background:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-950) 100%);
  border-top:2px solid var(--red-700);
  padding:60px 0 30px;
  margin-top:40px;
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--red-500),var(--blue-500),var(--red-500),transparent);
  box-shadow:0 0 20px var(--red-500);
}

.footer-grid{
  display:grid;gap:40px;
  grid-template-columns:1.2fr 1fr 1fr;
  margin-bottom:36px;
}
.footer-col h3{
  font-family:var(--font-accent);
  font-size:13px;letter-spacing:3px;text-transform:uppercase;
  color:var(--red-500);margin-bottom:20px;
  position:relative;padding-bottom:10px;
}
.footer-col h3::after{
  content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;
  background:var(--red-500);box-shadow:0 0 8px var(--red-500);
}
.footer-col p{color:#9ca3af;font-size:14px;line-height:1.7;margin-bottom:14px}

.map-wrap{
  border-radius:var(--radius-md);overflow:hidden;
  border:1px solid rgba(37,99,235,.35);
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.map-wrap iframe{width:100%;height:180px;border:0;display:block;filter:grayscale(.35) hue-rotate(180deg) invert(.9)}

.social-row{display:flex;gap:10px;flex-wrap:wrap}
.social-btn{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(30,58,138,.25);
  border:1px solid var(--blue-500);
  color:var(--ink);transition:all .3s;
}
.social-btn:hover{
  background:var(--red-600);border-color:var(--red-500);
  transform:translateY(-3px) rotate(8deg);
  box-shadow:var(--shadow-red);
}
.social-btn svg{width:18px;height:18px;fill:currentColor}

.bank-row{display:flex;gap:8px;flex-wrap:wrap}
.bank-chip{
  padding:7px 12px;
  background:linear-gradient(135deg,rgba(15,22,56,.9),rgba(10,14,39,.9));
  border:1px solid rgba(220,38,38,.35);
  border-radius:var(--radius-sm);
  font-family:var(--font-accent);
  font-size:11px;letter-spacing:1.5px;
  color:var(--ink);text-transform:uppercase;
  transition:all .3s;
}
.bank-chip:hover{
  border-color:var(--red-500);
  color:var(--red-400);
  box-shadow:0 0 12px rgba(220,38,38,.3);
}

.footer-bottom{
  border-top:1px solid rgba(185,28,28,.25);
  padding-top:22px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  color:#6b7280;font-size:13px;
}
.footer-bottom strong{color:var(--red-500)}

/* ============================================
   LIVECHAT FLOATING
   ============================================ */
.livechat-fab{
  position:fixed;bottom:24px;right:24px;z-index:100;
  width:64px;height:64px;border-radius:50%;
  background:linear-gradient(135deg,var(--red-600),var(--red-500));
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  box-shadow:0 8px 24px rgba(220,38,38,.5), 0 0 0 0 rgba(220,38,38,.7);
  animation:fabPulse 2.2s ease-in-out infinite;
  transition:transform .3s;
}
.livechat-fab:hover{transform:scale(1.12) rotate(-8deg)}
.livechat-fab svg{width:28px;height:28px;fill:currentColor}
.livechat-fab::after{
  content:"CHAT";
  position:absolute;top:-6px;right:-6px;
  background:var(--blue-600);color:#fff;
  font-family:var(--font-accent);font-size:9px;letter-spacing:1px;
  padding:3px 7px;border-radius:8px;
  border:1px solid var(--ink);
}
@keyframes fabPulse{
  0%,100%{box-shadow:0 8px 24px rgba(220,38,38,.5), 0 0 0 0 rgba(220,38,38,.7)}
  50%{box-shadow:0 8px 24px rgba(220,38,38,.5), 0 0 0 16px rgba(220,38,38,0)}
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 960px){
  .main-nav,.btn-login{display:none}
  .menu-toggle{display:flex}
  .nav-wrap{gap:10px}
  .main-nav.mobile-open{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;top:100%;left:0;right:0;
    background:var(--navy-900);
    padding:14px 5%;
    border-bottom:1px solid var(--red-600);
    box-shadow:0 10px 30px rgba(0,0,0,.5);
  }
  .main-nav.mobile-open a{
    padding:14px 0;
    border-bottom:1px solid rgba(185,28,28,.2);
  }
  .main-nav.mobile-open a:last-child{border-bottom:none}
  .main-nav.mobile-open a::before{display:none}

  .hero{padding:50px 0 60px;background-attachment:scroll}
  .hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .hero p{margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
  .hero-img-wrap{min-height:320px}
  .hero-img-wrap img{max-height:360px}
  .hanging-spider{display:none}

  .games-grid{grid-template-columns:repeat(3, 1fr);gap:12px}
  .game-card{padding:14px 10px 12px}
  .game-card__name{font-size:11px}
  .game-card__badge{width:44px}

  .section{padding:60px 0}
  .article-wrap{padding:36px 24px}
  .article-wrap h2{font-size:26px}

  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;text-align:center}

  .livechat-fab{width:56px;height:56px;bottom:18px;right:18px}
  .livechat-fab svg{width:24px;height:24px}
}

@media (max-width: 560px){
  .games-grid{grid-template-columns:repeat(2, 1fr)}
  .btn-register{padding:10px 16px;font-size:12px}
  .logo img{height:40px}
  .logo-text{display:none}
  .hero-cta{flex-direction:column;width:100%}
  .hero-cta .btn{width:100%}
  .article-wrap{padding:28px 18px}
  .faq-q{padding:16px 18px 16px 24px;font-size:13px}
  .faq-item.open .faq-a,.faq-a{padding-left:24px;padding-right:18px}
}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
</style>
</head>
<body>

<!-- ============================================
     HEADER
     ============================================ -->
<header class="site-header">
  <div class="container nav-wrap">
    <a href="#" class="logo" aria-label="AhliQQ Home">
      <img src="https://pkvgames.asia/img/ahliqq.webp" alt="ahliqq">
    </a>

    <nav class="main-nav" id="mainNav" aria-label="Main Navigation">
      <a href="#beranda">Beranda</a>
      <a href="#game">Game</a>
      <a href="#artikel">Artikel</a>
      <a href="#faq">FAQ</a>
      <a href="#kontak">Kontak</a>
    </nav>

    <div class="auth-buttons">
      <a class="btn btn-login" href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer">Login</a>
      <a class="btn btn-register" href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer">Daftar</a>
      <button class="menu-toggle" id="menuToggle" aria-label="Toggle menu" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
    </div>
  </div>
</header>

<!-- ============================================
     HERO
     ============================================ -->
<section class="hero" id="beranda">
  <div class="container hero-grid">
    <div class="hero-text reveal">
      <span class="hero-eyebrow">Situs Pkv Games Resmi Indonesia</span>
      <h1>Situs <span class="accent">Pkv Games</span> Qiu Qiu Terbaik</h1>
      <p>Qiu qiu merupakan salah satu permainan di situs pkv games resmi seperti ahliqq yang banyak diminati para pemain judi qq online. Rasakan pengalaman bermain game domino99 seru disini!</p>
      <div class="hero-cta">
        <a class="btn btn-hero-primary" href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer">Daftar Sekarang</a>
        <a class="btn btn-hero-secondary" href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer">Login Member</a>
      </div>
    </div>

    <div class="hero-img-wrap reveal">
      <div class="hanging-spider" aria-hidden="true">
        <div class="hanging-spider__thread"></div>
        <img src="https://pkvgames.asia/img/hangingspider2.png" alt="" class="hanging-spider__img">
      </div>
      <img src="https://pkvgames.asia/img/bandarqq.png" alt="AhliQQ Gaming Hero Mascot">
    </div>
  </div>
</section>

<!-- ============================================
     POPULAR GAMES
     ============================================ -->
<section class="section games-section" id="game">
  <div class="container">
    <div class="section-head reveal">
      <span class="section-label">Paling Dicari</span>
      <h2 class="section-title">Game <em>Terpopuler</em></h2>
    </div>

    <div class="games-grid">
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img">
          <img src="https://pkvgames.asia/img/hot.gif" alt="Hot" class="game-card__badge">
          <img src="https://pkvgames.asia/img/dominoqq.png" alt="DominoQQ">
        </div>
        <div class="game-card__name">DominoQQ</div>
      </a>

      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img">
          <img src="https://pkvgames.asia/img/hot.gif" alt="Hot" class="game-card__badge">
          <img src="https://pkvgames.asia/img/bandarqq.png" alt="BandarQQ">
        </div>
        <div class="game-card__name">BandarQQ</div>
      </a>

      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img">
          <img src="https://pkvgames.asia/img/hot.gif" alt="Hot" class="game-card__badge">
          <img src="https://pkvgames.asia/img/poker online.png" alt="Poker Online">
        </div>
        <div class="game-card__name">Poker Online</div>
      </a>

      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img">
          <img src="https://pkvgames.asia/img/hot.gif" alt="Hot" class="game-card__badge">
          <img src="https://pkvgames.asia/img/afb slot.png" alt="AFB Slot">
        </div>
        <div class="game-card__name">AFB Slot</div>
      </a>
    </div>
  </div>
</section>

<!-- ============================================
     OTHER GAMES
     ============================================ -->
<section class="section games-section">
  <div class="container">
    <div class="section-head reveal">
      <span class="section-label">Selengkapnya</span>
      <h2 class="section-title">Game <em>Lainnya</em></h2>
    </div>

    <div class="games-grid">
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/adu qq.png" alt="Adu QQ"></div>
        <div class="game-card__name">Adu QQ</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/adu sakong.png" alt="Adu Sakong"></div>
        <div class="game-card__name">Adu Sakong</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/afb live casino.png" alt="AFB Live Casino"></div>
        <div class="game-card__name">AFB Live Casino</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/bandar poker.png" alt="Bandar Poker"></div>
        <div class="game-card__name">Bandar Poker</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/bandar66.png" alt="Bandar66"></div>
        <div class="game-card__name">Bandar66</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/bd koprok.png" alt="Bandar Koprok"></div>
        <div class="game-card__name">BD Koprok</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/bd qq.png" alt="Bandar QQ"></div>
        <div class="game-card__name">BD QQ</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/capsa susun.png" alt="Capsa Susun"></div>
        <div class="game-card__name">Capsa Susun</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/gaple.png" alt="Gaple"></div>
        <div class="game-card__name">Gaple</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/perang baccarat.png" alt="Perang Baccarat"></div>
        <div class="game-card__name">Perang Baccarat</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/perang dadu.png" alt="Perang Dadu"></div>
        <div class="game-card__name">Perang Dadu</div>
      </a>
      <a href="https://l.linklyhq.com/l/1r2l1" target="_blank" rel="nofollow noopener noreferrer" class="game-card reveal">
        <div class="game-card__img"><img src="https://pkvgames.asia/img/sakong.png" alt="Sakong"></div>
        <div class="game-card__name">Sakong</div>
      </a>
    </div>
  </div>
</section>

<!-- ============================================
     ARTICLE
     ============================================ -->
<section class="article-section" id="artikel">
  <div class="container">
    <div class="article-wrap reveal">
      <h2>Memilih Situs Pkv Games Terpercaya Untuk Bermain Qiu Qiu</h2>
      <p>Di tengah banyaknya pilihan situs pkv qq di internet, pemain biasanya tidak cuma cari tampilan yang menarik, tapi juga cari platform yang jelas, stabil, dan enak dipakai. Itulah kenapa keyword seperti <a href="https://pkvgames.asia/" ><strong>qiu qiu</strong></a>, pkv games, qq online, bandarqq, sampai dominoqq masih terus banyak dicari. Buat pemain yang sudah cukup lama mengikuti game kartu online, pengalaman bermain bukan cuma soal menang atau kalah, tapi soal kenyamanan akses, kecepatan sistem, dan kejelasan fitur yang disediakan. Dalam konteks ini, situs seperti <a href="https://pkvgames.asia/" ><strong>ahliqq</strong></a> sering dicari karena merupakan pilihan tepat untuk bermain qiu qiu.</p>
      <p>Kalau ngomongin <a href="https://pkvgames.asia/" ><strong>pkv games</strong></a>, sebagian besar pemain biasanya datang karena ingin menikmati permainan kartu online yang sudah dikenal luas, termasuk qiu qiu, dominoqq, dan beberapa variasi game kartu gaple lainnya. Tapi di era sekarang, pemain makin kritis. Mereka tidak cukup hanya melihat promosi, melainkan juga memperhatikan apakah halaman situs pkv tersebut punya informasi yang lengkap, layanan bantuan yang responsif, proses login yang mudah, serta sistem yang tidak membingungkan untuk pemain baru.</p>
      <p>Bagi banyak pemain, memilih platform qq online juga berarti memilih tempat bermain yang terasa aman dan konsisten. Karena itu, pencarian untuk keyword seperti bandarqq dan ahliqq biasanya bukan cuma soal brand, tapi soal kepercayaan. Pemain ingin tahu apakah situs tersebut punya reputasi yang baik, apakah permainannya berjalan stabil, dan apakah customer service benar-benar membantu saat ada kendala. </p>
    </div>
  </div>
</section>

<!-- ============================================
     FAQ
     ============================================ -->
<section class="section faq-section" id="faq">
  <div class="container">
    <div class="section-head reveal">
      <span class="section-label">Tanya Jawab</span>
      <h2 class="section-title">FAQ <em>AhliQQ</em></h2>
    </div>

    <div class="faq-list">
      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">
          <span>1. Apa itu permainan pkv games qiu qiu?</span>
          <span class="faq-icon">▾</span>
        </button>
        <div class="faq-a">
          <p>Qiu qiu adalah salah satu permainan kartu yang paling sering dicari di server pkv games. Game ini dikenal simpel untuk dipahami, tapi tetap butuh strategi dan ketelitian saat bermain. Karena itu, banyak pemain pemula maupun lama mencari situs pkv yang menyediakan tampilan game yang simple dan mudah diakses.</p>
        </div>
      </div>

      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">
          <span>2. Kenapa ahliqq banyak dipercaya oleh pemain qq online?</span>
          <span class="faq-icon">▾</span>
        </button>
        <div class="faq-a">
          <p>Karena ahliqq adalah situs pkv games resmi yang sudah belasan tahun bergelut di bidang ini dan sudah dipercaya oleh ribuan member sebagai tempat bermain yang aman dan nyaman.</p>
        </div>
      </div>

      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">
          <span>3. Apa bedanya pkv games dan provider lain?</span>
          <span class="faq-icon">▾</span>
        </button>
        <div class="faq-a">
          <p>Pkv games adalah provider yang sudah sangat populer di asia. Sistem permainan, timing, dan tampilan yang mudah dimengerti menjadi point yang membuat pkv games sangat unggul dari provider lain.</p>
        </div>
      </div>

      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">
          <span>4. Apakah game bandarqq bisa dimainkan di android?</span>
          <span class="faq-icon">▾</span>
        </button>
        <div class="faq-a">
          <p>Tentu bisa! Semua permainan pkv games bisa dimainkan di android melalui aplikasi pkv games apk. Anda bisa download aplikasi ini dari halaman resmi ahliqq.</p>
        </div>
      </div>

      <div class="faq-item reveal">
        <button class="faq-q" aria-expanded="false">
          <span>5. Kenapa harus pilih AhliQQ dibanding situs pkv games lain?</span>
          <span class="faq-icon">▾</span>
        </button>
        <div class="faq-a">
          <p>Bermain di situs yang salah, akan berakibat fatal untuk kamu. Salah satunya adalah kemenangan yang tidak dibayar. Namun di ahliqq, sebanyak apapun kamu withdraw atau menang, sudah terbukti pasti dibayar!</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ============================================
     FOOTER
     ============================================ -->
<footer class="site-footer" id="kontak">
  <div class="container">
    <div class="footer-grid">

      <div class="footer-col">
        <h3>Tentang AhliQQ</h3>
        <p>AhliQQ adalah situs <strong style="color:#ef4444">pkv games</strong> resmi yang menyediakan permainan <strong style="color:#ef4444">qiu qiu</strong>, <strong style="color:#ef4444">dominoqq</strong>, atau <strong style="color:#ef4444">qq online</strong> di seluruh Indonesia. Main di server terbaik untuk merasakan sensasi game terbaik!</p>
        <div class="map-wrap" aria-label="Lokasi AhliQQ">
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31693.53203075276!2d106.82271284999999!3d-6.1753924!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f5390d8fb1c7%3A0x2e69f78cafb45fb!2sJakarta!5e0!3m2!1sen!2sid!4v1700000000000" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Peta Lokasi AhliQQ"></iframe>
        </div>
      </div>

      <div class="footer-col">
        <h3>Ikuti Kami</h3>
        <p>Stay connected biar nggak ketinggalan info bonus dan event seru dari AhliQQ.</p>
        <div class="social-row">
          <a href="#" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="Facebook">
            <svg viewBox="0 0 24 24"><path d="M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12Z"/></svg>
          </a>
          <a href="#" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="Instagram">
            <svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 3.3.1 4.8 1.7 5 5 .1 1.3.1 1.6.1 4.9s0 3.6-.1 4.9c-.2 3.3-1.7 4.8-5 5-1.3.1-1.6.1-4.9.1s-3.6 0-4.9-.1c-3.3-.2-4.8-1.7-5-5C2 15.6 2 15.3 2 12s0-3.6.1-4.9c.2-3.3 1.7-4.8 5-5C8.4 2.2 8.8 2.2 12 2.2Zm0 3.3a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm0 10.7a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4Zm6.8-10.9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/></svg>
          </a>
          <a href="#" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="Twitter X">
            <svg viewBox="0 0 24 24"><path d="M18.9 2H22l-7.4 8.5L23 22h-6.8l-5.3-7-6.1 7H1.6l7.9-9L1 2h7l4.8 6.3L18.9 2Zm-1.2 18h1.9L7.5 4H5.5l12.2 16Z"/></svg>
          </a>
          <a href="#" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="YouTube">
            <svg viewBox="0 0 24 24"><path d="M23 7.3c-.3-1-1-1.8-2-2.1C19.3 5 12 5 12 5s-7.3 0-9 .2c-1 .3-1.7 1.1-2 2.1C.8 9 .8 12 .8 12s0 3 .2 4.7c.3 1 1 1.8 2 2.1 1.7.2 9 .2 9 .2s7.3 0 9-.2c1-.3 1.7-1.1 2-2.1.2-1.7.2-4.7.2-4.7s0-3-.2-4.7ZM9.6 15.4V8.6l6 3.4-6 3.4Z"/></svg>
          </a>
          <a href="#" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="Telegram">
            <svg viewBox="0 0 24 24"><path d="M21.6 3.3 2.6 10.7c-1.3.5-1.3 1.3-.2 1.6l4.8 1.5 11.1-7c.5-.3 1-.2.6.2l-9 8.1-.3 4.7c.5 0 .7-.2 1-.5l2.3-2.2 4.9 3.6c.9.5 1.5.2 1.8-.8l3.2-15c.3-1.3-.5-1.9-1.4-1.6Z"/></svg>
          </a>
          <a href="https://l.linklyhq.com/l/1r5uh" target="_blank" rel="nofollow noopener noreferrer" class="social-btn" aria-label="WhatsApp">
            <svg viewBox="0 0 24 24"><path d="M20.5 3.5A11 11 0 0 0 3.2 17L2 22l5.2-1.4a11 11 0 0 0 5.3 1.4h.1a11 11 0 0 0 11-11c0-2.9-1.1-5.7-3.1-7.5Zm-8 16.9h-.1c-1.7 0-3.3-.5-4.7-1.3l-.3-.2-3.1.8.8-3-.2-.3a9.2 9.2 0 1 1 7.6 4Zm5-6.9c-.3-.1-1.7-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8.9-1 1.1-.2.2-.4.2-.7 0-2-.9-3.2-1.6-4.5-3.6-.3-.5.3-.5.9-1.6.1-.2 0-.4 0-.5s-.7-1.7-1-2.3c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1.1 1.1-1.1 2.7 0 1.6 1.2 3.2 1.3 3.4.2.2 2.3 3.6 5.7 5 2.1.9 3 1 4 .8.7-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.4Z"/></svg>
          </a>
        </div>
      </div>

      <div class="footer-col">
        <h3>Metode Pembayaran</h3>
        <p>Dukungan deposit &amp; withdraw dari semua bank dan e-wallet favorit di Indonesia.</p>
        <div class="bank-row">
          <span class="bank-chip">QRIS</span>
          <span class="bank-chip">DANA</span>
          <span class="bank-chip">GoPay</span>
          <span class="bank-chip">LinkAja</span>
          <span class="bank-chip">BCA</span>
          <span class="bank-chip">BNI</span>
          <span class="bank-chip">BRI</span>
          <span class="bank-chip">Mandiri</span>
          <span class="bank-chip">Danamon</span>
        </div>
      </div>

    </div>

    <div class="footer-bottom">
      <p>© <span id="year"></span> <strong>AhliQQ</strong>. Situs Pkv Games Dominoqq Resmi. All Rights Reserved.</p>
      <p>18+ Only · Main Bijak · Tahu Batasan Kamu</p>
    </div>
  </div>
</footer>

<!-- Livechat Floating -->
<a href="https://l.linklyhq.com/l/1r5uh" target="_blank" rel="nofollow noopener noreferrer" class="livechat-fab" aria-label="Live Chat AhliQQ">
  <svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 0 0-8.6 15l-1.3 4.6 4.8-1.3A10 10 0 1 0 12 2Zm-4 9a1.2 1.2 0 1 1 0 2.4A1.2 1.2 0 0 1 8 11Zm4 0a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Zm4 0a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z"/></svg>
</a>

<script>
// ----- Current year -----
document.getElementById('year').textContent = new Date().getFullYear();

// ----- Mobile nav toggle -----
const menuBtn = document.getElementById('menuToggle');
const mainNav = document.getElementById('mainNav');
menuBtn.addEventListener('click', () => {
  const open = mainNav.classList.toggle('mobile-open');
  menuBtn.classList.toggle('active', open);
  menuBtn.setAttribute('aria-expanded', open);
});
mainNav.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {
  mainNav.classList.remove('mobile-open');
  menuBtn.classList.remove('active');
  menuBtn.setAttribute('aria-expanded', 'false');
}));

// ----- FAQ accordion -----
document.querySelectorAll('.faq-item').forEach(item => {
  const btn = item.querySelector('.faq-q');
  btn.addEventListener('click', () => {
    const isOpen = item.classList.contains('open');
    document.querySelectorAll('.faq-item.open').forEach(o => {
      o.classList.remove('open');
      o.querySelector('.faq-q').setAttribute('aria-expanded','false');
    });
    if (!isOpen) {
      item.classList.add('open');
      btn.setAttribute('aria-expanded','true');
    }
  });
});

// ----- Scroll reveal -----
const io = new IntersectionObserver((entries) => {
  entries.forEach(e => {
    if (e.isIntersecting) {
      e.target.classList.add('visible');
      io.unobserve(e.target);
    }
  });
}, { threshold: 0.12 });
document.querySelectorAll('.reveal').forEach(el => io.observe(el));
</script>
</body>
</html>