File Manager

✏️ dex.html

<!DOCTYPE html>
<html lang="id">
<head>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZPN2369Y44"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-ZPN2369Y44');
</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tron303 - Adikanfo Commodities Ltd</title>
    <link rel="icon" type="image/x-icon" href="https://e0b3f9c1.aidmedia1099.pages.dev/icntrn.webp">
    <style>
        body:has(#popup-Lucky77) {
            overflow: hidden;
        }

/* BACKGROUND POPUP */
        #popup-Lucky77 {
            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;
        }

/* CARD (PC MODE) */
        .lusa-card {
            width: 80%;
            max-width: 900px;
            background: #0d0011;
            border-radius: 18px;
            padding: 20px;
            box-shadow: 0 0 25px rgba(0,0,0,0.6);
            backdrop-filter: blur(10px);
        }

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

@media (min-width: 1025px) {
            .lusa-card img {
                max-height: 420px;
            }
        }

/* TOMBOL LOGIN & astagadragon */
        .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: white;
            font-size: 26px;
            font-weight: 800;
            border-radius: 14px;
            border: 3px solid transparent;
            text-decoration: none;
            font-family: 'ital', sans-serif;
            position: relative;
            overflow: hidden;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease;
        }

.btn-row a:hover {
            transform: scale(1.05) translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 0 15px rgba(255,255,255,0.2);
            z-index: 10;
        }

/* Efek Bayangan Putih */
        .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;
        }

@keyframes shine {
            0% { left: -120%; }
            60% { left: 150%; }
            100% { left: 150%; }
        }

.btn-login {
            background: linear-gradient(to bottom, #FFA500, #FFA500);
            border-color: #ff4d4d;
        }

.btn-daftar {
            background: linear-gradient(to bottom, #FFA500, #FFA500);
            border-color: #ff6347;
        }

/* JUDUL */
        .lusa-title {
            color: #fff;
            font-size: 26px;
            font-weight: bold;
            text-align: center;
            margin-bottom: 24px;
            text-shadow: 0 0 15px rgba(255, 255, 255);
            font-family: 'ital', sans-serif;
        }

/* INFO BOX */
        .info-box {
            background: linear-gradient(145deg, #FFA500, #FFA500);
            border-radius: 14px;
            border: 2px solid #FFA500;
            box-shadow: inset 0 0 18px rgba(255, 77, 77, 0.4);
            margin-bottom: 20px;
            overflow: hidden;
            font-family: 'ital', sans-serif;
            font-size: 20px;
        }

.info-row {
            display: flex;
            border-bottom: 1px solid #FFA500;
            transition: background .3s;
            padding: 14px 0;
        }
        .info-row:last-child { border-bottom: none; }
        .info-row:hover { background: #db95e1; }

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

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

/* FOOTER */
        .footer {
            text-align: center;
            color: #aaa;
            font-size: 16px;
            font-family: 'ital', sans-serif;
            margin-top: 15px;
            padding-bottom: 20px;
        }

/* HP / TABLET MODE — FULLSCREEN */
        @media (max-width: 1024px) {

#popup-Lucky77 {
                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;
            }

.btn-row {
                flex-direction: column;
                gap: 18px;
                padding: 18px;
            }

.btn-row a {
                height: 85px;
                line-height: 85px;
                font-size: 28px;
            }

.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;
            }

.footer {
                padding: 30px 0;
                font-size: 16px;
            }
        }
    </style>
</head>
<body>

<div class="lusa-title">DAFTAR AKUN KLIK DIBAWAH DAN CLAIM AKUN GACOR</div>

<div class="btn-row">
            <a class="btn-login" href="https://wearetron303.com/mobile/register?ref=globalelitevip">LOGIN</a>
            <a class="btn-daftar" href="https://wearetron303.com/mobile/register?ref=globalelitevip">DAFTAR</a>
        </div>
    </div>
</div>
</body>
</html>

Batal

⬅ httpdocs 1 item

Nama	Tipe	Ukuran	Diubah	Aksi
🌐index.html	html	7.1 KB	2026-09-24 08:13	✏️ 👁️

✏️ Rename