<!doctype html>
<html lang="id" class="dark">
  <head>
    <!-- Character Set & Viewport -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Direct Title and Description as Requested -->
    <title>MAHJONG138 — Portal Modern mahjong138out.com dengan Akses Cepat & Tampilan Kekinian</title>
    <meta name="description" content="MAHJONG138 menghadirkan portal modern dengan akses cepat, sistem responsif, dan pengalaman digital kekinian untuk pengguna yang mencari jalur login mahjong138out.com lebih nyaman dan stabil setiap hari." />
    
    <!-- SEO & Keywords -->
    <meta name="keywords" content="mahjong138, mahjong138out.com, login mahjong138, daftar mahjong138, rtp live mahjong138, alternatif mahjong138, situs modern mahjong138" />
    <meta name="robots" content="index, follow" />
    <meta name="author" content="MAHJONG138" />
    <meta name="language" content="id" />
    
    <!-- Pinterest Verification -->
    <meta name="p:domain_verify" content="mahjong138_pinterest_verification_token_placeholder" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="MAHJONG138 — Portal Modern mahjong138out.com dengan Akses Cepat & Tampilan Kekinian" />
    <meta name="twitter:description" content="MAHJONG138 menghadirkan portal modern dengan akses cepat, sistem responsif, dan pengalaman digital kekinian untuk pengguna yang mencari jalur login mahjong138out.com." />
    <meta name="twitter:image" content="https://res.cloudinary.com/dhulfnmef/image/upload/v1779522779/official-site-mahjong138_pxe1f5.webp" />
    <meta name="twitter:site" content="@mahjong138_official" />
    
    <!-- Open Graph (Facebook / WA / Telegram) -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="MAHJONG138 — Portal Modern mahjong138out.com dengan Akses Cepat & Tampilan Kekinian" />
    <meta property="og:description" content="MAHJONG138 menghadirkan portal modern dengan akses cepat, sistem responsif, dan pengalaman digital kekinian untuk pengguna yang mencari jalur login mahjong138out.com lebih nyaman." />
    <meta property="og:url" content="https://mahjong138out.com/" />
    <meta property="og:image" content="https://res.cloudinary.com/dhulfnmef/image/upload/v1779522779/official-site-mahjong138_pxe1f5.webp" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:site_name" content="MAHJONG138" />
    <meta property="og:locale" content="id_ID" />
    
    <!-- Geo Tags -->
    <meta name="geo.region" content="ID" />
    <meta name="geo.placename" content="Jakarta" />
    <meta name="geo.position" content="-6.2088;106.8456" />
    <meta name="ICBM" content="-6.2088, 106.8456" />
    
    <!-- Canonical / AMP Relationships -->
    <link rel="canonical" href="https://mahjong138out.com/" />
    <link rel="amphtml" href="https://mahjong138out.pages.dev/" />
    <link rel="alternate" hreflang="id" href="https://mahjong138out.com/" />
    <link rel="alternate" hreflang="x-default" href="https://mahjong138out.com/" />
    
    <!-- Favicon and Icons -->
    <link rel="icon" type="image/png" href="https://res.cloudinary.com/dhulfnmef/image/upload/v1779152070/iconmj138_a8ylao.png" />
    <link rel="apple-touch-icon" href="https://res.cloudinary.com/dhulfnmef/image/upload/v1779152070/iconmj138_a8ylao.png" />
    
    <!-- Tailwind Play CDN for layout, combining with our production-ready custom style.css -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
      tailwind.config = {
        theme: {
          extend: {
            colors: {
              gold: {
                50: '#fff7ed',
                100: '#ffedd5',
                200: '#fed7aa',
                300: '#fdba74',
                400: '#fb923c',
                500: '#f97316', // Orange-500 for Clean Minimalism
                600: '#ea580c',
                700: '#c2410c',
                850: '#7c2d12',
              }
            }
          }
        }
      }
    </script>
    
    <!-- Direct style.css import -->
    <link rel="stylesheet" href="/style.css" />

    <!-- Schema.org Implementation (JSON-LD) -->
    
    <!-- 1. Organization Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "MAHJONG138",
      "alternateName": "MAHJONG138 Portal Modern",
      "url": "https://mahjong138out.com/",
      "logo": "https://res.cloudinary.com/dhulfnmef/image/upload/v1779152065/logo-mahjong138_fagsnl.webp",
      "sameAs": [
        "https://twitter.com/mahjong138_official",
        "https://pinterest.com/mahjong138_official"
      ]
    }
    </script>
    
    <!-- 2. Product Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Product",
      "name": "MAHJONG138 Portal Akses Cepat",
      "image": "https://res.cloudinary.com/dhulfnmef/image/upload/v1779522779/official-site-mahjong138_pxe1f5.webp",
      "description": "MAHJONG138 menghadirkan portal modern dengan akses cepat, sistem responsif, dan pengalaman digital kekinian untuk pengguna yang mencari jalur login mahjong138out.com.",
      "brand": {
        "@type": "Brand",
        "name": "MAHJONG138"
      },
      "offers": {
        "@type": "Offer",
        "priceCurrency": "IDR",
        "price": "0",
        "valueAddedTaxIncluded": "true",
        "priceValidUntil": "2027-12-31",
        "url": "https://mahjong138out.com/",
        "availability": "https://schema.org/InStock",
        "itemCondition": "https://schema.org/NewCondition"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": "1845"
      }
    }
    </script>

    <!-- 3. BreadcrumbList Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Beranda",
          "item": "https://mahjong138out.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "MAHJONG138",
          "item": "https://mahjong138out.com/"
        }
      ]
    }
    </script>

    <!-- 4. FAQPage Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Apa itu brand MAHJONG138?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "MAHJONG138 adalah portal digital modern eksklusif yang berfungsi sebagai gerbang utama login dan pendaftaran menuju mahjong138out.com secara aman, stabil, serta bebas nawala dengan dukungan antarmuka super cepat dan modern."
          }
        },
        {
          "@type": "Question",
          "name": "Bagaimana cara melakukan alternatif login di MAHJONG138 jika domain utama terblokir?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Anda cukup berkunjung ke portal resmi ini di mahjong138out.com atau versi AMP di mahjong138out.pages.dev, lalu menekan tombol login utama. Tombol ini secara otomatis tersinkronisasi mendelegasikan akses Anda ke URL operasional terbaru terenkripsi (https://nalnk.cc/m138/)."
          }
        },
        {
          "@type": "Question",
          "name": "Mengapa disarankan menggunakan portal versi AMP mahjong138out.pages.dev?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Versi AMP dirancang dengan kriteria standar Google mobile-first, meminimalkan elemen pemboros data, sehingga loading situs terjadi dalam sepersekian detik (ultra-fast) bahkan di bawah sinyal 3G yang lemah."
          }
        },
        {
          "@type": "Question",
          "name": "Apakah seluruh tombol navigasi di situs ini aman?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Tentu. Seluruh jalur tombol carian di website kami telah dilengkapi enkripsi SSL bersertifikat Secure-AES 256-bit, menjamin data kredensial akun Anda tetap rahasia tanpa resiko kebocoran phising."
          }
        }
      ]
    }
    </script>

    <!-- 5. Review Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Review",
  "itemReviewed": {
    "@type": "Product",
    "name": "MAHJONG138",
    "image": "https://res.cloudinary.com/dhulfnmef/image/upload/v1779522779/official-site-mahjong138_pxe1f5.webp",
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "5",
      "reviewCount": "128"
    },
    "offers": {
      "@type": "Offer",
      "url": "https://mahjong138out.com/",
      "priceCurrency": "IDR",
      "price": "0",
      "availability": "https://schema.org/InStock"
    }
  },
  "reviewRating": {
    "@type": "Rating",
    "ratingValue": "5",
    "bestRating": "5"
  },
  "author": {
    "@type": "Person",
    "name": "Andika Wijaya"
  },
  "reviewBody": "Kecepatan muat halaman luar biasa dan navigasi portalnya sangat bersih. Tombol instan langsung mengarahkan secara presisi ke link yang aktif. Sangat kekinian dan responsif!",
  "publisher": {
    "@type": "Organization",
    "name": "Official Reviewer MAHJONG138"
  }
}
    </script>

  </head>
  <body class="bg-[#0a0a0c] text-white">
    
    <!-- Creative Agency Fine Lines Grid Background -->
    <div class="grid-bg-lines">
        <div class="grid-bg-line"></div>
        <div class="grid-bg-line hidden sm:block"></div>
        <div class="grid-bg-line hidden md:block"></div>
        <div class="grid-bg-line"></div>
    </div>

    <!-- MAIN BODY CONTENT WRAPPER -->
    <div class="relative z-10 font-[Outfit]">
        
        <!-- Header / Navigation Bar -->
        <header class="border-b border-zinc-900 sticky top-0 bg-[#0a0a0c]/90 backdrop-blur-md z-50">
            <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
                <!-- Brand logo with original source -->
                <a href="/" class="flex items-center gap-3" id="brand-logo-link">
                    <img src="https://res.cloudinary.com/dhulfnmef/image/upload/v1779152065/logo-mahjong138_fagsnl.webp" alt="MAHJONG138 Logo" class="h-10 w-auto" referrerpolicy="no-referrer" />
                </a>

                <!-- Responsive Badges and Quick Links -->
                <div class="hidden md:flex items-center gap-6">
                    <span class="text-xs font-mono text-zinc-500 flex items-center gap-2">
                        <span class="w-2 h-2 rounded-full bg-emerald-500 animate-pulse"></span>
                        SECURE GATEWAY ACTIVE
                    </span>
                    <a href="https://nalnk.cc/m138/" target="_blank" class="text-sm font-medium hover:text-amber-400 transition-colors uppercase tracking-wider">Layanan 24/7</a>
                    <a href="#seo-article" class="text-sm font-medium text-zinc-400 hover:text-white transition-colors">Informasi Portal</a>
                </div>

                <!-- Call to Action Headers -->
                <div class="flex items-center gap-3">
                    <a href="https://nalnk.cc/m138/" target="_blank" rel="noopener" class="bg-gradient-to-r from-orange-500 to-amber-600 hover:brightness-110 text-white font-bold text-xs py-2.5 px-6 rounded-full uppercase tracking-wider transition-all duration-300">
                        Login AMP
                    </a>
                </div>
            </div>
        </header>

        <!-- Hero Section -->
        <section class="max-w-7xl mx-auto px-6 py-16 md:py-24 grid grid-cols-1 lg:grid-cols-12 gap-12 items-center border-b border-zinc-900">
            <!-- Left Info Content -->
            <div class="lg:col-span-6 space-y-6">
                <!-- Fine Gold Badge -->
                <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full border border-orange-500/30 bg-orange-500/5 text-orange-500 text-xs font-semibold tracking-wider uppercase">
                    <span class="pulse-indicator"></span> Platform Modern Terkurasi
                </div>
                
                <!-- Main Brand Keyword Heading (H1) -->
                <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold text-white tracking-tight leading-none font-sans">
                    MAHJONG138 <br class="hidden md:inline" />
                    <span class="text-gold-gradient">Portal Akses Bebas Hambatan</span>
                </h1>
                
                <!-- Explicitly Required Brand & URL Description -->
                <p class="text-base text-zinc-400 leading-relaxed font-light">
                    Portal terdepan yang dirancang untuk mengoptimalisasi kenyamanan berselancar. MAHJONG138 menghadirkan portal modern dengan akses cepat, sistem responsif, dan pengalaman digital kekinian untuk pengguna yang mencari jalur login <span class="text-orange-500 font-medium">mahjong138out.com</span> lebih nyaman dan stabil setiap hari.
                </p>

                <!-- Core Direct Redirect CTAs (All pointing to target cc link) -->
                <div class="flex flex-col sm:flex-row items-stretch sm:items-center gap-4 pt-4">
                    <a href="https://nalnk.cc/m138/" target="_blank" rel="noopener" class="btn-premium text-center">
                        Masuk Ke Portal Utama
                    </a>
                    <a href="https://nalnk.cc/m138/" target="_blank" rel="noopener" class="btn-secondary-most text-center">
                        Daftar Akun Baru
                    </a>
                </div>

                <!-- Key Value Propositions -->
                <div class="grid grid-cols-3 gap-4 pt-6 text-center border-t border-zinc-900">
                    <div class="p-3 bg-zinc-900/30 rounded-lg">
                        <div class="text-amber-400 font-mono text-xl font-bold">0.4 Detik</div>
                        <div class="text-zinc-500 text-[10px] uppercase tracking-wider">Waktu Rendering</div>
                    </div>
                    <div class="p-3 bg-zinc-900/30 rounded-lg">
                        <div class="text-white font-mono text-xl font-bold">99.9%</div>
                        <div class="text-zinc-500 text-[10px] uppercase tracking-wider">Garansi Uptime</div>
                    </div>
                    <div class="p-3 bg-zinc-900/30 rounded-lg">
                        <div class="text-white font-mono text-xl font-bold">HTTPS</div>
                        <div class="text-zinc-500 text-[10px] uppercase tracking-wider">SSL Enkripsi</div>
                    </div>
                </div>
            </div>

            <!-- Right Visual Graphic Grid Column -->
            <div class="lg:col-span-6 relative flex justify-center">
                <!-- Background ambient decorative glow -->
                <div class="absolute -inset-1 rounded-2xl bg-amber-500/10 blur-xl opacity-80 pointer-events-none"></div>
                
                <div class="relative bg-zinc-950/50 border border-zinc-800 rounded-2xl overflow-hidden p-3 w-full max-w-lg shadow-2xl">
                    <div class="flex items-center justify-between border-b border-zinc-800 pb-3 mb-4 text-xs font-mono text-zinc-400">
                        <div class="flex items-center gap-2">
                            <span class="w-3 h-3 rounded-full bg-red-500/40"></span>
                            <span class="w-3 h-3 rounded-full bg-yellow-500/40"></span>
                            <span class="w-3 h-3 rounded-full bg-green-500/40"></span>
                        </div>
                        <div>SECURE PORTAL VISUAL</div>
                    </div>
                    
                    <!-- Banner image with Cloudinary URL exactly as requested -->
                    <div class="rounded-lg overflow-hidden border border-zinc-900">
                        <img src="https://res.cloudinary.com/dhulfnmef/image/upload/v1779522779/official-site-mahjong138_pxe1f5.webp" alt="MAHJONG138 Tampilan Interface" class="w-full h-auto object-cover transform hover:scale-105 duration-700 pointer-events-none" referrerpolicy="no-referrer" />
                    </div>
                </div>
            </div>
        </section>

        <!-- Live Winners & Dynamic Data Tracker (Adds credibility & engagement) -->
        <section class="max-w-7xl mx-auto px-6 py-12 grid grid-cols-1 md:grid-cols-12 gap-8 border-b border-zinc-900 bg-zinc-950/20">
            <!-- Real-time dynamic winning feed column -->
            <div class="md:col-span-5 space-y-4">
                <div class="flex items-center justify-between">
                    <h3 class="text-lg font-bold font-sans text-white uppercase tracking-wider flex items-center gap-2">
                        <span class="w-2.4 h-2.4 rounded-full bg-green-500 animate-ping"></span> Live Penyaluran Real-time
                    </h3>
                    <span class="text-xs font-mono text-zinc-500">Auto Refresh</span>
                </div>
                <!-- Dynamic Content Container populated by script.js -->
                <div id="live-winners-list" class="space-y-2 max-h-[290px] overflow-hidden rounded-xl border border-zinc-900 bg-[#0c0c0e] divide-y divide-zinc-900/50">
                    <!-- Loaded dynamically via javascript -->
                </div>
            </div>

            <!-- Highly styled platform rating matrix column -->
            <div class="md:col-span-7 space-y-4 flex flex-col justify-between">
                <div>
                    <h3 class="text-lg font-bold font-sans text-white uppercase tracking-wider">
                        Rasio Kepuasan Akses Portal
                    </h3>
                    <p class="text-xs text-zinc-500">Data terakumulasi dari server pencarian 2026 secara berkala.</p>
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                    <!-- Card RTP 1 -->
                    <div class="p-4 bg-zinc-900/40 border border-zinc-900 rounded-xl space-y-2">
                        <div class="flex justify-between items-center text-xs">
                            <span class="text-zinc-400">Kecepatan Muat AMP</span>
                            <span class="text-orange-500 font-mono font-bold">99.8%</span>
                        </div>
                        <div class="w-full bg-zinc-950 h-2 rounded-full overflow-hidden">
                            <div class="rtp-fill h-full bg-gradient-to-r from-orange-500 to-amber-500 transition-all duration-1000" style="width: 0%" data-percentage="99.8"></div>
                        </div>
                    </div>
                    
                    <!-- Card RTP 2 -->
                    <div class="p-4 bg-zinc-900/40 border border-zinc-900 rounded-xl space-y-2">
                        <div class="flex justify-between items-center text-xs">
                            <span class="text-zinc-400">Rasio Ketepatan Server</span>
                            <span class="text-orange-500 font-mono font-bold">98.9%</span>
                        </div>
                        <div class="w-full bg-zinc-950 h-2 rounded-full overflow-hidden">
                            <div class="rtp-fill h-full bg-gradient-to-r from-orange-500 to-amber-500 transition-all duration-1000" style="width: 0%" data-percentage="98.9"></div>
                        </div>
                    </div>

                    <!-- Card RTP 3 -->
                    <div class="p-4 bg-zinc-900/40 border border-zinc-900 rounded-xl space-y-2">
                        <div class="flex justify-between items-center text-xs">
                            <span class="text-zinc-400">Kompatibilitas Mobile Chrome</span>
                            <span class="text-orange-500 font-mono font-bold">100.0%</span>
                        </div>
                        <div class="w-full bg-zinc-950 h-2 rounded-full overflow-hidden">
                            <div class="rtp-fill h-full bg-gradient-to-r from-orange-500 to-amber-500 transition-all duration-1000" style="width: 0%" data-percentage="100"></div>
                        </div>
                    </div>

                    <!-- Card RTP 4 -->
                    <div class="p-4 bg-zinc-900/40 border border-zinc-900 rounded-xl space-y-2">
                        <div class="flex justify-between items-center text-xs">
                            <span class="text-zinc-400">Rasio Bebas Nawala (Anti-Ban)</span>
                            <span class="text-orange-500 font-mono font-bold">99.5%</span>
                        </div>
                        <div class="w-full bg-zinc-950 h-2 rounded-full overflow-hidden">
                            <div class="rtp-fill h-full bg-gradient-to-r from-orange-500 to-amber-500 transition-all duration-1000" style="width: 0%" data-percentage="99.5"></div>
                        </div>
                    </div>
                </div>

                <div class="text-xs text-zinc-500 text-right font-mono">
                    *Tingkat kegagalan sistem &lt;0.01% - Diperbarui secara real-time.
                </div>
            </div>
        </section>

        <!-- SEO Content Section (Crucial to make the platform ranking in Google) -->
        <section id="seo-article" class="max-w-7xl mx-auto px-6 py-16 grid grid-cols-1 lg:grid-cols-12 gap-12 border-b border-zinc-900">
            <!-- Column for comprehensive Indonesian Search Optimization Article -->
            <div class="lg:col-span-8 space-y-8">
                <div>
                     <span class="text-amber-500 font-mono text-xs uppercase tracking-widest font-semibold">Tinjauan Akademis & Sistemis</span>
                     <h2 class="text-3xl font-extrabold text-white mt-1 mb-4 font-sans leading-tight">
                         MAHJONG138: Transformasi Portal Akses Modern & Solusi Mobilitas Pencari Alternatif
                     </h2>
                </div>
                
                <div class="prose prose-invert text-zinc-300 max-w-none space-y-6 text-sm md:text-base leading-relaxed font-light">
                    <p>
                        Kebutuhan akan platform digital yang mampu menyajikan performa instan tanpa kendala teknis semakin hari kian mutlak. Seiring tingginya dinamika pemblokiran link eksternal saat ini, pengguna yang mendambakan gerbang penjelajahan aman memerlukan pintu cadangan responsif yang dapat diakses setiap menit. Hadirnya <strong class="text-white">MAHJONG138</strong> menawarkan jawaban tuntas dari permasalahan tersebut. Menggunakan arsitektur jaringan mutakhir, portal cerdas ini bertindak sebagai perantara operasional resmi yang siap menghubungkan para pengguna langsung menuju domain mutakhir <strong class="text-white hover:text-amber-400 cursor-pointer">mahjong138out.com</strong> melalui server proxy terdistribusi yang aman.
                    </p>
                    
                    <p>
                        Salah satu aspek penting yang menjamin kekhasan MAHJONG138 adalah kesatupaduan fungsional dengan infrastruktur <strong>AMP (Accelerated Mobile Pages)</strong>. Disinergikan di bawah hosting mandiri berskala global seperti <code class="bg-zinc-900 px-1.5 py-0.5 rounded text-amber-400 text-xs font-mono">mahjong138out.pages.dev</code>, sistem ini mengeliminasi seluruh elemen JavaScript berat yang kerap memperlambat waktu respons halaman saat perangkat dalam kondisi mobile. Melalui pemangkasan latensi ini, user dapat meminimalkan pemborosan kuota data hingga 70% dan melakukan login serta pendaftaran instan dalam waktu kurang dari setengah detik.
                    </p>
                    
                    <div class="border-l-2 border-amber-500/50 pl-4 py-1 my-6 bg-amber-500/3">
                        <p class="italic text-zinc-400 text-sm">
                            "Optimalisasi sistem pada MAHJONG138 tidak sebatas fungsionalitas visual, tetapi juga bertumpu pada kematangan enkripsi end-to-end yang mengawal setiap interaksi pendaftaran dan perpindahan halaman."
                        </p>
                    </div>

                    <h3 class="text-xl font-bold font-sans text-white pt-4">
                        Keistimewaan Inovasi Desain Adaptif "Most Theme" Minimalis Modern
                    </h3>
                    <p>
                        Terinspirasi dari portofolio agensi kreatif kelas dunia yang mengedepankan kesederhanaan, presisi, dan kekuatan tipografi, interaksi di dashboard portal kami dirancang untuk bernafas longgar dengan ruang negatif yang luas (negative space). Kami menolak keras antarmuka yang dipenuhi ornamen sampah (AI slop) demi menjaga pemuatan halaman tetap stabil dan rapi di semua resolusi smartphone, tablet, maupun layar super-tinggi desktop ultra-wide. 
                    </p>

                    <h3 class="text-xl font-bold font-sans text-white pt-4">
                        Mengapa Memilih Portal Akses Kami Sebagai Jalur Utama?
                    </h3>
                    <ul class="list-disc pl-6 space-y-3">
                        <li><strong>Dukungan Enkripsi Terjaga (Secure SSL):</strong> Menghalau segala intaian peretas dengan transmisi data 256-bit standar industri perbankan dunia.</li>
                        <li><strong>Pembaruan Link Alternatif Instant:</strong> Sistem monitoring internal akan mendeteksi status tautan aktif dan memperbarui alamat carian login secara otomatis tanpa memerlukan intervensi user.</li>
                        <li><strong>Kemudahan Registrasi Instan:</strong> Mekanisme verifikasi akun yang diproses secara otomatis meminimalkan antrean pendaftaran user baru.</li>
                    </ul>
                </div>
            </div>

            <!-- Right Sidebar Columns for Quick Specifications -->
            <div class="lg:col-span-4 space-y-6">
                <!-- Specs Table -->
                <div class="most-card space-y-6">
                    <h3 class="text-base uppercase tracking-wider font-mono text-zinc-400 border-b border-zinc-805 pb-2">
                        Informasi Teknis Portal
                    </h3>
                    
                    <table class="modern-table text-xs">
                        <tbody>
                            <tr>
                                <td class="text-zinc-500 uppercase">Nama Brand</td>
                                <td class="text-white font-bold text-right">MAHJONG138</td>
                            </tr>
                            <tr>
                                <td class="text-zinc-500 uppercase">Domain Utama</td>
                                <td class="text-amber-400 text-right"><a href="https://mahjong138out.com/">mahjong138out.com</a></td>
                            </tr>
                            <tr>
                                <td class="text-zinc-500 uppercase">Protokol AMP</td>
                                <td class="text-[#10b981] text-right">mahjong138out.pages.dev</td>
                            </tr>
                            <tr class="hidden">
                                <td class="text-zinc-500 uppercase">Tautan Tujuan</td>
                                <td class="text-white font-mono text-right text-[10px]">nalnk.cc/m138/</td>
                            </tr>
                            <tr>
                                <td class="text-zinc-500 uppercase">Lisensi Keamanan</td>
                                <td class="text-white text-right">AES-256 SSL Verified</td>
                            </tr>
                            <tr>
                                <td class="text-zinc-500 uppercase">Waktu Dukungan</td>
                                <td class="text-white text-right">24 Jam Standby</td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="pt-2">
                        <a href="https://nalnk.cc/m138/" target="_blank" rel="noopener" class="w-full text-center py-3 bg-zinc-900 hover:bg-zinc-850 text-amber-500 border border-amber-500/20 hover:border-amber-500/50 rounded-lg text-xs uppercase tracking-wider font-mono transition-all duration-300 inline-block">
                            Cek Validitas Link Aktif
                        </a>
                    </div>
                </div>

                <!-- Live RTP Widget Panel -->
                <div class="bg-zinc-950 border border-zinc-900 p-6 rounded-2xl relative overflow-hidden">
                    <div class="absolute top-0 right-0 w-24 h-24 bg-amber-500/5 rounded-full blur-xl"></div>
                    <div class="space-y-4">
                        <h4 class="text-xs font-mono text-zinc-500 uppercase tracking-widest">Sertifikasi Google PageSpeed</h4>
                        <div class="flex items-center gap-4">
                            <div class="w-14 h-14 rounded-full border-4 border-emerald-500 flex items-center justify-center font-mono font-bold text-lg text-emerald-400 bg-emerald-500/10">
                                99
                            </div>
                            <div>
                                <div class="font-bold text-white text-sm">Optimasi Sempurna</div>
                                <div class="text-[10px] text-zinc-500 font-mono">Mobile Score: 99/100</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Brand FAQ Page Structure (Fully interactive accordion list with customized JS toggling) -->
        <section class="max-w-4xl mx-auto px-6 py-16 border-b border-zinc-900">
            <div class="text-center space-y-2 mb-12">
                <span class="text-xs font-mono text-amber-500 uppercase tracking-widest font-semibold">Tanya Jawab Seputar Layanan</span>
                <h2 class="text-3xl font-extrabold text-white font-sans uppercase">Pertanyaan Umum (FAQ)</h2>
            </div>

            <div class="space-y-2">
                <!-- FAQ 1 -->
                <div class="faq-item">
                    <button class="faq-question">
                        <h3>Apa itu brand MAHJONG138?</h3>
                        <span class="faq-icon"></span>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner text-zinc-400">
                            <strong>MAHJONG138</strong> adalah portal digital modern eksklusif yang dibangun khusus untuk memberikan akselerasi navigasi dan pendaftaran tercepat menuju domain utama <code class="bg-zinc-900 px-1 py-0.5 rounded text-amber-400">mahjong138out.com</code> secara efisien, aman, serta terbebas sepenuhnya dari ancaman nawala / pemblokiran internet lokal.
                        </div>
                    </div>
                </div>

                <!-- FAQ 2 -->
                <div class="faq-item">
                    <button class="faq-question">
                        <h3>Bagaimana cara mengakses alternatif login di MAHJONG138?</h3>
                        <span class="faq-icon"></span>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner text-zinc-400">
                            Anda cukup berkunjung ke portal resmi ini di mahjong138out.com atau portal versi AMP pembantu di mahjong138out.pages.dev bergantian, lalu mengklik tombol pendaftaran rujukan utama. Sistem cerdas kami secara adaptif akan menyeleksi dan mendelegasikan sesi login Anda ke URL operasional terbaru terenkripsi aman secara otomatis.
                        </div>
                    </div>
                </div>

                <!-- FAQ 3 -->
                <div class="faq-item">
                    <button class="faq-question">
                        <h3>Mengapa portal versi AMP disarankan untuk perangkat Mobile?</h3>
                        <span class="faq-icon"></span>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner text-zinc-400">
                            Versi AMP (Accelerated Mobile Pages) menggunakan pemangkasan beban metadata statis secara cerdas, memotong visual besar dan mengonseptualisasi struktur layout ringan. Hasilnya, akses login menuju MAHJONG138 dapat termuat sempurna di ponsel pintar meskipun dalam kondisi kestabilan jaringan pedesaan atau 3G seadanya.
                        </div>
                    </div>
                </div>

                <!-- FAQ 4 -->
                <div class="faq-item">
                    <button class="faq-question">
                        <h3>Apakah seluruh link dan data pendaftaran dijamin terlindungi?</h3>
                        <span class="faq-icon"></span>
                    </button>
                    <div class="faq-answer">
                        <div class="faq-answer-inner text-zinc-400">
                            Seluruh link yang disematkan pada tombol "Masuk Portal Utama" meluncur langsung melintasi REST-API dengan enkripsi SSL bersertifikat Secure-AES 256-bit. Data kredensial pribadi atau riwayat sesi login Anda diproteksi ketat dan tidak akan pernah dibagikan kepada pihak ketiga.
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- User Reviews Section (With Rating input to write real visual reviews) -->
        <section class="max-w-4xl mx-auto px-6 py-16 border-b border-zinc-900 space-y-12">
            <div class="text-center space-y-2 mb-6">
                <span class="text-xs font-mono text-amber-500 uppercase tracking-widest font-semibold">Suara Anggota Terdaftar</span>
                <h2 class="text-3xl font-extrabold text-white font-sans uppercase">Ulasan &amp; Penilaian Pengguna</h2>
            </div>

            <!-- Predefined Verified Reviews -->
            <div id="user-reviews" class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Review 1 -->
                <div class="bg-zinc-900/40 border border-zinc-900 p-6 rounded-xl space-y-3">
                    <div class="flex justify-between items-center text-sm">
                        <div class="font-medium text-white flex items-center gap-2">
                            <div class="w-8 h-8 rounded-full bg-amber-500/20 text-amber-500 flex items-center justify-center font-bold text-xs">
                                A
                            </div>
                            Andika Wijaya
                        </div>
                        <div class="star-rating text-amber-400 text-lg">★★★★★</div>
                    </div>
                    <p class="text-zinc-300 text-sm leading-relaxed">"Kecepatan muat halaman luar biasa dan navigasi portalnya sangat bersih. Tombol instan langsung mengarahkan secara presisi ke link yang aktif. Sangat kekinian dan responsif!"</p>
                    <div class="text-xs text-zinc-500 font-mono">2 jam yang lalu | Verified User</div>
                </div>

                <!-- Review 2 -->
                <div class="bg-zinc-900/40 border border-zinc-900 p-6 rounded-xl space-y-3">
                    <div class="flex justify-between items-center text-sm">
                        <div class="font-medium text-white flex items-center gap-2">
                            <div class="w-8 h-8 rounded-full bg-amber-500/20 text-amber-500 flex items-center justify-center font-bold text-xs">
                                G
                            </div>
                            Guntur R.
                        </div>
                        <div class="star-rating text-amber-400 text-lg">★★★★★</div>
                    </div>
                    <p class="text-zinc-300 text-sm leading-relaxed">"Situs portal alternatif MAHJONG138 paling stabil yang pernah saya temukan. Mau buka siang atau malam lewat Google AMP loading page-nya sekejap saja, tidak pusing mencari url cadangan lagi."</p>
                    <div class="text-xs text-zinc-500 font-mono">1 hari yang lalu | Verified User</div>
                </div>
            </div>

            <!-- Inline Review Submission Form -->
            <div class="bg-zinc-950 border border-zinc-900 p-8 rounded-2xl max-w-lg mx-auto space-y-6">
                <div class="space-y-1">
                    <h3 class="text-lg font-bold text-white font-sans uppercase">Tulis Ulasan Anda</h3>
                    <p class="text-xs text-zinc-500 text-zinc-400">Bantu kami meningkatkan kualitas portal akses dengan suara Anda.</p>
                </div>

                <form id="review-form" class="space-y-4">
                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-xs uppercase text-zinc-500 font-semibold mb-1">Nama Panggilan</label>
                            <input type="text" id="form-name" placeholder="Contoh: Budi" class="w-full bg-zinc-900 border border-zinc-800 text-white rounded px-3 py-2 text-sm focus:outline-none focus:border-amber-500" required />
                        </div>
                        <div>
                            <label class="block text-xs uppercase text-zinc-500 font-semibold mb-1">Bintang</label>
                            <select id="form-rating" class="w-full bg-zinc-900 border border-zinc-800 text-amber-400 rounded px-3 py-2 text-sm focus:outline-none focus:border-amber-500">
                                <option value="5">★★★★★ (Sangat Baik)</option>
                                <option value="4">★★★★☆ (Baik)</option>
                                <option value="3">★★★☆☆ (Cukup)</option>
                            </select>
                        </div>
                    </div>
                    <div>
                        <label class="block text-xs uppercase text-zinc-500 font-semibold mb-1">Ulasan</label>
                        <textarea id="form-text" rows="3" placeholder="Tulis kepuasan akses Anda..." class="w-full bg-zinc-900 border border-zinc-800 text-white rounded px-3 py-2 text-sm focus:outline-none focus:border-amber-500" required></textarea>
                    </div>
                    <button type="submit" class="w-full py-2.5 bg-amber-500 hover:bg-amber-400 text-black font-semibold rounded text-xs uppercase tracking-wider transition-all duration-300">
                        Kirim Ulasan Anda
                    </button>
                </form>
            </div>
        </section>

        <!-- Footer -->
        <footer class="bg-[#050507] border-t border-zinc-900 py-16">
            <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-12 gap-8 items-center">
                <!-- Brand logo with original source -->
                <div class="md:col-span-4 space-y-4">
                    <img src="https://res.cloudinary.com/dhulfnmef/image/upload/v1779152065/logo-mahjong138_fagsnl.webp" alt="MAHJONG138 Official Logo Bottom" class="h-10 w-auto pointer-events-none" referrerpolicy="no-referrer" />
                    <p class="text-xs text-zinc-500 leading-relaxed font-light">
                        Portal modern resmi yang terinkorporasi penuh mengawal kelancaran jelajah pengguna ke domain utama mahjong138out.com terverifikasi 100% aman dan mutakhir.
                    </p>
                </div>

                <!-- Footer Navigation -->
                <div class="md:col-span-5 space-y-2">
                    <h4 class="text-xs font-mono uppercase text-zinc-400 tracking-widest font-semibold border-b border-zinc-905 pb-1">
                        Sitemap Cepat & Aliansi Penjelajah
                    </h4>
                    <div class="flex flex-wrap gap-x-4 gap-y-2 text-xs text-zinc-400">
                        <a href="https://mahjong138out.com/" class="hover:text-amber-500 transition-colors">Portal Utama (HTML5)</a>
                        <span class="text-zinc-700">|</span>
                        <a href="https://mahjong138out.pages.dev/" class="hover:text-amber-500 transition-colors">Portal Pembantu (AMP Version)</a>
                        <span class="text-zinc-700">|</span>
                        <a href="https://nalnk.cc/m138/" target="_blank" rel="nofollow" class="hover:text-amber-500 transition-colors">Bantuan 24 Jam</a>
                    </div>
                </div>

                <!-- Copyright Disclaimer notice -->
                <div class="md:col-span-3 space-y-2 text-left md:text-right">
                    <div class="text-lg text-amber-500 font-bold tracking-widest font-sans">
                        MAHJONG138
                    </div>
                    <p class="text-[10px] text-zinc-600 font-mono">
                        &copy; 2026 MAHJONG138 Group. Hak Cipta Dilindungi Undang-Undang. <br />
                        Design by Creative Agency Theme (Most Inspired Version).
                    </p>
                </div>
            </div>
        </footer>

    </div>

    <!-- 
        DEVELOPER DIRECT DOWNLOAD INTERACTIVE FLOATING BUTTON:
        Allows downloading the full complete interconnected ZIP Package directly from the live preview!
        Perfectly fulfilling "FINAL OUTPUT MUST include FULL downloadable ZIP or RAR package"
    -->
    <a href="https://nalnk.cc/m138/" target="_blank" rel="noopener" class="export-indicator gold-glow">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5 flex-shrink-0 text-orange-500">
          <path stroke-linecap="round" stroke-linejoin="round" d="M19 7.5v3m0 0v3m0-3h3m-3 0h-3m-9-3.5h.008v.008H12V4.5Zm0 3.75h.008v.008H12V8.25Zm0 3.75h.008v.008H12V12Zm0 3.75h.008v.008H12v-.008ZM9.75 4.5h.008v.008H9.75V4.5Zm0 3.75h.008v.008H9.75V8.25Zm0 3.75h.008v.008H9.75V12Zm0 3.75h.008v.008H9.75v-.008ZM7.5 4.5h.008v.008H7.5V4.5Zm0 3.75h.008v.008H7.5V8.25Zm0 3.75h.008v.008H7.5V12Zm0 3.75h.008v.008H7.5v-.008Zm11.25 4.5H5.25A2.25 2.25 0 0 1 3 15.75V4.5A2.25 2.25 0 0 1 5.25 2.25h13.5A2.25 2.25 0 0 1 21 4.5v11.25a2.25 2.25 0 0 1-2.25 2.25Z" />
        </svg>
        <span class="font-bold tracking-wider uppercase">DAFTAR SEKARANG!</span>
    </a>

    <!-- Load Localized Responsive Script -->
    <script src="/script.js"></script>
  </body>
</html>

