
<?php
declare(strict_types=1);

date_default_timezone_set('Asia/Jakarta');

/* =========================================
   KONFIGURASI WEBSITE
========================================= */

$siteUrl  = 'https://shell-shockers.online';
$siteName = 'EXTRATOGEL';

$siteUrl = rtrim($siteUrl, '/');
$pageUrl = $siteUrl . '/';

$title = 'EXTRATOGEL Login Terbaru | Panduan Akses dan Link Alternatif';

$description = 'Panduan EXTRATOGEL Login untuk mengenali alamat situs, memeriksa link alternatif, memahami keamanan akun, dan mengatasi kendala akses dengan lebih bijak.';

/*
 * Ubah tanggal ini ketika konten benar-benar diperbarui.
 * Gunakan format YYYY-MM-DD.
 */
$updatedDate = '2026-10-29';

/*
 * Isi hanya dengan URL yang sudah diverifikasi.
 * Biarkan kosong jika belum memiliki URL yang valid.
 */
$loginUrl       = '';
$alternativeUrl = '';

/* =========================================
   FUNGSI KEAMANAN OUTPUT
========================================= */

function e(string $value): string
{
    return htmlspecialchars(
        $value,
        ENT_QUOTES | ENT_SUBSTITUTE,
        'UTF-8'
    );
}

/* =========================================
   VALIDASI URL HTTPS
========================================= */

function isValidHttpsUrl(string $url): bool
{
    if (
        $url === ''
        || filter_var($url, FILTER_VALIDATE_URL) === false
    ) {
        return false;
    }

    $parts = parse_url($url);

    if (!is_array($parts)) {
        return false;
    }

    $scheme = strtolower((string) ($parts['scheme'] ?? ''));
    $host   = (string) ($parts['host'] ?? '');

    if ($scheme !== 'https' || $host === '') {
        return false;
    }

    // Tolak URL yang menyisipkan kredensial.
    if (isset($parts['user']) || isset($parts['pass'])) {
        return false;
    }

    // Validasi hostname atau alamat IP.
    $validHost = filter_var(
        $host,
        FILTER_VALIDATE_IP
    ) !== false
        || filter_var(
            $host,
            FILTER_VALIDATE_DOMAIN,
            FILTER_FLAG_HOSTNAME
        ) !== false;

    return $validHost;
}

$hasLogin = isValidHttpsUrl($loginUrl);
$hasAlternative = isValidHttpsUrl($alternativeUrl);

/* =========================================
   KONTEN FAQ
   Digunakan untuk HTML dan JSON-LD
========================================= */

$faqItems = [
    [
        'question' => 'Bagaimana cara memeriksa alamat EXTRATOGEL?',
        'answer' => 'Periksa ejaan nama domain, pastikan alamat sesuai dengan sumber tepercaya, dan perhatikan penggunaan HTTPS. HTTPS saja tidak menjamin bahwa suatu situs merupakan situs resmi.'
    ],
    [
        'question' => 'Apa yang harus dilakukan jika halaman login tidak terbuka?',
        'answer' => 'Periksa koneksi internet, ejaan alamat, pengaturan browser, dan status layanan. Jangan masukkan kata sandi pada halaman yang belum terverifikasi.'
    ],
    [
        'question' => 'Apakah semua link alternatif aman digunakan?',
        'answer' => 'Tidak. Periksa sumber tautan, ejaan domain, keamanan koneksi, dan kebijakan privasi sebelum membuka halaman atau memberikan informasi pribadi.'
    ],
    [
        'question' => 'Mengapa website tidak langsung muncul di Google?',
        'answer' => 'Google memerlukan waktu untuk menemukan, merayapi, dan mengindeks halaman. Halaman yang sudah diindeks juga belum tentu muncul pada posisi teratas untuk setiap kata kunci.'
    ]
];

/* =========================================
   SCHEMA.ORG JSON-LD
========================================= */

$schema = [
    '@context' => 'https://schema.org',
    '@graph' => [
        [
            '@type' => 'WebSite',
            '@id' => $pageUrl . '#website',
            'url' => $pageUrl,
            'name' => $siteName,
            'inLanguage' => 'id-ID',
            'publisher' => [
                '@id' => $pageUrl . '#organization'
            ]
        ],
        [
            '@type' => 'Organization',
            '@id' => $pageUrl . '#organization',
            'name' => $siteName,
            'url' => $pageUrl
        ],
        [
            '@type' => 'WebPage',
            '@id' => $pageUrl . '#webpage',
            'url' => $pageUrl,
            'name' => $title,
            'description' => $description,
            'isPartOf' => [
                '@id' => $pageUrl . '#website'
            ],
            'about' => [
                '@id' => $pageUrl . '#organization'
            ],
            'breadcrumb' => [
                '@id' => $pageUrl . '#breadcrumb'
            ],
            'inLanguage' => 'id-ID',
            'dateModified' => $updatedDate
        ],
        [
            '@type' => 'BreadcrumbList',
            '@id' => $pageUrl . '#breadcrumb',
            'itemListElement' => [
                [
                    '@type' => 'ListItem',
                    'position' => 1,
                    'name' => 'Beranda',
                    'item' => $pageUrl
                ]
            ]
        ],
        [
            '@type' => 'FAQPage',
            '@id' => $pageUrl . '#faq',
            'url' => $pageUrl . '#faq',
            'name' => 'Pertanyaan Umum EXTRATOGEL Login',
            'inLanguage' => 'id-ID',
            'mainEntity' => array_map(
                static function (array $item): array {
                    return [
                        '@type' => 'Question',
                        'name' => $item['question'],
                        'acceptedAnswer' => [
                            '@type' => 'Answer',
                            'text' => $item['answer']
                        ]
                    ];
                },
                $faqItems
            )
        ]
    ]
];

$jsonSchema = json_encode(
    $schema,
    JSON_UNESCAPED_SLASHES
    | JSON_UNESCAPED_UNICODE
    | JSON_HEX_TAG
    | JSON_HEX_APOS
    | JSON_HEX_AMP
    | JSON_HEX_QUOT
    | JSON_THROW_ON_ERROR
);

?>
<!doctype html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title><?= e($title) ?></title>
    <meta name="description" content="<?= e($description) ?>">
    <meta name="robots" content="index,follow,max-image-preview:large">
    <meta name="theme-color" content="#101116">

    <link rel="canonical" href="<?= e($pageUrl) ?>">
    <link rel="icon" href="<?= e($siteUrl . '/favicon.ico') ?>" sizes="any">

    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:locale" content="id_ID">
    <meta property="og:site_name" content="<?= e($siteName) ?>">
    <meta property="og:title" content="<?= e($title) ?>">
    <meta property="og:description" content="<?= e($description) ?>">
    <meta property="og:url" content="<?= e($pageUrl) ?>">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="<?= e($title) ?>">
    <meta name="twitter:description" content="<?= e($description) ?>">

    <!-- Schema.org -->
    <script type="application/ld+json"><?= $jsonSchema ?></script>

    <style>
        :root {
            color-scheme: dark;
            --bg: #101116;
            --panel: #191b23;
            --panel2: #20222b;
            --gold: #e9bd62;
            --gold-light: #ffe4a0;
            --text: #f4f4f6;
            --muted: #b8bac5;
            --border: #343641;
            --green: #9bd6ad;
        }

        * {
            box-sizing: border-box;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 20px;
        }

        body {
            margin: 0;
            background: var(--bg);
            color: var(--text);
            font-family: system-ui, -apple-system, BlinkMacSystemFont,
                         "Segoe UI", sans-serif;
            font-size: 16px;
            line-height: 1.75;
        }

        a {
            color: var(--gold-light);
        }

        a:focus-visible {
            outline: 2px solid var(--gold);
            outline-offset: 4px;
        }

        .container {
            width: min(1120px, calc(100% - 32px));
            margin-inline: auto;
        }

        .topbar {
            border-bottom: 1px solid var(--border);
            background: #15161c;
        }

        .nav {
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .brand {
            color: var(--gold-light);
            text-decoration: none;
            font-size: 23px;
            font-weight: 850;
            letter-spacing: .7px;
        }

        .brand span {
            color: white;
        }

        .nav-links {
            display: flex;
            gap: 22px;
            flex-wrap: wrap;
        }

        .nav-links a {
            color: var(--muted);
            text-decoration: none;
            font-size: 14px;
        }

        .nav-links a:hover {
            color: var(--gold-light);
        }

        .hero {
            padding: 66px 0 42px;
            background:
                radial-gradient(
                    ellipse at top,
                    #3a2c17 0,
                    transparent 58%
                );
        }

        .eyebrow {
            color: var(--gold);
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 2px;
            font-weight: 800;
        }

        h1, h2, h3 {
            line-height: 1.3;
            overflow-wrap: anywhere;
        }

        h1 {
            max-width: 800px;
            margin: 12px 0 18px;
            font-size: clamp(32px, 5vw, 52px);
            letter-spacing: -1.2px;
        }

        h2 {
            margin-top: 0;
            font-size: clamp(23px, 3vw, 30px);
        }

        h3 {
            font-size: 18px;
        }

        .hero p {
            max-width: 760px;
            color: var(--muted);
        }

        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 28px;
        }

        .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 46px;
            padding: 10px 20px;
            border: 1px solid var(--gold);
            border-radius: 8px;
            color: #17130b;
            background: var(--gold);
            text-decoration: none;
            font-weight: 800;
        }

        .button.secondary {
            color: var(--gold-light);
            background: transparent;
        }

        .button:hover {
            filter: brightness(1.08);
        }

        .notice {
            margin: 18px 0 0;
            padding: 13px 16px;
            border: 1px solid #65512d;
            border-radius: 8px;
            background: #241f16;
            color: #f0dfbd;
            font-size: 14px;
        }

        .section {
            padding: 28px 0;
            scroll-margin-top: 20px;
        }

        .section-intro {
            max-width: 780px;
            color: var(--muted);
        }

        .grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
            margin-top: 22px;
        }

        .card {
            padding: 22px;
            border: 1px solid var(--border);
            border-radius: 12px;
            background: var(--panel);
        }

        .card h3 {
            margin-top: 0;
            color: var(--gold-light);
        }

        .card p,
        .card li {
            color: var(--muted);
        }

        .card ul {
            padding-left: 20px;
        }

        .article {
            max-width: 850px;
        }

        .article p,
        .article li {
            color: #d0d1d9;
        }

        .article h2 {
            margin-top: 38px;
        }

        .article h3 {
            margin-top: 25px;
        }

        .checklist {
            padding: 18px 22px;
            border-left: 3px solid var(--gold);
            background: var(--panel);
            border-radius: 0 8px 8px 0;
        }

        .checklist li {
            margin: 8px 0;
            color: var(--muted);
        }

        .faq-item {
            margin: 12px 0;
            padding: 18px 20px;
            border: 1px solid var(--border);
            border-radius: 10px;
            background: var(--panel);
        }

        .faq-item h3 {
            margin: 0 0 8px;
            color: var(--gold-light);
        }

        .faq-item p {
            margin: 0;
            color: var(--muted);
        }

        .footer {
            margin-top: 44px;
            padding: 28px 0;
            border-top: 1px solid var(--border);
            color: var(--muted);
            font-size: 14px;
        }

        .footer p {
            margin: 5px 0;
        }

        @media (max-width: 760px) {
            .nav {
                align-items: flex-start;
                flex-direction: column;
                padding: 16px 0;
                gap: 12px;
            }

            .nav-links {
                gap: 12px 18px;
            }

            .hero {
                padding-top: 42px;
            }

            .grid {
                grid-template-columns: 1fr;
            }

            .container {
                width: min(100% - 24px, 1120px);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
        }
    </style>
</head>

<body>

<header class="topbar">
    <div class="container nav">

        <a class="brand"
           href="<?= e($pageUrl) ?>"
           aria-label="Beranda EXTRATOGEL">
            EXTRA<span>TOGEL</span>
        </a>

        <nav class="nav-links" aria-label="Navigasi utama">
            <a href="#panduan">Panduan Akses</a>
            <a href="#keamanan">Keamanan</a>
            <a href="#informasi">Informasi</a>
            <a href="#faq">FAQ</a>
        </nav>

    </div>
</header>

<main>

    <!-- HERO -->
    <section class="hero">
        <div class="container">

            <div class="eyebrow">
                Panduan akses dan keamanan digital
            </div>

            <h1>EXTRATOGEL Login: Panduan Akses yang Lebih Aman</h1>

            <p>
                Mencari informasi EXTRATOGEL login atau link alternatif?
                Sebelum membuka halaman masuk, pastikan alamat situs yang
                digunakan benar, koneksi terlindungi, dan sumber tautannya
                dapat dipercaya. Panduan ini membantu Anda memahami hal-hal
                yang perlu diperiksa sebelum memberikan informasi akun.
            </p>

            <div class="hero-actions">

                <?php if ($hasLogin): ?>
                    <a class="button"
                       href="<?= e($loginUrl) ?>"
                       target="_blank"
                       rel="nofollow noopener noreferrer">
                        Buka Halaman Login
                    </a>
                <?php endif; ?>

                <?php if ($hasAlternative): ?>
                    <a class="button secondary"
                       href="<?= e($alternativeUrl) ?>"
                       target="_blank"
                       rel="nofollow noopener noreferrer">
                        Link Alternatif
                    </a>
                <?php endif; ?>

                <a class="button secondary" href="#panduan">
                    Baca Panduan Akses
                </a>

            </div>

            <?php if (!$hasLogin && !$hasAlternative): ?>
                <div class="notice">
                    Halaman akses belum dikonfigurasi. Gunakan panduan
                    di bawah ini dan jangan memasukkan data akun melalui
                    tautan yang belum diverifikasi.
                </div>
            <?php endif; ?>

        </div>
    </section>

    <!-- PANDUAN -->
    <section class="section" id="panduan">
        <div class="container">

            <h2>Panduan Sebelum Melakukan Login</h2>

            <p class="section-intro">
                Kendala login tidak selalu berarti situs sedang bermasalah.
                Kesalahan pengetikan alamat, koneksi internet, pemeliharaan
                layanan, atau tautan yang sudah tidak berlaku juga dapat
                menyebabkan halaman tidak bisa dibuka.
            </p>

            <div class="grid">

                <article class="card">
                    <h3>01. Periksa alamat</h3>
                    <p>
                        Baca nama domain dengan teliti. Waspadai perbedaan
                        huruf, karakter tambahan, subdomain yang tidak dikenal,
                        dan alamat yang dibagikan oleh sumber tidak jelas.
                    </p>
                </article>

                <article class="card">
                    <h3>02. Periksa koneksi</h3>
                    <p>
                        Pastikan alamat menggunakan HTTPS. Namun, HTTPS hanya
                        mengenkripsi koneksi dan tidak otomatis membuktikan
                        bahwa pemilik situs dapat dipercaya.
                    </p>
                </article>

                <article class="card">
                    <h3>03. Lindungi akun</h3>
                    <p>
                        Jangan bagikan kata sandi, kode verifikasi, atau data
                        pembayaran. Hindari menggunakan kata sandi yang sama
                        pada banyak layanan.
                    </p>
                </article>

            </div>
        </div>
    </section>

    <!-- KEAMANAN -->
    <section class="section" id="keamanan">
        <div class="container">

            <h2>Checklist Keamanan Link Alternatif</h2>

            <div class="checklist">
                <ul>
                    <li>
                        Pastikan sumber tautan dapat diverifikasi secara
                        independen.
                    </li>
                    <li>
                        Periksa nama domain sebelum mengetikkan informasi akun.
                    </li>
                    <li>
                        Jangan memasang aplikasi atau ekstensi dari tautan
                        yang mencurigakan.
                    </li>
                    <li>
                        Jangan memberikan kode OTP kepada siapa pun.
                    </li>
                    <li>
                        Hentikan proses jika halaman meminta informasi yang
                        tidak relevan.
                    </li>
                    <li>
                        Periksa ketentuan layanan, privasi, batas usia,
                        dan aturan hukum setempat.
                    </li>
                </ul>
            </div>

        </div>
    </section>

    <!-- ARTIKEL -->
    <section class="section" id="informasi">
        <div class="container article">

            <h2>Mengenal EXTRATOGEL Login dan Informasi Akses</h2>

            <p>
                Pencarian EXTRATOGEL login biasanya dilakukan ketika seseorang
                ingin menemukan halaman masuk, memahami kendala akses, atau
                memeriksa informasi mengenai suatu layanan. Sebelum mengambil
                tindakan, penting untuk membedakan informasi yang dapat
                diverifikasi dengan klaim yang hanya beredar di internet.
            </p>

            <h3>Mengapa halaman login bisa tidak terbuka?</h3>

            <p>
                Halaman yang tidak terbuka dapat disebabkan oleh koneksi yang
                tidak stabil, kesalahan alamat, perubahan konfigurasi situs,
                atau gangguan layanan. Periksa kembali alamat yang diketik
                dan koneksi internet. Jangan langsung mengikuti tautan
                pengganti yang tidak jelas asalnya.
            </p>

            <h3>Bagaimana menilai link alternatif?</h3>

            <p>
                Istilah link alternatif tidak menjamin keamanan atau keaslian
                suatu alamat. Periksa apakah tautan berasal dari sumber yang
                dapat dipercaya dan apakah identitas pengelolanya jelas.
                Jangan menganggap sebuah alamat resmi hanya karena
                menggunakan nama merek yang sama.
            </p>

            <h3>Informasi apa yang perlu diperiksa?</h3>

            <p>
                Pengunjung sebaiknya memeriksa identitas pengelola, ketentuan
                penggunaan, kebijakan privasi, saluran dukungan, dan aturan
                yang berlaku. Apabila informasi tersebut tidak tersedia atau
                tidak dapat diverifikasi, sebaiknya jangan memberikan data
                pribadi maupun informasi keuangan.
            </p>

            <h3>Perhatikan risiko dan aturan setempat</h3>

            <p>
                Jika layanan melibatkan perjudian atau transaksi berisiko,
                pahami konsekuensi finansial dan ketentuan hukum yang berlaku
                di lokasi Anda. Jangan menggunakan uang kebutuhan pokok,
                meminjam uang untuk bermain, atau mengejar kerugian.
            </p>

            <h3>Mengapa halaman ini belum tentu muncul di Google?</h3>

            <p>
                Google membedakan proses penemuan URL, pengindeksan, dan
                pemeringkatan. Status URL yang sudah diindeks tidak menjamin
                bahwa URL akan tampil untuk setiap pencarian. Judul, meta
                description, dan data terstruktur membantu menjelaskan isi
                halaman, tetapi tidak menjamin posisi tertentu.
            </p>

            <p>
                Untuk memantau perkembangan, pemilik situs dapat memeriksa
                laporan performa di Google Search Console, mengamati kueri
                yang menghasilkan tayangan, serta memastikan halaman dapat
                dirayapi dan memiliki konten yang bermanfaat bagi pengunjung.
            </p>

        </div>
    </section>

    <!-- FAQ -->
    <section class="section" id="faq">
        <div class="container">

            <h2>Pertanyaan yang Sering Diajukan</h2>

            <?php foreach ($faqItems as $item): ?>
                <article class="faq-item">
                    <h3><?= e($item['question']) ?></h3>
                    <p><?= e($item['answer']) ?></p>
                </article>
            <?php endforeach; ?>

        </div>
    </section>

</main>

<!-- FOOTER -->
<footer class="footer">
    <div class="container">

        <p>
            <strong>EXTRATOGEL — Panduan Informasi Akses</strong>
        </p>

        <p>
            Halaman ini menyediakan informasi umum mengenai pemeriksaan
            alamat situs dan keamanan digital. Halaman ini bukan bukti
            afiliasi atau status resmi suatu layanan.
        </p>

        <p>
            &copy; <?= date('Y') ?> <?= e($siteName) ?>.
        </p>

    </div>
</footer>

</body>
</html>