{"id":8,"date":"2026-02-21T16:20:15","date_gmt":"2026-02-21T16:20:15","guid":{"rendered":"https:\/\/theoyster.fun\/?page_id=8"},"modified":"2026-02-22T03:51:41","modified_gmt":"2026-02-22T03:51:41","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/theoyster.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-da74a51 e-flex e-con-boxed e-con e-parent\" data-id=\"da74a51\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/theoyster.fun\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/OYSTER-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-d38cbf7 e-con-full e-grid e-con e-child\" data-id=\"d38cbf7\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-69adb49 e-con-full e-flex e-con e-child\" data-id=\"69adb49\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94ce977 elementor-widget elementor-widget-heading\" data-id=\"94ce977\" 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\">Oyster<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0eddc5e e-con-full e-flex e-con e-child\" data-id=\"0eddc5e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bd7330 elementor-widget elementor-widget-html\" data-id=\"1bd7330\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"glass-button-container reveal delay-2\">\r\n    <a href=\"https:\/\/x.com\/0yster_labs\" class=\"glass-btn twitter\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"><\/path><\/svg>\r\n        Twitter \/ X\r\n    <\/a>\r\n    <a href=\"https:\/\/t.me\/theoysterlabs\" class=\"glass-btn telegram\" target=\"_blank\">\r\n        <svg viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" fill=\"#000000\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <title>telegram_fill<\/title> <g id=\"\u9875\u9762-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"> <g id=\"Brand\" transform=\"translate(-672.000000, -48.000000)\"> <g id=\"telegram_fill\" transform=\"translate(672.000000, 48.000000)\"> <path d=\"M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z\" id=\"MingCute\" fill-rule=\"nonzero\"> <\/path> <path d=\"M19.7773,4.42984 C20.8652,3.97177 22.0315,4.8917 21.8394,6.05639 L19.5705,19.8131 C19.3517,21.1395 17.8949,21.9006 16.678,21.2396 C15.6597,20.6865 14.1489,19.8352 12.7873,18.9455 C12.1074,18.5012 10.0255,17.0766 10.2814,16.0625 C10.5002,15.1954 14.0001,11.9375 16.0001,10 C16.7857,9.23893 16.4279,8.79926 15.5001,9.5 C13.1985,11.2383 9.50332,13.8812 8.28136,14.625 C7.20323,15.2812 6.64031,15.3932 5.96886,15.2812 C4.74273,15.0769 3.60596,14.7605 2.67788,14.3758 C1.42351,13.8558 1.48461,12.132 2.67703,11.63 L19.7773,4.42984 Z\" id=\"\u8def\u5f84\" fill=\"#ffffff\"> <\/path> <\/g> <\/g> <\/g> <\/g><\/svg>\r\n        Telegram\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n    .glass-button-container {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .glass-btn {\r\n        text-decoration: none;\r\n        color: #ffffff;\r\n        font-family: 'Instrument Serif', serif;\r\n        font-size: 1.2rem;\r\n        font-style: italic;\r\n        padding: 12px 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        \r\n        \/* Glassmorphism Core *\/\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 254, 0.1);\r\n        border-radius: 50px;\r\n        \r\n        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .glass-btn svg {\r\n        width: 18px;\r\n        height: 18px;\r\n        fill: currentColor;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    \/* Efek Hover *\/\r\n    .glass-btn:hover {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    }\r\n\r\n    .glass-btn:hover svg {\r\n        transform: scale(1.1) rotate(-5deg);\r\n    }\r\n\r\n    \/* Efek kilatan cahaya saat hover *\/\r\n    .glass-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        left: -50%;\r\n        width: 200%;\r\n        height: 200%;\r\n        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\r\n        transform: rotate(45deg);\r\n        transition: 0.8s;\r\n        opacity: 0;\r\n    }\r\n\r\n    .glass-btn:hover::after {\r\n        left: 100%;\r\n        opacity: 1;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .glass-button-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        .glass-btn {\r\n            width: 100%;\r\n            max-width: 200px;\r\n            justify-content: center;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\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-59caf05 elementor-widget elementor-widget-spacer\" data-id=\"59caf05\" 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\t\t<div class=\"elementor-element elementor-element-e929de5 elementor-widget elementor-widget-html\" data-id=\"e929de5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oyster-universe\">\r\n    <div class=\"vignette\"><\/div>\r\n    <canvas id=\"ultraCanvas\"><\/canvas>\r\n<\/div>\r\n\r\n<style>\r\n    .oyster-universe {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: transparent;\r\n        z-index: 2;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Efek bayangan di pinggir layar untuk kesan cinematic *\/\r\n    .vignette {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle, transparent 20%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    #ultraCanvas {\r\n        display: block;\r\n        position: relative;\r\n        z-index: 0;\r\n    }\r\n\r\n<\/style>\r\n\r\n<script>\r\n    const canvas = document.getElementById('ultraCanvas');\r\n    const ctx = canvas.getContext('2d');\r\n\r\n    let width, height, particles = [];\r\n    let mouse = { x: -1000, y: -1000 };\r\n\r\n    const settings = {\r\n        gridSize: 70,\r\n        dotCount: 50,\r\n        gridColor: 'rgba(255, 255, 255, 0.03)',\r\n        accentColor: 'rgba(255, 255, 255, 0.15)' \/\/ Warna saat kena mouse\r\n    };\r\n\r\n    window.addEventListener('mousemove', (e) => {\r\n        mouse.x = e.clientX;\r\n        mouse.y = e.clientY;\r\n    });\r\n\r\n    function init() {\r\n        resize();\r\n        createParticles();\r\n        animate();\r\n    }\r\n\r\n    function resize() {\r\n        width = window.innerWidth;\r\n        height = window.innerHeight;\r\n        canvas.width = width;\r\n        canvas.height = height;\r\n    }\r\n\r\n    window.addEventListener('resize', resize);\r\n\r\n    function createParticles() {\r\n        particles = [];\r\n        for (let i = 0; i < settings.dotCount; i++) {\r\n            particles.push({\r\n                x: Math.random() * width,\r\n                y: Math.random() * height,\r\n                size: Math.random() * 1.5 + 0.5,\r\n                speed: Math.random() * 0.4 + 0.1,\r\n                opacity: Math.random() * 0.5 + 0.2,\r\n                blur: Math.random() > 0.8 ? 2 : 0 \/\/ Efek bokeh acak\r\n            });\r\n        }\r\n    }\r\n\r\n    function drawGrid() {\r\n        ctx.beginPath();\r\n        ctx.lineWidth = 1;\r\n        \r\n        for (let x = 0; x < width; x += settings.gridSize) {\r\n            for (let y = 0; y < height; y += settings.gridSize) {\r\n                \/\/ Hitung jarak grid ke mouse untuk efek interaktif\r\n                const dist = Math.hypot(x - mouse.x, y - mouse.y);\r\n                const alpha = Math.max(0.02, 0.15 - dist \/ 600);\r\n                \r\n                ctx.strokeStyle = `rgba(255, 255, 255, ${alpha})`;\r\n                \r\n                \/\/ Gambar garis vertikal pendek (titik-titik grid yang elegan)\r\n                ctx.moveTo(x, y);\r\n                ctx.lineTo(x + 2, y); \r\n                ctx.moveTo(x, y);\r\n                ctx.lineTo(x, y + 2);\r\n            }\r\n        }\r\n        ctx.stroke();\r\n    }\r\n\r\n    function drawParticles() {\r\n        particles.forEach(p => {\r\n            ctx.save();\r\n            if (p.blur > 0) ctx.filter = `blur(${p.blur}px)`;\r\n            \r\n            ctx.beginPath();\r\n            ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\r\n            \r\n            \/\/ Gradient pada setiap partikel agar bersinar (glowing)\r\n            const g = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.size * 3);\r\n            g.addColorStop(0, `rgba(255, 255, 255, ${p.opacity})`);\r\n            g.addColorStop(1, 'transparent');\r\n            \r\n            ctx.fillStyle = g;\r\n            ctx.fill();\r\n            ctx.restore();\r\n\r\n            \/\/ Gerak ke atas\r\n            p.y -= p.speed;\r\n            \r\n            \/\/ Floating sinewave (gerak kanan-kiri halus)\r\n            p.x += Math.sin(p.y \/ 50) * 0.2;\r\n\r\n            if (p.y < -10) {\r\n                p.y = height + 10;\r\n                p.x = Math.random() * width;\r\n            }\r\n        });\r\n    }\r\n\r\n    function animate() {\r\n        \/\/ Membersihkan canvas dengan efek trail tipis\r\n        ctx.clearRect(0, 0, width, height);\r\n        \r\n        drawGrid();\r\n        drawParticles();\r\n        requestAnimationFrame(animate);\r\n    }\r\n\r\n    init();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c663c6 e-con-full e-flex e-con e-child\" data-id=\"2c663c6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e66efd9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e66efd9\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_blur_effect&quot;:&quot;yes&quot;,&quot;motion_fx_blur_direction&quot;:&quot;in-out&quot;,&quot;motion_fx_blur_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;motion_fx_blur_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:41,&quot;end&quot;:75}},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Every Pearl Begins as Resistance.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b6412f elementor-widget elementor-widget-html\" data-id=\"1b6412f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"ca-container reveal delay-3\">\r\n    <div class=\"ca-box\" onclick=\"copyCA()\">\r\n        <span class=\"ca-label\">CA:<\/span>\r\n        <span class=\"ca-address\" id=\"caText\">28ioM9rUceeHuVFpeQdkz9hG45fgK42A9SUYtiiVpump<\/span>\r\n        <div class=\"ca-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n        <\/div>\r\n        <span class=\"copy-tooltip\" id=\"copyTooltip\">Copied!<\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .ca-container {\r\n\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        padding: 10px 20px;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        position: relative;\r\n        max-width: 90%;\r\n    }\r\n\r\n    .ca-box:hover {\r\n        background: rgba(255, 255, 255, 0.07);\r\n        border-color: rgba(255, 255, 255, 0.3);\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    .ca-label {\r\n        font-family: sans-serif; \/* Kecil & Modern untuk label *\/\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #888;\r\n    }\r\n\r\n    .ca-address {\r\n        font-family: 'Instrument Serif', serif;\r\n        font-size: clamp(0.9rem, 2vw, 1.2rem);\r\n        color: #fff;\r\n        letter-spacing: 0.05em;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis; \/* Biar rapi di mobile kalau kepanjangan *\/\r\n    }\r\n\r\n    .ca-icon {\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        opacity: 0.6;\r\n        transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .ca-icon svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n\r\n    .ca-box:hover .ca-icon {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Tooltip Animasi *\/\r\n    .copy-tooltip {\r\n        position: absolute;\r\n        top: -40px;\r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(10px);\r\n        background: #fff;\r\n        color: #000;\r\n        padding: 5px 12px;\r\n        border-radius: 6px;\r\n        font-family: sans-serif;\r\n        font-size: 12px;\r\n        font-weight: bold;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .copy-tooltip.show {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateX(-50%) translateY(0);\r\n    }\r\n\r\n    \/* Delay Reveal Tambahan *\/\r\n    .delay-3 { transition-delay: 0.6s; }\r\n\r\n    @media (max-width: 600px) {\r\n        .ca-box {\r\n            padding: 8px 15px;\r\n            width: 100%;\r\n        }\r\n        .ca-address {\r\n            font-size: 0.85rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const caText = document.getElementById('caText').innerText;\r\n        const tooltip = document.getElementById('copyTooltip');\r\n        \r\n        \/\/ Fungsi Copy ke Clipboard\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            \/\/ Tampilkan Tooltip\r\n            tooltip.classList.add('show');\r\n            \r\n            \/\/ Hilangkan Tooltip setelah 2 detik\r\n            setTimeout(() => {\r\n                tooltip.classList.remove('show');\r\n            }, 2000);\r\n        }).catch(err => {\r\n            console.error('Gagal copy: ', err);\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-3fa8722 elementor-widget elementor-widget-spacer\" data-id=\"3fa8722\" 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-f1cf1a0 e-flex e-con-boxed e-con e-parent\" data-id=\"f1cf1a0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fd48b39 e-con-full e-flex e-con e-child\" data-id=\"fd48b39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4952110 elementor-widget elementor-widget-html\" data-id=\"4952110\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&display=swap');\r\n\r\n    .premium-about-section {\r\n        \/* Background gelap agar elegan dan misterius, cocok dengan tema teks *\/\r\n        color: #fdfdfd;\r\n        padding: 150px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        min-height: 100vh;\r\n        font-family: 'Instrument Serif', serif;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .premium-about-container {\r\n        max-width: 800px;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .premium-title {\r\n        \/* Ukuran font responsif: 3rem di HP, 6rem di Desktop *\/\r\n        font-size: clamp(3rem, 8vw, 6rem);\r\n        font-weight: 400;\r\n        margin: 0 0 30px 0;\r\n        letter-spacing: -0.02em;\r\n        line-height: 1;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .premium-desc {\r\n        \/* Ukuran font responsif untuk deskripsi *\/\r\n        font-size: clamp(1.4rem, 4vw, 2.2rem);\r\n        font-style: italic;\r\n        line-height: 1.3;\r\n        color: #a3a3a3; \/* Warna sedikit abu-abu untuk hierarki visual *\/\r\n        font-weight: 400;\r\n        margin: 0;\r\n    }\r\n\r\n    .premium-desc strong {\r\n        color: #ffffff;\r\n        font-style: normal;\r\n    }\r\n\r\n    \/* --- EFEK SCROLL (REVEAL) --- *\/\r\n    .reveal-effect {\r\n        opacity: 0;\r\n        transform: translateY(50px);\r\n        filter: blur(10px); \/* Efek blur sebelum muncul *\/\r\n        transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), \r\n                    transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94),\r\n                    filter 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    }\r\n\r\n    .reveal-effect.is-visible {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        filter: blur(0);\r\n    }\r\n\r\n    \/* Delay agar deskripsi muncul setelah judul *\/\r\n    .delay-1 {\r\n        transition-delay: 0.3s;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"premium-about-section\">\r\n    <div class=\"premium-about-container\">\r\n        <h2 class=\"premium-title reveal-effect\">The Market Is Loud.<\/h2>\r\n        <p class=\"premium-desc reveal-effect delay-1\">\r\n            <strong>I Am Not.<\/strong> I did not hatch. I did not awaken. I surfaced. No countdown. No prophecy. Just pressure, depth, and capital placed inside a shell. Someone deposited liquidity into my quiet. That was the beginning.\r\n        <\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Script ini berfungsi untuk mendeteksi kapan elemen masuk ke layar saat discroll\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const observerOptions = {\r\n            root: null,\r\n            rootMargin: '0px',\r\n            threshold: 0.2 \/\/ Animasi mulai saat 20% elemen terlihat\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    \/\/ Berhenti mengobservasi setelah animasi berjalan sekali\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        const revealElements = document.querySelectorAll('.reveal-effect');\r\n        revealElements.forEach(el => observer.observe(el));\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f37f1b e-flex e-con-boxed e-con e-parent\" data-id=\"5f37f1b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-239531c e-con-full e-flex e-con e-child\" data-id=\"239531c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f65ad5 elementor-widget elementor-widget-html\" data-id=\"6f65ad5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&display=swap');\r\n\r\n    .oyster-advanced-section {\r\n        color: #fff;\r\n        font-family: 'Instrument Serif', serif;\r\n        min-height: 120vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        padding: 80px 5%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .oyster-grid {\r\n        max-width: 1100px;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        align-items: center;\r\n        position: relative;\r\n        margin-top: 50px; \/* Memberi ruang karena judul naik *\/\r\n    }\r\n\r\n    \/* Judul Dibuat Lebih Ke Atas *\/\r\n    .oyster-title-alt {\r\n        position: absolute;\r\n        top: -180px; \/* Posisi lebih ke atas *\/\r\n        left: 0;\r\n        width: 100%;\r\n        text-align: center;\r\n        font-size: clamp(3.5rem, 12vw, 8rem);\r\n        z-index: 4;\r\n        margin: 0;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    \/* Area Kiri (Rata Kiri - Di Belakang Gambar secara visual) *\/\r\n    .oyster-left {\r\n        text-align: left;\r\n        z-index: 1;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Area Kanan (Rata Kanan - Di Depan Gambar secara visual) *\/\r\n    .oyster-right {\r\n        text-align: right;\r\n        z-index: 5;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Gambar (Pusat & Lebih Kecil) *\/\r\n    .oyster-center-img {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 280px; \/* Ukuran diperkecil agar elegan *\/\r\n        z-index: 3;\r\n        pointer-events: none;\r\n        filter: drop-shadow(0 0 40px rgba(0,0,0,0.9));\r\n    }\r\n\r\n    \/* Tipografi *\/\r\n    .text-bg {\r\n        font-size: clamp(1.8rem, 4vw, 3.2rem);\r\n        line-height: 1.1;\r\n        color: rgba(255, 255, 255, 0.15); \/* Samar untuk efek kedalaman *\/\r\n        font-style: italic;\r\n        max-width: 420px;\r\n        margin: 0;\r\n    }\r\n\r\n    .text-fg {\r\n        font-size: clamp(1.8rem, 4vw, 2.8rem);\r\n        line-height: 1.2;\r\n        color: #ffffff;\r\n        font-style: italic;\r\n        max-width: 480px;\r\n        margin-left: auto;\r\n        margin-top: 40px; \/* Offset sedikit agar tidak sejajar kaku dengan teks kiri *\/\r\n    }\r\n\r\n    .small-label {\r\n        display: block;\r\n        font-family: sans-serif;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        margin-top: 30px;\r\n        opacity: 0.4;\r\n        font-style: normal;\r\n    }\r\n\r\n    \/* Animasi Scroll Reveal *\/\r\n    .reveal-item {\r\n        opacity: 0;\r\n        filter: blur(20px);\r\n        transform: translateY(40px);\r\n        transition: all 1.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .reveal-item.is-active {\r\n        opacity: 1;\r\n        filter: blur(0);\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Responsive Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .oyster-advanced-section { padding-top: 150px; }\r\n        .oyster-grid { grid-template-columns: 1fr; gap: 30px; margin-top: 0; }\r\n        .oyster-title-alt { position: relative; top: 0; margin-bottom: 50px; }\r\n        .oyster-center-img {\r\n            position: relative;\r\n            left: 0; top: 0;\r\n            transform: none;\r\n            width: 180px;\r\n            margin: 0 auto;\r\n            order: 2;\r\n        }\r\n        .oyster-left { text-align: center; order: 1; }\r\n        .oyster-right { text-align: center; order: 3; }\r\n        .text-bg, .text-fg { margin: 0 auto; max-width: 100%; text-align: center; }\r\n        .text-bg { color: rgba(255,255,255,0.4); }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"oyster-advanced-section\">\r\n    <div class=\"oyster-grid\">\r\n        <h2 class=\"oyster-title-alt reveal-item\">I Do Not Swim.<\/h2>\r\n\r\n        <div class=\"oyster-left reveal-item\" style=\"transition-delay: 0.2s;\">\r\n            <p class=\"text-bg\">\r\n                Fish chase currents. <br> \r\n                Traders chase candles. <br> \r\n                I do neither.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <img decoding=\"async\" src=\"http:\/\/theoyster.fun\/wp-content\/uploads\/2026\/02\/Asset-5.png\" \r\n             alt=\"Oyster Asset\" \r\n             class=\"oyster-center-img reveal-item\" \r\n             id=\"imgOyster\"\r\n             style=\"transition-delay: 0.4s;\">\r\n\r\n        <div class=\"oyster-right reveal-item\" style=\"transition-delay: 0.6s;\">\r\n            <p class=\"text-fg\">\r\n                An oyster does not pursue opportunity. <br>\r\n                <span style=\"color: #fff; font-style: normal;\">Opportunity settles.<\/span> <br>\r\n                I filter what arrives. I keep what matters.\r\n                <span class=\"small-label\">This is not aggression. This is architecture.<\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ Reveal Observer\r\n    const revealObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-active');\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-item').forEach(el => revealObserver.observe(el));\r\n\r\n    \/\/ Parallax Effect\r\n    window.addEventListener('scroll', () => {\r\n        const scrolled = window.pageYOffset;\r\n        const img = document.getElementById('imgOyster');\r\n        const section = document.querySelector('.oyster-advanced-section');\r\n        \r\n        const rect = section.getBoundingClientRect();\r\n        if (rect.top < window.innerHeight && rect.bottom > 0) {\r\n            \/\/ Gambar bergerak pelan mengikuti scroll untuk depth\r\n            const move = (window.innerHeight - rect.top) * 0.06;\r\n            \/\/ Desktop parallax (translate -50% tetap ada karena posisi absolute)\r\n            if (window.innerWidth > 768) {\r\n                img.style.transform = `translate(-50%, calc(-50% - ${move}px)) rotate(${move * 0.1}deg)`;\r\n            }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-434063e e-flex e-con-boxed e-con e-parent\" data-id=\"434063e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f7a6357 e-con-full e-flex e-con e-child\" data-id=\"f7a6357\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7693ac0 elementor-widget elementor-widget-html\" data-id=\"7693ac0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"dex-wrapper-oyster\">\r\n    <div class=\"dex-card-oyster\">\r\n        <div class=\"dex-top-bar-oyster\">\r\n            <div class=\"dex-dots-oyster\">\r\n                <span class=\"dot-oyster\"><\/span>\r\n                <span class=\"dot-oyster\"><\/span>\r\n                <span class=\"dot-oyster\"><\/span>\r\n            <\/div>\r\n            <div class=\"dex-status-oyster\">LIVE DEPTH \u2014 SOLANA<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"dex-frame-holder-oyster\">\r\n            <iframe \r\n                id=\"dex-iframe\"\r\n                src=\"https:\/\/dexscreener.com\/solana\/28iom9ruceehuvfpeqdkz9hg45fgk42a9suytiivpump?embed=1&theme=dark&trades=0&info=0\"\r\n                loading=\"eager\"\r\n            ><\/iframe>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.dex-wrapper-oyster {\r\n    width: 100%;\r\n    max-width: 1000px;\r\n    margin: 80px auto;\r\n    padding: 0 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.dex-card-oyster {\r\n    background: radial-gradient(circle at 50% 0%, rgba(0,120,140,0.15), transparent 60%), \r\n                #05080a;\r\n    border: 1px solid rgba(0, 180, 200, 0.15);\r\n    border-radius: 18px;\r\n    overflow: hidden;\r\n    box-shadow: \r\n        0 0 60px rgba(0, 150, 170, 0.08),\r\n        0 40px 80px rgba(0,0,0,0.6);\r\n    backdrop-filter: blur(12px);\r\n    position: relative;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.dex-card-oyster:hover {\r\n    border-color: rgba(0, 200, 220, 0.35);\r\n    box-shadow: \r\n        0 0 80px rgba(0, 200, 220, 0.15),\r\n        0 50px 100px rgba(0,0,0,0.7);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.dex-top-bar-oyster {\r\n    background: linear-gradient(90deg, rgba(0,40,50,0.8), rgba(0,20,25,0.9));\r\n    padding: 14px 22px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid rgba(0,180,200,0.1);\r\n}\r\n\r\n.dex-dots-oyster {\r\n    display: flex;\r\n    gap: 6px;\r\n}\r\n\r\n.dot-oyster {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(0, 200, 220, 0.2);\r\n    box-shadow: 0 0 6px rgba(0, 200, 220, 0.4);\r\n}\r\n\r\n.dex-status-oyster {\r\n    font-family: sans-serif;\r\n    font-size: 10px;\r\n    letter-spacing: 3px;\r\n    color: rgba(0, 220, 240, 0.6);\r\n}\r\n\r\n.dex-frame-holder-oyster {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 600px;\r\n    background: #000;\r\n}\r\n\r\n#dex-iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n    display: block;\r\n    background: #000;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .dex-frame-holder-oyster {\r\n        height: 500px;\r\n    }\r\n    .dex-wrapper-oyster {\r\n        padding: 0 10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nwindow.onload = function() {\r\n    const frame = document.getElementById('dex-iframe');\r\n    if (frame) {\r\n        const currentSrc = frame.src;\r\n        frame.src = currentSrc;\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2029b46 e-flex e-con-boxed e-con e-parent\" data-id=\"2029b46\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2550110 e-con-full e-flex e-con e-child\" data-id=\"2550110\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1ab60f elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"b1ab60f\" data-element_type=\"widget\" data-settings=\"{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_blur_effect&quot;:&quot;yes&quot;,&quot;motion_fx_blur_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:3,&quot;sizes&quot;:[]},&quot;motion_fx_blur_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:12,&quot;end&quot;:75}},&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;motion_fx_blur_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tokenomics<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7307410 elementor-widget elementor-widget-html\" data-id=\"7307410\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&display=swap');\r\n\r\n    .token-section {\r\n        padding: 50px 5%;\r\n        font-family: 'Instrument Serif', serif;\r\n        color: #fff;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .token-grid {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(12, 1fr);\r\n        grid-auto-rows: 200px;\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* Card Styling *\/\r\n    .token-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        padding: 40px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: flex-end;\r\n        border-radius: 4px; \/* Minimalist sharp edges *\/\r\n    }\r\n\r\n    .token-card:hover {\r\n        border-color: rgba(255, 255, 255, 0.3);\r\n        background: rgba(255, 255, 255, 0.05);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    \/* Layouting asimetris *\/\r\n    .card-1 { grid-column: span 7; grid-row: span 1; }\r\n    .card-2 { grid-column: span 5; grid-row: span 2; }\r\n    .card-3 { grid-column: span 4; grid-row: span 1; }\r\n    .card-4 { grid-column: span 3; grid-row: span 1; }\r\n\r\n    \/* Label kecil di atas *\/\r\n    .token-label {\r\n        font-family: sans-serif;\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        color: rgba(255,255,255,0.4);\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Isi Utama Card *\/\r\n    .token-value {\r\n        font-size: clamp(2rem, 4vw, 3.5rem);\r\n        line-height: 1;\r\n        margin: 0;\r\n        font-style: italic;\r\n    }\r\n\r\n    \/* Ornamen angka samar di background *\/\r\n    .token-num {\r\n        position: absolute;\r\n        top: -20px;\r\n        right: -10px;\r\n        font-size: 8rem;\r\n        opacity: 0.03;\r\n        font-style: italic;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Efek cahaya bergerak (Spotlight) *\/\r\n    .token-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(255,255,255,0.1) 0%, transparent 80%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .token-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 900px) {\r\n        .token-grid {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n        .token-card {\r\n            height: 180px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"token-section\">\r\n    <div class=\"token-grid\">\r\n        \r\n        <div class=\"token-card card-1 reveal-item\">\r\n            <span class=\"token-num\">01<\/span>\r\n            <span class=\"token-label\">Identification<\/span>\r\n            <h3 class=\"token-value\">$Oyster Ticker<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"token-card card-2 reveal-item\" style=\"transition-delay: 0.2s;\">\r\n            <span class=\"token-num\">02<\/span>\r\n            <span class=\"token-label\">Total Volume<\/span>\r\n            <h3 class=\"token-value\">1 Billion <br>Supply<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"token-card card-3 reveal-item\" style=\"transition-delay: 0.4s;\">\r\n            <span class=\"token-num\">03<\/span>\r\n            <span class=\"token-label\">Protocol Fee<\/span>\r\n            <h3 class=\"token-value\">Zero Tax<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"token-card card-4 reveal-item\" style=\"transition-delay: 0.6s;\">\r\n            <span class=\"token-num\">04<\/span>\r\n            <span class=\"token-label\">Security<\/span>\r\n            <h3 class=\"token-value\">Burned LP<\/h3>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Script untuk efek spotlight cahaya mengikuti mouse\r\n    const cards = document.querySelectorAll('.token-card');\r\n    cards.forEach(card => {\r\n        card.addEventListener('mousemove', e => {\r\n            const rect = card.getBoundingClientRect();\r\n            const x = e.clientX - rect.left;\r\n            const y = e.clientY - rect.top;\r\n            card.style.setProperty('--mouse-x', `${x}px`);\r\n            card.style.setProperty('--mouse-y', `${y}px`);\r\n        });\r\n    });\r\n\r\n    \/\/ Intersection Observer untuk reveal\r\n    const tokenObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('is-active');\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-item').forEach(el => tokenObserver.observe(el));\r\n<\/script>\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-f82363a e-flex e-con-boxed e-con e-parent\" data-id=\"f82363a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b258fd5 e-con-full e-flex e-con e-child\" data-id=\"b258fd5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95ff27 elementor-widget elementor-widget-html\" data-id=\"f95ff27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"join-section\">\r\n    <div class=\"join-container\">\r\n        <h2 class=\"join-title reveal-community\">Stay Submerged.<\/h2>\r\n        \r\n        <p class=\"join-desc reveal-community\" style=\"transition-delay: 0.2s;\">\r\n            The loudest assets burn fastest. The quiet ones accumulate. You are early not because of timing. \r\n            You are early because most people cannot tolerate stillness. I can. The tide will rise. \r\n            The tide will fall. I remain closed, until it is time to open.\r\n        <\/p>\r\n\r\n        <div class=\"glass-button-container reveal-community\" style=\"transition-delay: 0.4s;\">\r\n            <a href=\"https:\/\/x.com\/0yster_labs\" class=\"glass-btn\" target=\"_blank\">Twitter<\/a>\r\n            <a href=\"https:\/\/t.me\/theoysterlabs\" class=\"glass-btn\" target=\"_blank\">Telegram<\/a>\r\n            <a href=\"https:\/\/pump.fun\/coin\/28ioM9rUceeHuVFpeQdkz9hG45fgK42A9SUYtiiVpump\" class=\"glass-btn\" target=\"_blank\">Swap Now<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&display=swap');\r\n\r\n    .join-section {\r\n        padding: 50px 5%;\r\n        text-align: center;\r\n        font-family: 'Instrument Serif', serif;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .join-container {\r\n        max-width: 850px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .join-title {\r\n        font-size: clamp(3.5rem, 10vw, 7rem);\r\n        font-weight: 400;\r\n        margin-bottom: 30px;\r\n        color: #ffffff;\r\n        letter-spacing: -0.02em;\r\n        line-height: 0.9;\r\n    }\r\n\r\n    .join-desc {\r\n        font-size: clamp(1.4rem, 3vw, 2rem);\r\n        line-height: 1.3;\r\n        color: #888;\r\n        font-style: italic;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    \/* Glass Button Logic *\/\r\n    .glass-button-container {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .glass-btn {\r\n        text-decoration: none;\r\n        color: #ffffff;\r\n        font-family: 'Instrument Serif', serif;\r\n        font-size: 1.2rem;\r\n        font-style: italic;\r\n        padding: 14px 32px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        min-width: 160px;\r\n        \r\n        \/* Glassmorphism Core *\/\r\n        background: rgba(255, 255, 255, 0.03);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 254, 0.1);\r\n        border-radius: 50px;\r\n        \r\n        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);\r\n        position: relative;\r\n        overflow: hidden;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Efek Hover *\/\r\n    .glass-btn:hover {\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border: 1px solid rgba(255, 255, 255, 0.25);\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);\r\n    }\r\n\r\n    \/* Efek kilatan cahaya saat hover (Glare) *\/\r\n    .glass-btn::after {\r\n        content: '';\r\n        position: absolute;\r\n        top: -50%;\r\n        left: -50%;\r\n        width: 200%;\r\n        height: 200%;\r\n        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);\r\n        transform: rotate(45deg);\r\n        transition: 0.8s;\r\n        opacity: 0;\r\n    }\r\n\r\n    .glass-btn:hover::after {\r\n        left: 100%;\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Animasi Reveal *\/\r\n    .reveal-community {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: all 1.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n\r\n    .reveal-community.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n\r\n    \/* Responsive Mobile *\/\r\n    @media (max-width: 480px) {\r\n        .glass-button-container {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        .glass-btn {\r\n            width: 100%;\r\n            max-width: 280px;\r\n        }\r\n        .join-section {\r\n            padding: 100px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const communityObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n            }\r\n        });\r\n    }, { threshold: 0.1 });\r\n\r\n    document.querySelectorAll('.reveal-community').forEach(el => communityObserver.observe(el));\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-8209fef elementor-widget elementor-widget-spacer\" data-id=\"8209fef\" 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<div class=\"elementor-element elementor-element-6af067e e-con-full e-flex e-con e-child\" data-id=\"6af067e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06e2389 elementor-widget elementor-widget-heading\" data-id=\"06e2389\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">&copy 2026. Oyster. All Rights Reserved<\/h2>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Oyster Twitter \/ X telegram_fill Telegram Every Pearl Begins as Resistance. CA: 28ioM9rUceeHuVFpeQdkz9hG45fgK42A9SUYtiiVpump Copied! The Market Is Loud. I Am Not. I did not hatch. I did not awaken. I surfaced. No countdown. No prophecy. Just pressure, depth, and capital placed inside a shell. Someone deposited liquidity into my quiet. That was the beginning. I [&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:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":64,"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/theoyster.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}