<!--
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⢀⣀⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢀⣠⣴⡶⠿⣛⣛⣛⣛⣛⠛⠻⠶⣦⣤⡀⠀⠄⠀⢠⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⣀⠄⠂⠀⠴⣿⣿⣶⠯⣋⣽⣿⣿⣿⣿⣿⣷⣶⣔⡉⠻⢷⣄⠐⠜⢰⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⡶⠷⠾⣛⣩⣴⣿⣿⣿⠟⣛⣩⣍⣭⣩⣍⡙⠻⢧⡄⠻⣧⣀⣼⣿⡄⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠃⠸⣿⣿⣿⣿⣿⣿⢿⣻⣭⣶⡿⠟⣋⠍⡐⠤⣀⣦⣵⣬⣽⣍⣩⡉⢇⣿⡇⢸⠄⡦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⣹⣿⣿⣿⣿⣿⣿⣿⣿⣭⣴⠟⡡⣘⣴⣾⣿⣿⣿⣿⣿⡻⡵⣭⠫⣿⣤⣤⠀⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣼⣿⡞⣹⣿⣿⣿⣿⣿⣿⣯⣵⣾⣿⣿⣿⣿⣿⣿⣿⣯⣷⣿⣿⡜⡶⢼⣿⣥⣈⡁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⠀⣀⣴⣾⠿⠛⢋⡿⢸⡿⣿⣿⣿⣿⣿⣿⣿⣿⠿⡿⠿⠻⢋⡵⠿⠛⡉⢿⣿⣿⣷⢹⣦⢹⡏⠛⠿⣷⣦⣀⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠜⠀⣠⣿⡿⠛⠀⢀⣠⣼⣧⠼⡇⣿⣿⡿⠀⣠⣤⣄⠀⠀⠀⢀⠀⠀⢀⣠⣤⡀⠘⣿⣿⣿⢸⢼⣸⣧⣄⡀⠀⠛⢿⣿⣄⡀⠣⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢀⣴⡿⠛⠁⢀⣤⣾⣿⡟⢡⠃⠀⡆⢻⣿⠁⠞⠉⢉⡉⠛⠦⠀⠀⠀⠔⠛⢉⡁⠉⠂⠘⣿⣿⢸⠀⠈⣧⡹⣿⡷⣦⣀⠈⠛⢿⣦⡀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢺⡿⠀⣤⣾⣿⣿⠿⢻⣗⣾⡴⣛⡇⣹⣿⡄⠂⡎⢡⣾⢣⠄⠀⠀⠀⠠⣼⢳⡌⢡⠀⢠⣿⣿⣼⣿⢀⣷⡃⣿⠿⣿⣯⣷⢦⠀⢹⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢸⣿⠀⣟⣿⡟⠁⠠⠸⣯⣿⣇⢏⣷⠈⣿⡆⠂⠠⢘⠿⡟⠀⠀⡀⠀⠀⢻⠿⡃⠌⠀⢸⣿⡞⣿⣿⣸⠷⣽⡇⠀⠌⢻⣿⡿⠀⢸⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢹⣿⠀⡿⣿⡇⠠⢁⠠⠙⢿⠿⣾⣾⣿⣾⣧⢃⠀⠀⠀⠀⠀⠈⠄⠀⠀⠀⠀⠀⠀⠀⣿⣷⣿⣿⣿⠿⠿⠋⠀⠠⠐⣸⣿⣟⠀⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠆⢸⣿⠀⢻⣿⣷⠢⣄⢂⡜⡠⢂⠽⢿⣿⡿⠿⣦⠨⣀⠀⠀⠀⠀⠀⠀⠂⠈⠀⠀⢀⣴⠿⠿⠿⠟⠋⢀⠂⠌⡠⢁⢂⣿⣿⣯⠀⣿⡇⠸⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⣿⡆⢸⣿⣿⠓⠀⡀⠘⢥⠋⡈⢀⠀⠚⡔⠊⠳⣬⡓⢄⡀⠀⠀⠀⠀⠀⣄⣴⠟⠁⢲⠐⠁⠠⠈⠒⠭⠊⢀⠠⠈⣿⣿⡇⢠⣿⠃⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⠀⢿⣇⠈⣾⣿⣦⡐⢠⣡⢖⡦⡔⠀⣌⣴⣳⣤⣶⠟⣿⠳⠾⣥⣤⣤⠶⠞⣯⠻⣦⣬⣶⢦⣅⢢⣁⡶⣷⢦⡀⢆⣹⣿⣿⠃⢸⣿⠀⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠄⠸⣿⡀⢻⣿⣷⣛⢧⣛⣮⣳⣽⣿⡟⣋⣭⡽⣿⡐⡘⣄⠀⠀⠂⠐⠈⡠⢃⠲⡟⠩⠙⡛⠿⣷⣯⡽⣾⣹⢟⡺⣿⣿⢿⠀⣿⡇⠠⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠠⠐⣿⣇⠸⣻⣿⣎⠶⣡⣿⠟⣡⢲⣿⣿⣿⣳⣯⣧⠈⢪⣕⡤⣠⢤⣪⢵⠁⣺⠃⠠⢀⠀⡿⠑⠍⢿⣧⡓⢮⣱⣿⣿⠇⣸⣿⠀⠄⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠄⠸⣿⡄⢿⣿⣿⣱⣽⠏⣜⢮⢳⣿⣿⣿⣟⡾⣽⣆⢸⣶⡿⣿⣿⣜⡆⡰⠃⢀⠂⠠⢸⣇⠠⠀⢂⢻⣿⢧⣾⣿⡿⢠⣿⠇⠠⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠐⠀⢻⣿⡜⣾⣿⣿⣉⡺⢯⣞⣽⣿⢿⣿⣿⣽⡷⣞⡿⣱⠞⡇⠀⠉⠳⠁⡐⠀⠠⠁⣾⣿⡄⢐⣤⢒⡛⣿⣿⣟⢣⣿⡟⠀⠂⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢁⠈⢿⣿⣵⢿⡿⢋⠙⠷⣝⠿⣿⣯⢿⣿⣿⣽⣽⣾⣥⣛⡇⠠⠁⡐⠀⠄⡈⠐⣸⣿⣿⣿⡥⠖⠋⠙⢿⣿⢯⣿⡿⠁⡈⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣀⣀⣀⣀⣀⣀⡀⣀⣀⠘⣿⣿⡿⢡⠁⣠⣄⣈⣯⣿⣿⣞⢿⣿⠿⢋⣡⠜⠋⠉⠑⢦⣀⣌⣀⣐⣼⣿⢿⣿⣯⣀⣀⣀⣀⠈⢻⣷⡿⠁⣐⣀⢀⣀⣀⣀⣀⣀⣀⡀
⠈⠂⠀⠠⣤⣤⣤⣤⣤⣤⣤⣼⣿⣥⣤⣤⣤⣤⣬⣭⣿⣿⣿⣿⣿⣾⣿⣿⣶⣾⣿⣷⣶⣿⣿⣿⣿⣿⣿⣿⣿⣭⣤⣤⣤⣤⣤⣤⣿⣥⣴⣤⣤⣤⣤⣤⣤⠄⠀⠐⠁
⠀⠀⠀⠀⠈⠻⣿⣿⣿⠿⠿⠿⠿⢿⣿⣿⠛⠋⠉⠉⠉⠉⠉⣿⣿⠟⠉⠉⠉⠉⠙⢿⣿⣿⣿⣿⣿⣿⣿⡟⠉⠉⠹⣿⣿⣿⣿⠿⠿⠛⠿⠿⣿⣿⣿⠟⠁⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⡌⣿⠁⠀⢠⡄⠀⠀⣿⣿⡆⠀⠐⣶⣶⡖⢲⣿⠁⠀⢠⣶⣶⣦⠀⠀⢻⣿⣿⣿⣿⣿⡟⠀⠀⡄⠀⢹⣿⣿⠁⠀⠀⣤⡄⠀⠈⢻⡇⢠⠂⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣼⣿⣀⠀⠉⠉⠉⠛⢿⣿⡇⠀⠀⣀⣀⣀⣸⣿⠀⠀⢸⣿⣿⣿⠀⠀⢸⣿⣿⣿⣿⡿⠁⠀⠼⠧⠀⠈⣿⡇⠀⠀⣿⣿⣿⣶⣶⣾⣧⠀⡀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⢰⣿⣟⠛⠛⠻⠶⠆⠀⠀⣿⡇⠀⠀⠛⠛⠛⠛⣿⣧⡀⠀⠉⠉⠁⠀⣠⣿⣿⣿⣿⣿⠁⠀⢀⣀⣀⡀⠀⠸⣧⠀⠀⠻⠿⠟⠉⠙⣿⣏⢀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢠⣿⣿⣿⣦⣀⣀⣀⣠⣤⣾⣿⣧⣤⣤⣤⣤⣴⣶⣿⣿⣿⣶⣶⣶⣶⣿⣿⣿⣿⣿⣿⣷⣶⣶⣿⣿⣿⣧⣤⣤⣿⣷⣤⣄⣀⣀⣠⣾⣿⣿⣆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠿⠿⢿⣿⣿⣟⣯⡙⢿⣿⣿⣿⣿⣿⣿⣿⠿⢋⣽⢿⣻⣿⠟⠻⠿⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣎⠀⠀⠀⠀
⠀⢀⠁⣸⣿⣿⡿⠿⠿⠛⢛⠉⠉⠡⠀⠀⠀⠂⠀⠀⠀⠈⠻⣿⣾⡽⣶⣌⡛⢿⣿⡿⢛⣡⣾⣻⣽⣿⠟⠁⠐⠀⠀⠀⠂⠀⠀⠀⠉⠉⠙⠛⠛⠿⢿⣿⣿⣆⠈⠄⠀
⠀⠄⢀⠉⡉⠠⠀⠐⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⢿⣷⣟⣾⢶⣤⢶⡿⣽⣾⡿⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡉⠂⠐⡀
⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠠⠈⠛⠿⣿⣾⣿⠿⠛⠁⠄⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠂
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⠂⠈⣉⠀⠔⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀                                                                    
// 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 - Login Resmi, RTP & Link Alternatif Terbaru</title>
    <meta name="description"
        content="Temukan informasi terbaru seputar PELANGI4D, mulai dari login resmi, RTP harian, link alternatif, APK mobile, hingga panduan akses login Pelangi4d dalam satu halaman yang mudah dibuka." />
    <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://www.pelangi4drtp.com/" />
    <meta property="og:url" content="https://www.pelangi4drtp.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>Temukan informasi terbaru seputar PELANGI4D, mulai dari login resmi, RTP harian, link alternatif, APK mobile, hingga panduan akses login Pelangi4d dalam satu halaman yang mudah dibuka.</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>Keren nih PELANGI4D, kasih info RTP terbaru benar benar gampang pecah, disini berapapun kemenangan selalu di bayar lunas 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>