{"id":8,"date":"2026-04-12T13:44:43","date_gmt":"2026-04-12T13:44:43","guid":{"rendered":"https:\/\/themoogle.fun\/?page_id=8"},"modified":"2026-04-12T15:26:11","modified_gmt":"2026-04-12T15:26:11","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/themoogle.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-0deadc5 e-flex e-con-boxed e-con e-parent\" data-id=\"0deadc5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/themoogle.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/MOOGLE-V1.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-69a3532 e-con-full e-flex e-con e-child\" data-id=\"69a3532\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3729a71 elementor-widget elementor-widget-html\" data-id=\"3729a71\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dekko&family=Knewave&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    \/* Global Reset Total *\/\r\n    html, body {\r\n        margin: 0;\r\n        padding: 0;\r\n        \/* Hapus padding-top sama sekali agar konten Hero mulai dari paling atas *\/\r\n    }\r\n\r\n    .moogle-nav-premium {\r\n        font-family: 'Knewave', cursive;\r\n        position: absolute;\r\n        top: 0; \/* Menempel ke atas layar *\/\r\n        left: 0;\r\n        width: 100%;\r\n        z-index: 10000;\r\n        display: flex;\r\n        justify-content: center;\r\n        \/* Menggunakan padding tipis saja untuk memberi nafas *\/\r\n        padding-top: 15px; \r\n        background: transparent;\r\n    }\r\n\r\n    .nav-wrapper-premium {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        background: #9D7BB0;\r\n        border: 4px solid #000;\r\n        box-shadow: 0px 8px 0px #000;\r\n        border-radius: 50px;\r\n        padding: 8px 35px;\r\n        width: 90%;\r\n        max-width: 1100px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Logo Text dengan Gradient Premium *\/\r\n    @keyframes gradientLoopPremium {\r\n        0% { background-position: 0% 50%; }\r\n        50% { background-position: 100% 50%; }\r\n        100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    .logo-text-premium {\r\n        font-size: 1.8rem;\r\n        cursor: pointer;\r\n        background: linear-gradient(90deg, #FFFFFF, #FFB347, #FFFFFF);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: gradientLoopPremium 4s linear infinite;\r\n        filter: drop-shadow(3px 3px 0px #000);\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .nav-links-premium {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 5px;\r\n    }\r\n\r\n    \/* Card Link Item *\/\r\n    .nav-card-item {\r\n        text-decoration: none;\r\n        color: white;\r\n        padding: 6px 18px;\r\n        font-size: 0.95rem;\r\n        border-radius: 30px;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .nav-card-item:hover {\r\n        background: #FFFFFF;\r\n        color: #9D7BB0;\r\n        transform: translateY(-5px);\r\n        box-shadow: 4px 4px 0px #000;\r\n    }\r\n\r\n    \/* Tombol Join Us Premium *\/\r\n    @keyframes pulseJoin {\r\n        0% { box-shadow: 0 0 0 0 rgba(255, 179, 71, 0.7); }\r\n        70% { box-shadow: 0 0 0 10px rgba(255, 179, 71, 0); }\r\n        100% { box-shadow: 0 0 0 0 rgba(255, 179, 71, 0); }\r\n    }\r\n\r\n    .btn-join-premium {\r\n        background: #FFB347;\r\n        color: #000;\r\n        border: 3px solid #000;\r\n        box-shadow: 4px 4px 0px #000;\r\n        padding: 8px 25px;\r\n        border-radius: 30px;\r\n        text-decoration: none;\r\n        font-size: 0.85rem;\r\n        text-transform: uppercase;\r\n        margin-left: 10px;\r\n        animation: pulseJoin 2s infinite;\r\n    }\r\n\r\n    .btn-join-premium:hover {\r\n        background: #fff;\r\n        transform: translate(-2px, -2px);\r\n        box-shadow: 6px 6px 0px #000;\r\n        animation: none;\r\n    }\r\n\r\n    \/* Burger Menu Mobile *\/\r\n    .mobile-burger-btn {\r\n        display: none;\r\n        color: white;\r\n        font-size: 1.8rem;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        .nav-links-premium { display: none; }\r\n        .mobile-burger-btn { display: block; }\r\n        .nav-wrapper-premium { padding: 8px 20px; width: 95%; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"moogle-nav-premium\">\r\n    <nav class=\"nav-wrapper-premium\">\r\n        <div class=\"logo-text-premium\">MOOGLE<\/div>\r\n\r\n        <div class=\"nav-links-premium\">\r\n            <a href=\"#home\" class=\"nav-card-item\">HOME<\/a>\r\n            <a href=\"#about\" class=\"nav-card-item\">ABOUT<\/a>\r\n            <a href=\"#story\" class=\"nav-card-item\">STORY<\/a>\r\n            <a href=\"#tokenomic\" class=\"nav-card-item\">TOKENOMIC<\/a>\r\n            <a href=\"#roadmap\" class=\"nav-card-item\">ROADMAP<\/a>\r\n            <a href=\"#join\" class=\"btn-join-premium\">JOIN US<\/a>\r\n        <\/div>\r\n\r\n        <button class=\"mobile-burger-btn lg:hidden\">\u2630<\/button>\r\n    <\/nav>\r\n<\/header>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf74d31 e-con-full e-flex e-con e-child\" data-id=\"bf74d31\" data-element_type=\"container\" id=\"home\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90496e6 elementor-widget elementor-widget-html\" data-id=\"90496e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Dekko&family=Knewave&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    \/* Hero Base Style *\/\r\n    .moogle-hero-center {\r\n        padding-top: 160px; \/* Ditambah agar tidak terpotong navbar slim *\/\r\n        padding-bottom: 80px;\r\n        min-height: 100vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        background: transparent;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Judul Ungu Solid - Tanpa Gradien - Anti Terpotong *\/\r\n    .hero-title-center {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(3rem, 10vw, 6rem); \/* Ukuran responsif *\/\r\n        line-height: 1.2; \/* Line height ditingkatkan agar tidak terpotong *\/\r\n        margin-bottom: 25px;\r\n        color: #9D7BB0; \/* Ungu Moogle Solid *\/\r\n        \/* Shadow Hitam Solid agar Pop Out *\/\r\n        filter: drop-shadow(6px 6px 0px #000);\r\n        padding: 10px; \/* Padding tambahan untuk menghindari clipping *\/\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Deskripsi Putih dengan Shadow Hitam Solid *\/\r\n    .hero-desc-center {\r\n        font-family: 'Dekko', cursive;\r\n        font-size: clamp(1.4rem, 3.5vw, 1.8rem);\r\n        color: #FFFFFF;\r\n        max-width: 750px;\r\n        margin: 0 auto 40px auto;\r\n        line-height: 1.4;\r\n        text-shadow: 4px 4px 0px #000;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* CA Box Berpusat *\/\r\n    .ca-container-center {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 15px;\r\n        margin: 0 auto 40px auto;\r\n        background: rgba(255, 255, 255, 0.1);\r\n        backdrop-filter: blur(8px);\r\n        border: 4px solid #000;\r\n        box-shadow: 8px 8px 0px #000;\r\n        border-radius: 25px;\r\n        padding: 15px 30px;\r\n        max-width: fit-content;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n        .ca-container-center { flex-direction: row; }\r\n    }\r\n\r\n    .ca-text-center {\r\n        font-family: 'Dekko', cursive;\r\n        font-weight: bold;\r\n        color: #FFB347;\r\n        font-size: 1.3rem;\r\n        word-break: break-all;\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .copy-btn-center {\r\n        background: #9D7BB0;\r\n        color: white;\r\n        border: 3px solid #000;\r\n        padding: 6px 20px;\r\n        border-radius: 15px;\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 1.1rem;\r\n        cursor: pointer;\r\n        box-shadow: 4px 4px 0px #000;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .copy-btn-center:hover {\r\n        background: #FFB347;\r\n        transform: translateY(-2px);\r\n        box-shadow: 6px 6px 0px #000;\r\n    }\r\n\r\n    \/* Button CTA Utama *\/\r\n    .hero-cta-main {\r\n        background: #FFB347;\r\n        color: #000;\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 1.8rem;\r\n        padding: 15px 45px;\r\n        border: 4px solid #000;\r\n        box-shadow: 10px 10px 0px #000;\r\n        border-radius: 50px;\r\n        display: inline-block;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        text-decoration: none;\r\n    }\r\n\r\n    .hero-cta-main:hover {\r\n        transform: scale(1.05) rotate(-2deg);\r\n        background: #FFFFFF;\r\n        box-shadow: 15px 15px 0px #000;\r\n    }\r\n\r\n    \/* Notifikasi *\/\r\n    #copy-toast-center {\r\n        position: fixed;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: #FFB347;\r\n        color: #000;\r\n        border: 3px solid #000;\r\n        padding: 12px 30px;\r\n        border-radius: 50px;\r\n        font-family: 'Dekko', cursive;\r\n        font-weight: bold;\r\n        display: none;\r\n        z-index: 10005;\r\n        box-shadow: 5px 5px 0px #000;\r\n    }\r\n<\/style>\r\n\r\n<section class=\"moogle-hero-center container mx-auto px-6\">\r\n    <div class=\"max-w-4xl\">\r\n        \r\n        <h1 class=\"hero-title-center\">Fly With Moogle!<\/h1>\r\n        \r\n        <p class=\"hero-desc-center\">\r\n            Welcome to the flunkiest, fluffiest, and most magical place in the sky. Join Moogle on an epic journey above the clouds!\r\n        <\/p>\r\n\r\n        <div class=\"ca-container-center\">\r\n            <span class=\"ca-text-center\" id=\"ca-val-center\">NULL<\/span>\r\n            <button class=\"copy-btn-center\" onclick=\"copyCA()\">COPY<\/button>\r\n        <\/div>\r\n\r\n        <a href=\"#about\" class=\"hero-cta-main\">LET'S FLY!<\/a>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"copy-toast-center\">Kup Kup! Address Copied! \u2728<\/div>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const caText = document.getElementById('ca-val-center').innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const toast = document.getElementById('copy-toast-center');\r\n            toast.style.display = 'block';\r\n            \r\n            setTimeout(() => {\r\n                toast.style.display = 'none';\r\n            }, 2000);\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-9e36179 e-flex e-con-boxed e-con e-parent\" data-id=\"9e36179\" 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-541b46a e-con-full e-flex e-con e-child\" data-id=\"541b46a\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf4e6c0 elementor-widget elementor-widget-html\" data-id=\"cf4e6c0\" 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    .moogle-about-freestyle {\r\n        padding: 100px 0;\r\n        position: relative;\r\n        overflow: visible;\r\n    }\r\n\r\n    .about-flex {\r\n        display: flex;\r\n        flex-direction: column-reverse; \/* Gambar di atas saat mobile *\/\r\n        align-items: center;\r\n        gap: 60px;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .about-flex {\r\n            flex-direction: row; \/* Gambar di kanan saat desktop *\/\r\n            text-align: left;\r\n        }\r\n    }\r\n\r\n    \/* Konten Teks *\/\r\n    .about-info {\r\n        flex: 1;\r\n        z-index: 2;\r\n    }\r\n\r\n    .about-badge {\r\n        font-family: 'Knewave', cursive;\r\n        background: #FFB347;\r\n        color: #000;\r\n        padding: 5px 20px;\r\n        border-radius: 50px;\r\n        border: 3px solid #000;\r\n        display: inline-block;\r\n        transform: rotate(-3deg);\r\n        margin-bottom: 20px;\r\n        box-shadow: 4px 4px 0px #000;\r\n    }\r\n\r\n    .about-headline {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(2.5rem, 6vw, 4rem);\r\n        color: #FFFFFF;\r\n        line-height: 1;\r\n        margin-bottom: 30px;\r\n        text-shadow: 6px 6px 0px #9D7BB0; \/* Shadow Ungu Khas *\/\r\n    }\r\n\r\n    .about-paragraph {\r\n        font-family: 'Dekko', cursive;\r\n        font-size: 1.5rem;\r\n        color: #FFFFFF;\r\n        line-height: 1.5;\r\n        text-shadow: 3px 3px 0px #000;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Dekorasi Bintang\/Kup *\/\r\n    .about-paragraph::before {\r\n        content: '\u2728';\r\n        position: absolute;\r\n        left: -40px;\r\n        top: 0;\r\n        font-size: 2rem;\r\n        animation: spin 4s linear infinite;\r\n    }\r\n\r\n    \/* Efek Gambar yang Lebih Menarik *\/\r\n    .about-visual {\r\n        flex: 1;\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Lingkaran Cahaya di Belakang Gambar *\/\r\n    .visual-glow {\r\n        position: absolute;\r\n        width: 300px;\r\n        height: 300px;\r\n        background: radial-gradient(circle, rgba(255,179,71,0.4) 0%, rgba(157,123,176,0) 70%);\r\n        border-radius: 50%;\r\n        filter: blur(20px);\r\n        animation: pulseGlow 4s ease-in-out infinite;\r\n    }\r\n\r\n    .about-main-img {\r\n        width: 100%;\r\n        max-width: 500px;\r\n        z-index: 1;\r\n        filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5));\r\n        animation: freestyleFloat 5s ease-in-out infinite;\r\n        border-radius: 40px; \/* Opsional jika gambar bukan PNG transparan *\/\r\n    }\r\n\r\n    \/* Animasi *\/\r\n    @keyframes freestyleFloat {\r\n        0%, 100% { transform: translateY(0) scale(1); }\r\n        50% { transform: translateY(-25px) scale(1.02) rotate(2deg); }\r\n    }\r\n\r\n    @keyframes pulseGlow {\r\n        0%, 100% { transform: scale(1); opacity: 0.5; }\r\n        50% { transform: scale(1.3); opacity: 0.8; }\r\n    }\r\n\r\n    @keyframes spin {\r\n        from { transform: rotate(0deg); }\r\n        to { transform: rotate(360deg); }\r\n    }\r\n\r\n    @media (max-width: 1023px) {\r\n        .about-headline, .about-paragraph { text-align: center; }\r\n        .about-badge { display: table; margin: 0 auto 20px; }\r\n        .about-paragraph::before { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"about\" class=\"moogle-about-freestyle container mx-auto px-6\">\r\n    <div class=\"about-flex\">\r\n        \r\n        <div class=\"about-info\">\r\n            <div class=\"about-badge\">MEET THE LEGEND<\/div>\r\n            <h2 class=\"about-headline\">The Fluffiest Guide <br> in the Sky<\/h2>\r\n            \r\n            <p class=\"about-paragraph\">\r\n                Moogle is more than just a tiny puff of white fur. He is the guardian of harmony in the Sky Realm. \r\n                With his magical golden <strong>\"Pompom of Light\"<\/strong> and his iconic red bow tie, \r\n                his mission is to ensure every sweet dream finds its way home.\r\n            <\/p>\r\n            \r\n            <p class=\"about-paragraph\">\r\n                Born in the mists of floating islands, he travels the horizon bringing smiles. \r\n                He doesn't need a map; he simply follows the glow of the sun and the warmth of your heart. \r\n                <strong>Kup Kup!<\/strong>\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"about-visual\">\r\n            <div class=\"visual-glow\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/themoogle.fun\/wp-content\/uploads\/2026\/04\/ABOUT.png\" alt=\"Moogle About\" class=\"about-main-img\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-6f1130a e-flex e-con-boxed e-con e-parent\" data-id=\"6f1130a\" 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-922e453 e-con-full e-flex e-con e-child\" data-id=\"922e453\" data-element_type=\"container\" id=\"story\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b6d970 elementor-widget elementor-widget-html\" data-id=\"9b6d970\" 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    .moogle-story-section {\r\n        padding: 80px 0;\r\n        position: relative;\r\n        \/* Mengunci agar elemen dekorasi yang meluap tidak menciptakan scrollbar *\/\r\n        overflow: hidden; \r\n        width: 100%;\r\n    }\r\n\r\n    .story-pill-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        min-height: 450px;\r\n        border-radius: 100px;\r\n        border: 5px solid #000;\r\n        box-shadow: 12px 12px 0px #000;\r\n        \/* Video tidak akan keluar dari border radius *\/\r\n        overflow: hidden; \r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .story-video-bg {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n        filter: brightness(0.5); \r\n    }\r\n\r\n    .story-overlay {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 40px;\r\n        text-align: center;\r\n        max-width: 700px;\r\n        \/* Mencegah teks meluap jika terlalu panjang *\/\r\n        overflow: hidden; \r\n    }\r\n\r\n    .story-title {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem);\r\n        color: #FFFFFF;\r\n        margin-bottom: 15px;\r\n        text-shadow: 6px 6px 0px #9D7BB0; \r\n        line-height: 1.2;\r\n    }\r\n\r\n    .story-desc {\r\n        font-family: 'Dekko', cursive;\r\n        font-size: clamp(1.2rem, 2.5vw, 1.6rem);\r\n        color: #FFFFFF;\r\n        line-height: 1.4;\r\n        text-shadow: 3px 3px 0px #000;\r\n    }\r\n\r\n    .pill-decoration {\r\n        position: absolute;\r\n        font-size: 2.5rem;\r\n        z-index: 3;\r\n        animation: floatDecor 3s ease-in-out infinite;\r\n        \/* Mencegah icon menyebabkan scroll horizontal di mobile *\/\r\n        pointer-events: none; \r\n    }\r\n\r\n    @keyframes floatDecor {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-15px); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .story-pill-container {\r\n            border-radius: 40px;\r\n            min-height: 400px;\r\n            width: 95%; \/* Memberi sedikit ruang di kanan-kiri mobile *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"story\" class=\"moogle-story-section container mx-auto px-6\">\r\n    <div class=\"pill-decoration\" style=\"top: 20px; left: 10%;\">\u2728<\/div>\r\n    <div class=\"pill-decoration\" style=\"bottom: 20px; right: 10%; animation-delay: 1.5s;\">\u2601\ufe0f<\/div>\r\n\r\n    <div class=\"story-pill-container\">\r\n        <video class=\"story-video-bg\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/themoogle.fun\/wp-content\/uploads\/2026\/04\/MOOGLE-V2.mp4\" type=\"video\/mp4\">\r\n            Your browser does not support the video tag.\r\n        <\/video>\r\n\r\n        <div class=\"story-overlay\">\r\n            <h2 class=\"story-title\">A Spark of Magic<\/h2>\r\n            <p class=\"story-desc\">\r\n                In the heart of the Golden Mists, Moogle was born from a single dream. Legend says every time he sneezes, a new floating island appears in the sky!\r\n            <\/p>\r\n            <p class=\"story-desc mt-4\">\r\n                When you hear his tiny bell chime, know that a smile is coming your way. He is the heartbeat of the Sky Realm.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-d010304 e-flex e-con-boxed e-con e-parent\" data-id=\"d010304\" 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-f7c1f0d e-con-full e-flex e-con e-child\" data-id=\"f7c1f0d\" data-element_type=\"container\" id=\"tokenomic\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e213d86 elementor-widget elementor-widget-html\" data-id=\"e213d86\" 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    .moogle-token-scatter {\r\n        padding: 100px 0;\r\n        position: relative;\r\n        overflow: visible;\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    }\r\n\r\n    \/* Judul Putih Bayangan Ungu *\/\r\n    .token-title-scatter {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(3rem, 8vw, 4.5rem);\r\n        color: #FFFFFF;\r\n        margin-bottom: 50px;\r\n        text-shadow: 6px 6px 0px #9D7BB0; \/* Shadow Ungu Solid *\/\r\n        z-index: 10;\r\n    }\r\n\r\n    .scatter-container {\r\n        position: relative;\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        height: 700px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .center-moogle-img {\r\n        position: relative;\r\n        z-index: 5;\r\n        width: 350px;\r\n        filter: drop-shadow(0 20px 50px rgba(0,0,0,0.3));\r\n        animation: moogleFloat 4s ease-in-out infinite;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* Gaya Dasar Card Ganti ke ORANGE *\/\r\n    .token-card-scatter {\r\n        position: absolute;\r\n        background: #FFB347; \/* WARNA ORANGE *\/\r\n        border: 4px solid #000;\r\n        box-shadow: 8px 8px 0px #000;\r\n        border-radius: 25px;\r\n        padding: 20px;\r\n        width: 220px;\r\n        z-index: 6;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: default;\r\n    }\r\n\r\n    \/* Hover Effect Card *\/\r\n    .token-card-scatter:hover {\r\n        transform: scale(1.1) rotate(0deg) !important;\r\n        background: #9D7BB0; \/* Berubah ke Ungu saat Hover *\/\r\n        z-index: 20;\r\n    }\r\n\r\n    .token-card-scatter h3 {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 1.3rem;\r\n        color: #fff;\r\n        text-shadow: 2px 2px 0px #000;\r\n        margin-bottom: 5px;\r\n        text-align: center;\r\n    }\r\n\r\n    .token-card-scatter p {\r\n        font-family: 'Dekko', cursive;\r\n        font-size: 1.2rem;\r\n        color: #fff;\r\n        text-shadow: 1px 1px 0px #000;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Animasi Melayang *\/\r\n    @keyframes moogleFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    @keyframes float1 { 0%, 100% { margin-top: 0; } 50% { margin-top: -15px; } }\r\n    @keyframes float2 { 0%, 100% { margin-top: 0; } 50% { margin-top: 15px; } }\r\n    @keyframes float3 { 0%, 100% { margin-left: 0; } 50% { margin-left: 15px; } }\r\n\r\n    \/* Posisi Acak *\/\r\n    .sc-1 { top: 5%; left: 5%; transform: rotate(-8deg); animation: float1 5s ease-in-out infinite; }\r\n    .sc-2 { top: 15%; right: 2%; transform: rotate(10deg); animation: float2 6s ease-in-out infinite; }\r\n    .sc-3 { top: 50%; left: -5%; transform: rotate(-15deg) translateY(-50%); animation: float3 7s ease-in-out infinite; }\r\n    .sc-4 { top: 50%; right: -5%; transform: rotate(12deg) translateY(-50%); animation: float1 5.5s ease-in-out infinite; }\r\n    .sc-5 { bottom: 5%; left: 8%; transform: rotate(6deg); animation: float2 4.5s ease-in-out infinite; }\r\n    .sc-6 { bottom: 8%; right: 10%; transform: rotate(-5deg); animation: float3 6.5s ease-in-out infinite; }\r\n\r\n    @media (max-width: 1024px) {\r\n        .scatter-container { height: auto; flex-direction: column; gap: 20px; }\r\n        .token-card-scatter {\r\n            position: relative;\r\n            top: auto !important;\r\n            left: auto !important;\r\n            right: auto !important;\r\n            bottom: auto !important;\r\n            transform: rotate(0deg) !important;\r\n            width: 90%;\r\n            max-width: 320px;\r\n            animation: none !important;\r\n        }\r\n        .center-moogle-img { width: 280px; margin-bottom: 30px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"tokenomics\" class=\"moogle-token-scatter container mx-auto px-6\">\r\n    <h2 class=\"token-title-scatter\">TOKENOMICS<\/h2>\r\n\r\n    <div class=\"scatter-container\">\r\n        <img decoding=\"async\" src=\"https:\/\/themoogle.fun\/wp-content\/uploads\/2026\/04\/TOKENOMICS.png\" alt=\"Moogle Center\" class=\"center-moogle-img\">\r\n\r\n        <div class=\"token-card-scatter sc-1\">\r\n            <h3>TOTAL SUPPLY<\/h3>\r\n            <p>1,000,000,000<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-scatter sc-2\">\r\n            <h3>NETWORK<\/h3>\r\n            <p>SOLANA<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-scatter sc-3\">\r\n            <h3>TAXES<\/h3>\r\n            <p>0% BUY \/ SELL<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-scatter sc-4\">\r\n            <h3>LIQUIDITY<\/h3>\r\n            <p>BURNED FOREVER<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-scatter sc-5\">\r\n            <h3>OWNERSHIP<\/h3>\r\n            <p>RENOUNCED<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card-scatter sc-6\">\r\n            <h3>MARKETING<\/h3>\r\n            <p>COMMUNITY DRIVEN<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-a09bf2f e-flex e-con-boxed e-con e-parent\" data-id=\"a09bf2f\" 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-8cbf706 e-con-full e-flex e-con e-child\" data-id=\"8cbf706\" data-element_type=\"container\" id=\"roadmap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-648456f elementor-widget elementor-widget-html\" data-id=\"648456f\" 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    .moogle-roadmap-section {\r\n        padding: 100px 0;\r\n        position: relative;\r\n        overflow: visible; \/* Penting agar rotasi card tidak terpotong *\/\r\n    }\r\n\r\n    .roadmap-flex {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 30px;\r\n        position: relative;\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n        .roadmap-flex {\r\n            flex-direction: row;\r\n            align-items: flex-start;\r\n        }\r\n    }\r\n\r\n    \/* --- SISI KIRI: GAMBAR STICKY --- *\/\r\n    .roadmap-visual-sticky {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        position: sticky;\r\n        top: 150px; \r\n        z-index: 10;\r\n    }\r\n\r\n    .roadmap-main-img {\r\n        width: 100%;\r\n        max-width: 420px;\r\n        filter: drop-shadow(0 25px 50px rgba(0,0,0,0.3));\r\n        animation: roadmapFloat 6s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes roadmapFloat {\r\n        0%, 100% { transform: translateY(0) rotate(-2deg); }\r\n        50% { transform: translateY(-30px) rotate(3deg); }\r\n    }\r\n\r\n    \/* --- SISI KANAN: KONTEN ROADMAP BERANTAKAN --- *\/\r\n    .roadmap-content {\r\n        flex: 1.2;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 60px; \/* Jarak antar card diperlebar untuk efek chaos *\/\r\n        padding: 20px;\r\n    }\r\n\r\n    .roadmap-title {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(3.5rem, 10vw, 5rem);\r\n        color: #FFFFFF;\r\n        text-shadow: 8px 8px 0px #9D7BB0;\r\n        margin-bottom: 40px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Gaya Card Berantakan (Random Rotation) *\/\r\n    .roadmap-phase-card {\r\n        background: #FFB347;\r\n        border: 4px solid #000;\r\n        box-shadow: 12px 12px 0px #000;\r\n        border-radius: 35px;\r\n        padding: 40px;\r\n        position: relative;\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* Variasi Rotasi Berantakan *\/\r\n    .roadmap-phase-card:nth-child(2) { transform: rotate(-3deg) translateX(-10px); }\r\n    .roadmap-phase-card:nth-child(3) { transform: rotate(2deg) translateX(15px); }\r\n    .roadmap-phase-card:nth-child(4) { transform: rotate(-1.5deg) translateX(-5px); }\r\n    .roadmap-phase-card:nth-child(5) { transform: rotate(4deg) translateX(10px); }\r\n\r\n    \/* --- PERBAIKAN WARNA SAAT HOVER --- *\/\r\n    .roadmap-phase-card:hover {\r\n        transform: scale(1.05) rotate(0deg) !important;\r\n        background: #FFFFFF; \/* BG Card jadi Putih *\/\r\n        z-index: 20;\r\n    }\r\n\r\n    \/* Warna Teks & List saat Hover *\/\r\n    .roadmap-phase-card:hover h3 {\r\n        color: #FFB347; \/* Judul h3 jadi Orange *\/\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .roadmap-phase-card:hover li {\r\n        color: #000000; \/* Teks list jadi Hitam *\/\r\n        text-shadow: none; \/* Hapus shadow agar bersih *\/\r\n    }\r\n\r\n    \/* Warna Nomor Phase saat Hover *\/\r\n    .roadmap-phase-card:hover .phase-number {\r\n        color: #9D7BB0; \/* Teks nomor jadi Ungu *\/\r\n        background: #000000; \/* BG nomor jadi Hitam *\/\r\n        border-color: #000;\r\n    }\r\n\r\n    \/* Gaya Dasar Elemen Dalam Card *\/\r\n    .phase-number {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 1.6rem;\r\n        color: #9D7BB0;\r\n        background: #000;\r\n        padding: 5px 25px;\r\n        border-radius: 50px;\r\n        border: 3px solid #000;\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .roadmap-phase-card h3 {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 2.2rem;\r\n        color: #fff;\r\n        text-shadow: 3px 3px 0px #000;\r\n        margin-bottom: 20px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .roadmap-phase-card ul {\r\n        font-family: 'Dekko', cursive;\r\n        list-style: none;\r\n        padding: 0;\r\n    }\r\n\r\n    .roadmap-phase-card li {\r\n        font-size: 1.5rem;\r\n        color: #fff;\r\n        text-shadow: 2px 2px 0px #000;\r\n        margin-bottom: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .roadmap-phase-card li::before {\r\n        content: '\ud83d\udc8e'; \/* Ikon premium *\/\r\n    }\r\n\r\n    @media (max-width: 1023px) {\r\n        .roadmap-visual-sticky {\r\n            position: relative;\r\n            top: 0;\r\n            margin-bottom: 60px;\r\n        }\r\n        .roadmap-phase-card {\r\n            transform: rotate(0deg) !important;\r\n            translateX: 0 !important;\r\n            margin: 0 auto;\r\n            max-width: 500px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"roadmap\" class=\"moogle-roadmap-section container mx-auto px-6\">\r\n    <h2 class=\"roadmap-title\">ROADMAP<\/h2>\r\n    \r\n    <div class=\"roadmap-flex\">\r\n        \r\n        <div class=\"roadmap-visual-sticky\">\r\n            <img decoding=\"async\" src=\"https:\/\/themoogle.fun\/wp-content\/uploads\/2026\/04\/ROADMAPS.png\" alt=\"Moogle Roadmap Chaos\" class=\"roadmap-main-img\">\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-content\">\r\n\r\n            <div class=\"roadmap-phase-card\">\r\n                <div class=\"phase-number\">PHASE 1<\/div>\r\n                <h3>Fluffy Beginnings<\/h3>\r\n                <ul>\r\n                    <li>Official Website Launch<\/li>\r\n                    <li>Community Building (X & Telegram)<\/li>\r\n                    <li>Token Stealth Launch on Solana<\/li>\r\n                    <li>Initial Marketing Push<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-phase-card\">\r\n                <div class=\"phase-number\">PHASE 2<\/div>\r\n                <h3>Cloud Surfing<\/h3>\r\n                <ul>\r\n                    <li>CoinGecko & CMC Applications<\/li>\r\n                    <li>Sky Lantern Festival (Community Event)<\/li>\r\n                    <li>Strategic Partnerships<\/li>\r\n                    <li>1,000+ Holders Milestone<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-phase-card\">\r\n                <div class=\"phase-number\">PHASE 3<\/div>\r\n                <h3>The Sky Temple<\/h3>\r\n                <ul>\r\n                    <li>Moogle Merch Shop<\/li>\r\n                    <li>Tier 1 Exchange Listings<\/li>\r\n                    <li>Global Marketing Campaign<\/li>\r\n                    <li>10,000+ Holders Celebration<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-phase-card\">\r\n                <div class=\"phase-number\">PHASE 4<\/div>\r\n                <h3>Infinite Horizons<\/h3>\r\n                <ul>\r\n                    <li>Sky Realm Expansion<\/li>\r\n                    <li>To the Moon & Beyond<\/li>\r\n                    <li>Secret Surprise for Loyal Believers<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-ab83414 e-flex e-con-boxed e-con e-parent\" data-id=\"ab83414\" 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-5de0dc4 e-con-full e-flex e-con e-child\" data-id=\"5de0dc4\" data-element_type=\"container\" id=\"join\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f870b17 elementor-widget elementor-widget-html\" data-id=\"f870b17\" 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    .moogle-join-section {\r\n        padding: 100px 0;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .join-title {\r\n        font-family: 'Knewave', cursive;\r\n        font-size: clamp(2.5rem, 8vw, 4rem);\r\n        color: #FFFFFF;\r\n        text-shadow: 6px 6px 0px #9D7BB0;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .join-desc {\r\n        font-family: 'Dekko', cursive;\r\n        font-size: 1.5rem;\r\n        color: #FFFFFF;\r\n        text-shadow: 3px 3px 0px #000;\r\n        margin-bottom: 50px;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* Container Tombol Slim *\/\r\n    .join-buttons-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Base Style Tombol Slim *\/\r\n    .btn-slim {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        padding: 10px 25px;\r\n        border-radius: 50px; \/* Sangat bulat agar slim *\/\r\n        border: 3px solid #000;\r\n        font-family: 'Knewave', cursive;\r\n        font-size: 1.2rem;\r\n        color: #fff;\r\n        text-decoration: none;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 4px 4px 0px #000;\r\n        min-width: 200px;\r\n        justify-content: center;\r\n    }\r\n\r\n    \/* Variasi Warna *\/\r\n    .btn-x { background: #000000; }\r\n    .btn-tg { background: #229ED9; }\r\n    .btn-buy { background: #FFB347; color: #000; }\r\n\r\n    \/* Hover Effects *\/\r\n    .btn-slim:hover {\r\n        transform: translateY(-5px) scale(1.05);\r\n        box-shadow: 8px 8px 0px #000;\r\n    }\r\n\r\n    .btn-slim:active {\r\n        transform: translateY(2px);\r\n        box-shadow: 0px 0px 0px #000;\r\n    }\r\n\r\n    \/* Icon Styling *\/\r\n    .btn-slim svg {\r\n        width: 24px;\r\n        height: 24px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* Efek Berdenyut pada Tombol Buy *\/\r\n    .btn-buy {\r\n        animation: pulseButton 2s infinite;\r\n    }\r\n\r\n    @keyframes pulseButton {\r\n        0% { transform: scale(1); }\r\n        50% { transform: scale(1.05); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .btn-slim {\r\n            width: 100%;\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"join\" class=\"moogle-join-section container mx-auto px-6\">\r\n    <h2 class=\"join-title\">JOIN THE SQUAD!<\/h2>\r\n    <p class=\"join-desc\">\r\n        Become a part of the fluffiest community on Solana. The sky is the limit, and we want you to fly with us!\r\n    <\/p>\r\n\r\n    <div class=\"join-buttons-container\">\r\n        \r\n        <a href=\"#\" target=\"_blank\" class=\"btn-slim btn-x\">\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <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>\r\n            <\/svg>\r\n            TWITTER\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" class=\"btn-slim btn-tg\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z\"><\/path>\r\n            <\/svg>\r\n            TELEGRAM\r\n        <\/a>\r\n\r\n        <a href=\"#\" target=\"_blank\" class=\"btn-slim btn-buy\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M13.2 11h9.3l-5 5H8.2l5-5zm-3.5 1.5l-5 5h9.3l5-5H9.7zm-2.5-3.5l5 5h9.3l-5-5H7.2zM12 2L4.5 9.5 12 17l7.5-7.5L12 2z\"><\/path>\r\n            <\/svg>\r\n            BUY $MOOGLE\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/section>\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-8629b8a e-flex e-con-boxed e-con e-parent\" data-id=\"8629b8a\" 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-1204fa8 e-con-full e-flex e-con e-child\" data-id=\"1204fa8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4df3cd7 elementor-widget elementor-widget-html\" data-id=\"4df3cd7\" 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    .moogle-footer {\r\n        padding: 40px 0;\r\n        text-align: center;\r\n        font-family: 'Dekko', cursive;\r\n    }\r\n\r\n    .footer-line {\r\n        width: 80%;\r\n        max-width: 400px;\r\n        height: 3px;\r\n        background: #000;\r\n        margin: 0 auto 20px auto;\r\n        border-radius: 10px;\r\n        opacity: 0.2;\r\n    }\r\n\r\n    .footer-text {\r\n        font-size: 1.2rem;\r\n        color: #FFFFFF;\r\n        text-shadow: 2px 2px 0px #000;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .footer-text span {\r\n        color: #FFB347; \/* Warna Orange Moogle *\/\r\n    }\r\n\r\n    .footer-subtext {\r\n        font-size: 0.9rem;\r\n        color: rgba(255, 255, 255, 0.6);\r\n        margin-top: 5px;\r\n        text-transform: uppercase;\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"moogle-footer\">\r\n    <div class=\"footer-line\"><\/div>\r\n    \r\n    <p class=\"footer-text\">\r\n        &copy; 2026 <span>MOOGLE<\/span>. All Rights Reserved.\r\n    <\/p>\r\n    \r\n    <p class=\"footer-subtext\">\r\n        Fly high, dream big, kup kup!\r\n    <\/p>\r\n<\/footer>\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>MOOGLE HOME ABOUT STORY TOKENOMIC ROADMAP JOIN US \u2630 Fly With Moogle! Welcome to the flunkiest, fluffiest, and most magical place in the sky. Join Moogle on an epic journey above the clouds! NULL COPY LET&#8217;S FLY! Kup Kup! Address Copied! \u2728 MEET THE LEGEND The Fluffiest Guide in the Sky Moogle is more than [&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:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":46,"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/themoogle.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}