{"id":8,"date":"2026-07-30T11:15:36","date_gmt":"2026-07-30T11:15:36","guid":{"rendered":"https:\/\/yanghaha.fun\/?page_id=8"},"modified":"2026-07-30T13:09:09","modified_gmt":"2026-07-30T13:09:09","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/yanghaha.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-5d732d4 e-flex e-con-boxed e-con e-parent\" data-id=\"5d732d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/yanghaha.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-YANGHAHA1.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-a7a71eb e-con-full e-flex e-con e-child\" data-id=\"a7a71eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66168e6 elementor-widget elementor-widget-html\" data-id=\"66168e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- NAV MENU HAND-DRAWN SLIM CARTOON (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Nav *\/\r\n    .yh-nav-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-nav-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 10px 15px; \/* Slim \/ Tipis *\/\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n    }\r\n\r\n    \/* Container Kartun Hand-Drawn \/ Line Berantakan (SLIM VERSION) *\/\r\n    .yh-navbar {\r\n        background: #FFFDF0; \/* Creamy White *\/\r\n        border: 3.5px solid #2B2825; \/* Line Sketsa Utama *\/\r\n        \/* Radii Asimetris Ekstrem untuk Efek Gambaran Tangan *\/\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px; \r\n        box-shadow: \r\n            3px 4px 0px 0px #F7C04A, \/* Highlight Line *\/\r\n            6px 7px 0px 0px #2B2825; \/* Hand-drawn Shadow *\/\r\n        padding: 8px 22px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        position: relative;\r\n        transition: all 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    \/* Hover Mantul & Gerakan Garis Berantakan *\/\r\n    .yh-navbar:hover {\r\n        transform: translateY(-3px) rotate(-0.8deg) scale(1.005);\r\n        border-radius: 18px 245px 15px 255px\/245px 15px 255px 18px;\r\n        box-shadow: \r\n            4px 5px 0px 0px #F7C04A,\r\n            9px 10px 0px 0px #2B2825;\r\n    }\r\n\r\n    \/* Logo Brand Wrapper *\/\r\n    .yh-brand-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    \/* Text Logo (Font: Ranchers) *\/\r\n    .yh-brand {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: 30px;\r\n        color: #2B2825;\r\n        text-shadow: \r\n            1.5px 1.5px 0px #FFFDF0,\r\n            3px 3px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n        transition: transform 0.2s ease;\r\n    }\r\n\r\n    .yh-brand-wrapper:hover .yh-brand {\r\n        transform: scale(1.05) rotate(-1deg);\r\n    }\r\n\r\n    \/* Menu Links (Font: Slackside One) *\/\r\n    .yh-menu {\r\n        display: flex;\r\n        gap: 8px;\r\n        list-style: none;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .yh-menu a {\r\n        font-family: 'Slackside One', cursive;\r\n        color: #2B2825;\r\n        text-decoration: none;\r\n        font-size: 22px;\r\n        padding: 3px 12px;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px; \/* Sketsa terpisah tiap link *\/\r\n        border: 2px solid transparent;\r\n        position: relative;\r\n        transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    \/* Effect Garis Coretan Saat Link Disorot *\/\r\n    .yh-menu a:hover {\r\n        background-color: #F7C04A;\r\n        border-color: #2B2825;\r\n        box-shadow: 3px 3px 0px #2B2825;\r\n        transform: translateY(-3px) rotate(2deg) scale(1.05);\r\n    }\r\n\r\n    \/* Tombol Cartoon CTA Slim (Font: Slackside One) *\/\r\n    .yh-btn-nav {\r\n        font-family: 'Slackside One', cursive;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #F7C04A;\r\n        color: #2B2825;\r\n        border: 3px solid #2B2825;\r\n        \/* Radius Garis Berantakan *\/\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 5px 18px;\r\n        font-size: 22px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        box-shadow: 3.5px 3.5px 0px #2B2825;\r\n        transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .yh-btn-nav:hover {\r\n        transform: translateY(-3px) scale(1.05) rotate(-2deg);\r\n        box-shadow: 5px 6px 0px #2B2825;\r\n        background-color: #FFD56B;\r\n    }\r\n\r\n    .yh-btn-nav:active {\r\n        transform: translateY(2px) scale(0.96);\r\n        box-shadow: 1.5px 1.5px 0px #2B2825;\r\n    }\r\n\r\n    \/* Responsive Mobile (Tetap Slim & Tidak Terpotong) *\/\r\n    @media (max-width: 850px) {\r\n        .yh-nav-scope {\r\n            padding: 8px 10px;\r\n        }\r\n\r\n        .yh-navbar {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            padding: 12px 10px;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .yh-brand {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .yh-menu {\r\n            justify-content: center;\r\n            gap: 4px;\r\n            width: 100%;\r\n        }\r\n\r\n        .yh-menu a {\r\n            font-size: 19px;\r\n            padding: 2px 8px;\r\n        }\r\n\r\n        .yh-btn-nav {\r\n            width: 100%;\r\n            margin-top: 4px;\r\n            font-size: 21px;\r\n            padding: 6px 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"yh-nav-scope\">\r\n    <nav class=\"yh-navbar\">\r\n        <!-- Logo Brand -->\r\n        <a href=\"#\" class=\"yh-brand-wrapper\">\r\n            <span class=\"yh-brand\">YANGHAHA<\/span>\r\n        <\/a>\r\n\r\n        <!-- Menu Navigasi -->\r\n        <ul class=\"yh-menu\">\r\n            <li><a href=\"#why\">Why Join<\/a><\/li>\r\n            <li><a href=\"#values\">Shared Values<\/a><\/li>\r\n            <li><a href=\"#howto\">How to Get Started<\/a><\/li>\r\n            <li><a href=\"#hub\">Community Hub<\/a><\/li> <!-- Mengarah langsung ke ID section Community Hub (#hub) -->\r\n        <\/ul>\r\n\r\n        <!-- Tombol CTA -->\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-nav\">\r\n            Get YANGHAHA\r\n        <\/a>\r\n    <\/nav>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d77b344 e-con-full e-flex e-con e-child\" data-id=\"d77b344\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d9e03d elementor-widget elementor-widget-html\" data-id=\"6d9e03d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- HERO SECTION RATA KANAN WITH CA CARD SLIM (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Hero *\/\r\n    .yh-hero-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-hero-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 0 0 0 auto; \/* Posisi container terdorong ke kanan *\/\r\n        padding: 15px 15px 10px 15px; \/* Padding dipangkas agar ultra-slim *\/\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n        text-align: right; \/* Rata Kanan *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end; \/* Memastikan elemen flex rata kanan *\/\r\n    }\r\n\r\n    \/* Judul Utama (Font: Ranchers) - Slim Padding & Line-height *\/\r\n    .yh-hero-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(36px, 5.5vw, 62px);\r\n        color: #2B2825;\r\n        text-shadow: \r\n            2px 2px 0px #FFFDF0,\r\n            3.5px 3.5px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 0.95;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Sub-Header \/ Deskripsi (Font: Slackside One) - Slim Layout *\/\r\n    .yh-hero-sub {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(20px, 2.8vw, 26px);\r\n        color: #FFFFFF; \/* Warna Teks Putih *\/\r\n        text-shadow: \r\n            2px 2px 0px #2B2825,\r\n            -1px -1px 0px #2B2825,\r\n            1px -1px 0px #2B2825,\r\n            -1px 1px 0px #2B2825,\r\n            1px 1px 0px #2B2825;\r\n        line-height: 1.15;\r\n        max-width: 780px;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    \/* Group Tombol CTA Rata Kanan - Slim Margin *\/\r\n    .yh-cta-group {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end; \/* Rata kanan *\/\r\n        flex-wrap: wrap;\r\n        gap: 8px;\r\n        margin-bottom: 14px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Tombol Cartoon CTA Slim (Font: Slackside One) *\/\r\n    .yh-btn-hero {\r\n        font-family: 'Slackside One', cursive;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #F7C04A;\r\n        color: #2B2825;\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 5px 16px;\r\n        font-size: 21px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        box-shadow: 3px 3px 0px #2B2825;\r\n        transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .yh-btn-hero:hover {\r\n        transform: translateY(-2px) scale(1.03) rotate(-1deg);\r\n        box-shadow: 4.5px 5px 0px #2B2825;\r\n        background-color: #FFD56B;\r\n    }\r\n\r\n    .yh-btn-hero:active {\r\n        transform: translateY(2px) scale(0.96);\r\n        box-shadow: 1px 1px 0px #2B2825;\r\n    }\r\n\r\n    \/* CARD SLIM MEMBALUT AREA CA & BUTTON COPY *\/\r\n    .yh-ca-card {\r\n        background: #FFFDF0; \/* Creamy White *\/\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: \r\n            2px 2px 0px 0px #F7C04A,\r\n            4px 5px 0px 0px #2B2825;\r\n        padding: 8px 14px; \/* Ramping\/Slim *\/\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end; \/* Content rata kanan *\/\r\n        gap: 4px;\r\n        max-width: 580px;\r\n        width: 100%;\r\n        transition: all 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    .yh-ca-card:hover {\r\n        transform: translateY(-2px) rotate(-0.5deg);\r\n        box-shadow: \r\n            3px 3px 0px 0px #F7C04A,\r\n            6px 7px 0px 0px #2B2825;\r\n    }\r\n\r\n    .yh-ca-label {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: 19px;\r\n        color: #2B2825;\r\n        font-weight: bold;\r\n        line-height: 1;\r\n    }\r\n\r\n    .yh-ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        gap: 6px;\r\n        width: 100%;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Teks Alamat CA Didalam Card *\/\r\n    .yh-ca-text {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: 19px;\r\n        color: #2B2825;\r\n        background: #F9F3E3;\r\n        padding: 3px 10px;\r\n        border: 2px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: 1.5px 1.5px 0px #2B2825;\r\n        flex: 1;\r\n        min-width: 180px;\r\n        word-break: break-all;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Tombol Copy CA Didalam Card *\/\r\n    .yh-btn-copy {\r\n        font-family: 'Slackside One', cursive;\r\n        background: #FF85A1;\r\n        color: #2B2825;\r\n        border: 2px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 3px 14px;\r\n        font-size: 19px;\r\n        font-weight: bold;\r\n        box-shadow: 2px 2px 0px #2B2825;\r\n        cursor: pointer;\r\n        transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .yh-btn-copy:hover {\r\n        transform: translateY(-2px) scale(1.04) rotate(1deg);\r\n        box-shadow: 3.5px 3.5px 0px #2B2825;\r\n        background: #FF9EAE;\r\n    }\r\n\r\n    .yh-btn-copy:active {\r\n        transform: translateY(1px) scale(0.96);\r\n        box-shadow: 1px 1px 0px #2B2825;\r\n    }\r\n\r\n    \/* Toast Notification untuk Copy *\/\r\n    .yh-toast {\r\n        position: fixed;\r\n        bottom: -60px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        background: #F7C04A;\r\n        color: #2B2825;\r\n        border: 2.5px solid #2B2825;\r\n        padding: 6px 18px;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        box-shadow: 3px 3px 0px #2B2825;\r\n        transition: bottom 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        z-index: 9999;\r\n    }\r\n\r\n    .yh-toast.show {\r\n        bottom: 25px;\r\n    }\r\n\r\n    \/* Responsive Mobile Adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .yh-hero-scope {\r\n            padding: 12px 10px;\r\n            text-align: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .yh-cta-group {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n            justify-content: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .yh-btn-hero {\r\n            width: 100%;\r\n        }\r\n\r\n        .yh-ca-card {\r\n            align-items: center;\r\n            padding: 10px;\r\n        }\r\n\r\n        .yh-ca-box {\r\n            flex-direction: column;\r\n            align-items: stretch;\r\n        }\r\n\r\n        .yh-btn-copy {\r\n            width: 100%;\r\n        }\r\n\r\n        .yh-ca-text {\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"yh-hero-scope\">\r\n    <!-- MAIN TAGLINE -->\r\n    <h1 class=\"yh-hero-title\">\r\n        Sweet Moments.<br>Shared Laughter.\r\n    <\/h1>\r\n\r\n    <!-- SUB-HEADER \/ DESKRIPSI (TEKS PUTIH + SHADOW DARK SOLID) -->\r\n    <p class=\"yh-hero-sub\">\r\n        Inspired by the simple joy of sharing a sweet dessert and talking for hours without keeping track of time. $YANGHAHA was created as a welcoming space\u2014bringing comfort, warmth, and genuine connections every step of the way.\r\n    <\/p>\r\n\r\n    <!-- CALL TO ACTION BUTTONS -->\r\n    <div class=\"yh-cta-group\">\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-hero\">Find Us on pump.fun<\/a>\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-hero\">View Charts on DexScreener<\/a>\r\n    <\/div>\r\n\r\n    <!-- CONTRACT ADDRESS CARD (BALUTAN SATU CARD KHUSUS CA SLIM) -->\r\n    <div class=\"yh-ca-card\">\r\n        <span class=\"yh-ca-label\">Official Contract Address (Solana):<\/span>\r\n        <div class=\"yh-ca-box\">\r\n            <!-- Isi Alamat CA Asli Anda di sini -->\r\n            <div class=\"yh-ca-text\" id=\"yhCaText\">NULL<\/div>\r\n            <button class=\"yh-btn-copy\" onclick=\"copyYhCA()\">Copy<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- TOAST POPUP NOTIFICATION -->\r\n<div id=\"yhToast\" class=\"yh-toast\">CA Copied to Clipboard!<\/div>\r\n\r\n<!-- JAVASCRIPT COPY FUNCTION -->\r\n<script>\r\n    function copyYhCA() {\r\n        const caText = document.getElementById(\"yhCaText\").innerText.trim();\r\n        \r\n        if (navigator.clipboard && window.isSecureContext) {\r\n            navigator.clipboard.writeText(caText).then(() => {\r\n                showYhToast();\r\n            }).catch(() => {\r\n                fallbackCopyText(caText);\r\n            });\r\n        } else {\r\n            fallbackCopyText(caText);\r\n        }\r\n    }\r\n\r\n    function fallbackCopyText(text) {\r\n        const textArea = document.createElement(\"textarea\");\r\n        textArea.value = text;\r\n        textArea.style.position = \"fixed\";\r\n        textArea.style.left = \"-9999px\";\r\n        document.body.appendChild(textArea);\r\n        textArea.focus();\r\n        textArea.select();\r\n        try {\r\n            document.execCommand('copy');\r\n            showYhToast();\r\n        } catch (err) {\r\n            console.error('Gagal menyalin teks: ', err);\r\n        }\r\n        document.body.removeChild(textArea);\r\n    }\r\n\r\n    function showYhToast() {\r\n        const toast = document.getElementById(\"yhToast\");\r\n        toast.classList.add(\"show\");\r\n        setTimeout(() => {\r\n            toast.classList.remove(\"show\");\r\n        }, 2200);\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-10f41c0 e-flex e-con-boxed e-con e-parent\" data-id=\"10f41c0\" 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-61f5175 e-con-full e-flex e-con e-child\" data-id=\"61f5175\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53bdf74 elementor-widget elementor-widget-html\" data-id=\"53bdf74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION WHY JOIN HAND-DRAWN WITH GIF (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Section Why Join *\/\r\n    .yh-why-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-why-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 20px auto;\r\n        padding: 10px 15px;\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n    }\r\n\r\n    \/* Card Utama Membalut Konten & Gambar *\/\r\n    .yh-why-card {\r\n        background: #FFFDF0; \/* Creamy White *\/\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px; \/* Hand-drawn Radii *\/\r\n        box-shadow: \r\n            2.5px 2.5px 0px 0px #F7C04A,\r\n            5px 6px 0px 0px #2B2825;\r\n        padding: 20px 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 25px;\r\n        transition: all 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    .yh-why-card:hover {\r\n        transform: translateY(-2px) rotate(-0.3deg);\r\n        box-shadow: \r\n            3.5px 3.5px 0px 0px #F7C04A,\r\n            7px 8px 0px 0px #2B2825;\r\n    }\r\n\r\n    \/* Konten Teks Sebelah Kiri *\/\r\n    .yh-why-content {\r\n        flex: 1;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Judul Section (Font: Ranchers) *\/\r\n    .yh-why-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(30px, 4.5vw, 48px);\r\n        color: #2B2825;\r\n        text-shadow: \r\n            1.5px 1.5px 0px #FFFDF0,\r\n            3px 3px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    \/* Paragraph Deskripsi (Font: Slackside One) *\/\r\n    .yh-why-p {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(20px, 2.5vw, 25px);\r\n        color: #2B2825;\r\n        line-height: 1.18;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .yh-why-p:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* Container Gambar Sebelah Kanan *\/\r\n    .yh-why-image-wrapper {\r\n        position: relative;\r\n        flex-shrink: 0;\r\n        width: 320px; \/* Ukuran gambar di desktop *\/\r\n        max-width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Frame Gambar Kartun *\/\r\n    .yh-why-img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: 3px 3px 0px #2B2825;\r\n        background: #F9F3E3;\r\n        transition: transform 0.25s ease;\r\n    }\r\n\r\n    .yh-why-card:hover .yh-why-img {\r\n        transform: scale(1.02) rotate(1deg);\r\n    }\r\n\r\n    \/* Teks Miring di Pojok Atas-Kanan Gambar *\/\r\n    .yh-badge-corner {\r\n        position: absolute;\r\n        top: -12px;\r\n        right: -10px;\r\n        background: #FF85A1; \/* Pink Cartoon Accent *\/\r\n        color: #2B2825;\r\n        border: 2px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 3px 12px;\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        font-style: italic; \/* Teks Miring *\/\r\n        box-shadow: 2px 2px 0px #2B2825;\r\n        transform: rotate(12deg); \/* Miring khas kartun *\/\r\n        z-index: 2;\r\n        pointer-events: none;\r\n        transition: transform 0.25s ease;\r\n    }\r\n\r\n    .yh-why-card:hover .yh-badge-corner {\r\n        transform: rotate(5deg) scale(1.08);\r\n    }\r\n\r\n    \/* Responsive Mobile (Rapi & Stack Vertikal) *\/\r\n    @media (max-width: 768px) {\r\n        .yh-why-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 16px;\r\n            gap: 18px;\r\n        }\r\n\r\n        .yh-why-content {\r\n            text-align: center;\r\n        }\r\n\r\n        .yh-why-image-wrapper {\r\n            width: 100%;\r\n            max-width: 260px; \/* Ukuran pas untuk mobile *\/\r\n        }\r\n\r\n        .yh-badge-corner {\r\n            top: -10px;\r\n            right: -5px;\r\n            font-size: 18px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"why\" class=\"yh-why-scope\">\r\n    <div class=\"yh-why-card\">\r\n        \r\n        <!-- KONTEN TEKS SEBELAH KIRI -->\r\n        <div class=\"yh-why-content\">\r\n            <h2 class=\"yh-why-title\">A Comforting Space You\u2019ll Always Come Back To.<\/h2>\r\n            <p class=\"yh-why-p\">Have you ever missed a place where everything just feels right? No rushing, no pretense.<\/p>\r\n            <p class=\"yh-why-p\">YANGHAHA was born from the cozy warmth of a dessert shop culture. The gentle sheep character with an ice cream cone on its head brings a lighthearted smile. It serves as a sweet reminder that true happiness often starts with the little things: a full bowl, conversations that flow naturally, and sincere company.<\/p>\r\n            <p class=\"yh-why-p\">We nurture this space to feel like coming home\u2014a community that values mutual respect, grows organically, and moves forward with peace of mind.<\/p>\r\n        <\/div>\r\n\r\n        <!-- GAMBAR GIF SEBELAH KANAN WITH CORNER BADGE -->\r\n        <div class=\"yh-why-image-wrapper\">\r\n            <!-- Teks Miring di Pojok Gambar -->\r\n            <div class=\"yh-badge-corner\">Cozy Vibe! \u2728<\/div>\r\n            \r\n            <!-- Gambar GIF -->\r\n            <img decoding=\"async\" src=\"https:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET-YANGHAHA.gif\" alt=\"YANGHAHA Animation\" class=\"yh-why-img\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-f353eb6 e-flex e-con-boxed e-con e-parent\" data-id=\"f353eb6\" 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-dafe4e9 e-con-full e-flex e-con e-child\" data-id=\"dafe4e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16d645b elementor-widget elementor-widget-html\" data-id=\"16d645b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION SHARED VALUES POP-OUT ZIG-ZAG (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Section Shared Values *\/\r\n    .yh-values-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-values-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 40px auto;\r\n        padding: 10px 20px;\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n    }\r\n\r\n    \/* Judul Utama Section (Font: Ranchers) *\/\r\n    .yh-values-main-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(34px, 5.5vw, 56px);\r\n        color: #2B2825;\r\n        text-shadow: \r\n            2px 2px 0px #FFFDF0,\r\n            4px 4px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n        margin-bottom: 40px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Container List Zig-Zag *\/\r\n    .yh-values-list {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 35px; \/* Jarak ekstra untuk ruang overlapping gambar *\/\r\n    }\r\n\r\n    \/* Row Item Tanpa Outer Card Utama *\/\r\n    .yh-value-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 20px;\r\n        position: relative;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Tatanan Zig-Zag: Genap Dibalik (Gambar Kiri, Teks Kanan) *\/\r\n    .yh-value-row:nth-child(even) {\r\n        flex-direction: row-reverse;\r\n    }\r\n\r\n    \/* Box Teks Konten *\/\r\n    .yh-value-text-box {\r\n        background: #FFFDF0; \/* Creamy White *\/\r\n        border: 3px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: \r\n            3px 3px 0px 0px #F7C04A,\r\n            6px 7px 0px 0px #2B2825;\r\n        padding: 22px 28px;\r\n        flex: 1;\r\n        text-align: left;\r\n        transition: all 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        z-index: 1; \/* Di bawah gambar saat overlap *\/\r\n    }\r\n\r\n    .yh-value-row:nth-child(even) .yh-value-text-box {\r\n        text-align: right;\r\n        border-radius: 15px 225px 15px 255px\/255px 15px 225px 15px;\r\n    }\r\n\r\n    .yh-value-row:hover .yh-value-text-box {\r\n        transform: translateY(-3px) rotate(0.5deg);\r\n        box-shadow: \r\n            4px 4px 0px 0px #F7C04A,\r\n            8px 9px 0px 0px #2B2825;\r\n        background: #FFFFFF;\r\n    }\r\n\r\n    \/* Judul Item (Font: Ranchers) *\/\r\n    .yh-value-item-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(24px, 3.5vw, 32px);\r\n        color: #2B2825;\r\n        text-shadow: 1.5px 1.5px 0px #F7C04A;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 8px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    \/* Deskripsi (Font: Slackside One) *\/\r\n    .yh-value-desc {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(20px, 2.5vw, 24px);\r\n        color: #2B2825;\r\n        line-height: 1.18;\r\n    }\r\n\r\n    \/* Gambar Pop-Out Overlapping (Lebih Besar & Keluar Box) *\/\r\n    .yh-value-img-wrapper {\r\n        flex-shrink: 0;\r\n        width: 190px; \/* Ukuran Lebih Besar *\/\r\n        height: 190px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 2; \/* Menimpal\/Pop-out di atas text box *\/\r\n        margin-left: -35px; \/* Efek keluar dari box kanan *\/\r\n        transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    \/* Overlap Kiri untuk Baris Genap *\/\r\n    .yh-value-row:nth-child(even) .yh-value-img-wrapper {\r\n        margin-left: 0;\r\n        margin-right: -35px; \/* Efek keluar dari box kiri *\/\r\n    }\r\n\r\n    .yh-value-img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: contain;\r\n        \/* Drop shadow kartun langsung mengikuti lekukan gambar *\/\r\n        filter: drop-shadow(4px 5px 0px #2B2825);\r\n    }\r\n\r\n    \/* Animasi Pop-Up Gambar Saat Hover *\/\r\n    .yh-value-row:hover .yh-value-img-wrapper {\r\n        transform: scale(1.15) rotate(-5deg);\r\n    }\r\n\r\n    .yh-value-row:nth-child(even):hover .yh-value-img-wrapper {\r\n        transform: scale(1.15) rotate(5deg);\r\n    }\r\n\r\n    \/* Responsive Mobile Adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .yh-values-list {\r\n            gap: 25px;\r\n        }\r\n\r\n        .yh-value-row,\r\n        .yh-value-row:nth-child(even) {\r\n            flex-direction: column-reverse; \/* Gambar di atas teks saat HP *\/\r\n            align-items: center;\r\n            gap: 0px;\r\n        }\r\n\r\n        .yh-value-text-box,\r\n        .yh-value-row:nth-child(even) .yh-value-text-box {\r\n            text-align: center;\r\n            padding: 25px 18px 18px 18px;\r\n            width: 100%;\r\n            margin-top: -30px; \/* Overlap ke atas di mobile *\/\r\n        }\r\n\r\n        .yh-value-img-wrapper,\r\n        .yh-value-row:nth-child(even) .yh-value-img-wrapper {\r\n            width: 150px;\r\n            height: 150px;\r\n            margin-left: 0;\r\n            margin-right: 0;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"values\" class=\"yh-values-scope\">\r\n    <!-- JUDUL UTAMA SECTION -->\r\n    <h2 class=\"yh-values-main-title\">Shared Values<\/h2>\r\n\r\n    <!-- LIST POIN ZIG-ZAG TANPA CARD UTAMA -->\r\n    <div class=\"yh-values-list\">\r\n        \r\n        <!-- ITEM 1 (Gambar di Kanan Overlapping) -->\r\n        <div class=\"yh-value-row\">\r\n            <div class=\"yh-value-text-box\">\r\n                <h3 class=\"yh-value-item-title\">Seamless Flow on Solana<\/h3>\r\n                <p class=\"yh-value-desc\">Every interaction in our ecosystem is powered by Solana\u2014ensuring a fast, smooth, and effortless experience without friction.<\/p>\r\n            <\/div>\r\n            <div class=\"yh-value-img-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET1.png\" alt=\"Seamless Flow\" class=\"yh-value-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 2 (Gambar di Kiri Overlapping) -->\r\n        <div class=\"yh-value-row\">\r\n            <div class=\"yh-value-text-box\">\r\n                <h3 class=\"yh-value-item-title\">An Equal Start on pump.fun<\/h3>\r\n                <p class=\"yh-value-desc\">Every great journey begins with fairness. Launching on pump.fun ensures that anyone joining us starts from the exact same transparent foundation.<\/p>\r\n            <\/div>\r\n            <div class=\"yh-value-img-wrapper\">\r\n                <img decoding=\"async\" src=\"http:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET2.png\" alt=\"Equal Start\" class=\"yh-value-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 3 (Gambar di Kanan Overlapping) -->\r\n        <div class=\"yh-value-row\">\r\n            <div class=\"yh-value-text-box\">\r\n                <h3 class=\"yh-value-item-title\">Effortless Swaps on PumpSwap<\/h3>\r\n                <p class=\"yh-value-desc\">To keep things convenient whenever you want to acquire or manage your $YANGHAHA, the process remains responsive and secure through PumpSwap.<\/p>\r\n            <\/div>\r\n            <div class=\"yh-value-img-wrapper\">\r\n                <img decoding=\"async\" src=\"http:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET3.png\" alt=\"Effortless Swaps\" class=\"yh-value-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- ITEM 4 (Gambar di Kiri Overlapping) -->\r\n        <div class=\"yh-value-row\">\r\n            <div class=\"yh-value-text-box\">\r\n                <h3 class=\"yh-value-item-title\">Full Transparency on DexScreener<\/h3>\r\n                <p class=\"yh-value-desc\">Trust is built on honesty. You can monitor our progress and community activity live at any time via DexScreener.<\/p>\r\n            <\/div>\r\n            <div class=\"yh-value-img-wrapper\">\r\n                <img decoding=\"async\" src=\"http:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET4.png\" alt=\"Full Transparency\" class=\"yh-value-img\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-a0424a7 e-flex e-con-boxed e-con e-parent\" data-id=\"a0424a7\" 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-29a6fda e-con-full e-flex e-con e-child\" data-id=\"29a6fda\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-040ebf6 elementor-widget elementor-widget-html\" data-id=\"040ebf6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION HOW TO GET STARTED WITH FLOATING IMAGE (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Section How to Get Started *\/\r\n    .yh-howto-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-howto-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 40px auto;\r\n        padding: 10px 20px;\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n    }\r\n\r\n    \/* Judul Utama Section (Font: Ranchers) *\/\r\n    .yh-howto-main-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(34px, 5.5vw, 56px);\r\n        color: #2B2825;\r\n        text-shadow: \r\n            2px 2px 0px #FFFDF0,\r\n            4px 4px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n        margin-bottom: 30px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Container Utama: Membagi Gambar Kiri dan Langkah Kanan *\/\r\n    .yh-howto-wrapper {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 20px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Side Image Container (Sebelah Kiri - Lebih Besar) *\/\r\n    .yh-howto-image-side {\r\n        flex-shrink: 0;\r\n        width: 380px; \/* Ukuran Gambar Ditingkatkan (Lebih Besar) *\/\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* Gambar dengan Animasi Float Naik-Turun Continuous *\/\r\n    .yh-howto-img {\r\n        width: 100%;\r\n        height: auto;\r\n        object-fit: contain;\r\n        \/* Drop shadow kartun tebal *\/\r\n        filter: drop-shadow(5px 8px 0px #2B2825);\r\n        \/* Animasi Mengapung Naik-Turun *\/\r\n        animation: yhFloatAnim 3.2s ease-in-out infinite alternate;\r\n        transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    \/* KEYFRAMES ANIMASI NAIK-TURUN HALUS *\/\r\n    @keyframes yhFloatAnim {\r\n        0% {\r\n            transform: translateY(0px) rotate(0deg);\r\n        }\r\n        50% {\r\n            transform: translateY(-16px) rotate(-2deg);\r\n        }\r\n        100% {\r\n            transform: translateY(6px) rotate(1deg);\r\n        }\r\n    }\r\n\r\n    .yh-howto-image-side:hover .yh-howto-img {\r\n        animation-play-state: paused; \/* Berhenti mengapung sejenak saat disorot *\/\r\n        transform: scale(1.08) rotate(-4deg);\r\n    }\r\n\r\n    \/* List Container Langkah-Langkah (Sebelah Kanan) *\/\r\n    .yh-steps-list {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Card Item Tiap Langkah (Hand-Drawn Style) *\/\r\n    .yh-step-card {\r\n        background: #FFFDF0; \/* Creamy White *\/\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        box-shadow: \r\n            2.5px 2.5px 0px 0px #F7C04A,\r\n            5px 6px 0px 0px #2B2825;\r\n        padding: 14px 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        transition: all 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Variasi Border Radius Organik *\/\r\n    .yh-step-card:nth-child(2) {\r\n        border-radius: 15px 225px 15px 255px\/255px 15px 225px 15px;\r\n    }\r\n    .yh-step-card:nth-child(3) {\r\n        border-radius: 225px 15px 255px 15px\/15px 255px 15px 225px;\r\n    }\r\n    .yh-step-card:nth-child(4) {\r\n        border-radius: 15px 255px 15px 225px\/225px 15px 255px 15px;\r\n    }\r\n\r\n    \/* Hover Effect Mantul *\/\r\n    .yh-step-card:hover {\r\n        transform: translateY(-3px) rotate(0.6deg) scale(1.01);\r\n        box-shadow: \r\n            3.5px 3.5px 0px 0px #F7C04A,\r\n            7px 8px 0px 0px #2B2825;\r\n        background: #FFFFFF;\r\n    }\r\n\r\n    \/* Badge Nomor Kartun Bulat\/Lengkung *\/\r\n    .yh-step-number {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: 30px;\r\n        color: #2B2825;\r\n        background: #F7C04A; \/* Honey Accent *\/\r\n        border: 2.5px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        width: 48px;\r\n        height: 48px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 2.5px 2.5px 0px #2B2825;\r\n        flex-shrink: 0;\r\n        transform: rotate(-5deg);\r\n        transition: transform 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n    }\r\n\r\n    .yh-step-card:hover .yh-step-number {\r\n        transform: scale(1.15) rotate(8deg);\r\n        background: #FF85A1; \/* Pink Pop saat Hover *\/\r\n    }\r\n\r\n    \/* Detail Konten Teks *\/\r\n    .yh-step-content {\r\n        flex: 1;\r\n    }\r\n\r\n    \/* Judul Sub-Langkah (Font: Ranchers) *\/\r\n    .yh-step-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(20px, 2.8vw, 26px);\r\n        color: #2B2825;\r\n        text-shadow: 1px 1px 0px #F7C04A;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 3px;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    \/* Deskripsi Langkah (Font: Slackside One) *\/\r\n    .yh-step-desc {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(18px, 2.2vw, 22px);\r\n        color: #2B2825;\r\n        line-height: 1.15;\r\n    }\r\n\r\n    \/* Responsive Mobile Adjustments *\/\r\n    @media (max-width: 850px) {\r\n        .yh-howto-wrapper {\r\n            flex-direction: column; \/* Stack vertikal saat di HP *\/\r\n            gap: 15px;\r\n        }\r\n\r\n        .yh-howto-image-side {\r\n            width: 260px; \/* Ukuran gambar di mobile tetap proporsional *\/\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .yh-step-card {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 16px 14px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .yh-step-number {\r\n            width: 44px;\r\n            height: 44px;\r\n            font-size: 26px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"howto\" class=\"yh-howto-scope\">\r\n    <!-- JUDUL UTAMA SECTION -->\r\n    <h2 class=\"yh-howto-main-title\">How to Get Started<\/h2>\r\n\r\n    <div class=\"yh-howto-wrapper\">\r\n        \r\n        <!-- GAMBAR ASET 5 DI SEBELAH KIRI (LEBIH BESAR & FLOATING NAIK-TURUN) -->\r\n        <div class=\"yh-howto-image-side\">\r\n            <img decoding=\"async\" src=\"https:\/\/yanghaha.fun\/wp-content\/uploads\/2026\/07\/ASET5.png\" alt=\"YANGHAHA Mascot Asset\" class=\"yh-howto-img\">\r\n        <\/div>\r\n\r\n        <!-- LIST LANGKAH-LANGKAH DI SEBELAH KANAN -->\r\n        <div class=\"yh-steps-list\">\r\n            \r\n            <!-- STEP 1 -->\r\n            <div class=\"yh-step-card\">\r\n                <div class=\"yh-step-number\">1<\/div>\r\n                <div class=\"yh-step-content\">\r\n                    <h3 class=\"yh-step-title\">Set Up Your Solana Wallet<\/h3>\r\n                    <p class=\"yh-step-desc\">Download your preferred digital wallet (such as Phantom) to use as your access key.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 2 -->\r\n            <div class=\"yh-step-card\">\r\n                <div class=\"yh-step-number\">2<\/div>\r\n                <div class=\"yh-step-content\">\r\n                    <h3 class=\"yh-step-title\">Hold Some $SOL<\/h3>\r\n                    <p class=\"yh-step-desc\">Keep a small amount of $SOL in your wallet to cover swaps within the ecosystem.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 3 -->\r\n            <div class=\"yh-step-card\">\r\n                <div class=\"yh-step-number\">3<\/div>\r\n                <div class=\"yh-step-content\">\r\n                    <h3 class=\"yh-step-title\">Get $YANGHAHA on pump.fun \/ PumpSwap<\/h3>\r\n                    <p class=\"yh-step-desc\">Visit pump.fun or PumpSwap, paste the official $YANGHAHA contract address, and complete your swap.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- STEP 4 -->\r\n            <div class=\"yh-step-card\">\r\n                <div class=\"yh-step-number\">4<\/div>\r\n                <div class=\"yh-step-content\">\r\n                    <h3 class=\"yh-step-title\">Take a Seat & Join the Chat<\/h3>\r\n                    <p class=\"yh-step-desc\">Hold your tokens, keep an eye on the charts via DexScreener, and jump straight into our Telegram lounge. Our doors are always open.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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-5fd1939 e-flex e-con-boxed e-con e-parent\" data-id=\"5fd1939\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/yanghaha.fun\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-YANGHAHA2.mp4&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container elementor-hidden-phone\">\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-6c963e2 e-con-full e-flex e-con e-child\" data-id=\"6c963e2\" data-element_type=\"container\" id=\"5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9343a7e elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"9343a7e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- SECTION COMMUNITY HUB \/ WARM NOTE HAND-DRAWN RATA KIRI TANPA CARD (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ranchers&family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Scope Reset khusus Section Community Hub *\/\r\n    .yh-hub-scope * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .yh-hub-scope {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n        margin: 30px auto 20px auto;\r\n        padding: 10px 20px;\r\n        background: transparent; \/* Transparan untuk WordPress *\/\r\n        text-align: left; \/* Rata Kiri *\/\r\n    }\r\n\r\n    \/* Badge Miring \"Warm Note\" Tanpa Container Card *\/\r\n    .yh-hub-badge {\r\n        display: inline-block;\r\n        background: #FF85A1; \/* Pink Cartoon Accent *\/\r\n        color: #2B2825;\r\n        border: 2px solid #2B2825;\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 4px 16px;\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: 22px;\r\n        font-weight: bold;\r\n        box-shadow: 2.5px 2.5px 0px #2B2825;\r\n        transform: rotate(-2deg);\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* Judul Section (Font: Ranchers) *\/\r\n    .yh-hub-title {\r\n        font-family: 'Ranchers', cursive;\r\n        font-size: clamp(34px, 5vw, 52px);\r\n        color: #2B2825;\r\n        text-shadow: \r\n            2px 2px 0px #FFFDF0,\r\n            3.5px 3.5px 0px #F7C04A;\r\n        letter-spacing: 1px;\r\n        text-transform: uppercase;\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n        text-align: left; \/* Rata Kiri *\/\r\n    }\r\n\r\n    \/* Deskripsi Teks Warna Putih dengan Shadow Solid Gelap (Tanpa Card) *\/\r\n    .yh-hub-desc {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(20px, 2.8vw, 28px);\r\n        color: #FFFFFF; \/* Warna Teks Putih *\/\r\n        \/* Text Shadow Solid Gelap Kartun *\/\r\n        text-shadow: \r\n            2px 2px 0px #2B2825,\r\n            -1px -1px 0px #2B2825,\r\n            1px -1px 0px #2B2825,\r\n            -1px 1px 0px #2B2825,\r\n            1px 1px 0px #2B2825;\r\n        line-height: 1.2;\r\n        max-width: 950px;\r\n        text-align: left; \/* Rata Kiri *\/\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    \/* Group Tombol Sosial Rata Kiri *\/\r\n    .yh-hub-socials {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-start; \/* Rata Kiri *\/\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n    }\r\n\r\n    \/* Tombol Cartoon CTA Slim (Font: Slackside One) *\/\r\n    .yh-btn-social {\r\n        font-family: 'Slackside One', cursive;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background: #F7C04A;\r\n        color: #2B2825;\r\n        border: 2.5px solid #2B2825;\r\n        \/* Radius Garis Berantakan *\/\r\n        border-radius: 255px 15px 225px 15px\/15px 225px 15px 255px;\r\n        padding: 6px 20px;\r\n        font-size: 22px;\r\n        text-decoration: none;\r\n        font-weight: bold;\r\n        box-shadow: 3.5px 3.5px 0px #2B2825;\r\n        transition: all 0.2s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n        cursor: pointer;\r\n    }\r\n\r\n    .yh-btn-social:hover {\r\n        transform: translateY(-3px) scale(1.05) rotate(-1.5deg);\r\n        box-shadow: 5px 6px 0px #2B2825;\r\n        background-color: #FFD56B;\r\n    }\r\n\r\n    .yh-btn-social:active {\r\n        transform: translateY(2px) scale(0.96);\r\n        box-shadow: 1.5px 1.5px 0px #2B2825;\r\n    }\r\n\r\n    \/* Responsive Mobile Adjustments *\/\r\n    @media (max-width: 650px) {\r\n        .yh-hub-scope {\r\n            padding: 10px 15px;\r\n        }\r\n\r\n        .yh-hub-badge {\r\n            font-size: 19px;\r\n            padding: 3px 12px;\r\n        }\r\n\r\n        .yh-hub-socials {\r\n            flex-direction: column;\r\n            align-items: stretch; \/* Tombol full-width di HP *\/\r\n            width: 100%;\r\n        }\r\n\r\n        .yh-btn-social {\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"hub\" class=\"yh-hub-scope\">\r\n    <!-- BADGE KARTUN AKSE -->\r\n    <div class=\"yh-hub-badge\">A Warm Note \u2728<\/div>\r\n    \r\n    <!-- JUDUL UTAMA SECTION (RATA KIRI) -->\r\n    <h2 class=\"yh-hub-title\">Gentle Reminder<\/h2>\r\n\r\n    <!-- DESKRIPSI KONTEN (TEKS PUTIH + SHADOW DARK SOLID) -->\r\n    <p class=\"yh-hub-desc\">\r\n        Being part of a community is all about enjoying the journey. We encourage everyone to make thoughtful choices, take time to reflect (Do Your Own Research), and embrace every moment together with mindfulness.\r\n    <\/p>\r\n\r\n    <!-- TOMBOL SOSIAL RATA KIRI (X \/ TWITTER, TELEGRAM, LIVE CHART) -->\r\n    <div class=\"yh-hub-socials\">\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-social\">X \/ Twitter<\/a>\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-social\">Telegram Lounge<\/a>\r\n        <a href=\"YOUR-LINK\" target=\"_blank\" class=\"yh-btn-social\">Live Chart<\/a>\r\n    <\/div>\r\n<\/div>\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-407f75d e-flex e-con-boxed e-con e-parent\" data-id=\"407f75d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e899a03 e-con-full e-flex e-con e-child\" data-id=\"e899a03\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95c197c elementor-widget elementor-widget-html\" data-id=\"95c197c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- FOOTER COPYRIGHT FULL WIDTH (YANGHAHA) -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Slackside+One&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* Reset khusus Footer Copyright *\/\r\n    .yh-copyright-wrapper * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Container Melebar Full dari Ujung Kiri ke Ujung Kanan *\/\r\n    .yh-copyright-wrapper {\r\n        width: 100vw; \/* Full Viewport Width *\/\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        background: rgba(255, 253, 240, 0.9); \/* Cream Semi-Transparan Ringan *\/\r\n        border-top: 2.5px solid #2B2825; \/* Line Sketsa Atas *\/\r\n        padding: 12px 20px;\r\n        text-align: center;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* Teks Copyright Simpel & Singkat *\/\r\n    .yh-copyright-text {\r\n        font-family: 'Slackside One', cursive;\r\n        font-size: clamp(18px, 2.2vw, 22px);\r\n        color: #2B2825;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Responsive Mobile *\/\r\n    @media (max-width: 650px) {\r\n        .yh-copyright-wrapper {\r\n            padding: 10px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"yh-copyright-wrapper\">\r\n    <p class=\"yh-copyright-text\">\r\n        \u00a9 2026 YANGHAHA. Nurtured together with warmth on Solana.\r\n    <\/p>\r\n<\/div>\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>YANGHAHA Why Join Shared Values How to Get Started Community Hub Get YANGHAHA Sweet Moments.Shared Laughter. Inspired by the simple joy of sharing a sweet dessert and talking for hours without keeping track of time. $YANGHAHA was created as a welcoming space\u2014bringing comfort, warmth, and genuine connections every step of the way. Find Us on [&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:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yanghaha.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":25,"href":"https:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/yanghaha.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/yanghaha.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}