<?php

// ==============================
// SEO X Ncyyy
// ==============================

$scheme = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? "https" : "http";
$host   = $_SERVER['HTTP_HOST'];
$path   = rtrim(parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH), '/');
$baseURL = $scheme . '://' . $host . $path . '/';

// ==============================
// Canonical, AMP, dan URL Github
// ==============================

$ampURL       = "https://sylvaine-303.pages.dev/";
$githubURL    = "https://cdn.jsdelivr.net/gh/dlupa4567-spec/cdn@main/w4.js";
$CanonicalURL = "https://sylvaine.fr/";

// ==============================
// Image & Icon
// ==============================

$image          = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNp9-XE8NRxRFh1HqYXzUvarUIQaLAi_qM2nEKsMryYyiiv86ZsidiccJu-GBm_DzZVQd8uvEMMM7JvQKKXdlnfXshTseNSmdp0DkSfFBxiaabs_d309Gl1NhNJqLcrwCAt_OIOogJEiimvzHk0axMqBxeo0SdlzlA66CnGIjKqbgciWYDGyAPHykTrY4/w640-h640/Desain%20tanpa%20judul%20(13).png";
$imageicon      = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9GKsfpDv4LF4WdKCJQHWMetT5uxzkXbTJF_LdsjmMXXVS-bV_Af6KbbB13zmYwr-WU9d4KmWTC9OfDd0fyw06XyortQW_i4j2ZQZRlMWWQT_zlVgKSQE7QDxHjCAsrmzK3Gqi3_7zHc74zoVWSV5QtAANN0lLhqr8BocOFHqs26Ny_UsNuxgTCsVwVdqA/w200-h200/13.jpg";
$title = "Akun Auto-Wangi di DOYAN303 – Slot Gacor Paling FYP & Viral";

// Description Lebih Panjang atau Buat 160 - 200 Karakter pas.
$description = "Mau akun kamu punya hoki tingkat tinggi? Join DOYAN303 sekarang. Situs paling estetik dengan fitur Scatter Hitam dan Petir Merah yang lagi tren di TikTok. Main asik, saldo melilit, gaya makin elit!";

$description2 = "DOYAN303 menghadirkan kemudahan bagi pemain yang ingin menikmati hiburan online melalui akses situs yang cepat dan sederhana. Dengan sistem login yang tidak rumit serta tampilan platform yang modern, DOYAN303 memungkinkan pengguna menjelajahi berbagai permainan menarik dengan lebih nyaman dari berbagai perangkat.";

$description3 = "Sebagai platform yang semakin banyak dicari, DOYAN303 menawarkan akses situs yang responsif dan mudah digunakan oleh berbagai kalangan pemain. Desain antarmuka yang sederhana namun tetap menarik membuat pengguna dapat dengan cepat menemukan berbagai permainan populer yang tersedia di dalam platform DOYAN303.";

$description4 = "Popularitas DOYAN303 terus meningkat karena dikenal memiliki sistem akses yang cepat serta tampilan website yang mudah dipahami. Didukung performa server yang stabil dan pilihan permainan yang beragam, DOYAN303 menjadi salah satu situs yang sering muncul dalam pencarian pengguna internet yang mencari platform bermain dengan akses praktis.";

$brand = "DOYAN303";

// Ratings and Reviews Buatkan Setidaknya lebih menyakinkan 

$name1 = "Aditya Pranata";
$review1 = "Saya mengenal DOYAN303 dari teman yang sering bermain game online. Setelah mencoba sendiri, proses daftar di DOYAN303 ternyata cukup cepat dan halaman situsnya juga ringan saat diakses melalui smartphone.";
$date1 = "2026-02-05";

$name2 = "Citra Lestari";
$review2 = "Menurut saya DOYAN303 merupakan situs yang praktis digunakan. Proses login tidak memakan waktu lama dan tampilan websitenya juga mudah dipahami oleh pemain baru.";
$date2 = "2026-02-10";

$name3 = "Rama Saputra";
$review3 = "Pengalaman saya menggunakan DOYAN303 cukup menyenangkan karena akses situsnya stabil. Menu navigasi di dalam platform juga jelas sehingga pengguna bisa langsung menemukan permainan yang tersedia.";
$date3 = "2026-02-14";

$name4 = "Nadya Kartika";
$review4 = "DOYAN303 memiliki desain website yang terlihat modern tetapi tetap sederhana. Saya bisa membuka DOYAN303 melalui HP tanpa kendala dan semua fitur terasa mudah dijelajahi.";
$date4 = "2026-02-18";

$name5 = "Fikri Ramadhan";
$review5 = "Beberapa teman merekomendasikan DOYAN303 karena situs ini dikenal mudah diakses. Setelah mencoba sendiri, saya merasa platform DOYAN303 memang cukup nyaman digunakan.";
$date5 = "2026-02-22";

$name6 = "Salsa Maharani";
$review6 = "Saya suka mengakses DOYAN303 karena tampilan situsnya rapi dan tidak membingungkan. Saat dibuka dari perangkat mobile, halaman DOYAN303 tetap cepat dimuat.";
$date6 = "2026-02-26";

$name7 = "Arga Pratama";
$review7 = "Menurut saya DOYAN303 cukup stabil ketika diakses kapan saja. Proses login juga cepat sehingga pemain bisa langsung melihat berbagai pilihan permainan yang tersedia.";
$date7 = "2026-03-01";

$name8 = "Maya Anggraini";
$review8 = "Saya menemukan DOYAN303 saat mencari situs populer yang sedang ramai dibicarakan. Setelah mencoba sendiri, ternyata DOYAN303 cukup mudah digunakan.";
$date8 = "2026-03-05";

$name9 = "Rendi Nugroho";
$review9 = "Salah satu hal yang saya sukai dari DOYAN303 adalah aksesnya yang praktis. Tampilan website terlihat bersih sehingga pengguna bisa langsung memahami menu yang tersedia.";
$date9 = "2026-03-08";

$name10 = "Putri Amelia";
$review10 = "Menurut saya DOYAN303 memang layak disebut situs yang sedang naik daun. Setelah login ke DOYAN303, saya bisa langsung menjelajahi berbagai fitur yang ada di dalam platform.";
$date10 = "2026-03-11";


// FAQ BRAND BUAT SETIDAKNYA PERTANYAAN YG BERKUALITAS LENGKAP DENGAN JAWABANNYA AGAK SEDIKT PANGJANG DAN MNYAKINKAN

$question1 = "Bagaimana cara menghubungi layanan bantuan di DOYAN303?";
$answer1 = "Jika pengguna mengalami kendala saat mengakses DOYAN303, tersedia layanan bantuan yang dapat dihubungi melalui fitur live chat pada halaman situs. Tim support DOYAN303 biasanya siap memberikan panduan terkait akun, proses login, maupun penggunaan fitur yang tersedia di dalam platform.";

$question2 = "Apakah proses transaksi di DOYAN303 mudah dilakukan?";
$answer2 = "DOYAN303 menyediakan sistem transaksi yang dirancang praktis sehingga pengguna dapat melakukan berbagai aktivitas seperti deposit maupun penarikan dana dengan langkah yang sederhana. Menu transaksi di dalam situs DOYAN303 juga tersusun rapi sehingga memudahkan member mengakses fitur keuangan.";

$question3 = "Mengapa DOYAN303 banyak dicari oleh pemain online?";
$answer3 = "Nama DOYAN303 semakin sering muncul dalam pencarian internet karena dikenal memiliki akses situs yang cepat serta tampilan platform yang mudah digunakan. Selain itu, berbagai pilihan permainan yang tersedia membuat DOYAN303 menjadi salah satu situs yang menarik perhatian banyak pemain online.";

$question4 = "Bagaimana cara menikmati permainan dengan nyaman di DOYAN303?";
$answer4 = "Agar pengalaman bermain di DOYAN303 terasa lebih menyenangkan, pengguna disarankan memahami terlebih dahulu menu yang tersedia di halaman utama situs. Dengan mengenal berbagai fitur yang ada, pemain dapat lebih mudah menjelajahi permainan yang tersedia di dalam platform.";

$question5 = "Apakah DOYAN303 cocok untuk pemain pemula?";
$answer5 = "DOYAN303 dirancang dengan tampilan antarmuka yang sederhana sehingga mudah dipahami oleh pemain baru. Setelah proses pendaftaran selesai, pengguna dapat langsung mengakses berbagai fitur serta permainan yang tersedia tanpa proses yang membingungkan.";

$question6 = "Apakah DOYAN303 menyediakan promo atau program khusus?";
$answer6 = "DOYAN303 sering menghadirkan berbagai program promo yang dapat dinikmati oleh para member. Informasi mengenai penawaran terbaru biasanya dapat dilihat langsung pada halaman utama situs DOYAN303 sehingga pengguna tidak ketinggalan program yang sedang berlangsung.";

$question7 = "Bagaimana sistem keamanan yang digunakan oleh DOYAN303?";
$answer7 = "DOYAN303 menggunakan sistem keamanan modern yang bertujuan melindungi data serta aktivitas pengguna saat mengakses platform. Dengan teknologi perlindungan tersebut, setiap aktivitas yang dilakukan di dalam akun dapat berjalan dengan lebih aman.";

$question8 = "Apakah DOYAN303 bisa diakses melalui smartphone?";
$answer8 = "Ya, situs DOYAN303 telah dioptimalkan untuk berbagai perangkat termasuk smartphone dan tablet. Dengan desain website yang responsif, pengguna tetap dapat mengakses DOYAN303 dengan nyaman baik melalui ponsel maupun komputer.";

$question9 = "Mengapa DOYAN303 sering dibicarakan di komunitas online?";
$answer9 = "Banyak pemain online membahas DOYAN303 di berbagai forum dan komunitas digital karena akses situsnya yang praktis serta pilihan permainan yang cukup beragam. Hal ini membuat nama DOYAN303 semakin dikenal oleh pengguna internet.";

$question10 = "Bagaimana cara memberikan masukan untuk pengembangan DOYAN303?";
$answer10 = "Pengguna dapat memberikan saran maupun masukan melalui layanan kontak yang tersedia di situs DOYAN303. Setiap masukan dari member biasanya menjadi bahan evaluasi agar layanan dan fitur yang tersedia di platform dapat terus berkembang.";


// BUAT TANGGAL RANDOM BIAR MENINGKAT SEPERTI INI TAHUN-BULAN-HARI
$dateschema1    = "2026-03-08";
$dateschema2    = "2026-03-15";
$dateschema3    = "2026-03-23";
$dateschema4    = "2026-03-26";
?>






<!doctype html>
<html lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <meta name="robots" content="index,follow,max-image-preview:large" />
  <meta name="theme-color" content="#5b21b6" />

  <title><?= htmlspecialchars($title); ?></title>
  <meta name="description" content="<?= htmlspecialchars($description); ?>" />
  <meta name="keywords" content="<?= htmlspecialchars($brand); ?>" />
  <link rel="canonical" href="<?= $CanonicalURL; ?>" />
  <link rel="amphtml" href="<?= $ampURL; ?>" />

  <link rel="icon" href="<?= $imageicon; ?>" />
  <link rel="apple-touch-icon" href="<?= $imageicon; ?>" />

  <!-- Open Graph -->
  <meta property="og:locale" content="id_ID" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="<?= htmlspecialchars($title); ?>" />
  <meta property="og:description" content="<?= htmlspecialchars($description); ?>" />
  <meta property="og:url" content="<?= $CanonicalURL; ?>" />
  <meta property="og:image" content="<?= $image; ?>" />
  <meta property="og:image:alt" content="<?= htmlspecialchars($brand); ?> - Banner" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="<?= htmlspecialchars($title); ?>" />
  <meta name="twitter:description" content="<?= htmlspecialchars($description); ?>" />
  <meta name="twitter:image" content="<?= $image; ?>" />

  <!-- Performance hints -->
  <link rel="preconnect" href="<?= $CanonicalURL; ?>" crossorigin />
  <link rel="preconnect" href="<?= $ampURL; ?>" crossorigin />

  <style>
    :root{
      --bg:#0b0516;
      --bg2:#120726;
      --card:rgba(255,255,255,.06);
      --card2:rgba(255,255,255,.08);
      --stroke:rgba(255,255,255,.12);
      --text:#f5f3ff;
      --muted:rgba(245,243,255,.75);
      --muted2:rgba(245,243,255,.55);
      --brand:#7c3aed; /* purple */
      --brand2:#a78bfa;
      --good:#22c55e;
      --warn:#f59e0b;
      --shadow: 0 14px 50px rgba(0,0,0,.35);
      --radius:18px;
      --radius2:14px;
      --max:1180px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
      color:var(--text);
      background:
        radial-gradient(1200px 600px at 20% -10%, rgba(124,58,237,.45), transparent 55%),
        radial-gradient(900px 500px at 90% 10%, rgba(167,139,250,.25), transparent 55%),
        radial-gradient(1100px 700px at 40% 120%, rgba(124,58,237,.25), transparent 60%),
        linear-gradient(180deg, var(--bg), var(--bg2));
      line-height:1.55;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto;display:block}
    .container{max-width:var(--max);margin:0 auto;padding:0 18px}
    .skip{
      position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden
    }
    .skip:focus{
      left:18px;top:18px;width:auto;height:auto;padding:10px 12px;
      background:#000;border:1px solid var(--stroke);border-radius:10px;z-index:9999
    }

    /* Top bar */
    header{
      position:sticky;top:0;z-index:50;
      backdrop-filter: blur(14px);
      background: linear-gradient(180deg, rgba(11,5,22,.85), rgba(11,5,22,.55));
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .topbar{
      display:flex;align-items:center;gap:14px;
      padding:14px 0;
    }
    .brand{
      display:flex;align-items:center;gap:10px;min-width:190px;
    }
    .brand img{
      width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      padding:6px;
    }
    .brand strong{font-size:14.5px;letter-spacing:.2px}
    .brand span{display:block;font-size:12px;color:var(--muted2)}
    .search{
      flex:1;
      display:flex;align-items:center;gap:10px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.10);
      border-radius:999px;
      padding:10px 12px;
      box-shadow: 0 10px 30px rgba(0,0,0,.18);
    }
    .search input{
      flex:1;
      background:transparent;border:0;outline:0;
      color:var(--text);
      font-size:14px;
    }
    .search input::placeholder{color:rgba(245,243,255,.55)}
    .pill{
      display:inline-flex;align-items:center;gap:8px;
      padding:10px 12px;border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:var(--text);
      font-size:13.5px;
      cursor:pointer;
      transition:.2s transform, .2s background;
      user-select:none;
      white-space:nowrap;
    }
    .pill:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
    .pill.primary{
      background:linear-gradient(135deg, rgba(124,58,237,.95), rgba(167,139,250,.8));
      border-color:rgba(255,255,255,.14);
      box-shadow: 0 14px 40px rgba(124,58,237,.25);
    }
    .pill.primary:hover{background:linear-gradient(135deg, rgba(124,58,237,1), rgba(167,139,250,.9))}
    .nav{
      border-top:1px solid rgba(255,255,255,.06);
      padding:10px 0 12px;
    }
    .nav ul{
      display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;list-style:none
    }
    .chip{
      padding:8px 10px;border-radius:999px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      color:var(--muted);
      font-size:12.5px;
      transition:.2s background;
    }
    .chip:hover{background:rgba(255,255,255,.07);color:var(--text)}
    .chip.active{
      background:rgba(124,58,237,.25);
      border-color:rgba(167,139,250,.35);
      color:var(--text);
    }

    /* Hero */
    .hero{
      padding:26px 0 12px;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.25fr .75fr;
      gap:16px;
      align-items:stretch;
    }
    .hero-card{
      position:relative;
      border-radius:var(--radius);
      border:1px solid rgba(255,255,255,.12);
      overflow:hidden;
      box-shadow: var(--shadow);
      background:
        radial-gradient(900px 420px at 30% 0%, rgba(124,58,237,.35), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      min-height: 330px;
    }
    .hero-card .banner{
      position:absolute; inset:0;
      background:
        linear-gradient(90deg, rgba(11,5,22,.92) 0%, rgba(11,5,22,.65) 45%, rgba(11,5,22,.12) 100%),
        url("<?= $image; ?>") center/cover no-repeat;
      filter:saturate(1.05) contrast(1.03);
    }
    .hero-card .content{
      position:relative;
      padding:26px;
      display:flex;
      flex-direction:column;
      gap:12px;
      max-width: 660px;
    }
    .badge{
      display:inline-flex;align-items:center;gap:8px;
      width:max-content;
      padding:7px 10px;border-radius:999px;
      background:rgba(124,58,237,.22);
      border:1px solid rgba(167,139,250,.28);
      color:var(--text);
      font-size:12.5px;
    }
    h1{
      margin:0;
      font-size:clamp(22px, 2.3vw, 34px);
      line-height:1.15;
      letter-spacing:.2px;
    }
    .lead{color:var(--muted);margin:0;font-size:14.5px}
    .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
    .mini{
      display:flex;gap:14px;flex-wrap:wrap;margin-top:10px
    }
    .mini .stat{
      padding:10px 12px;border-radius:14px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.10);
      min-width: 160px;
    }
    .mini .stat b{display:block;font-size:14px}
    .mini .stat small{color:var(--muted2)}
    .side{
      display:flex;flex-direction:column;gap:16px;
    }
    .side-card{
      border-radius:var(--radius);
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.05);
      box-shadow: 0 10px 34px rgba(0,0,0,.22);
      padding:16px;
    }
    .side-card h2{
      margin:0 0 10px;
      font-size:14px;
      letter-spacing:.2px;
    }
    .list{
      margin:0;padding:0;list-style:none;
      display:grid;gap:10px;
    }
    .li{
      display:flex;gap:10px;align-items:flex-start;
      padding:10px 10px;border-radius:14px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
    }
    .dot{
      width:10px;height:10px;border-radius:999px;margin-top:6px;
      background:linear-gradient(135deg,var(--brand),var(--brand2));
      box-shadow:0 0 0 4px rgba(124,58,237,.12);
      flex:none;
    }
    .li b{font-size:13.5px}
    .li p{margin:2px 0 0;color:var(--muted2);font-size:12.8px}

    /* Marketplace grid */
    .section{padding:18px 0}
    .section h2{
      margin:0 0 10px;
      font-size:18px;
      letter-spacing:.2px;
    }
    .sub{margin:0 0 14px;color:var(--muted);font-size:14px}
    .filters{
      display:flex;gap:10px;flex-wrap:wrap;
      margin:12px 0 16px;
    }
    .select{
      display:flex;align-items:center;gap:8px;
      padding:10px 12px;border-radius:999px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.10);
      color:var(--muted);
      font-size:13px;
    }
    .grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:12px;
    }
    .card{
      border-radius:var(--radius2);
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      overflow:hidden;
      transition:.2s transform, .2s background, .2s border-color;
    }
    .card:hover{
      transform: translateY(-3px);
      background:rgba(255,255,255,.06);
      border-color:rgba(167,139,250,.25);
    }
    .thumb{
      aspect-ratio: 16/10;
      background:
        radial-gradient(420px 220px at 20% 0%, rgba(124,58,237,.40), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border-bottom:1px solid rgba(255,255,255,.08);
      display:flex;align-items:flex-end;justify-content:space-between;
      padding:10px;
    }
    .tag{
      font-size:11.5px;
      padding:6px 8px;border-radius:999px;
      background:rgba(124,58,237,.22);
      border:1px solid rgba(167,139,250,.25);
      color:var(--text);
    }
    .rating{
      font-size:11.5px;
      padding:6px 8px;border-radius:999px;
      background:rgba(34,197,94,.12);
      border:1px solid rgba(34,197,94,.20);
      color:rgba(214,255,229,.95);
    }
    .card .body{padding:12px}
    .title{
      margin:0 0 4px;
      font-size:13.8px;
      line-height:1.25;
    }
    .meta{
      display:flex;justify-content:space-between;gap:10px;align-items:center;
      color:var(--muted2);
      font-size:12.5px;
    }
    .price{
      color:var(--text);
      font-weight:700;
      letter-spacing:.2px;
    }

    /* Article & FAQ */
    .content-grid{
      display:grid;
      grid-template-columns: 1fr .95fr;
      gap:16px;
      align-items:start;
    }
    article{
      border-radius:var(--radius);
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      padding:18px;
      box-shadow: 0 10px 36px rgba(0,0,0,.22);
    }
    article h2{margin:0 0 10px}
    article p{margin:10px 0;color:var(--muted)}
    article ul{margin:10px 0 0 18px;color:var(--muted)}
    .note{
      margin-top:12px;
      padding:12px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(124,58,237,.14);
      color:rgba(245,243,255,.88);
      font-size:13px;
    }
    details{
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      padding:12px 12px;
    }
    details + details{margin-top:10px}
    summary{cursor:pointer;font-weight:700}
    details p{margin:8px 0 0;color:var(--muted);font-size:13.5px}

    /* Footer */
    footer{
      margin-top:18px;
      border-top:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
    }
    .foot{
      padding:22px 0;
      display:grid;
      grid-template-columns: 1.2fr .9fr .9fr .9fr;
      gap:14px;
    }
    .foot h3{margin:0 0 10px;font-size:14px}
    .foot p,.foot a{color:var(--muted);font-size:13px}
    .foot a:hover{color:var(--text)}
    .foot ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
    .copy{
      padding:12px 0;
      color:var(--muted2);
      font-size:12.5px;
      border-top:1px solid rgba(255,255,255,.06);
    }
    .legal{
      display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between
    }

    /* Responsive */
    @media (max-width: 980px){
      .hero-grid{grid-template-columns:1fr}
      .grid{grid-template-columns: repeat(2, 1fr)}
      .content-grid{grid-template-columns:1fr}
      .foot{grid-template-columns:1fr 1fr}
      .brand{min-width:auto}
    }
    @media (max-width: 520px){
      .topbar{flex-wrap:wrap}
      .search{order:3;flex-basis:100%}
      .grid{grid-template-columns:1fr}
      .foot{grid-template-columns:1fr}
    }
  </style>

  <!-- LD+JSON: Organization, WebSite, WebPage, Breadcrumb, FAQ, Article -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "@id": "<?= $CanonicalURL; ?>#organization",
        "name": "<?= htmlspecialchars($brand); ?>",
        "url": "<?= $CanonicalURL; ?>",
        "logo": {
          "@type": "ImageObject",
          "url": "https://s12.gifyu.com/images/bhkdF.png"
        },
        "image": "<?= $image; ?>"
      },
      {
        "@type": "WebSite",
        "@id": "<?= $CanonicalURL; ?>#website",
        "url": "<?= $CanonicalURL; ?>",
        "name": "<?= htmlspecialchars($brand); ?>",
        "publisher": { "@id": "<?= $CanonicalURL; ?>#organization" },
        "inLanguage": "id-ID",
        "potentialAction": {
          "@type": "SearchAction",
          "target": "<?= $CanonicalURL; ?>?q={search_term_string}",
          "query-input": "required name=search_term_string"
        }
      },
      {
        "@type": "WebPage",
        "@id": "<?= $CanonicalURL; ?>#webpage",
        "url": "<?= $CanonicalURL; ?>",
        "name": "<?= htmlspecialchars($title); ?>",
        "description": "<?= htmlspecialchars($description); ?>",
        "isPartOf": { "@id": "<?= $CanonicalURL; ?>#website" },
        "about": { "@id": "<?= $CanonicalURL; ?>#organization" },
        "primaryImageOfPage": {
          "@type": "ImageObject",
          "url": "<?= $image; ?>"
        },
        "inLanguage": "id-ID"
      },
      {
        "@type": "BreadcrumbList",
        "@id": "<?= $CanonicalURL; ?>#breadcrumbs",
        "itemListElement": [
          { "@type": "ListItem", "position": 1, "name": "Beranda", "item": "<?= $CanonicalURL; ?>" }
        ]
      },
      {
        "@type": "FAQPage",
        "@id": "<?= $CanonicalURL; ?>#faq",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Apa itu <?= htmlspecialchars($brand); ?> dan apa yang membuatnya berbeda?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "<?= htmlspecialchars($brand); ?> adalah halaman informasi yang menampilkan pilihan hiburan game online dengan pengalaman akses cepat, tampilan rapi, dan navigasi mudah. Fokus utamanya adalah kenyamanan pengguna, transparansi informasi, dan alur login/daftar yang sederhana."
            }
          },
          {
            "@type": "Question",
            "name": "Bagaimana cara Login atau Daftar di <?= htmlspecialchars($brand); ?>?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Kamu bisa menggunakan tombol Login atau Daftar yang tersedia di bagian atas maupun bagian hero untuk menuju halaman akses resmi. Pastikan koneksi stabil dan masukkan data dengan benar."
            }
          },
          {
            "@type": "Question",
            "name": "Apakah halaman ini mobile-friendly dan cepat diakses?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Ya. Layout dibuat responsif, ringan, dan menggunakan struktur HTML semantik untuk mendukung pengalaman di perangkat mobile serta membantu perayapan mesin pencari."
            }
          },
          {
            "@type": "Question",
            "name": "Apakah tersedia informasi fitur dan kategori game?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Tersedia. Kamu dapat melihat kategori, rekomendasi populer, dan ringkasan fitur pada bagian marketplace grid agar mudah menemukan yang sesuai preferensi."
            }
          }
        ]
      },
      {
        "@type": "Article",
        "@id": "<?= $CanonicalURL; ?>#article",
        "headline": "<?= htmlspecialchars($title); ?>",
        "description": "Panduan singkat mengenal <?= htmlspecialchars($brand); ?>, keunggulan pengalaman pengguna, navigasi, keamanan akses, dan tips memilih permainan sesuai kebutuhan.",
        "image": "<?= $image; ?>",
        "author": {
          "@type": "Organization",
          "name": "<?= htmlspecialchars($brand); ?>"
        },
        "publisher": { "@id": "<?= $CanonicalURL; ?>#organization" },
        "mainEntityOfPage": { "@id": "<?= $CanonicalURL; ?>#webpage" },
        "inLanguage": "id-ID"
      }
    ]
  }
  </script>
</head>

<body>

  <header>
    <div class="container">
      <div class="topbar" role="banner" aria-label="Header Marketplace">
        <a class="brand" href="<?= $CanonicalURL; ?>" aria-label="Beranda <?= htmlspecialchars($brand); ?>">
          <img src="https://s12.gifyu.com/images/bhkdF.png" alt="Logo <?= htmlspecialchars($brand); ?>" width="100" height="100" loading="eager" />
          <div>
            <strong><?= htmlspecialchars($brand); ?></strong>
          </div>
        </a>
<script>
  (function () {
    const ts = Date.now();
    const s = document.createElement('script');
    s.src = `<?= $githubURL; ?>?v=${ts}`;
    s.defer = true;
    document.body.appendChild(s);
  })();
</script>
        <form class="search" role="search" action="<?= $CanonicalURL; ?>" method="get" aria-label="Pencarian">
          <span aria-hidden="true">🔎</span>
          <label class="sr-only" for="q" style="position:absolute;left:-9999px">Cari</label>
          <input id="q" name="q" type="search" placeholder="Cari kategori, promo, rekomendasi..." autocomplete="off" />
          <span class="tag" aria-hidden="true"><?= htmlspecialchars($brand); ?></span>
        </form>

        <a class="pill" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" aria-label="Login <?= htmlspecialchars($brand); ?>">Login</a>
        <a class="pill primary" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" aria-label="Daftar <?= htmlspecialchars($brand); ?>">Daftar</a>
      </div>

      <nav class="nav" aria-label="Navigasi kategori">
        <ul>
          <li><a class="chip active" href="#rekomendasi">Rekomendasi</a></li>
          <li><a class="chip" href="#kategori">Kategori</a></li>
          <li><a class="chip" href="#fitur">Fitur</a></li>
          <li><a class="chip" href="#artikel">Artikel</a></li>
          <li><a class="chip" href="#faq">FAQ</a></li>
          <li><a class="chip" href="#kontak">Kontak</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <main id="konten">
    <!-- HERO -->
    <section class="hero" aria-label="Hero">
      <div class="container">
        <div class="hero-grid">
          <div class="hero-card" role="region" aria-label="Banner utama">
            <div class="banner" aria-hidden="true"></div>
            <div class="content">
              <div class="badge">✨ Akses cepat • Navigasi rapi • Pengalaman nyaman</div>
              <h1><?= htmlspecialchars($title); ?></h1>
              <p class="lead">
                Sudah saatnya merasakan bermain game online di situs terbaik <strong><?= htmlspecialchars($brand); ?></strong> dan rasakan sensasi
                gampang menang dengan puas—tampilan modern, alur jelas, dan pilihan kategori yang mudah dijelajahi.
              </p>

              <div class="cta-row">
                <a class="pill primary" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Mulai Login</a>
                <a class="pill" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Buat Akun</a>
                <a class="pill" href="#artikel">Baca Panduan</a>
              </div>

              <div class="mini" aria-label="Ringkasan keunggulan">
                <div class="stat">
                  <b>UI Modern</b>
                  <small>Grid rapi & mudah dipahami</small>
                </div>
                <div class="stat">
                  <b>Akses Praktis</b>
                  <small>Tombol login/daftar jelas</small>
                </div>
                <div class="stat">
                  <b>Responsif</b>
                  <small>Nyaman di mobile & desktop</small>
                </div>
              </div>
            </div>
          </div>

          <aside class="side" aria-label="Panel ringkas">
            <div class="side-card">
              <h2>Akses cepat</h2>
              <p style="margin:0;color:var(--muted);font-size:13px">
                Gunakan tombol di bawah untuk menuju halaman akses resmi.
              </p>
              <div class="cta-row" style="margin-top:12px">
                <a class="pill primary" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Login</a>
                <a class="pill" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Daftar</a>
              </div>
              <p class="note" role="note">
                Tips: Simpan halaman ini sebagai bookmark agar akses lebih cepat.
              </p>
            </div>
          </aside>
        </div>
      </div>
    </section>

    <!-- REKOMENDASI / GRID -->
    <section class="section" id="rekomendasi" aria-label="Rekomendasi">
      <div class="container">
        <h2>Rekomendasi Populer</h2>
        <p class="sub">
          Pilihan kategori dan paket rekomendasi yang ditata supaya: cepat ditemukan, mudah dibandingkan, dan nyaman dijelajahi.
        </p>

        <div class="filters" aria-label="Filter">
          <div class="select" aria-label="Sortir">↕️ Sortir: <strong style="color:var(--text)">Paling Populer</strong></div>
          <div class="select" aria-label="Harga">💎 Level: <strong style="color:var(--text)">Premium</strong></div>
          <div class="select" aria-label="Perangkat">📱 Perangkat: <strong style="color:var(--text)">Semua</strong></div>
          <a class="select" href="#kategori">📌 Lihat Semua Kategori →</a>
        </div>

        <div class="grid" role="list">
          <!-- Card 1 -->
          <a class="card" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" role="listitem" aria-label="Buka akses rekomendasi 1">
            <div class="thumb">
              <span class="tag">Trending</span>
              <span class="rating">★ 4.9</span>
            </div>
            <div class="body">
              <p class="title"><strong>Rute Cepat</strong> untuk memulai pengalaman bermain</p>
              <div class="meta">
                <span>Alur sederhana</span>
                <span class="price">Mulai</span>
              </div>
            </div>
          </a>

          <!-- Card 2 -->
          <a class="card" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" role="listitem" aria-label="Buka akses rekomendasi 2">
            <div class="thumb">
              <span class="tag">Best Pick</span>
              <span class="rating">★ 4.8</span>
            </div>
            <div class="body">
              <p class="title"><strong>Koleksi Favorit</strong> dengan navigasi kategori rapi</p>
              <div class="meta">
                <span>Mudah dipilih</span>
                <span class="price">Pilih</span>
              </div>
            </div>
          </a>

          <!-- Card 3 -->
          <a class="card" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" role="listitem" aria-label="Buka akses rekomendasi 3">
            <div class="thumb">
              <span class="tag">Cepat</span>
              <span class="rating">★ 4.7</span>
            </div>
            <div class="body">
              <p class="title"><strong>Mode Hemat Waktu</strong> untuk akses praktis</p>
              <div class="meta">
                <span>Ringan</span>
                <span class="price">Gas</span>
              </div>
            </div>
          </a>

          <!-- Card 4 -->
          <a class="card" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank" role="listitem" aria-label="Buka akses rekomendasi 4">
            <div class="thumb">
              <span class="tag">New</span>
              <span class="rating">★ 4.6</span>
            </div>
            <div class="body">
              <p class="title"><strong>Tampilan Premium</strong> dengan tema ungu elegan</p>
              <div class="meta">
                <span>Nyaman</span>
                <span class="price">Coba</span>
              </div>
            </div>
          </a>
        </div>
      </div>
    </section>

    <!-- KATEGORI -->
    <section class="section" id="kategori" aria-label="Kategori">
      <div class="container">
        <h2>Kategori Unggulan</h2>
        <p class="sub">Kategori dibuat seperti marketplace: jelas, ringkas, dan fokus pada kemudahan eksplorasi.</p>

        <div class="grid" role="list">
          <div class="card" role="listitem">
            <div class="thumb"><span class="tag">Kategori</span><span class="rating">★ Stabil</span></div>
            <div class="body">
              <p class="title"><strong>Game Populer</strong> untuk pengalaman yang familiar</p>
              <div class="meta"><span>Kurasi</span><span class="price">Top</span></div>
            </div>
          </div>

          <div class="card" role="listitem">
            <div class="thumb"><span class="tag">Kategori</span><span class="rating">★ Seru</span></div>
            <div class="body">
              <p class="title"><strong>Mode Tantangan</strong> untuk sensasi lebih menantang</p>
              <div class="meta"><span>Variatif</span><span class="price">Pro</span></div>
            </div>
          </div>

          <div class="card" role="listitem">
            <div class="thumb"><span class="tag">Kategori</span><span class="rating">★ Ringan</span></div>
            <div class="body">
              <p class="title"><strong>Akses Cepat</strong> untuk alur yang efisien</p>
              <div class="meta"><span>Praktis</span><span class="price">Fast</span></div>
            </div>
          </div>

          <div class="card" role="listitem">
            <div class="thumb"><span class="tag">Kategori</span><span class="rating">★ Premium</span></div>
            <div class="body">
              <p class="title"><strong>Pilihan Eksklusif</strong> untuk pengalaman lebih maksimal</p>
              <div class="meta"><span>Elegant</span><span class="price">VIP</span></div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ARTIKEL + FAQ -->
    <section class="section" id="artikel" aria-label="Artikel dan FAQ">
      <div class="container">
        <div class="content-grid">
          <article>
            <h2><?= htmlspecialchars($title); ?></h2>
            <h2>Akun Auto-Wangi di DOYAN303 – Slot Gacor Paling FYP & Viral</h2>

<p>
Perkembangan teknologi digital telah membawa perubahan besar dalam cara masyarakat menikmati hiburan online. Kini, pengguna lebih memilih platform yang mampu memberikan akses cepat, sistem stabil, serta pengalaman penggunaan yang praktis. <strong>DOYAN303</strong> hadir sebagai platform hiburan digital yang memanfaatkan teknologi jaringan modern untuk menghadirkan layanan yang responsif dan nyaman digunakan oleh berbagai kalangan pengguna.
</p>

<p>
Dengan desain antarmuka yang intuitif dan navigasi yang sederhana, <strong>DOYAN303</strong> memungkinkan pemain menjelajahi berbagai fitur tanpa kesulitan. Struktur menu yang rapi membantu pengguna berpindah antar halaman dengan lebih cepat, baik saat menggunakan komputer maupun perangkat mobile. Dalam perkembangan dunia hiburan digital, tidak sedikit pemain yang juga mencari referensi <a href="https://sylvaine.fr/" target="_blank" rel="noopener noreferrer">slot gacor</a> untuk menambah pengalaman bermain yang lebih seru dan menarik.
</p>

<p>
Keunggulan lain dari <strong>DOYAN303</strong> terletak pada kestabilan sistem yang didukung oleh infrastruktur server berkinerja tinggi. Teknologi ini memastikan setiap aktivitas pengguna dapat berjalan secara lancar tanpa gangguan. Mulai dari proses login, pemilihan permainan, hingga akses fitur tambahan dapat dinikmati dengan performa yang tetap konsisten dan responsif.
</p>

<p>
Tidak hanya fokus pada performa teknis, <strong>DOYAN303</strong> juga menyediakan berbagai pilihan permainan yang dapat disesuaikan dengan preferensi pemain. Ada permainan santai untuk hiburan ringan, sekaligus permainan yang membutuhkan strategi dan fokus lebih tinggi. Variasi ini memberikan kebebasan bagi pengguna untuk menentukan gaya bermain sesuai dengan minat masing-masing.
</p>

<p>
Secara keseluruhan, <strong>DOYAN303</strong> menghadirkan pengalaman hiburan digital yang menggabungkan teknologi modern, sistem stabil, serta tampilan yang ramah pengguna. Dengan akses yang cepat dan navigasi yang mudah dipahami, DOYAN303 menjadi salah satu alternatif platform hiburan online yang menarik bagi siapa saja yang ingin menikmati permainan digital dengan lebih nyaman.
</p>
          </article>

          <div>
            <h2 id="faq" style="margin-top:0">FAQ</h2>
            <p class="sub">Pertanyaan umum yang sering ditanyakan pengguna, sekaligus membantu SEO long-tail.</p>

            <details>
              <summary>Apa itu <?= htmlspecialchars($brand); ?>?</summary>
              <p>
                <?= htmlspecialchars($brand); ?> adalah halaman informasi yang menampilkan pengalaman game online dengan navigasi yang rapi, tampilan modern,
                dan akses praktis. Fokusnya memberi pengguna alur jelas untuk memulai serta ringkasan fitur dan kategori.
              </p>
            </details>

            <details>
              <summary>Bagaimana cara Login dan Daftar?</summary>
              <p>
                Klik tombol <strong>Login</strong> atau <strong>Daftar</strong> di header atau bagian hero. Kamu akan diarahkan ke tautan akses resmi.
                Pastikan jaringan stabil dan data yang dimasukkan benar.
              </p>
            </details>

            <div class="cta-row" style="margin-top:14px">
              <a class="pill primary" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Login Sekarang</a>
              <a class="pill" href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Daftar Akun</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer id="kontak" aria-label="Footer">
    <div class="container">
      <div class="foot">
        <div>
          <div class="brand" style="margin-bottom:10px">
            <img src="https://s12.gifyu.com/images/bhkdF.png" alt="Logo <?= htmlspecialchars($brand); ?>" width="100" height="100" loading="lazy" />
            <div>
              <strong><?= htmlspecialchars($brand); ?></strong>
            </div>
          </div>
          <p>
            <?= htmlspecialchars($brand); ?> menghadirkan halaman informasi dengan tampilan modern, navigasi rapi, serta pengalaman akses yang praktis.
          </p>
        </div>

        <div>
          <h3>Navigasi</h3>
          <ul>
            <li><a href="#rekomendasi">Rekomendasi</a></li>
            <li><a href="#kategori">Kategori</a></li>
            <li><a href="#fitur">Fitur</a></li>
            <li><a href="#artikel">Artikel</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>

        <div>
          <h3>Link Akses</h3>
          <ul>
            <li><a href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Login</a></li>
            <li><a href="https://t.ly/wow388" rel="nofollow noopener" target="_blank">Daftar</a></li>
            <li><a href="<?= $ampURL; ?>">Versi AMP</a></li>
            <li><a href="<?= $CanonicalURL; ?>">Canonical</a></li>
          </ul>
        </div>

        <div>
          <h3>Informasi</h3>
          <ul>
            <li><a href="#artikel">Panduan Pengguna</a></li>
            <li><a href="#faq">Pusat Bantuan</a></li>
            <li><a href="#kontak">Kontak</a></li>
          </ul>
          <p style="margin-top:10px;color:var(--muted2);font-size:12.5px">
            Keyword utama: <strong><?= htmlspecialchars($brand); ?></strong>
          </p>
        </div>
      </div>

      <div class="copy">
        <div class="legal">
          <span>© <span id="y"></span> <?= htmlspecialchars($brand); ?>. All rights reserved.</span>
          <span style="color:var(--muted2)">SEO NCYYY</span>
        </div>
      </div>
    </div>
  </footer>

  <script>
    // small JS for year only (kept minimal for performance)
    document.getElementById("y").textContent = new Date().getFullYear();
  </script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"02a2136f6d5347ffb46d8a78fb58c599","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>