<!DOCTYPE html>
<html amp lang="id">
<head>
    <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1">
    <meta http-equiv="content-language" content="id">
    <link rel="canonical" href="https://www.thetongarirocrossing.com/contacts/">
    <link rel="alternate" href="https://www.thetongarirocrossing.com/contacts/" hreflang="id" />
    <title>KILAT128 : Situs Platform Ternama di Asia Dengan Deretan Game Terlengkap</title>
    <meta name="description" content="KILAT128 merupakan situs platform ternama di Asia yang telah beroperasi selama puluhan tahun dengan deretan permainan online menarik di tahun 2026 ini, kunjungi dan cari game ternyaman kalian juga di platform kami.">
    <meta name="robots" content="index, follow">
    <meta name="page-locale" content="id,en">
    <meta content="true" name="HandheldFriendly">
    <meta content="width" name="MobileOptimized">
    <meta property="og:title" content="KILAT128">
    <meta property="og:description" content="KILAT128 merupakan situs platform ternama di Asia yang telah beroperasi selama puluhan tahun dengan deretan permainan online menarik di tahun 2026 ini, kunjungi dan cari game ternyaman kalian juga di platform kami.">
    <meta property="og:url" content="https://www.thetongarirocrossing.com/contacts/">
    <meta property="og:site_name" content="KILAT128">
    <meta property="og:author" content="KILAT128">
    <meta property="og:image" content="https://steinbergusers.com/img/steinbergusers.webp">
    <meta name="og:locale" content="ID_id">
    <meta name="og:type" content="website">
    <meta name="rating" content="general">
    <meta name="author" content="KILAT128">
    <meta name="distribution" content="global">
    <meta name="publisher" content="KILAT128">
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <link rel="icon" type="image/png" href="https://steinbergusers.com/img/faviconkilat128.webp">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">

    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

    <style amp-custom>
        /* =============================================
           RESET & BASE
        ============================================= */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-user-select: none;
            user-select: none;
        }
        :focus { outline: 0; }
        ::-webkit-scrollbar { display: none; }

        a, a:visited { text-decoration: none; }

        /* =============================================
           LAYOUT UTAMA — FULL VIEWPORT, CENTERED
        ============================================= */
        html {
            width: 100%;
            height: 100vh;
            margin: 0;
            padding: 0;
            background: #0a0000;
            overflow: hidden;
        }

        body {
            width: 100%;
            height: 100vh;
            margin: 0;
            padding: 0;
            overflow: hidden;
            display: flex;
            justify-content: center; /* Kunci untuk ke tengah di desktop */
            font-family: 'Noto Sans', Arial, sans-serif;
            color: #ffffff;
            background: #0a0000;
        }

        /* =============================================
           WRAPPER UTAMA — FLEX COLUMN FILL VIEWPORT
        ============================================= */
        .page-wrapper {
            display: flex;
            flex-direction: column;
            height: 100vh;
            width: 100%;
            max-width: 500px; /* Batas maksimal lebar dipindah ke sini */
            padding: 0 10px;
            overflow: hidden;
        }

        /* =============================================
           LOGO — ukuran proporsional, flex shrink
        ============================================= */
        .logo {
            text-align: center;
            flex-shrink: 0;
            padding: 6px 0 4px;
        }

        /* =============================================
           GAMBAR HERO — flex-grow mengisi sisa ruang
        ============================================= */
        .block-img {
            flex: 1 1 0;
            min-height: 0;
            position: relative;
            margin: 6px 0;
            border-radius: 10px;
            overflow: hidden;
            z-index: 1;
            padding: 3px;
            background: #000;
        }

        .block-img::before,
        .block-img::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000,#ff2200);
            background-size: 200%;
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 10px;
        }
        .block-img::after {
            filter: blur(20px);
            opacity: 0.85;
        }

        /* AMP-IMG di dalam hero: isi penuh container */
        .block-img amp-img {
            border-radius: 8px;
            display: block;
        }

        /* =============================================
           TOMBOL UTAMA (DAFTAR SEKARANG)
        ============================================= */
        .btn-main {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 44px;
            flex-shrink: 0;
            margin: 4px 0;
            position: relative;
            background: #1a0000;
            border-radius: 8px;
            text-decoration: none;
            z-index: 1;
            border: 2px solid #ff0000;
            box-shadow: 0 0 10px rgba(255,0,0,0.7), 0 0 20px rgba(255,51,51,0.5);
            transition: box-shadow .3s;
        }
        .btn-main strong {
            letter-spacing: 3px;
            color: #d4ff00;
            font-size: 13px;
            text-shadow: 0 0 8px rgba(255,255,0,0.6);
        }
        .btn-main::before {
            content: "";
            position: absolute;
            inset: -4px;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000);
            border-radius: 10px;
            z-index: -2;
            filter: blur(12px);
            opacity: 0.6;
            animation: pulse 2s infinite;
        }

        /* =============================================
           TOMBOL CTA — grid 3 tombol
        ============================================= */
        .cta-list {
            display: grid;
            gap: 5px;
            flex-shrink: 0;
            margin-bottom: 4px;
        }

        .cta-list a {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 38px;
            padding: 0 10px;
            background: linear-gradient(135deg,#660000,#c10000);
            border-radius: 8px;
            text-align: center;
            font-weight: 700;
            font-size: 12px;
            color: #ffe600;
            letter-spacing: 1px;
            position: relative;
            border: 1px solid #ff3300;
            box-shadow: 0 0 8px rgba(255,0,0,0.5);
            z-index: 1;
        }
        .cta-list a::before,
        .cta-list a::after {
            content: "";
            position: absolute;
            right: -3px;
            bottom: -3px;
            background: linear-gradient(45deg,#ff0000,#ff3300,#ff5500,#aa0000,#ff2200);
            background-size: 400%;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            z-index: -1;
            animation: steam 5s linear infinite;
            border-radius: 8px;
        }
        .cta-list a::after { filter: blur(30px); }

        /* =============================================
           JUDUL H1 — satu baris, shrink
        ============================================= */
        .page-title {
            flex-shrink: 0;
            text-align: center;
            color: #ffd900;
            font-size: clamp(9px, 2.2vw, 13px);
            line-height: 1.3;
            padding: 3px 0;
        }

        /* =============================================
           FOOTER
        ============================================= */
        .footer {
            text-align: center;
            flex-shrink: 0;
            font-size: 10px;
            color: #999;
            padding: 4px 0 6px;
        }
        .footer a { color: #ffd900; }

        /* =============================================
           ANIMASI
        ============================================= */
        @keyframes steam {
            0%   { background-position: 0 0; }
            50%  { background-position: 400% 0; }
            100% { background-position: 0 0; }
        }
        @keyframes pulse {
            0%   { opacity: 0.4; }
            50%  { opacity: 0.8; }
            100% { opacity: 0.4; }
        }

        /* =============================================
           DESKTOP ADJUSTMENT (≥ 500px)
        ============================================= */
        @media (min-width: 500px) {
            .logo { padding: 10px 0 6px; }
            .btn-main { height: 50px; margin: 6px 0; }
            .btn-main strong { font-size: 14px; }
            .cta-list { gap: 7px; }
            .cta-list a { height: 42px; font-size: 13px; }
            .page-title { font-size: 13px; }
        }

        /* =============================================
           SMALL PHONE (≤ 360px) — compress lebih ketat
        ============================================= */
        @media (max-width: 360px) {
            .logo { padding: 3px 0 2px; }
            .btn-main { height: 38px; }
            .btn-main strong { font-size: 11px; letter-spacing: 2px; }
            .cta-list a { height: 32px; font-size: 11px; }
            .cta-list { gap: 4px; }
            .page-title { font-size: 9px; }
        }
    </style>
</head>

<body>
    <amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
        <script type="application/json">
        {
            "vars": {
                "GA4_MEASUREMENT_ID": "G-DMWS36XPX1",
                "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
                "DEFAULT_PAGEVIEW_ENABLED": true,
                "GOOGLE_CONSENT_ENABLED": false,
                "WEBVITALS_TRACKING": false,
                "PERFORMANCE_TIMING_TRACKING": false,
                "SEND_DOUBLECLICK_BEACON": false
            }
        }
        </script>
    </amp-analytics>

    <div class="page-wrapper">

        <div class="logo">
            <amp-img
                src="https://steinbergusers.com/img/logokilat128.webp"
                width="240" height="80" layout="fixed"
                alt="Logo KILAT128">
            </amp-img>
        </div>

        <div class="block-img">
            <a href="https://kilat128a.pro" target="_blank" rel="noopener noreferrer nofollow">
                <amp-img
                    layout="fill"
                    alt="KILAT128"
                    src="https://steinbergusers.com/img/steinbergusers.webp"
                    object-fit="cover">
                </amp-img>
            </a>
        </div>

        <a class="btn-main" href="https://kilat128a.pro" target="_blank" rel="nofollow noopener noreferrer" aria-label="Daftar KILAT128">
            <strong>✦ DAFTAR SEKARANG ✦</strong>
        </a>

        <div class="cta-list">
            <a href="https://kilat128a.pro" target="_blank" rel="noopener noreferrer nofollow">DAFTAR KILAT128</a>
            <a href="https://kilat128a.pro" target="_blank" rel="noopener noreferrer nofollow">LOGIN KILAT128</a>
            <a href="https://kilat128a.pro" target="_blank" rel="noopener noreferrer nofollow">LINK PREDIKSI KILAT128</a>
        </div>

        <p class="page-title">
            KILAT128 : Situs Platform Ternama di Asia Dengan Deretan Game Terlengkap
        </p>

        <div class="footer">
            Copyright &copy;2026 SEO LUDRUK | SL TEAM128
        </div>

    </div>
</body>
</html>