{"id":8,"date":"2026-03-12T16:02:30","date_gmt":"2026-03-12T16:02:30","guid":{"rendered":"https:\/\/101percent.fun\/?page_id=8"},"modified":"2026-03-15T04:08:04","modified_gmt":"2026-03-15T04:08:04","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/101percent.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62895eb e-flex e-con-boxed e-con e-parent\" data-id=\"62895eb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/101percent.fun\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/101-BG.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-c054591 e-con-full e-flex e-con e-child\" data-id=\"c054591\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94cd902 elementor-widget elementor-widget-html\" data-id=\"94cd902\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Reset & Variabel Global *\/\r\n    * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'DM Mono', monospace; }\r\n    \r\n    :root {\r\n        --crt-green: #35def4; \/* Hijau matrix murni *\/\r\n        --crt-bg: #000000;\r\n        --border-dim: 1px solid rgba(0, 255, 65, 0.2); \/* Border utama redup *\/\r\n        --border-bright: 1px solid var(--crt-green); \/* Siku terang & tipis *\/\r\n    }\r\n\r\n    \/* Container Navbar *\/\r\n    .crt-navbar {\r\n        position: fixed;\r\n        top: 25px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 92%;\r\n        max-width: 1000px; \/* Lebih ramping biar elegan *\/\r\n        background-color: var(--crt-bg);\r\n        border: var(--border-dim);\r\n        padding: 12px 24px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        z-index: 9999;\r\n        \r\n        \/* Efek VHS\/CRT: Scanline tipis di dalam navbar *\/\r\n        background-image: repeating-linear-gradient(\r\n            0deg,\r\n            transparent,\r\n            transparent 2px,\r\n            rgba(0, 255, 65, 0.03) 2px,\r\n            rgba(0, 255, 65, 0.03) 4px\r\n        );\r\n        box-shadow: inset 0 0 20px rgba(0, 255, 65, 0.05); \/* Cahaya tabung redup *\/\r\n    }\r\n\r\n    \/* Corner Borders (Siku) - Presisi 1px, posisi di luar sedikit *\/\r\n    .crt-corner {\r\n        position: absolute;\r\n        width: 10px;\r\n        height: 10px;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .c-tl { top: -4px; left: -4px; border-top: var(--border-bright); border-left: var(--border-bright); }\r\n    .c-tr { top: -4px; right: -4px; border-top: var(--border-bright); border-right: var(--border-bright); }\r\n    .c-bl { bottom: -4px; left: -4px; border-bottom: var(--border-bright); border-left: var(--border-bright); }\r\n    .c-br { bottom: -4px; right: -4px; border-bottom: var(--border-bright); border-right: var(--border-bright); }\r\n\r\n    \/* Logo Teks *\/\r\n    .crt-logo {\r\n        color: var(--crt-green);\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        letter-spacing: 2px;\r\n        text-shadow: 0 0 8px rgba(0, 255, 65, 0.4); \/* CRT Glow *\/\r\n    }\r\n\r\n    \/* Container Tombol *\/\r\n    .crt-links {\r\n        display: flex;\r\n        gap: 15px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Tombol UI *\/\r\n    .crt-btn {\r\n        background: transparent;\r\n        color: var(--crt-green);\r\n        border: var(--border-dim);\r\n        padding: 8px 16px;\r\n        font-size: 0.85rem;\r\n        text-decoration: none;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Hover Tombol *\/\r\n    .crt-btn:hover {\r\n        background-color: rgba(0, 255, 65, 0.1); \/* Background isi redup *\/\r\n        border: var(--border-bright); \/* Border menyala *\/\r\n        text-shadow: 0 0 10px rgba(53, 222, 244, 0.8);\r\n        box-shadow: 0 0 15px rgba(53, 222, 244, 0.2);\r\n    }\r\n\r\n    \/* Responsif Mobile *\/\r\n    @media (max-width: 600px) {\r\n        .crt-navbar { flex-direction: column; gap: 15px; padding: 15px; width: 95%; top: 10px; }\r\n        .crt-links { flex-direction: column; width: 100%; gap: 10px; }\r\n        .crt-btn { width: 100%; text-align: center; }\r\n    }\r\n<\/style>\r\n\r\n<nav class=\"crt-navbar\">\r\n    <div class=\"crt-corner c-tl\"><\/div>\r\n    <div class=\"crt-corner c-tr\"><\/div>\r\n    <div class=\"crt-corner c-bl\"><\/div>\r\n    <div class=\"crt-corner c-br\"><\/div>\r\n    \r\n    <a href=\"#\" class=\"crt-logo\">101%<\/a>\r\n    \r\n    <div class=\"crt-links\">\r\n        <a href=\"https:\/\/x.com\/101percent_coin\" class=\"crt-btn\">\r\n            TWITTER\r\n            <div class=\"crt-corner c-tl\" style=\"width:5px; height:5px; top:-2px; left:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-tr\" style=\"width:5px; height:5px; top:-2px; right:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-bl\" style=\"width:5px; height:5px; bottom:-2px; left:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-br\" style=\"width:5px; height:5px; bottom:-2px; right:-2px;\"><\/div>\r\n        <\/a>\r\n        <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6q3Vg1Kvxq7GVXsM9u5y3t6EWmbkhmSHSN9vQJR3pump\" class=\"crt-btn\">\r\n            BUY $101%\r\n            <div class=\"crt-corner c-tl\" style=\"width:5px; height:5px; top:-2px; left:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-tr\" style=\"width:5px; height:5px; top:-2px; right:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-bl\" style=\"width:5px; height:5px; bottom:-2px; left:-2px;\"><\/div>\r\n            <div class=\"crt-corner c-br\" style=\"width:5px; height:5px; bottom:-2px; right:-2px;\"><\/div>\r\n        <\/a>\r\n    <\/div>\r\n<\/nav>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba8c1c3 elementor-widget elementor-widget-spacer\" data-id=\"ba8c1c3\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c8ea63 e-con-full e-flex e-con e-child\" data-id=\"3c8ea63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a894c4e elementor-widget elementor-widget-heading\" data-id=\"a894c4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">When Logic Breaks<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad85dc elementor-widget elementor-widget-html\" data-id=\"4ad85dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Inti Variabel Warna *\/\r\n    :root {\r\n        --c-cyan: #35def4;\r\n        --c-black: #000000;\r\n        --c-cyan-dim: rgba(53, 222, 244, 0.2);\r\n        --c-cyan-glow: rgba(53, 222, 244, 0.5);\r\n    }\r\n\r\n    \/* Container Utama *\/\r\n    .elite-ca-box {\r\n        position: relative;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background-color: var(--c-black);\r\n        border: 1px solid var(--c-cyan-dim);\r\n        padding: 10px 18px;\r\n        font-family: 'DM Mono', monospace;\r\n        cursor: pointer;\r\n        user-select: none;\r\n        transition: transform 0.1s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n        \/* Menyembunyikan elemen scanner yang keluar batas *\/\r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* Efek Hover Box Utama *\/\r\n    .elite-ca-box:hover {\r\n        border-color: var(--c-cyan-glow);\r\n        box-shadow: 0 0 20px rgba(53, 222, 244, 0.15);\r\n    }\r\n\r\n    \/* Efek Klik (Mengecil sedikit) *\/\r\n    .elite-ca-box:active {\r\n        transform: scale(0.98);\r\n        border-color: var(--c-cyan);\r\n    }\r\n\r\n    \/* Animasi Scanner Menyapu saat Hover *\/\r\n    .elite-ca-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 50%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, transparent, rgba(53, 222, 244, 0.1), transparent);\r\n        transform: skewX(-20deg);\r\n        transition: none;\r\n    }\r\n\r\n    .elite-ca-box:hover::before {\r\n        animation: scanner-sweep 1.5s infinite linear;\r\n    }\r\n\r\n    @keyframes scanner-sweep {\r\n        0% { left: -100%; }\r\n        100% { left: 200%; }\r\n    }\r\n\r\n    \/* Siku Bingkai 1px (Corner Brackets) - Presisi Tinggi *\/\r\n    .elite-corner {\r\n        position: absolute;\r\n        width: 6px;\r\n        height: 6px;\r\n        pointer-events: none;\r\n        border-style: solid;\r\n        border-color: var(--c-cyan);\r\n        border-width: 0;\r\n        z-index: 2;\r\n    }\r\n    .e-tl { top: -2px; left: -2px; border-top-width: 1px; border-left-width: 1px; }\r\n    .e-tr { top: -2px; right: -2px; border-top-width: 1px; border-right-width: 1px; }\r\n    .e-bl { bottom: -2px; left: -2px; border-bottom-width: 1px; border-left-width: 1px; }\r\n    .e-br { bottom: -2px; right: -2px; border-bottom-width: 1px; border-right-width: 1px; }\r\n\r\n    \/* Area Teks CA *\/\r\n    .elite-ca-text {\r\n        color: var(--c-cyan);\r\n        font-size: 0.95rem;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 400;\r\n        text-shadow: 0 0 8px rgba(53, 222, 244, 0.4);\r\n        \/* Penanganan teks panjang *\/\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        max-width: 280px;\r\n        margin-right: 15px; \/* Jarak ke separator *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Garis Separator Elegan *\/\r\n    .elite-divider {\r\n        width: 1px;\r\n        height: 22px;\r\n        background-color: var(--c-cyan-dim);\r\n        margin-right: 15px;\r\n        z-index: 1;\r\n        transition: background-color 0.3s ease;\r\n    }\r\n\r\n    .elite-ca-box:hover .elite-divider {\r\n        background-color: var(--c-cyan-glow);\r\n    }\r\n\r\n    \/* Area Ikon Copy *\/\r\n    .elite-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--c-cyan);\r\n        opacity: 0.6;\r\n        transition: opacity 0.3s ease, text-shadow 0.3s ease;\r\n        z-index: 1;\r\n    }\r\n\r\n    .elite-icon svg {\r\n        width: 16px;\r\n        height: 16px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    .elite-ca-box:hover .elite-icon {\r\n        opacity: 1;\r\n        text-shadow: 0 0 10px var(--c-cyan);\r\n    }\r\n\r\n    \/* Responsif Layar Kecil *\/\r\n    @media (max-width: 480px) {\r\n        .elite-ca-box {\r\n            width: 100%;\r\n            justify-content: space-between;\r\n            padding: 12px 14px;\r\n        }\r\n        .elite-ca-text {\r\n            font-size: 0.85rem;\r\n            max-width: 200px;\r\n            margin-right: 10px;\r\n        }\r\n        .elite-divider {\r\n            margin-right: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"elite-ca-box\" onclick=\"triggerCopySequence()\">\r\n    <div class=\"elite-corner e-tl\"><\/div>\r\n    <div class=\"elite-corner e-tr\"><\/div>\r\n    <div class=\"elite-corner e-bl\"><\/div>\r\n    <div class=\"elite-corner e-br\"><\/div>\r\n    \r\n    <div class=\"elite-ca-text\" id=\"target-ca\">6q3Vg1Kvxq7GVXsM9u5y3t6EWmbkhmSHSN9vQJR3pump<\/div>\r\n    \r\n    <div class=\"elite-divider\"><\/div>\r\n    \r\n    <div class=\"elite-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\"\/>\r\n        <\/svg>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let isCopying = false;\r\n    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%&*';\r\n\r\n    function triggerCopySequence() {\r\n        if (isCopying) return;\r\n        isCopying = true;\r\n\r\n        const textEl = document.getElementById('target-ca');\r\n        \r\n        \/\/ Simpan CA asli\r\n        if (!textEl.hasAttribute('data-real-ca')) {\r\n            textEl.setAttribute('data-real-ca', textEl.innerText);\r\n        }\r\n        const realCA = textEl.getAttribute('data-real-ca');\r\n        const targetText = \"STATUS: COPIED_\"; \/\/ Teks setelah berhasil\r\n\r\n        \/\/ Copy ke clipboard\r\n        navigator.clipboard.writeText(realCA).then(() => {\r\n            \r\n            \/\/ Efek Decryption \/ Hacker Scramble\r\n            let iterations = 0;\r\n            const maxIterations = 10;\r\n            \r\n            const scrambleInterval = setInterval(() => {\r\n                textEl.innerText = targetText.split('').map((char, index) => {\r\n                    if (index < iterations) return targetText[index];\r\n                    return chars[Math.floor(Math.random() * chars.length)];\r\n                }).join('');\r\n                \r\n                iterations += 1;\r\n                \r\n                if (iterations > targetText.length) {\r\n                    clearInterval(scrambleInterval);\r\n                    textEl.innerText = targetText;\r\n                    \r\n                    \/\/ Kembalikan ke teks CA asli setelah 2 detik\r\n                    setTimeout(() => {\r\n                        textEl.innerText = realCA;\r\n                        isCopying = false;\r\n                    }, 2000);\r\n                }\r\n            }, 30); \/\/ Kecepatan acak (ms)\r\n\r\n        }).catch(err => {\r\n            console.error('Copy failed:', err);\r\n            isCopying = false;\r\n        });\r\n    }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1afa99 elementor-widget elementor-widget-spacer\" data-id=\"d1afa99\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fe37de e-con-full e-flex e-con e-parent\" data-id=\"8fe37de\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76d1c62 elementor-widget elementor-widget-html\" data-id=\"76d1c62\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"xp-overlay-container\">\r\n    <div class=\"xp-scanlines\"><\/div>\r\n    <div class=\"xp-grain\"><\/div>\r\n    <div id=\"xp-particles-layer\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Container Utama: Diubah menjadi TRANSPARAN *\/\r\n    #xp-overlay-container {\r\n        position: fixed; \/* Agar tetap di posisi saat discroll *\/\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 2; \/* Tepat di atas background section, tapi di bawah konten teks\/gambar *\/\r\n        background: transparent; \/* KUNCI: Background dibuat transparan *\/\r\n        overflow: hidden;\r\n        pointer-events: none; \/* Penting: Agar klik mouse tembus ke tombol\/link di website *\/\r\n    }\r\n\r\n    \/* Efek Scanlines (Garis Horizontal Tipis) *\/\r\n    .xp-scanlines {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* Membuat garis hitam transparan berulang *\/\r\n        background: linear-gradient(\r\n            to bottom,\r\n            rgba(255,255,255,0) 50%,\r\n            rgba(0,0,0,0.05) 50% \/* Ubah 0.05 jika ingin garis lebih gelap\/terang *\/\r\n        );\r\n        background-size: 100% 3px; \/* Ukuran ketebalan garis *\/\r\n        z-index: 3;\r\n    }\r\n\r\n    \/* Efek Grain Bergerak (Semut TV) *\/\r\n    .xp-grain {\r\n        position: absolute;\r\n        top: -100%;\r\n        left: -100%;\r\n        width: 300%; \/* Dibuat lebih besar agar saat bergerak tidak putus *\/\r\n        height: 300%;\r\n        \/* Menggunakan SVG Noise filter untuk performa terbaik *\/\r\n        background-image: url('data:image\/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.7\" numOctaves=\"4\" stitchTiles=\"stitch\"\/%3E%3C\/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\" opacity=\"1\"\/%3E%3C\/svg%3E');\r\n        opacity: 0.08; \/* Tingkat transparansi grain (0.05 - 0.15 adalah angka yang bagus) *\/\r\n        \/* Animasi grain bergerak *\/\r\n        animation: grain-jiggle 1s steps(8) infinite;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Keyframe agar grain \"bergetar\" secara acak *\/\r\n    @keyframes grain-jiggle {\r\n        0% { transform: translate(0, 0); }\r\n        25% { transform: translate(-5%, -2%); }\r\n        50% { transform: translate(3%, 4%); }\r\n        75% { transform: translate(-2%, 6%); }\r\n        100% { transform: translate(4%, -3%); }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const particleContainer = document.getElementById('xp-particles-layer');\r\n        const particleCount = 18; \/\/ Jumlah partikel pixel yang melayang\r\n        \r\n        \/\/ Palet Warna Ikonik Windows XP\r\n        const colors = [\r\n            'rgba(242, 90, 41, ',  \/\/ XP Orange\r\n            'rgba(0, 192, 240, ',  \/\/ XP Light Blue\r\n            'rgba(127, 186, 0, ',  \/\/ XP Green\r\n            'rgba(255, 185, 0, ',  \/\/ XP Yellow\r\n            'rgba(255, 255, 255, ' \/\/ White\r\n        ];\r\n\r\n        \/\/ Membuat pixel satu per satu\r\n        for (let i = 0; i < particleCount; i++) {\r\n            createParticle(i);\r\n        }\r\n\r\n        function createParticle(index) {\r\n            const span = document.createElement('span');\r\n            span.classList.add('xp-pixel');\r\n            \r\n            \/\/ Ukuran Random (kotak pixel antara 8px sampai 24px)\r\n            const sizeVal = Math.random() * 16 + 8;\r\n            span.style.width = sizeVal + 'px';\r\n            span.style.height = sizeVal + 'px';\r\n\r\n            \/\/ Posisi Horizontal Random\r\n            span.style.left = Math.random() * 100 + 'vw';\r\n            \r\n            \/\/ Warna Random dengan transparansi\r\n            const baseColor = colors[Math.floor(Math.random() * colors.length)];\r\n            \/\/ Opacity antara 0.2 sampai 0.5 agar tidak terlalu mencolok\r\n            const opacity = Math.random() * 0.7 + 0.5; \r\n            span.style.backgroundColor = baseColor + opacity + ')';\r\n\r\n            \/\/ Kecepatan dan Delay Animasi Random\r\n            \/\/ Durasi antara 15s sampai 25s (gerakan lambat)\r\n            const duration = Math.random() * 10 + 15; \r\n            \/\/ Delay agar munculnya tidak barengan\r\n            const delay = Math.random() * 20; \/\/ delay hingga 20 detik\r\n            \r\n            span.style.animation = `floatUpXP ${duration}s linear -${delay}s infinite`;\r\n\r\n            particleContainer.appendChild(span);\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbc6e92 elementor-widget elementor-widget-html\" data-id=\"cbc6e92\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Kunci Warna: Hitam & Cyan *\/\r\n    :root {\r\n        --cyan-core: #35def4;\r\n        --bg-core: #000000;\r\n        --cyan-glow: rgba(53, 222, 244, 0.5);\r\n        --cyan-dim: rgba(53, 222, 244, 0.2);\r\n    }\r\n\r\n    \/* Container Section Utama *\/\r\n    .about-card-section {\r\n        background-color: var(--bg-core);\r\n        padding: 80px 20px;\r\n        font-family: 'DM Mono', monospace;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- THE HUD CARD --- *\/\r\n    .about-hud-card {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 800px; \/* Ukuran lebar maksimal kartu *\/\r\n        background-color: var(--bg-core);\r\n        border: 1px solid var(--cyan-dim);\r\n        padding: 50px 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        z-index: 10;\r\n        \r\n        \/* Efek scanline di background kartu *\/\r\n        background-image: repeating-linear-gradient(\r\n            0deg,\r\n            transparent,\r\n            transparent 2px,\r\n            rgba(53, 222, 244, 0.02) 2px,\r\n            rgba(53, 222, 244, 0.02) 4px\r\n        );\r\n        box-shadow: inset 0 0 30px rgba(53, 222, 244, 0.05);\r\n        \r\n        \/* Animasi masuk (Scroll Reveal) *\/\r\n        opacity: 0;\r\n        transform: translateY(40px) scale(0.98);\r\n        transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* Class ketika kartu masuk layar *\/\r\n    .about-hud-card.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0) scale(1);\r\n    }\r\n\r\n    \/* Siku Bingkai 2px (Corner Brackets) di Luar Kartu *\/\r\n    .about-corner {\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 20px;\r\n        border-color: var(--cyan-core);\r\n        border-style: solid;\r\n        border-width: 0;\r\n        z-index: 20;\r\n        transition: all 0.4s ease;\r\n    }\r\n\r\n    .ac-tl { top: -2px; left: -2px; border-top-width: 2px; border-left-width: 2px; }\r\n    .ac-tr { top: -2px; right: -2px; border-top-width: 2px; border-right-width: 2px; }\r\n    .ac-bl { bottom: -2px; left: -2px; border-bottom-width: 2px; border-left-width: 2px; }\r\n    .ac-br { bottom: -2px; right: -2px; border-bottom-width: 2px; border-right-width: 2px; }\r\n\r\n    \/* Interaksi Hover pada Kartu About *\/\r\n    .about-hud-card:hover {\r\n        border-color: rgba(53, 222, 244, 0.4);\r\n        box-shadow: inset 0 0 40px rgba(53, 222, 244, 0.1), 0 0 20px rgba(53, 222, 244, 0.15);\r\n    }\r\n\r\n    \/* Siku mekar saat di-hover *\/\r\n    .about-hud-card:hover .ac-tl { top: -8px; left: -8px; box-shadow: -2px -2px 8px var(--cyan-glow); }\r\n    .about-hud-card:hover .ac-tr { top: -8px; right: -8px; box-shadow: 2px -2px 8px var(--cyan-glow); }\r\n    .about-hud-card:hover .ac-bl { bottom: -8px; left: -8px; box-shadow: -2px 2px 8px var(--cyan-glow); }\r\n    .about-hud-card:hover .ac-br { bottom: -8px; right: -8px; box-shadow: 2px 2px 8px var(--cyan-glow); }\r\n\r\n    \/* --- SVG OTAK DI DALAM KARTU --- *\/\r\n    .card-brain-container {\r\n        position: relative;\r\n        width: 120px;\r\n        height: 120px;\r\n        margin-bottom: 30px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        \/* Animasi rotasi radar *\/\r\n        border: 1px dashed rgba(53, 222, 244, 0.3);\r\n        border-radius: 50%;\r\n        animation: spin-radar 10s linear infinite;\r\n    }\r\n\r\n    @keyframes spin-radar { 100% { transform: rotate(360deg); } }\r\n\r\n    .custom-brain-svg {\r\n        position: absolute;\r\n        width: 60%;\r\n        height: auto;\r\n        fill: var(--cyan-core);\r\n        filter: drop-shadow(0 0 10px var(--cyan-core));\r\n        \/* Batalin putaran radar buat otaknya biar tetep lurus *\/\r\n        animation: counter-spin 10s linear infinite, pulse-brain 2s infinite alternate;\r\n    }\r\n\r\n    @keyframes counter-spin { 100% { transform: rotate(-360deg); } }\r\n    @keyframes pulse-brain {\r\n        from { opacity: 0.8; filter: drop-shadow(0 0 5px var(--cyan-core)); }\r\n        to { opacity: 1; filter: drop-shadow(0 0 15px var(--cyan-core)); }\r\n    }\r\n\r\n    \/* --- TEXT DATA --- *\/\r\n    .sys-label {\r\n        color: var(--cyan-core);\r\n        font-size: 0.8rem;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        opacity: 0.6;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .terminal-title {\r\n        color: var(--cyan-core);\r\n        font-size: 2.8rem;\r\n        font-weight: 500;\r\n        letter-spacing: 2px;\r\n        margin: 0 0 25px 0;\r\n        text-shadow: 0 0 15px var(--cyan-glow);\r\n        min-height: 50px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Garis pemisah elegan di bawah judul *\/\r\n    .title-divider {\r\n        width: 0;\r\n        height: 1px;\r\n        background-color: var(--cyan-core);\r\n        margin-bottom: 30px;\r\n        box-shadow: 0 0 10px var(--cyan-core);\r\n        transition: width 1s ease 0.5s;\r\n    }\r\n\r\n    .about-hud-card.is-visible .title-divider {\r\n        width: 100px;\r\n    }\r\n\r\n    .terminal-desc {\r\n        color: rgba(53, 222, 244, 0.8);\r\n        font-size: 1.1rem;\r\n        line-height: 1.8;\r\n        letter-spacing: 0.5px;\r\n        margin: 0;\r\n        max-width: 650px;\r\n        \r\n        \/* Animasi Fade-in setelah judul kelar *\/\r\n        opacity: 0;\r\n        transform: translateY(15px);\r\n        transition: all 1s ease;\r\n    }\r\n\r\n    .terminal-desc.show {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .glow-101 {\r\n        color: #fff;\r\n        font-weight: 500;\r\n        text-shadow: 0 0 10px var(--cyan-core), 0 0 20px var(--cyan-core);\r\n    }\r\n\r\n    \/* Responsif HP *\/\r\n    @media (max-width: 768px) {\r\n        .about-hud-card { padding: 40px 20px; }\r\n        .terminal-title { font-size: 2rem; }\r\n        .terminal-desc { font-size: 0.95rem; }\r\n        .card-brain-container { width: 90px; height: 90px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"about-card-section\" id=\"target-about\">\r\n    \r\n    <div class=\"about-hud-card\" id=\"about-card\">\r\n        <div class=\"about-corner ac-tl\"><\/div>\r\n        <div class=\"about-corner ac-tr\"><\/div>\r\n        <div class=\"about-corner ac-bl\"><\/div>\r\n        <div class=\"about-corner ac-br\"><\/div>\r\n\r\n        <div class=\"card-brain-container\">\r\n            <svg class=\"custom-brain-svg\" version=\"1.1\" id=\"Capa_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 463 463\" xml:space=\"preserve\">\r\n                <g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n                <g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n                <g id=\"SVGRepo_iconCarrier\"> \r\n                    <g> \r\n                        <path d=\"M151.245,222.446C148.054,237.039,135.036,248,119.5,248c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5 c23.774,0,43.522-17.557,46.966-40.386c14.556-1.574,27.993-8.06,38.395-18.677c2.899-2.959,2.85-7.708-0.109-10.606 c-2.958-2.897-7.707-2.851-10.606,0.108C184.947,202.829,172.643,208,159.5,208c-26.743,0-48.5-21.757-48.5-48.5 c0-4.143-3.358-7.5-7.5-7.5s-7.5,3.357-7.5-7.5C96,191.715,120.119,218.384,151.245,222.446z\"><\/path> \r\n                        <path d=\"M183,287.5c0-4.143-3.358-7.5-7.5-7.5c-35.014,0-63.5,28.486-63.5,63.5c0,0.362,0.013,0.725,0.019,1.088 C109.23,344.212,106.39,344,103.5,344c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5c26.743,0,48.5,21.757,48.5,48.5 c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5c0-26.611-16.462-49.437-39.731-58.867c-0.178-1.699-0.269-3.418-0.269-5.133 c0-26.743,21.757-48.5,48.5-48.5C179.642,295,183,291.643,183,287.5z\"><\/path> \r\n                        <path d=\"M439,223.5c0-17.075-6.82-33.256-18.875-45.156c1.909-6.108,2.875-12.426,2.875-18.844 c0-30.874-22.152-56.659-51.394-62.329C373.841,91.6,375,85.628,375,79.5c0-19.557-11.883-36.387-28.806-43.661 C317.999,13.383,287.162,0,263.5,0c-13.153,0-24.817,6.468-32,16.384C224.317,6.468,212.653,0,199.5,0 c-23.662,0-54.499,13.383-82.694,35.839C99.883,43.113,88,59.943,88,79.5c0,6.128,1.159,12.1,3.394,17.671 C62.152,102.841,40,128.626,40,159.5c0,6.418,0.965,12.735,2.875,18.844C30.82,190.244,24,206.425,24,223.5 c0,13.348,4.149,25.741,11.213,35.975C27.872,270.087,24,282.466,24,295.5c0,23.088,12.587,44.242,32.516,55.396 C56.173,353.748,56,356.626,56,359.5c0,31.144,20.315,58.679,49.79,68.063C118.611,449.505,141.965,463,167.5,463 c27.995,0,52.269-16.181,64-39.674c11.731,23.493,36.005,39.674,64,39.674c25.535,0,48.889-13.495,61.71-35.437 c29.475-9.385,49.79-36.92,49.79-68.063c0-2.874-0.173-5.752-0.516-8.604C426.413,339.742,439,318.588,439,295.5 c0-13.034-3.872-25.413-11.213-36.025C434.851,249.241,439,236.848,439,223.5z M167.5,448c-21.029,0-40.191-11.594-50.009-30.256 c-0.973-1.849-2.671-3.208-4.688-3.751C88.19,407.369,71,384.961,71,359.5c0-3.81,0.384-7.626,1.141-11.344 c0.702-3.447-1.087-6.92-4.302-8.35C50.32,332.018,39,314.626,39,295.5c0-8.699,2.256-17.014,6.561-24.379 C56.757,280.992,71.436,287,87.5,287c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5C60.757,272,39,250.243,39,223.5 c0-14.396,6.352-27.964,17.428-37.221c2.5-2.09,3.365-5.555,2.14-8.574C56.2,171.869,55,165.744,55,159.5 c0-26.743,21.757-48.5,48.5-48.5s48.5,21.757,48.5,48.5c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5 c0-33.642-26.302-61.243-59.421-63.355C104.577,91.127,103,85.421,103,79.5c0-13.369,8.116-24.875,19.678-29.859 c0.447-0.133,0.885-0.307,1.308-0.527C127.568,47.752,131.447,47,135.5,47c12.557,0,23.767,7.021,29.256,18.325 c1.81,3.727,6.298,5.281,10.023,3.47c3.726-1.809,5.28-6.296,3.47-10.022c-6.266-12.903-18.125-22.177-31.782-25.462 C165.609,21.631,184.454,15,199.5,15c13.509,0,24.5,10.99,24.5,24.5v97.051c-6.739-5.346-15.25-8.551-24.5-8.551 c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5c13.509,0,24.5,10.99,24.5,24.5v180.279c-9.325-12.031-22.471-21.111-37.935-25.266 c-3.999-1.071-8.114,1.297-9.189,5.297c-1.075,4.001,1.297,8.115,5.297,9.189C206.8,343.616,224,366.027,224,391.5 C224,422.654,198.654,448,167.5,448z M395.161,339.807c-3.215,1.43-5.004,4.902-4.302,8.35c0.757,3.718,1.141,7.534,1.141,11.344 c0,25.461-17.19,47.869-41.803,54.493c-2.017,0.543-3.716,1.902-4.688,3.751C335.691,436.406,316.529,448,295.5,448 c-31.154,0-56.5-25.346-56.5-56.5c0-2.109-0.098-4.2-0.281-6.271c0.178-0.641,0.281-1.314,0.281-2.012V135.5 c0-13.51,10.991-24.5,24.5-24.5c4.142,0,7.5-3.357,7.5-7.5s-3.358-7.5-7.5-7.5c-9.25,0-17.761,3.205-24.5,8.551V39.5 c0-13.51,10.991-24.5,24.5-24.5c15.046,0,33.891,6.631,53.033,18.311c-13.657,3.284-25.516,12.559-31.782,25.462 c-1.81,3.727-0.256,8.214,3.47,10.022c3.726,1.81,8.213,0.257,10.023-3.47C303.733,54.021,314.943,47,327.5,47 c4.053,0,7.933,0.752,11.514,2.114c0.422,0.22,0.86,0.393,1.305,0.526C351.883,54.624,360,66.13,360,79.5 c0,5.921-1.577,11.627-4.579,16.645C322.302,98.257,296,125.858,296,159.5c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5 c0-26.743,21.757-48.5,48.5-48.5s48.5,21.757,48.5,48.5c0,6.244-1.2,12.369-3.567,18.205c-1.225,3.02-0.36,6.484,2.14,8.574 C417.648,195.536,424,209.104,424,223.5c0,26.743-21.757,48.5-48.5,48.5c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5 c16.064,0,30.743-6.008,41.939-15.879c4.306,7.365,6.561,15.68,6.561,24.379C424,314.626,412.68,332.018,395.161,339.807z\"><\/path> \r\n                        <path d=\"M359.5,240c-15.536,0-28.554-10.961-31.745-25.554C358.881,210.384,383,183.715,383,151.5c0-4.143-3.358-7.5-7.5-7.5 s-7.5,3.357-7.5,7.5c0,26.743-21.757,48.5-48.5,48.5c-13.143,0-25.447-5.171-34.646-14.561c-2.898-2.958-7.647-3.007-10.606-0.108 s-3.008,7.647-0.109,10.606c10.402,10.617,23.839,17.103,38.395,18.677C315.978,237.443,335.726,255,359.5,255 c4.142,0,7.5-3.357,7.5-7.5S363.642,240,359.5,240z\"><\/path> \r\n                        <path d=\"M335.5,328c-2.89,0-5.73,0.212-8.519,0.588c0.006-0.363,0.019-0.726,0.019-1.088c0-35.014-28.486-63.5-63.5-63.5 c-4.142,0-7.5,3.357-7.5,7.5s3.358,7.5,7.5,7.5c26.743,0,48.5,21.757,48.5,48.5c0,1.714-0.091,3.434-0.269,5.133 C288.462,342.063,272,364.889,272,391.5c0,4.143,3.358,7.5,7.5,7.5s7.5-3.357,7.5-7.5c0-26.743,21.757-48.5,48.5-48.5 c4.142,0,7.5-3.357,7.5-7.5S339.642,328,335.5,328z\"><\/path> \r\n                    <\/g> \r\n                <\/g>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <span class=\"sys-label\">\/\/ ANOMALY_LOG<\/span>\r\n        \r\n        <h2 class=\"terminal-title\" id=\"title-scramble\" data-text=\"BEYOND 100%\"><\/h2>\r\n        \r\n        <div class=\"title-divider\"><\/div>\r\n        \r\n        <p class=\"terminal-desc\" id=\"desc-fade\">\r\n            Logic says the maximum is 100%, the rule and the boundary, but somewhere in the system a number appeared that should never exist \u2014 <span class=\"glow-101\">101%<\/span>, a value beyond completion and beyond the limit, and the moment it appeared the system began to distort and reality started to glitch.\r\n        <\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const section = document.getElementById('target-about');\r\n        const card = document.getElementById('about-card');\r\n        const titleEl = document.getElementById('title-scramble');\r\n        const descEl = document.getElementById('desc-fade');\r\n        \r\n        const finalTitle = titleEl.getAttribute('data-text');\r\n        const hackerChars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*\";\r\n        let isAnimated = false;\r\n\r\n        function runScramble() {\r\n            let iteration = 0;\r\n            const speed = 40; \r\n            \r\n            clearInterval(titleEl.interval);\r\n            \r\n            titleEl.interval = setInterval(() => {\r\n                titleEl.innerText = finalTitle.split(\"\").map((char, index) => {\r\n                    if (index < iteration) return finalTitle[index];\r\n                    if (char === \" \") return \" \";\r\n                    return hackerChars[Math.floor(Math.random() * hackerChars.length)];\r\n                }).join(\"\");\r\n                \r\n                iteration += 1 \/ 3; \r\n                \r\n                if (iteration >= finalTitle.length) {\r\n                    clearInterval(titleEl.interval);\r\n                    titleEl.innerText = finalTitle; \r\n                    \r\n                    \/\/ Setelah beres, munculin paragraf\r\n                    setTimeout(() => {\r\n                        descEl.classList.add('show');\r\n                    }, 200);\r\n                }\r\n            }, speed);\r\n        }\r\n\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                \/\/ Ketika scroll mencapai area ini\r\n                if (entry.isIntersecting && !isAnimated) {\r\n                    isAnimated = true;\r\n                    \r\n                    \/\/ 1. Munculin Kartu\r\n                    card.classList.add('is-visible');\r\n                    \r\n                    \/\/ 2. Acak teks judul setelah kartu naik\r\n                    setTimeout(() => {\r\n                        runScramble();\r\n                    }, 600);\r\n\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.3 }); \r\n\r\n        if (section) observer.observe(section);\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8672234 e-con-full e-flex e-con e-parent\" data-id=\"8672234\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f0bb9 elementor-widget elementor-widget-html\" data-id=\"d7f0bb9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Kunci Warna: Hitam & Cyan *\/\r\n    :root {\r\n        --cyan-core: #35def4;\r\n        --bg-core: transparent;\r\n        --cyan-dim: rgba(53, 222, 244, 0.2);\r\n        --cyan-glow: rgba(53, 222, 244, 0.5);\r\n    }\r\n\r\n    \/* Container Section *\/\r\n    .htb-section {\r\n        background-color: var(--bg-core);\r\n        padding: 80px 20px;\r\n        font-family: 'DM Mono', monospace;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Judul Section *\/\r\n    .htb-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .htb-label {\r\n        color: var(--cyan-core);\r\n        font-size: 0.8rem;\r\n        letter-spacing: 4px;\r\n        text-transform: uppercase;\r\n        opacity: 0.7;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .htb-title {\r\n        color: var(--cyan-core);\r\n        font-size: 2.5rem;\r\n        font-weight: 500;\r\n        letter-spacing: 3px;\r\n        margin: 0;\r\n        text-shadow: 0 0 15px var(--cyan-glow);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* Grid Layout - 4 Kolom *\/\r\n    .htb-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n        max-width: 1200px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* --- STYLE KARTU (CARD) --- *\/\r\n    .htb-card-wrapper {\r\n        position: relative;\r\n        \/* State awal sebelum di-scroll (untuk efek masuk) *\/\r\n        opacity: 0;\r\n        transform: translateY(30px);\r\n        transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* Class saat card masuk layar *\/\r\n    .htb-card-wrapper.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Delay berurutan untuk 4 kartu *\/\r\n    .htb-card-wrapper:nth-child(1) { transition-delay: 0.1s; }\r\n    .htb-card-wrapper:nth-child(2) { transition-delay: 0.3s; }\r\n    .htb-card-wrapper:nth-child(3) { transition-delay: 0.5s; }\r\n    .htb-card-wrapper:nth-child(4) { transition-delay: 0.7s; }\r\n\r\n    \/* Kotak Utama Kartu *\/\r\n    .htb-card {\r\n        background-color: var(--bg-core);\r\n        border: 1px solid var(--cyan-dim);\r\n        padding: 30px 20px;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        position: relative;\r\n        z-index: 10;\r\n        transition: all 0.3s ease;\r\n        cursor: pointer;\r\n        \r\n        \/* Efek scanline halus di background card *\/\r\n        background-image: repeating-linear-gradient(\r\n            0deg,\r\n            transparent,\r\n            transparent 2px,\r\n            rgba(53, 222, 244, 0.02) 2px,\r\n            rgba(53, 222, 244, 0.02) 4px\r\n        );\r\n    }\r\n\r\n    \/* Siku Bingkai 1px (Corner Brackets) *\/\r\n    .htb-corner {\r\n        position: absolute;\r\n        width: 12px;\r\n        height: 12px;\r\n        border-color: var(--cyan-core);\r\n        border-style: solid;\r\n        border-width: 0;\r\n        z-index: 20;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* Posisi awal siku (nempel di border) *\/\r\n    .hc-tl { top: -1px; left: -1px; border-top-width: 1px; border-left-width: 1px; }\r\n    .hc-tr { top: -1px; right: -1px; border-top-width: 1px; border-right-width: 1px; }\r\n    .hc-bl { bottom: -1px; left: -1px; border-bottom-width: 1px; border-left-width: 1px; }\r\n    .hc-br { bottom: -1px; right: -1px; border-bottom-width: 1px; border-right-width: 1px; }\r\n\r\n    \/* --- INTERAKSI HOVER PADA KARTU --- *\/\r\n    .htb-card-wrapper:hover .htb-card {\r\n        border-color: var(--cyan-core);\r\n        background-color: rgba(53, 222, 244, 0.05);\r\n        box-shadow: inset 0 0 20px rgba(53, 222, 244, 0.1), 0 0 20px rgba(53, 222, 244, 0.15);\r\n        transform: translateY(-5px); \/* Kartu sedikit terangkat *\/\r\n    }\r\n\r\n    \/* Siku mekar ke luar saat di-hover *\/\r\n    .htb-card-wrapper:hover .hc-tl { top: -6px; left: -6px; box-shadow: -2px -2px 5px var(--cyan-glow); }\r\n    .htb-card-wrapper:hover .hc-tr { top: -6px; right: -6px; box-shadow: 2px -2px 5px var(--cyan-glow); }\r\n    .htb-card-wrapper:hover .hc-bl { bottom: -6px; left: -6px; box-shadow: -2px 2px 5px var(--cyan-glow); }\r\n    .htb-card-wrapper:hover .hc-br { bottom: -6px; right: -6px; box-shadow: 2px 2px 5px var(--cyan-glow); }\r\n\r\n    \/* Isi Konten Kartu *\/\r\n    .step-number {\r\n        color: var(--bg-core);\r\n        background-color: var(--cyan-core);\r\n        display: inline-block;\r\n        padding: 2px 8px;\r\n        font-size: 0.8rem;\r\n        font-weight: 500;\r\n        margin-bottom: 20px;\r\n        align-self: flex-start;\r\n        box-shadow: 0 0 10px var(--cyan-glow);\r\n    }\r\n\r\n    .step-title {\r\n        color: var(--cyan-core);\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        margin: 0 0 15px 0;\r\n        letter-spacing: 1px;\r\n        text-shadow: 0 0 5px var(--cyan-glow);\r\n    }\r\n\r\n    .step-desc {\r\n        color: rgba(53, 222, 244, 0.7);\r\n        font-size: 0.9rem;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Garis progresif di bawah judul step *\/\r\n    .step-divider {\r\n        width: 30px;\r\n        height: 1px;\r\n        background-color: var(--cyan-core);\r\n        margin-bottom: 15px;\r\n        transition: width 0.3s ease;\r\n    }\r\n\r\n    .htb-card-wrapper:hover .step-divider {\r\n        width: 100%;\r\n        box-shadow: 0 0 5px var(--cyan-glow);\r\n    }\r\n\r\n    \/* Responsif Mobile & Tablet *\/\r\n    @media (max-width: 992px) {\r\n        \/* Tablet: Jadi 2 baris (2 kartu per baris) *\/\r\n        .htb-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        \/* HP: Jadi 1 kolom panjang ke bawah *\/\r\n        .htb-grid { grid-template-columns: 1fr; gap: 25px; }\r\n        .htb-title { font-size: 2rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"htb-section\" id=\"target-htb\">\r\n    \r\n    <div class=\"htb-header\">\r\n        <span class=\"htb-label\">\/\/ EXECUTE_ACQUISITION<\/span>\r\n        <h2 class=\"htb-title\">How To Buy<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"htb-grid\" id=\"htb-grid-container\">\r\n        \r\n        <div class=\"htb-card-wrapper htb-reveal\">\r\n            <div class=\"htb-corner hc-tl\"><\/div>\r\n            <div class=\"htb-corner hc-tr\"><\/div>\r\n            <div class=\"htb-corner hc-bl\"><\/div>\r\n            <div class=\"htb-corner hc-br\"><\/div>\r\n            \r\n            <div class=\"htb-card\">\r\n                <div class=\"step-number\">[ STEP_01 ]<\/div>\r\n                <h3 class=\"step-title\">CREATE WALLET<\/h3>\r\n                <div class=\"step-divider\"><\/div>\r\n                <p class=\"step-desc\">Download and install Phantom or Solflare wallet from the official app store or as a browser extension.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card-wrapper htb-reveal\">\r\n            <div class=\"htb-corner hc-tl\"><\/div>\r\n            <div class=\"htb-corner hc-tr\"><\/div>\r\n            <div class=\"htb-corner hc-bl\"><\/div>\r\n            <div class=\"htb-corner hc-br\"><\/div>\r\n            \r\n            <div class=\"htb-card\">\r\n                <div class=\"step-number\">[ STEP_02 ]<\/div>\r\n                <h3 class=\"step-title\">SECURE FUNDS<\/h3>\r\n                <div class=\"step-divider\"><\/div>\r\n                <p class=\"step-desc\">Purchase SOL on an exchange (Binance, Coinbase, etc.) and transfer it to your newly created wallet address.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card-wrapper htb-reveal\">\r\n            <div class=\"htb-corner hc-tl\"><\/div>\r\n            <div class=\"htb-corner hc-tr\"><\/div>\r\n            <div class=\"htb-corner hc-bl\"><\/div>\r\n            <div class=\"htb-corner hc-br\"><\/div>\r\n            \r\n            <div class=\"htb-card\">\r\n                <div class=\"step-number\">[ STEP_03 ]<\/div>\r\n                <h3 class=\"step-title\">CONNECT DEX<\/h3>\r\n                <div class=\"step-divider\"><\/div>\r\n                <p class=\"step-desc\">Access Raydium or Jupiter. Connect your wallet and paste the official $101% Contract Address into the swap interface.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card-wrapper htb-reveal\">\r\n            <div class=\"htb-corner hc-tl\"><\/div>\r\n            <div class=\"htb-corner hc-tr\"><\/div>\r\n            <div class=\"htb-corner hc-bl\"><\/div>\r\n            <div class=\"htb-corner hc-br\"><\/div>\r\n            \r\n            <div class=\"htb-card\">\r\n                <div class=\"step-number\">[ STEP_04 ]<\/div>\r\n                <h3 class=\"step-title\">EXECUTE SWAP<\/h3>\r\n                <div class=\"step-divider\"><\/div>\r\n                <p class=\"step-desc\">Confirm the transaction. Welcome to the anomaly. You have successfully acquired $101%.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const htbCards = document.querySelectorAll('.htb-reveal');\r\n        let animated = false;\r\n\r\n        const observer = new IntersectionObserver((entries, obs) => {\r\n            entries.forEach(entry => {\r\n                \/\/ Trigger ketika grid kartu masuk 20% ke layar\r\n                if (entry.isIntersecting && !animated) {\r\n                    animated = true;\r\n                    \r\n                    \/\/ Tambahkan class is-visible ke semua kartu, CSS transition-delay yang ngatur urutannya\r\n                    htbCards.forEach(card => {\r\n                        card.classList.add('is-visible');\r\n                    });\r\n\r\n                    obs.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.2 });\r\n\r\n        const gridContainer = document.getElementById('htb-grid-container');\r\n        if (gridContainer) {\r\n            observer.observe(gridContainer);\r\n        }\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0207080 e-con-full e-flex e-con e-parent\" data-id=\"0207080\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ea4173 elementor-widget elementor-widget-html\" data-id=\"4ea4173\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --c-cyan: #35def4;\r\n        --c-bg: #000000;\r\n        --c-cyan-dim: rgba(53, 222, 244, 0.2);\r\n    }\r\n\r\n    .token-section {\r\n        background-color: var(--c-bg);\r\n        padding: 100px 20px;\r\n        font-family: 'DM Mono', monospace;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n    }\r\n\r\n    .token-header {\r\n        text-align: center;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .token-label {\r\n        color: var(--c-cyan);\r\n        font-size: 0.75rem;\r\n        letter-spacing: 5px;\r\n        text-transform: uppercase;\r\n        opacity: 0.6;\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .token-title {\r\n        color: var(--c-cyan);\r\n        font-size: 2.2rem;\r\n        font-weight: 500;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        text-shadow: 0 0 15px rgba(53, 222, 244, 0.4);\r\n    }\r\n\r\n    \/* --- GRID LAYOUT 2x2 --- *\/\r\n    .token-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr); \/* Kunci 2 kolom *\/\r\n        gap: 30px;\r\n        max-width: 850px; \/* Dikecilin biar proporsional 2x2 *\/\r\n        width: 100%;\r\n    }\r\n\r\n    .token-card-wrapper {\r\n        position: relative;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .token-card-wrapper.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Staggered delay *\/\r\n    .token-card-wrapper:nth-child(1) { transition-delay: 0.1s; }\r\n    .token-card-wrapper:nth-child(2) { transition-delay: 0.2s; }\r\n    .token-card-wrapper:nth-child(3) { transition-delay: 0.3s; }\r\n    .token-card-wrapper:nth-child(4) { transition-delay: 0.4s; }\r\n\r\n    .token-card {\r\n        background-color: var(--c-bg);\r\n        border: 1px solid var(--c-cyan-dim);\r\n        padding: 45px 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        position: relative;\r\n        transition: all 0.3s ease;\r\n        background-image: repeating-linear-gradient(\r\n            0deg,\r\n            transparent,\r\n            transparent 2px,\r\n            rgba(53, 222, 244, 0.02) 2px,\r\n            rgba(53, 222, 244, 0.02) 4px\r\n        );\r\n    }\r\n\r\n    \/* Siku Bingkai 1px *\/\r\n    .t-corner {\r\n        position: absolute;\r\n        width: 14px;\r\n        height: 14px;\r\n        border: 1px solid var(--c-cyan);\r\n        pointer-events: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .tc-tl { top: -5px; left: -5px; border-right: 0; border-bottom: 0; }\r\n    .tc-tr { top: -5px; right: -5px; border-left: 0; border-bottom: 0; }\r\n    .tc-bl { bottom: -5px; left: -5px; border-right: 0; border-top: 0; }\r\n    .tc-br { bottom: -5px; right: -5px; border-left: 0; border-top: 0; }\r\n\r\n    \/* Hover Interaction *\/\r\n    .token-card-wrapper:hover .token-card {\r\n        border-color: rgba(53, 222, 244, 0.5);\r\n        background-color: rgba(53, 222, 244, 0.03);\r\n    }\r\n\r\n    .token-card-wrapper:hover .t-corner {\r\n        width: 22px;\r\n        height: 22px;\r\n        box-shadow: 0 0 10px var(--c-cyan);\r\n    }\r\n\r\n    .data-label {\r\n        color: var(--c-cyan);\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 3px;\r\n        opacity: 0.5;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .data-value {\r\n        color: var(--c-cyan);\r\n        font-size: 2rem;\r\n        font-weight: 500;\r\n        margin-bottom: 10px;\r\n        text-shadow: 0 0 12px rgba(53, 222, 244, 0.6);\r\n    }\r\n\r\n    .data-sub {\r\n        color: #fff;\r\n        font-size: 0.75rem;\r\n        opacity: 0.3;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Mobile: Tetep 1 kolom biar gak dempet banget *\/\r\n    @media (max-width: 600px) {\r\n        .token-grid { grid-template-columns: 1fr; }\r\n        .token-title { font-size: 1.8rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"token-section\" id=\"token-reveal-zone\">\r\n    <div class=\"token-header\">\r\n        <span class=\"token-label\">\/\/ TOKEN_METRICS<\/span>\r\n        <h2 class=\"token-title\">Tokenomics<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"token-grid\">\r\n        <div class=\"token-card-wrapper\">\r\n            <div class=\"t-corner tc-tl\"><\/div>\r\n            <div class=\"t-corner tc-tr\"><\/div>\r\n            <div class=\"t-corner tc-bl\"><\/div>\r\n            <div class=\"t-corner tc-br\"><\/div>\r\n            <div class=\"token-card\">\r\n                <span class=\"data-label\">Supply<\/span>\r\n                <div class=\"data-value counter\" data-target=\"1000000000\">0<\/div>\r\n                <span class=\"data-sub\">Total Circulating<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-wrapper\">\r\n            <div class=\"t-corner tc-tl\"><\/div>\r\n            <div class=\"t-corner tc-tr\"><\/div>\r\n            <div class=\"t-corner tc-bl\"><\/div>\r\n            <div class=\"t-corner tc-br\"><\/div>\r\n            <div class=\"token-card\">\r\n                <span class=\"data-label\">Tax<\/span>\r\n                <div class=\"data-value\">0% \/ 0%<\/div>\r\n                <span class=\"data-sub\">No Buy\/Sell Fee<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-wrapper\">\r\n            <div class=\"t-corner tc-tl\"><\/div>\r\n            <div class=\"t-corner tc-tr\"><\/div>\r\n            <div class=\"t-corner tc-bl\"><\/div>\r\n            <div class=\"t-corner tc-br\"><\/div>\r\n            <div class=\"token-card\">\r\n                <span class=\"data-label\">Liquidity<\/span>\r\n                <div class=\"data-value\">BURNED<\/div>\r\n                <span class=\"data-sub\">LP Permanently Gone<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-wrapper\">\r\n            <div class=\"t-corner tc-tl\"><\/div>\r\n            <div class=\"t-corner tc-tr\"><\/div>\r\n            <div class=\"t-corner tc-bl\"><\/div>\r\n            <div class=\"t-corner tc-br\"><\/div>\r\n            <div class=\"token-card\">\r\n                <span class=\"data-label\">Security<\/span>\r\n                <div class=\"data-value\">RENOUNCED<\/div>\r\n                <span class=\"data-sub\">Contract Mint Revoked<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const section = document.getElementById('token-reveal-zone');\r\n        const cards = document.querySelectorAll('.token-card-wrapper');\r\n        const counters = document.querySelectorAll('.counter');\r\n        let animated = false;\r\n\r\n        function runCounters() {\r\n            counters.forEach(counter => {\r\n                const target = +counter.getAttribute('data-target');\r\n                const speed = 40; \r\n                const increment = target \/ speed;\r\n\r\n                const updateCount = () => {\r\n                    const count = +counter.innerText.replace(\/,\/g, '');\r\n                    if (count < target) {\r\n                        const nextValue = Math.ceil(count + increment);\r\n                        counter.innerText = nextValue.toLocaleString();\r\n                        setTimeout(updateCount, 25);\r\n                    } else {\r\n                        counter.innerText = target.toLocaleString();\r\n                    }\r\n                };\r\n                updateCount();\r\n            });\r\n        }\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting && !animated) {\r\n                    animated = true;\r\n                    cards.forEach(card => card.classList.add('is-visible'));\r\n                    setTimeout(runCounters, 800);\r\n                }\r\n            });\r\n        }, { threshold: 0.3 });\r\n\r\n        observer.observe(section);\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4818a66 e-con-full e-flex e-con e-parent\" data-id=\"4818a66\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8988df8 elementor-widget elementor-widget-html\" data-id=\"8988df8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Variabel Warna Utama *\/\r\n    :root {\r\n        --c-cyan: #35def4;\r\n        --c-bg: #000000;\r\n        --c-dim: rgba(53, 222, 244, 0.2);\r\n    }\r\n\r\n    .scifi-footer {\r\n        background-color: var(--c-bg);\r\n        padding: 80px 20px 40px 20px;\r\n        font-family: 'DM Mono', monospace;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        border-top: 1px solid var(--c-dim);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* Grid Navigasi Footer *\/\r\n    .footer-nav {\r\n        display: flex;\r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Style Tombol: Minimalist & Sharp *\/\r\n    .f-btn {\r\n        position: relative;\r\n        background: transparent;\r\n        color: var(--c-cyan);\r\n        border: 1px solid var(--c-dim);\r\n        padding: 12px 30px;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        text-decoration: none;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Signature Corner Brackets (1px) *\/\r\n    .f-corner {\r\n        position: absolute;\r\n        width: 10px;\r\n        height: 10px;\r\n        border: 1px solid var(--c-cyan);\r\n        pointer-events: none;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n    .f-tl { top: -3px; left: -3px; border-right: 0; border-bottom: 0; }\r\n    .f-tr { top: -3px; right: -3px; border-left: 0; border-bottom: 0; }\r\n    .f-bl { bottom: -3px; left: -3px; border-right: 0; border-top: 0; }\r\n    .f-br { bottom: -3px; right: -3px; border-left: 0; border-top: 0; }\r\n\r\n    \/* Hover Interaction *\/\r\n    .f-btn:hover {\r\n        background-color: rgba(53, 222, 244, 0.05);\r\n        border-color: var(--c-cyan);\r\n        box-shadow: 0 0 15px rgba(53, 222, 244, 0.2);\r\n        color: #fff;\r\n    }\r\n\r\n    .f-btn:hover .f-corner {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    \/* Footer Info & Copyright *\/\r\n    .footer-bottom {\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding-top: 30px;\r\n        border-top: 1px solid rgba(53, 222, 244, 0.05);\r\n        opacity: 0.5;\r\n    }\r\n\r\n    .f-logo {\r\n        color: var(--c-cyan);\r\n        font-weight: 500;\r\n        font-size: 1.2rem;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .f-copy {\r\n        color: var(--c-cyan);\r\n        font-size: 0.7rem;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Scanline Efek Halus *\/\r\n    .scifi-footer::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(rgba(53, 222, 244, 0.01) 50%, transparent 50%);\r\n        background-size: 100% 4px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .footer-nav { flex-direction: column; width: 100%; align-items: center; }\r\n        .f-btn { width: 100%; max-width: 300px; text-align: center; }\r\n        .footer-bottom { flex-direction: column; gap: 20px; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"scifi-footer\">\r\n    \r\n    <div class=\"footer-nav\">\r\n        <a href=\"https:\/\/x.com\/101percent_coin\" class=\"f-btn\">\r\n            <div class=\"f-corner f-tl\"><\/div>\r\n            <div class=\"f-corner f-tr\"><\/div>\r\n            <div class=\"f-corner f-bl\"><\/div>\r\n            <div class=\"f-corner f-br\"><\/div>\r\n            Twitter \/ X\r\n        <\/a>\r\n        \r\n        <a href=\"https:\/\/dexscreener.com\/solana\/6q3Vg1Kvxq7GVXsM9u5y3t6EWmbkhmSHSN9vQJR3pump\" class=\"f-btn\">\r\n            <div class=\"f-corner f-tl\"><\/div>\r\n            <div class=\"f-corner f-tr\"><\/div>\r\n            <div class=\"f-corner f-bl\"><\/div>\r\n            <div class=\"f-corner f-br\"><\/div>\r\n            Dexscreener\r\n        <\/a>\r\n        \r\n        <a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&output=6q3Vg1Kvxq7GVXsM9u5y3t6EWmbkhmSHSN9vQJR3pump\" class=\"f-btn\">\r\n            <div class=\"f-corner f-tl\"><\/div>\r\n            <div class=\"f-corner f-tr\"><\/div>\r\n            <div class=\"f-corner f-bl\"><\/div>\r\n            <div class=\"f-corner f-br\"><\/div>\r\n            SWAP NOW<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"footer-bottom\">\r\n        <div class=\"f-logo\">101%<\/div>\r\n        <div class=\"f-copy\">\u00a9 2026 ANOMALY CORP. ALL RIGHTS RESERVED.<\/div>\r\n        <div class=\"f-copy\" style=\"opacity: 0.8;\">[ STATUS: UNSTABLE_SYSTEM ]<\/div>\r\n    <\/div>\r\n\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>101% TWITTER BUY $101% When Logic Breaks 6q3Vg1Kvxq7GVXsM9u5y3t6EWmbkhmSHSN9vQJR3pump \/\/ ANOMALY_LOG Logic says the maximum is 100%, the rule and the boundary, but somewhere in the system a number appeared that should never exist \u2014 101%, a value beyond completion and beyond the limit, and the moment it appeared the system began to distort and reality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":52,"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/101percent.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}