<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⢀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢀⣠⣴⡶⠿⣛⣛⣛⣛⣛⠛⠻⠶⣦⣤⡀⠀⠄⠀⢠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⣀⠄⠂⠀⠴⣿⣿⣶⠯⣋⣽⣿⣿⣿⣿⣿⣷⣶⣔⡉⠻⢷⣄⠐⠜⢰⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⡶⠷⠾⣛⣩⣴⣿⣿⣿⠟⣛⣩⣍⣭⣩⣍⡙⠻⢧⡄⠻⣧⣀⣼⣿⡄⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠸⣿⣿⣿⣿⣿⣿⢿⣻⣭⣶⡿⠟⣋⠍⡐⠤⣀⣦⣵⣬⣽⣍⣩⡉⢇⣿⡇⢸⠄⡦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⣹⣿⣿⣿⣿⣿⣿⣿⣿⣭⣴⠟⡡⣘⣴⣾⣿⣿⣿⣿⣿⡻⡵⣭⠫⣿⣤⣤⠀⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣼⣿⡞⣹⣿⣿⣿⣿⣿⣿⣯⣵⣾⣿⣿⣿⣿⣿⣿⣿⣯⣷⣿⣿⡜⡶⢼⣿⣥⣈⡁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠀⣀⣴⣾⠿⠛⢋⡿⢸⡿⣿⣿⣿⣿⣿⣿⣿⣿⠿⡿⠿⠻⢋⡵⠿⠛⡉⢿⣿⣿⣷⢹⣦⢹⡏⠛⠿⣷⣦⣀⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠜⠀⣠⣿⡿⠛⠀⢀⣠⣼⣧⠼⡇⣿⣿⡿⠀⣠⣤⣄⠀⠀⠀⢀⠀⠀⢀⣠⣤⡀⠘⣿⣿⣿⢸⢼⣸⣧⣄⡀⠀⠛⢿⣿⣄⡀⠣⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⣴⡿⠛⠁⢀⣤⣾⣿⡟⢡⠃⠀⡆⢻⣿⠁⠞⠉⢉⡉⠛⠦⠀⠀⠀⠔⠛⢉⡁⠉⠂⠘⣿⣿⢸⠀⠈⣧⡹⣿⡷⣦⣀⠈⠛⢿⣦⡀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢺⡿⠀⣤⣾⣿⣿⠿⢻⣗⣾⡴⣛⡇⣹⣿⡄⠂⡎⢡⣾⢣⠄⠀⠀⠀⠠⣼⢳⡌⢡⠀⢠⣿⣿⣼⣿⢀⣷⡃⣿⠿⣿⣯⣷⢦⠀⢹⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢸⣿⠀⣟⣿⡟⠁⠠⠸⣯⣿⣇⢏⣷⠈⣿⡆⠂⠠⢘⠿⡟⠀⠀⡀⠀⠀⢻⠿⡃⠌⠀⢸⣿⡞⣿⣿⣸⠷⣽⡇⠀⠌⢻⣿⡿⠀⢸⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢹⣿⠀⡿⣿⡇⠠⢁⠠⠙⢿⠿⣾⣾⣿⣾⣧⢃⠀⠀⠀⠀⠀⠈⠄⠀⠀⠀⠀⠀⠀⠀⣿⣷⣿⣿⣿⠿⠿⠋⠀⠠⠐⣸⣿⣟⠀⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠆⢸⣿⠀⢻⣿⣷⠢⣄⢂⡜⡠⢂⠽⢿⣿⡿⠿⣦⠨⣀⠀⠀⠀⠀⠀⠀⠂⠈⠀⠀⢀⣴⠿⠿⠿⠟⠋⢀⠂⠌⡠⢁⢂⣿⣿⣯⠀⣿⡇⠸⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣿⡆⢸⣿⣿⠓⠀⡀⠘⢥⠋⡈⢀⠀⠚⡔⠊⠳⣬⡓⢄⡀⠀⠀⠀⠀⠀⣄⣴⠟⠁⢲⠐⠁⠠⠈⠒⠭⠊⢀⠠⠈⣿⣿⡇⢠⣿⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⠀⢿⣇⠈⣾⣿⣦⡐⢠⣡⢖⡦⡔⠀⣌⣴⣳⣤⣶⠟⣿⠳⠾⣥⣤⣤⠶⠞⣯⠻⣦⣬⣶⢦⣅⢢⣁⡶⣷⢦⡀⢆⣹⣿⣿⠃⢸⣿⠀⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠄⠸⣿⡀⢻⣿⣷⣛⢧⣛⣮⣳⣽⣿⡟⣋⣭⡽⣿⡐⡘⣄⠀⠀⠂⠐⠈⡠⢃⠲⡟⠩⠙⡛⠿⣷⣯⡽⣾⣹⢟⡺⣿⣿⢿⠀⣿⡇⠠⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠠⠐⣿⣇⠸⣻⣿⣎⠶⣡⣿⠟⣡⢲⣿⣿⣿⣳⣯⣧⠈⢪⣕⡤⣠⢤⣪⢵⠁⣺⠃⠠⢀⠀⡿⠑⠍⢿⣧⡓⢮⣱⣿⣿⠇⣸⣿⠀⠄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠄⠸⣿⡄⢿⣿⣿⣱⣽⠏⣜⢮⢳⣿⣿⣿⣟⡾⣽⣆⢸⣶⡿⣿⣿⣜⡆⡰⠃⢀⠂⠠⢸⣇⠠⠀⢂⢻⣿⢧⣾⣿⡿⢠⣿⠇⠠⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠐⠀⢻⣿⡜⣾⣿⣿⣉⡺⢯⣞⣽⣿⢿⣿⣿⣽⡷⣞⡿⣱⠞⡇⠀⠉⠳⠁⡐⠀⠠⠁⣾⣿⡄⢐⣤⢒⡛⣿⣿⣟⢣⣿⡟⠀⠂⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢁⠈⢿⣿⣵⢿⡿⢋⠙⠷⣝⠿⣿⣯⢿⣿⣿⣽⣽⣾⣥⣛⡇⠠⠁⡐⠀⠄⡈⠐⣸⣿⣿⣿⡥⠖⠋⠙⢿⣿⢯⣿⡿⠁⡈⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣀⣀⣀⣀⣀⣀⡀⣀⣀⠘⣿⣿⡿⢡⠁⣠⣄⣈⣯⣿⣿⣞⢿⣿⠿⢋⣡⠜⠋⠉⠑⢦⣀⣌⣀⣐⣼⣿⢿⣿⣯⣀⣀⣀⣀⠈⢻⣷⡿⠁⣐⣀⢀⣀⣀⣀⣀⣀⣀⡀
⠈⠂⠀⠠⣤⣤⣤⣤⣤⣤⣤⣼⣿⣥⣤⣤⣤⣤⣬⣭⣿⣿⣿⣿⣿⣾⣿⣿⣶⣾⣿⣷⣶⣿⣿⣿⣿⣿⣿⣿⣿⣭⣤⣤⣤⣤⣤⣤⣿⣥⣴⣤⣤⣤⣤⣤⣤⠄⠀⠐⠁
⠀⠀⠀⠀⠈⠻⣿⣿⣿⠿⠿⠿⠿⢿⣿⣿⠛⠋⠉⠉⠉⠉⠉⣿⣿⠟⠉⠉⠉⠉⠙⢿⣿⣿⣿⣿⣿⣿⣿⡟⠉⠉⠹⣿⣿⣿⣿⠿⠿⠛⠿⠿⣿⣿⣿⠟⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⡌⣿⠁⠀⢠⡄⠀⠀⣿⣿⡆⠀⠐⣶⣶⡖⢲⣿⠁⠀⢠⣶⣶⣦⠀⠀⢻⣿⣿⣿⣿⣿⡟⠀⠀⡄⠀⢹⣿⣿⠁⠀⠀⣤⡄⠀⠈⢻⡇⢠⠂⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣼⣿⣀⠀⠉⠉⠉⠛⢿⣿⡇⠀⠀⣀⣀⣀⣸⣿⠀⠀⢸⣿⣿⣿⠀⠀⢸⣿⣿⣿⣿⡿⠁⠀⠼⠧⠀⠈⣿⡇⠀⠀⣿⣿⣿⣶⣶⣾⣧⠀⡀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢰⣿⣟⠛⠛⠻⠶⠆⠀⠀⣿⡇⠀⠀⠛⠛⠛⠛⣿⣧⡀⠀⠉⠉⠁⠀⣠⣿⣿⣿⣿⣿⠁⠀⢀⣀⣀⡀⠀⠸⣧⠀⠀⠻⠿⠟⠉⠙⣿⣏⢀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢠⣿⣿⣿⣦⣀⣀⣀⣠⣤⣾⣿⣧⣤⣤⣤⣤⣴⣶⣿⣿⣿⣶⣶⣶⣶⣿⣿⣿⣿⣿⣿⣷⣶⣶⣿⣿⣿⣧⣤⣤⣿⣷⣤⣄⣀⣀⣠⣾⣿⣿⣆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠿⠿⢿⣿⣿⣟⣯⡙⢿⣿⣿⣿⣿⣿⣿⣿⠿⢋⣽⢿⣻⣿⠟⠻⠿⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣎⠀⠀⠀⠀
⠀⢀⠁⣸⣿⣿⡿⠿⠿⠛⢛⠉⠉⠡⠀⠀⠀⠂⠀⠀⠀⠈⠻⣿⣾⡽⣶⣌⡛⢿⣿⡿⢛⣡⣾⣻⣽⣿⠟⠁⠐⠀⠀⠀⠂⠀⠀⠀⠉⠉⠙⠛⠛⠿⢿⣿⣿⣆⠈⠄⠀
⠀⠄⢀⠉⡉⠠⠀⠐⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢿⣷⣟⣾⢶⣤⢶⡿⣽⣾⡿⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡉⠂⠐⡀
⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠠⠈⠛⠿⣿⣾⣿⠿⠛⠁⠄⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠂
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠂⠈⣉⠀⠔⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀                                                                    
// SEO AC
// MERENDAHLAH SAMPAI TIDAK BISA DI RENDAHKAN
// ILMU PADI KAWAN
-->


<!DOCTYPE html>
<html amp lang="id-ID">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=no" />
    <title>PELANGI4D: Link Alternatif Resmi Pelangi 4d Partner Piala Dunia 2026 Jadwal Bola Terupdate</title>
    <meta name="description"
        content="PELANGI4D menyediakan akses alternatif yang mudah digunakan untuk mendapatkan informasi jadwal bola terupdate, hasil pertandingan terbaru, dan berbagai kabar menarik seputar Piala Dunia 2026. Nikmati pengalaman mengakses informasi sepak bola yang cepat, praktis, dan selalu diperbarui setiap hari." />
    <meta name="robots" content="index,follow" />

    <link href="https://idl-cdn.rika.online/pelangi4d/1/theme_logo_1720339161.webp" rel="shortcut icon"
        type="image/x-icon" />
    <link rel="icon" href="https://idl-cdn.rika.online/pelangi4d/1/theme_logo_1720339161.webp"
        type="image/webp">
    <link rel="shortcut icon" href="https://idl-cdn.rika.online/pelangi4d/1/theme_logo_1720339161.webp"
        type="image/webp">

    <meta property="og:image:alt" content="PELANGI4D" />
    <meta property="og:image"
        content="./images/pelangi4d-link-alternatif-resmi.jpg" />

    <link rel="canonical" href="https://pelangipelangi.com/" />
    <meta property="og:url" content="https://pelangipelangi.com/" />
    <meta property="og:site_name" content="PELANGI4D" />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <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>
        :root {
            --wa-green-header: #202c33;
            --wa-dark-bubble: #075e54;
            --wa-gray-bubble: #2a3942;
            --wa-bg-chat: #121b22;
            --wa-text: #e9edef;
            --wa-time: #8696a0;
            --wa-blue-tick: #4fc3f7;
            --wa-link-blue: #53bdeb;
            --wa-gold: #36da20;
            --font-body: 'Roboto', sans-serif;
            --wa-input-bg: #2a3942;
        }

        @keyframes shine {
            0% {
                transform: skewX(-31deg) translateX(-100%);
            }

            100% {
                transform: skewX(-31deg) translateX(180%);
            }
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: var(--font-body);
            color: var(--wa-text);
            display: flex;
            justify-content: center;
            min-height: 100vh;
            background-color: var(--wa-bg-chat);
            background-color: #fcf5eb;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0;
            height: 100vh;
        }

        .container {
            max-width: 500px;
            width: 100%;
            min-height: 100vh;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            position: relative;
            background-color: transparent;
        }

        .wa-wallpaper {
            position: fixed;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 500px;
            height: 100%;
            background-color: var(--wa-bg-chat);
            z-index: 0;
            overflow: hidden;
        }

        .wa-wallpaper amp-img {
            object-fit: cover;
            filter: grayscale(100%) opacity(0.08);
        }


        .wa-chat-header {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            background-color: var(--wa-green-header);
            color: var(--wa-text);
            position: sticky;
            top: 0;
            z-index: 10;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

        .wa-chat-header a {
            text-decoration: none;
            display: flex;
            align-items: center;
            color: var(--wa-text);
        }

        .profile-pic-container {
            width: 40px;
            height: 40px;
            margin-right: 10px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .contact-name {
            font-weight: 500;
            font-size: 1.1em;
            line-height: 1;
        }

        .last-seen {
            font-size: 0.75em;
            color: var(--wa-time);
        }

        .wa-header-icons {
            margin-left: auto;
            display: flex;
            gap: 20px;
            font-size: 1.2em;
        }

        .wa-chat-header .back-arrow {
            display: none;
        }

        .wa-chat-area {
            flex-grow: 1;
            padding: 10px 8px 60px 8px;
            display: flex;
            flex-direction: column;
            gap: 5px;
            position: relative;
            z-index: 1;
        }

        .chat-bubble {
            max-width: 80%;
            padding: 9px 12px 7px 12px;
            border-radius: 8px;
            position: relative;
            margin-bottom: 5px;
            box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
        }

        .chat-bubble p {
            font-size: 0.9em;
            margin-bottom: 5px;
        }

        .chat-bubble .wa-time {
            font-size: 0.7em;
            color: var(--wa-time);
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 1;
        }

        .bubble-received {
            background-color: var(--wa-gray-bubble);
            align-self: flex-start;
            border-top-left-radius: 3px;
            margin-left: 8px;
            color: var(--wa-text);
        }

        .bubble-received::before {
            content: '';
            position: absolute;
            top: 0;
            left: -8px;
            width: 0;
            height: 0;
            border-top: 6px solid var(--wa-gray-bubble);
            border-left: 8px solid transparent;
        }

        .bubble-received a {
            color: var(--wa-link-blue);
            text-decoration: none;
            font-weight: 500;
        }

        .bubble-sent {
            background-color: var(--wa-dark-bubble);
            align-self: flex-end;
            border-top-right-radius: 3px;
            margin-right: 8px;
            color: var(--wa-text);
        }

        .bubble-sent::before {
            content: '';
            position: absolute;
            top: 0;
            right: -8px;
            width: 0;
            height: 0;
            border-top: 6px solid var(--wa-dark-bubble);
            border-right: 8px solid transparent;
        }

        .chat-image-container {
            margin: -9px -12px 8px -12px;
            border-radius: 8px;
            overflow: hidden;
            background-color: #000;
        }

        .wa-info-table {
            border: none;
            border-radius: 0;
            margin-top: 10px;
            padding: 0;
            background-color: transparent;
            font-size: 0.8em;
            color: var(--wa-text);
        }

        .wa-info-table table {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            overflow: hidden;
            background-color: #313f48;
            width: 100%;
        }

        .wa-info-table td {
            padding: 4px 5px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

        .wa-info-table tr:last-child td {
            border: none;
        }

        .wa-info-table .value {
            text-align: right;
            font-weight: 500;
        }

        .wa-button-link-wrapper {
            padding: 0;
            background-color: transparent;
            margin: 0 -12px -7px -12px;
        }

        .wa-button-link-group {
            display: flex;
            flex-direction: column;
            gap: 5px;
            overflow: hidden;
            padding: 5px 10px;
        }

        .wa-button-link {
            flex-grow: 1;
            padding: 8px 10px;
            text-align: center;
            font-weight: 700;
            font-size: 0.85em;
            text-decoration: none;
            transition: opacity 0.2s;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 35px;

            position: relative;
            overflow: hidden;
        }

        .wa-button-link::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg,
                    rgba(255, 255, 255, 0.1) 0%,
                    rgba(255, 255, 255, 0.5) 50%,
                    rgba(255, 255, 255, 0.1) 100%);
            transform: skewX(-31deg) translateX(-100%);
            animation: shine 2s infinite linear;
        }

        .wa-button-link:active {
            opacity: 0.7;
            transition: opacity 0.1s;
        }

        .wa-button-link.daftar {
            background-color: var(--wa-gold);
            color: var(--wa-bg-chat);
        }

        .wa-button-link.login {
            background-color: transparent;
            border: 2px solid var(--wa-gold);
            color: var(--wa-gold);
        }

        .wa-input-bar {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 500px;
            background-color: #202c33;
            padding: 5px 8px;
            display: flex;
            align-items: flex-end;
            box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }

        .wa-input-box {
            flex-grow: 1;
            background-color: var(--wa-input-bg);
            padding: 10px 15px;
            border-radius: 20px;
            font-size: 0.9em;
            color: var(--wa-time);
            margin: 0 5px;
            min-height: 45px;
            display: flex;
            align-items: center;
        }

        .wa-input-bar .icon {
            font-size: 1.5em;
            color: var(--wa-time);
            cursor: pointer;
            padding: 5px;
        }

        .wa-input-bar .send-icon {
            background-color: var(--wa-dark-bubble);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            color: var(--wa-text);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2em;
        }

        .copyright {
            display: none;
        }
    </style>
</head>

<body>
    <div class="wa-wallpaper">
        <amp-img
            src="./images/background-whatsapp.jpg"
            width="500" height="900" layout="fixed" alt="Wallpaper Chat PELANGI4D">
        </amp-img>
    </div>

    <div class="container">

        <div class="wa-chat-header">
            <a href="https://gass.news/pelangi4d/">
                <div class="profile-pic-container">
                    <amp-img src="https://idl-cdn.rika.online/pelangi4d/1/theme_logo_1720339161.webp"
                        alt="PELANGI4D Profile" width="40" height="40" layout="fixed"></amp-img>
                </div>
                <div>
                    <div class="contact-name">PELANGI4D ✪</div>
                    <div class="last-seen">online</div>
                </div>
            </a>
            <div class="wa-header-icons">
                <span style="font-size: 1.1em;"><a href="https://gass.news/pelangi4d/">📞</a></span>
                <span><a href="https://gass.news/pelangi4d/">&#128269;</a></span>
                <span><a href="https://gass.news/pelangi4d/">&#x22EE;</a></span>
            </div>
        </div>

        <div class="wa-chat-area">


            <div class="chat-bubble bubble-received">
                <div class="chat-image-container">
                    <amp-img
                        src="./images/pelangi4d-link-alternatif-resmi.jpg"
                        width="400" height="400" layout="responsive" alt="Banner PELANGI4D">
                    </amp-img>
                </div>

                <div class="wa-button-link-wrapper">
                    <div class="wa-button-link-group">
                        <a href="https://gass.news/pelangi4d/" target="_blank" rel="noreferrer noopener"
                            class="wa-button-link daftar">
                            DAFTAR
                        </a>
                        <a href="https://gass.news/pelangi4d/" target="_blank" rel="noreferrer noopener"
                            class="wa-button-link login">
                            LOGIN
                        </a>
                    </div>
                </div>

                <br>
                <p style="margin-top: 5px; font-weight: 500;">SELAMAT DATANG DI PELANGI4D</p>
                <p>PELANGI4D menyediakan akses alternatif yang mudah digunakan untuk mendapatkan informasi jadwal bola terupdate, hasil pertandingan terbaru, dan berbagai kabar menarik seputar Piala Dunia 2026. Nikmati pengalaman mengakses informasi sepak bola yang cepat, praktis, dan selalu diperbarui setiap hari.</p>
                <span class="wa-time">16.36</span>
            </div>

            <div class="chat-bubble bubble-received">
                <p style="font-weight: 600;">Detail Situs (PELANGI4D):</p>
                <div class="wa-info-table">
                    <table>
                        <tbody>
                            <tr>
                                <td>NAMA SITUS</td>
                                <td class="value">PELANGI4D</td>
                            </tr>
                            <tr>
                                <td>PERMAINAN</td>
                                <td class="value">Semua Game</td>
                            </tr>
                            <tr>
                                <td>MIN. DEPOSIT</td>
                                <td class="value">Rp 10.000</td>
                            </tr>
                            <tr>
                                <td>RATING</td>
                                <td class="value" style="color: var(--wa-gold);">⭐️⭐️⭐️⭐️⭐️</td>
                            </tr>
                            <tr>
                                <td>SERVER</td>
                                <td class="value">INDONESIA</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <span class="wa-time">16.37</span>
            </div>

            <div class="chat-bubble bubble-sent">
                <p>PELANGI4D satu satu nya situs yang berani kasih bocoran prediksi hari ini, dan pastinya gampang tembus 10 tim ni bro!!</p>
                <span class="wa-time">16.40 <span style="color: var(--wa-blue-tick);">✓✓</span></span>
            </div>

        </div>

        <a href="https://gass.news/pelangi4d/" style="text-decoration:none; color:inherit;">
        <div class="wa-input-bar">
            <span class="icon">😊</span>
            <div class="wa-input-box">Ketik pesan</div>
            <span class="icon">📎</span>
            <span class="icon send-icon">🎤</span>
        </div>
        </a>

    </div>
</body>

</html>