Elementor #28356

				
					






    body:has(#popup-situs) {
        overflow: hidden;
    }

    #popup-situs {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.95);
        z-index: 999999;
        backdrop-filter: blur(15px);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px; 
        overflow: hidden;
    }

    .lusa-card {
        width: 80%;
        max-width: 900px;
        background: linear-gradient(145deg, #3b2d00, #1e1600);
        border-radius: 18px;
        padding: 20px;
        border: 3px solid #d4a100;
        box-shadow: 0 0 25px rgba(255, 199, 54, 0.4);
        backdrop-filter: blur(10px);
    }

    .lusa-card img {
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 14px;
        margin-bottom: 20px;
    }

    .btn-row {
        display: flex;
        gap: 22px;
        margin-bottom: 30px;
        padding: 0 16px;
    }

    .btn-row a {
        flex: 1;
        height: 78px;
        line-height: 78px;
        text-align: center;
        color: #fff8d0;
        font-size: 26px;
        font-weight: 800;
        border-radius: 14px;
        border: 3px solid #ffd24b;
        text-decoration: none;
        background: linear-gradient(to bottom,#d1a32c,#8c6b00);
        position: relative;
        overflow: hidden;
    }

    .btn-row a::after {
        content: "";
        position: absolute;
        top: 0;
        left: -120%;
        width: 80%;
        height: 100%;
        background: linear-gradient(
            120deg,
            rgba(255,255,255,0.65),
            rgba(255,255,255,0.2),
            rgba(255,255,255,0)
        );
        transform: skewX(-20deg);
        animation: shine 2.2s infinite;
    }

    .btn-login {
        background: linear-gradient(to bottom,#e8c14d,#8c6b00);
        border-color: #ffd24b;
    }

    .btn-daftar {
        background: linear-gradient(to bottom,#ffdd70,#d1a32c);
        border-color: #ffe07a;
    }

    .lusa-title {
        color: #ffde70;
        font-size: 26px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 24px;
        text-shadow: 0 0 10px rgba(255,234,112,.7);
    }

    .info-box {
        background: linear-gradient(145deg,#4a3a00,#1b1500);
        border-radius: 14px;
        border: 2px solid #ffdd60;
        box-shadow: inset 0 0 18px rgba(255,215,90,0.45);
        margin-bottom: 20px;
        overflow: hidden;
        font-size: 20px;
    }

    .info-row {
        display: flex;
        border-bottom: 1px solid #5a4500;
        padding: 14px 0;
    }
    .info-row:last-child { border-bottom: none; }

    .info-label {
        width: 42%;
        padding-left: 16px;
        font-weight: 700;
        color: #ffe8a1;
    }

    .info-value {
        width: 58%;
        padding-left: 16px;
        color: #fff7d6;
    }

    .footer {
        text-align: center;
        color: #e6c667;
        font-size: 16px;
        margin-top: 15px;
        padding-bottom: 20px;
    }

    @media (max-width: 1024px) {
        #popup-situs {
            padding: 0 !important;
            display: block !important;
        }

        .lusa-card {
            width: 100% !important;
            max-width: 100% !important;
            height: 100vh !important;
            border-radius: 0 !important;
            padding: 0 !important;
            overflow-y: auto !important;
        }

        .lusa-card img {
            width: 100%;
            height: auto;
            max-height: none !important;
            object-fit: cover !important;
            border-radius: 0 !important;
        }

        .info-box {
            border-radius: 0 !important;
            border: none !important;
            box-shadow: none !important;
            margin: 0 !important;
            padding: 20px !important;
            font-size: 22px !important;
        }

        .info-row {
            padding: 20px 0;
        }
    }


<div id="popup-situs">
    <div class="lusa-card">

        <a href="https://palsu-daya138.pro/account/register" target="_blank" style="display:block">
            <img decoding="async" src="https://sgalabel.blob.core.windows.net/agent-websites/191/medialibrary/images/191_c2f50158e7e44478a2118b9768bbfdf0.webp" alt="situs">
        </a>
         

        <div class="btn-row">
            <a class="btn-login" href="https://palsu-daya138.pro/account/register">LOGIN</a>
            <a class="btn-daftar" href="https://palsu-daya138.pro/account/register">DAFTAR</a>
        </div>

        <div class="lusa-title">LAPAK PILIHAN</div>
    <a href="https://palsu-daya138.pro/account/register" target="_blank" style="display:block">
            <img decoding="async" src="https://sgalabel.blob.core.windows.net/agent-websites/191/medialibrary/images/191_e3d76490641b451aa848ff2125d4baee.webp" alt="situs">
        </a>
        <div class="info-box">
            <div class="info-row">
                <div class="info-label">Nama Situs :</div>
                <div class="info-value"><strong>DAYA138</strong></div>
            </div>

            <div class="info-row">
                <div class="info-label">Payment :</div>
                <div class="info-value">⚡ QRIS KILAT 1 DETIK MASUK LANGSUNG</div>
            </div>

            <div class="info-row">
                <div class="info-label">DEPO :</div>
                <div class="info-value">💸 Rp 10.000</div>
            </div>

            <div class="info-row">
                <div class="info-label">WEDE :</div>
                <div class="info-value">💵 Rp 25.000</div>
            </div>
        </div>
    </div>
</div>