{"id":8,"date":"2026-04-26T06:50:37","date_gmt":"2026-04-26T06:50:37","guid":{"rendered":"https:\/\/unclecowboy.fun\/?page_id=8"},"modified":"2026-04-26T08:52:04","modified_gmt":"2026-04-26T08:52:04","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/unclecowboy.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-9f6b451 e-flex e-con-boxed e-con e-parent\" data-id=\"9f6b451\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/unclecowboy.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/UNCLE-COWBOY-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-f37a814 e-con-full e-flex e-con e-child\" data-id=\"f37a814\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c906f8 elementor-widget elementor-widget-html\" data-id=\"2c906f8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Smokum&family=Grandstander:wght@400;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"uc-nav-wrapper\">\r\n    <nav class=\"uc-card-nav\">\r\n        <div class=\"uc-logo-area\">\r\n            <h1 class=\"uc-title\">UNCLE COWBOY<\/h1>\r\n            <p class=\"uc-subtitle\">The Most Based Uncle in the West<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"uc-menu\">\r\n            <li><a href=\"#home\">Home<\/a><\/li>\r\n            <li><a href=\"#about\">About<\/a><\/li>\r\n            <li><a href=\"#memories\">Memories<\/a><\/li>\r\n            <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n            <li><a href=\"#map\">Map<\/a><\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"uc-cta\">\r\n            <a href=\"#\" class=\"uc-btn\">BUY $COWBOY<\/a>\r\n        <\/div>\r\n    <\/nav>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Container Utama *\/\r\n    .uc-nav-wrapper {\r\n        width: 100%;\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Card Box - Solid Background & Cartoon Style *\/\r\n    .uc-card-nav {\r\n        background-color: #5d3a1a; \/* Cokelat Kayu Solid *\/\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 15px 30px;\r\n        border-radius: 12px;\r\n        border: 4px solid #3d2610; \/* Outline Tebal Kartun *\/\r\n        box-shadow: 0 8px 0 #2a1a0b; \/* Efek 3D Bawah *\/\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        flex-wrap: wrap;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Logo & Judul *\/\r\n    .uc-logo-area {\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .uc-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400; \/* Kuning Sunset *\/\r\n        font-size: 32px;\r\n        margin: 0;\r\n        line-height: 1;\r\n        letter-spacing: 1px;\r\n        text-shadow: 3px 3px 0px #000;\r\n    }\r\n\r\n    .uc-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #f2e1c1;\r\n        font-size: 13px;\r\n        margin: 4px 0 0 0;\r\n        text-transform: uppercase;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* List Menu *\/\r\n    .uc-menu {\r\n        list-style: none;\r\n        display: flex;\r\n        gap: 25px;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .uc-menu li a {\r\n        font-family: 'Smokum', cursive;\r\n        color: #f2e1c1;\r\n        text-decoration: none;\r\n        font-size: 22px;\r\n        transition: all 0.2s ease-in-out;\r\n        display: inline-block;\r\n    }\r\n\r\n    \/* HOVER KEREN - Goyang & Zoom *\/\r\n    .uc-menu li a:hover {\r\n        color: #ffb400;\r\n        transform: scale(1.15) rotate(-3deg);\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    \/* Button Buy *\/\r\n    .uc-btn {\r\n        font-family: 'Smokum', cursive;\r\n        background-color: #ffb400;\r\n        color: #000;\r\n        padding: 8px 20px;\r\n        border-radius: 6px;\r\n        text-decoration: none;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        border: 3px solid #000;\r\n        box-shadow: 4px 4px 0px #000;\r\n        transition: 0.1s;\r\n        display: inline-block;\r\n    }\r\n\r\n    .uc-btn:hover {\r\n        background-color: #fff;\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 1px 1px 0px #000;\r\n    }\r\n\r\n    \/* Mobile Responsive - Tidak keluar batas *\/\r\n    @media (max-width: 850px) {\r\n        .uc-card-nav {\r\n            flex-direction: column;\r\n            padding: 20px;\r\n            gap: 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .uc-menu {\r\n            gap: 15px;\r\n            justify-content: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .uc-menu li a {\r\n            font-size: 18px;\r\n        }\r\n\r\n        .uc-title {\r\n            font-size: 28px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .uc-menu {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr; \/* Menu jadi 2 kolom di HP kecil *\/\r\n            gap: 10px;\r\n        }\r\n        \r\n        .uc-card-nav {\r\n            padding: 15px 10px;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d48eab7 e-con-full e-flex e-con e-child\" data-id=\"d48eab7\" data-element_type=\"container\" id=\"home\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f9f53d elementor-widget elementor-widget-html\" data-id=\"7f9f53d\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"slim-hero\">\r\n    <div class=\"slim-hero-inner\">\r\n        <div class=\"hero-text-anim\">\r\n            <h2 class=\"slim-subtitle\">THE MOST WANTED ON SOLANA<\/h2>\r\n            <h1 class=\"slim-title\">UNCLE COWBOY<\/h1>\r\n        <\/div>\r\n        \r\n        <p class=\"slim-desc\">\r\n            Saddle up, partner. Uncle Cowboy is here to lasso real profits while the city-slickers pull rugs. No drama, just grit.\r\n        <\/p>\r\n\r\n        <div class=\"ca-card-bar\">\r\n            <div class=\"ca-label-inline\">CA:<\/div>\r\n            <input type=\"text\" value=\"NULL\" id=\"caInput\" readonly>\r\n            <button onclick=\"copyCA()\" id=\"copyBtn\">COPY<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"slim-btns\">\r\n            <a href=\"#\" class=\"btn-primary\">PUMP.FUN<\/a>\r\n            <a href=\"#\" class=\"btn-secondary\">LIVE DEX<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction copyCA() {\r\n    var copyText = document.getElementById(\"caInput\");\r\n    copyText.select();\r\n    copyText.setSelectionRange(0, 99999);\r\n    navigator.clipboard.writeText(copyText.value);\r\n    \r\n    var btn = document.getElementById(\"copyBtn\");\r\n    btn.innerHTML = \"DONE!\";\r\n    btn.classList.add('copied');\r\n    \r\n    setTimeout(function(){\r\n        btn.innerHTML = \"COPY\";\r\n        btn.classList.remove('copied');\r\n    }, 2000);\r\n}\r\n<\/script>\r\n\r\n<style>\r\n    \/* SLIM HERO CONTAINER *\/\r\n    .slim-hero {\r\n        width: 100%;\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .slim-hero-inner {\r\n        max-width: 900px;\r\n        width: 100%;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes float {\r\n        0% { transform: translateY(0px); }\r\n        50% { transform: translateY(-10px); }\r\n        100% { transform: translateY(0px); }\r\n    }\r\n\r\n    .hero-text-anim {\r\n        animation: float 4s ease-in-out infinite;\r\n    }\r\n\r\n    .slim-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #fff; \/* White with black shadow *\/\r\n        font-size: 1.1rem;\r\n        letter-spacing: 5px;\r\n        margin: 0;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .slim-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400; \/* Yellow Title *\/\r\n        font-size: clamp(3.5rem, 15vw, 7rem);\r\n        margin: -5px 0 10px 0;\r\n        line-height: 1;\r\n        text-shadow: 6px 6px 0px #000;\r\n    }\r\n\r\n    .slim-desc {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #fff; \/* White Text *\/\r\n        font-size: 1.25rem;\r\n        max-width: 650px;\r\n        margin: 0 auto 40px auto;\r\n        line-height: 1.4;\r\n        text-shadow: 2px 2px 0px #000; \/* Black Shadow *\/\r\n    }\r\n\r\n    \/* CA BAR - MATCHING MENU CARD STYLE *\/\r\n    .ca-card-bar {\r\n        background-color: #5d3a1a; \/* Matching Menu Brown *\/\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: 8px 8px 8px 25px;\r\n        margin-bottom: 40px;\r\n        border-radius: 12px;\r\n        border: 4px solid #3d2610; \/* Cartoon Outline *\/\r\n        box-shadow: 0 6px 0 #2a1a0b; \/* 3D Bottom Shadow *\/\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .ca-label-inline {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400;\r\n        font-size: 1.4rem;\r\n        margin-right: 15px;\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .ca-card-bar input {\r\n        background: rgba(0,0,0,0.2);\r\n        border: 2px solid #3d2610;\r\n        color: #f2e1c1;\r\n        font-family: 'Grandstander', cursive;\r\n        font-size: 0.9rem;\r\n        width: 280px;\r\n        padding: 8px 12px;\r\n        border-radius: 6px;\r\n        outline: none;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    .ca-card-bar button {\r\n        font-family: 'Smokum', cursive;\r\n        background: #ffb400;\r\n        color: #000;\r\n        border: 3px solid #000;\r\n        padding: 8px 25px;\r\n        border-radius: 8px;\r\n        cursor: pointer;\r\n        font-size: 1.2rem;\r\n        font-weight: bold;\r\n        transition: 0.2s;\r\n        box-shadow: 3px 3px 0px #000;\r\n    }\r\n\r\n    .ca-card-bar button:hover {\r\n        background: #fff;\r\n        transform: translate(-1px, -1px);\r\n        box-shadow: 4px 4px 0px #000;\r\n    }\r\n\r\n    .ca-card-bar button.copied {\r\n        background: #4CAF50 !important;\r\n        color: white;\r\n    }\r\n\r\n    \/* BUTTONS *\/\r\n    .slim-btns {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-primary, .btn-secondary {\r\n        font-family: 'Smokum', cursive;\r\n        text-decoration: none;\r\n        padding: 15px 35px;\r\n        font-size: 1.6rem;\r\n        border-radius: 10px;\r\n        border: 3.5px solid #000;\r\n        transition: 0.15s;\r\n        box-shadow: 5px 5px 0px #000;\r\n    }\r\n\r\n    .btn-primary {\r\n        background: #ffb400;\r\n        color: #000;\r\n    }\r\n\r\n    .btn-secondary {\r\n        background: #fff;\r\n        color: #000;\r\n    }\r\n\r\n    .btn-primary:hover, .btn-secondary:hover {\r\n        transform: translate(-2px, -2px);\r\n        box-shadow: 7px 7px 0px #000;\r\n    }\r\n\r\n    \/* MOBILE OPTIMIZATION *\/\r\n    @media (max-width: 650px) {\r\n        .ca-card-bar {\r\n            padding: 15px;\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n        \r\n        .ca-card-bar input {\r\n            width: 100%;\r\n            margin: 10px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .ca-card-bar button {\r\n            width: 100%;\r\n        }\r\n\r\n        .slim-btns {\r\n            flex-direction: column;\r\n            width: 100%;\r\n        }\r\n\r\n        .btn-primary, .btn-secondary {\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e23a365 e-flex e-con-boxed e-con e-parent\" data-id=\"e23a365\" 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-4a8ba11 e-con-full e-flex e-con e-child\" data-id=\"4a8ba11\" data-element_type=\"container\" id=\"about\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768dfbd elementor-widget elementor-widget-html\" data-id=\"768dfbd\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"cowboy-about\" id=\"about\">\r\n    <div class=\"about-container\">\r\n        <div class=\"about-text\">\r\n            <div class=\"subtitle-card-wrapper\">\r\n                <div class=\"subtitle-card\">\r\n                    <h2 class=\"about-subtitle\">WHO IS THIS LEGEND?<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <h1 class=\"about-title\">UNCLE COWBOY<\/h1>\r\n            \r\n            <div class=\"about-description\">\r\n                <p>\r\n                    He\u2019s not your average uncle. Born in the dusty trenches of the blockchain, Uncle Cowboy traded his city life for a lasso and a dream. While other tokens are busy \"barking\" or \"meowing,\" he\u2019s out here in the Wild Solana West, hunting down real value.\r\n                <\/p>\r\n                <p>\r\n                    With his trademark shades and a mustache that smells like victory, he\u2019s on a mission to gather a posse of the most based holders in the crypto world. No fake promises, no city-slicker scams\u2014just pure grit and a lasso that never misses a 100x.\r\n                <\/p>\r\n            <\/div>\r\n            \r\n            <ul class=\"about-features\">\r\n                <li class=\"feature-card\"><span>\ud83e\udd20<\/span> NO BULLSHIT VIBES<\/li>\r\n                <li class=\"feature-card\"><span>\ud83d\udd25<\/span> LIQUIDITY BURNED FOREVER<\/li>\r\n                <li class=\"feature-card\"><span>\ud83c\udf35<\/span> 100% COMMUNITY OWNED<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"about-image-wrapper\">\r\n            <div class=\"floating-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY-ABOUT.png\" alt=\"Uncle Cowboy About\" class=\"reveal-img\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    const observerOptions = {\r\n        threshold: 0.2\r\n    };\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.classList.add('active');\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    document.querySelectorAll('.reveal-img').forEach(img => {\r\n        observer.observe(img);\r\n    });\r\n<\/script>\r\n\r\n<style>\r\n    \/* SLIM ABOUT CONTAINER *\/\r\n    .cowboy-about {\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .about-container {\r\n        max-width: 1100px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 50px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .about-text {\r\n        flex: 1;\r\n        min-width: 320px;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* SUBTITLE CARD *\/\r\n    .subtitle-card-wrapper {\r\n        margin-bottom: 15px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .subtitle-card {\r\n        background-color: #ffb400;\r\n        padding: 10px 25px;\r\n        border-radius: 8px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transform: rotate(-3deg);\r\n        display: inline-block;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .subtitle-card:hover {\r\n        transform: rotate(0deg) scale(1.05);\r\n    }\r\n\r\n    .about-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #3d2610;\r\n        font-size: 1.1rem;\r\n        letter-spacing: 2px;\r\n        margin: 0;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* JUDUL DAN DESKRIPSI *\/\r\n    .about-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #fff;\r\n        font-size: clamp(3rem, 8vw, 4.5rem);\r\n        margin: 0 0 25px 0;\r\n        line-height: 0.9;\r\n        text-shadow: 5px 5px 0px #3d2610;\r\n    }\r\n\r\n    .about-description p {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #5d3a1a;\r\n        font-size: 1.2rem;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        font-weight: 600;\r\n        text-shadow: 1px 1px 0px rgba(255,255,255,0.3);\r\n    }\r\n\r\n    \/* FEATURE CARDS *\/\r\n    .about-features {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin-top: 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n\r\n    .feature-card {\r\n        font-family: 'Smokum', cursive;\r\n        color: #fff;\r\n        font-size: 1.5rem;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        background: #5d3a1a;\r\n        padding: 10px 20px;\r\n        border-radius: 12px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: default;\r\n        width: fit-content;\r\n    }\r\n\r\n    .feature-card:hover {\r\n        transform: scale(1.05) translateX(10px);\r\n        background: #ffb400;\r\n        color: #3d2610;\r\n        box-shadow: 6px 6px 0px #3d2610;\r\n    }\r\n\r\n    \/* IMAGE ANIMATION *\/\r\n    .about-image-wrapper {\r\n        flex: 1;\r\n        min-width: 320px;\r\n        display: flex;\r\n        justify-content: center;\r\n        perspective: 1000px;\r\n    }\r\n\r\n    \/* Kontainer untuk gerakan goyang terus-menerus *\/\r\n    .floating-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        animation: cowboyWobble 4s ease-in-out infinite;\r\n    }\r\n\r\n    .reveal-img {\r\n        width: 100%;\r\n        max-width: 500px;\r\n        height: auto;\r\n        filter: drop-shadow(10px 10px 0px #3d2610);\r\n        \r\n        \/* State Awal Animasi Masuk *\/\r\n        opacity: 0;\r\n        transform: translateX(80px) rotate(8deg);\r\n        transition: opacity 1s ease-out, transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    }\r\n\r\n    .reveal-img.active {\r\n        opacity: 1;\r\n        transform: translateX(0) rotate(0deg);\r\n    }\r\n\r\n    \/* Keyframes Goyang (Wobble + Floating) *\/\r\n    @keyframes cowboyWobble {\r\n        0%, 100% {\r\n            transform: translateY(0) rotate(-1deg);\r\n        }\r\n        50% {\r\n            transform: translateY(-15px) rotate(1deg);\r\n        }\r\n    }\r\n\r\n    \/* MOBILE RESPONSIVE *\/\r\n    @media (max-width: 900px) {\r\n        .about-container {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n\r\n        .about-text {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .feature-card {\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .reveal-img {\r\n            transform: translateY(50px) rotate(0deg);\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26ad960 e-flex e-con-boxed e-con e-parent\" data-id=\"26ad960\" 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-7e1488a e-con-full e-flex e-con e-child\" data-id=\"7e1488a\" data-element_type=\"container\" id=\"memories\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b6fa73 elementor-widget elementor-widget-html\" data-id=\"5b6fa73\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"cowboy-gallery\" id=\"gallery\">\r\n    <div class=\"gallery-container\">\r\n        <div class=\"gallery-header\">\r\n            <div class=\"subtitle-card-wrapper\">\r\n                <div class=\"subtitle-card\">\r\n                    <h2 class=\"gallery-subtitle\">THE ADVENTURES<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            <h1 class=\"gallery-title\">UNCLE'S MEMORIES<\/h1>\r\n            <p class=\"gallery-instruction\">(Click any image to enlarge)<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY1.png\" alt=\"ON PATROL\"><\/div>\r\n                <p class=\"img-caption\">ON PATROL<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY2.png\" alt=\"TARGET LOCKED\"><\/div>\r\n                <p class=\"img-caption\">TARGET LOCKED<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY3.png\" alt=\"SALOON VIBES\"><\/div>\r\n                <p class=\"img-caption\">SALOON VIBES<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY4.png\" alt=\"CHILL TIME\"><\/div>\r\n                <p class=\"img-caption\">CHILL TIME<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY5.png\" alt=\"DESERT RIDE\"><\/div>\r\n                <p class=\"img-caption\">DESERT RIDE<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY6.png\" alt=\"WILD WEST\"><\/div>\r\n                <p class=\"img-caption\">WILD WEST<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY7.png\" alt=\"THE SHERIFF\"><\/div>\r\n                <p class=\"img-caption\">THE SHERIFF<\/p>\r\n            <\/div>\r\n            <div class=\"gallery-item\" onclick=\"openLightbox(this)\">\r\n                <div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY8.png\" alt=\"SUNSET DUST\"><\/div>\r\n                <p class=\"img-caption\">SUNSET DUST<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div id=\"galleryLightbox\" class=\"lightbox-overlay\" onclick=\"closeLightbox()\">\r\n    <span class=\"close-lightbox\">&times;<\/span>\r\n    <img class=\"lightbox-content\" id=\"lightboxImg\">\r\n    <div id=\"lightboxCaption\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n    function openLightbox(element) {\r\n        \/\/ Ambil data dari item yang diklik\r\n        var imgUrl = element.querySelector('img').src;\r\n        var captionText = element.querySelector('.img-caption').innerHTML;\r\n        \r\n        \/\/ Targetkan elemen lightbox\r\n        var lightbox = document.getElementById(\"galleryLightbox\");\r\n        var lightboxImg = document.getElementById(\"lightboxImg\");\r\n        var lightboxCapt = document.getElementById(\"lightboxCaption\");\r\n        \r\n        \/\/ Masukkan data dan tampilkan\r\n        lightboxImg.src = imgUrl;\r\n        lightboxCapt.innerHTML = captionText;\r\n        lightbox.classList.add('active');\r\n        \r\n        \/\/ Mencegah scroll pada body saat preview buka\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeLightbox() {\r\n        var lightbox = document.getElementById(\"galleryLightbox\");\r\n        lightbox.classList.remove('active');\r\n        \r\n        \/\/ Mengembalikan scroll body\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n    \r\n    \/\/ Menutup dengan tombol ESC\r\n    document.addEventListener('keydown', function(e) {\r\n        if (e.key === \"Escape\") {\r\n            closeLightbox();\r\n        }\r\n    });\r\n<\/script>\r\n\r\n<style>\r\n    \/* UTILITIES *\/\r\n    .cowboy-gallery {\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .gallery-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* HEADER STYLE *\/\r\n    .gallery-header {\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .subtitle-card-wrapper {\r\n        margin-bottom: 15px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .subtitle-card {\r\n        background-color: #ffb400;\r\n        padding: 8px 20px;\r\n        border-radius: 8px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transform: rotate(-2deg);\r\n    }\r\n\r\n    .gallery-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #3d2610;\r\n        font-size: 1rem;\r\n        letter-spacing: 2px;\r\n        margin: 0;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .gallery-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #fff;\r\n        font-size: clamp(2.5rem, 6vw, 4rem);\r\n        margin: 0;\r\n        text-shadow: 4px 4px 0px #3d2610;\r\n    }\r\n    \r\n    .gallery-instruction {\r\n        font-family: 'Grandstander', cursive;\r\n        color: rgba(255,255,255,0.7);\r\n        font-size: 0.9rem;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    \/* GRID SYSTEM 4x4 *\/\r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    .gallery-item {\r\n        background: #5d3a1a;\r\n        padding: 10px;\r\n        border-radius: 12px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 5px 5px 0px #3d2610;\r\n        transition: transform 0.3s ease, background 0.3s ease;\r\n        cursor: pointer; \/* Menandakan bisa diklik *\/\r\n        position: relative;\r\n    }\r\n    \r\n    \/* Efek Kaca Pembesar saat Hover *\/\r\n    .gallery-item::after {\r\n        content: '\ud83d\udd0d';\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 20px;\r\n        background: rgba(255,180,0,0.8);\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.2rem;\r\n        opacity: 0;\r\n        transition: 0.3s;\r\n        border: 2px solid #000;\r\n    }\r\n\r\n    .gallery-item:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    .gallery-item:hover {\r\n        transform: translateY(-10px);\r\n        background: #6d4a2a;\r\n    }\r\n\r\n    .img-box {\r\n        width: 100%;\r\n        aspect-ratio: 1\/1;\r\n        overflow: hidden;\r\n        border-radius: 8px;\r\n        border: 2px solid #3d2610;\r\n        background: #000;\r\n    }\r\n\r\n    .img-box img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    .gallery-item:hover .img-box img {\r\n        transform: scale(1.05);\r\n    }\r\n\r\n    \/* CAPTION STYLE *\/\r\n    .img-caption {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400;\r\n        margin: 12px 0 5px 0;\r\n        font-size: 1.3rem;\r\n        letter-spacing: 1px;\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    \/* LIGHTBOX CSS *\/\r\n    .lightbox-overlay {\r\n        position: fixed;\r\n        z-index: 99999; \/* Sangat tinggi agar di atas semua elemen WP *\/\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.9);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: opacity 0.4s, visibility 0.4s;\r\n        padding: 20px;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    .lightbox-overlay.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    .lightbox-content {\r\n        max-width: 90%;\r\n        max-height: 80vh;\r\n        border: 5px solid #ffb400;\r\n        border-radius: 15px;\r\n        box-shadow: 0 0 30px rgba(255, 180, 0, 0.5);\r\n        transform: scale(0.8);\r\n        transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .lightbox-overlay.active .lightbox-content {\r\n        transform: scale(1);\r\n    }\r\n\r\n    #lightboxCaption {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400;\r\n        font-size: 2.5rem;\r\n        margin-top: 20px;\r\n        text-shadow: 3px 3px 0px #000;\r\n    }\r\n\r\n    .close-lightbox {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 30px;\r\n        color: #fff;\r\n        font-size: 40px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .close-lightbox:hover {\r\n        color: #ffb400;\r\n        transform: scale(1.2);\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n        .gallery-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .gallery-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n        }\r\n        \r\n        .gallery-item {\r\n            max-width: 300px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        #lightboxCaption {\r\n            font-size: 1.8rem;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37fd470 e-flex e-con-boxed e-con e-parent\" data-id=\"37fd470\" 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-a88c521 e-con-full e-flex e-con e-child\" data-id=\"a88c521\" data-element_type=\"container\" id=\"tokenomics\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6585c5 elementor-widget elementor-widget-html\" data-id=\"a6585c5\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"messy-tokenomics\" id=\"tokenomics\">\r\n    <div class=\"messy-container\">\r\n        <div class=\"messy-header\">\r\n            <div class=\"subtitle-card-wrapper\">\r\n                <div class=\"subtitle-card\">\r\n                    <h2 class=\"messy-subtitle\">BOUNTY DETAILS<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            <h1 class=\"messy-title\">TOKENOMICS<\/h1>\r\n            <p class=\"messy-desc\">The supply is locked, the taxes are dead. No tricks, just gold.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"messy-grid\">\r\n            <div class=\"wanted-card card-1\">\r\n                <span class=\"wanted-label\">TOTAL SUPPLY<\/span>\r\n                <span class=\"wanted-value\">1.000.000.000<\/span>\r\n                <div class=\"wanted-stamp\">VERIFIED<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wanted-card card-2\">\r\n                <span class=\"wanted-label\">TAXES<\/span>\r\n                <span class=\"wanted-value\">0% BUY\/SELL<\/span>\r\n                <div class=\"wanted-stamp\">CLEAN<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wanted-card card-3\">\r\n                <span class=\"wanted-label\">LIQUIDITY<\/span>\r\n                <span class=\"wanted-value\">BURNED<\/span>\r\n                <div class=\"wanted-stamp\">GONE<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wanted-card card-4\">\r\n                <span class=\"wanted-label\">CONTRACT<\/span>\r\n                <span class=\"wanted-value\">RENOUNCED<\/span>\r\n                <div class=\"wanted-stamp\">SAFE<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .messy-tokenomics {\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .messy-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .messy-header {\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .subtitle-card-wrapper {\r\n        margin-bottom: 15px;\r\n        display: inline-block;\r\n    }\r\n\r\n    .subtitle-card {\r\n        background-color: #ffb400;\r\n        padding: 8px 25px;\r\n        border-radius: 4px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transform: rotate(-2deg);\r\n    }\r\n\r\n    .messy-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #3d2610;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n    }\r\n\r\n    .messy-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #fff;\r\n        font-size: clamp(3rem, 8vw, 5rem);\r\n        margin: 10px 0;\r\n        text-shadow: 5px 5px 0px #3d2610;\r\n    }\r\n\r\n    .messy-desc {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #5d3a1a;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n        text-shadow: 1px 1px 0px rgba(255,255,255,0.3);\r\n    }\r\n\r\n    \/* MESSY GRID - HORIZONTAL *\/\r\n    .messy-grid {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    \/* WANTED CARD BASE *\/\r\n    .wanted-card {\r\n        background-color: #f2e1c1; \/* Paper Color *\/\r\n        width: 240px;\r\n        padding: 30px 20px;\r\n        border: 2px solid #3d2610;\r\n        box-shadow: 8px 8px 0px rgba(0,0,0,0.2);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* BERANTAK SNOW EFFECTS (ROTATION) *\/\r\n    .card-1 { transform: rotate(-3deg); }\r\n    .card-2 { transform: rotate(2deg) translateY(-10px); }\r\n    .card-3 { transform: rotate(-2deg) translateY(10px); }\r\n    .card-4 { transform: rotate(4deg); }\r\n\r\n    .wanted-card:hover {\r\n        transform: rotate(0deg) scale(1.1);\r\n        z-index: 10;\r\n        background-color: #ffb400;\r\n        box-shadow: 12px 12px 0px #3d2610;\r\n    }\r\n\r\n    .wanted-label {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #5d3a1a;\r\n        font-size: 0.85rem;\r\n        font-weight: 700;\r\n        letter-spacing: 1px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .wanted-value {\r\n        font-family: 'Smokum', cursive;\r\n        color: #3d2610;\r\n        font-size: 1.8rem;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    \/* STAMP EFFECT *\/\r\n    .wanted-stamp {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        right: 10px;\r\n        border: 2px solid rgba(139, 0, 0, 0.6);\r\n        color: rgba(139, 0, 0, 0.6);\r\n        font-family: 'Smokum', cursive;\r\n        padding: 2px 8px;\r\n        font-size: 0.9rem;\r\n        transform: rotate(-15deg);\r\n        text-transform: uppercase;\r\n        border-radius: 4px;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .wanted-card:hover .wanted-stamp {\r\n        color: #3d2610;\r\n        border-color: #3d2610;\r\n    }\r\n\r\n    \/* MOBILE RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .messy-grid {\r\n            flex-direction: column;\r\n        }\r\n        \r\n        .wanted-card {\r\n            width: 80%;\r\n            transform: rotate(0deg) !important; \/* Luruskan di mobile agar rapi *\/\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a0644ea e-con-full e-flex e-con e-child\" data-id=\"a0644ea\" data-element_type=\"container\" id=\"map\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea7aaf elementor-widget elementor-widget-html\" data-id=\"3ea7aaf\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"cowboy-roadmap\" id=\"roadmap\">\r\n    <div class=\"roadmap-container\">\r\n        <div class=\"roadmap-header\">\r\n            <div class=\"subtitle-card-wrapper\">\r\n                <div class=\"subtitle-card\">\r\n                    <h2 class=\"roadmap-subtitle\">THE JOURNEY<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            <h1 class=\"roadmap-title\">THE TRAIL MAP<\/h1>\r\n        <\/div>\r\n\r\n        <div class=\"roadmap-content\">\r\n            <div class=\"roadmap-side side-left\">\r\n                <div class=\"roadmap-item item-1\">\r\n                    <div class=\"roadmap-no\">01<\/div>\r\n                    <h3 class=\"roadmap-step\">HIGH NOON<\/h3>\r\n                    <p class=\"roadmap-text\">Launch on Solana, burn liquidity, and gather the first posse of bandits.<\/p>\r\n                <\/div>\r\n                <div class=\"roadmap-item item-2\">\r\n                    <div class=\"roadmap-no\">02<\/div>\r\n                    <h3 class=\"roadmap-step\">STAMPEDE<\/h3>\r\n                    <p class=\"roadmap-text\">CoinGecko & CMC listing. We make enough noise to wake up the whole desert.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-center\">\r\n                <img decoding=\"async\" src=\"https:\/\/unclecowboy.fun\/wp-content\/uploads\/2026\/04\/UNCLE-COWBOY-TOKENOMICS.png\" alt=\"Uncle Cowboy Roadmap\" class=\"road-img-large\">\r\n            <\/div>\r\n\r\n            <div class=\"roadmap-side side-right\">\r\n                <div class=\"roadmap-item item-3\">\r\n                    <div class=\"roadmap-no\">03<\/div>\r\n                    <h3 class=\"roadmap-step\">GOLD RUSH<\/h3>\r\n                    <p class=\"roadmap-text\">Major CEX listings and massive community partnerships. The bounty grows bigger.<\/p>\r\n                <\/div>\r\n                <div class=\"roadmap-item item-4\">\r\n                    <div class=\"roadmap-no\">04<\/div>\r\n                    <h3 class=\"roadmap-step\">SHERIFF MOON<\/h3>\r\n                    <p class=\"roadmap-text\">Uncle Cowboy takes over the Solana ecosystem. Total world domination.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* RESET & BASE *\/\r\n    .cowboy-roadmap {\r\n        width: 100%;\r\n        padding: 60px 15px; \/* Padding samping dikecilkan agar aman di HP *\/\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        overflow-x: hidden; \/* Mencegah scroll horizontal liar *\/\r\n    }\r\n\r\n    .roadmap-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .roadmap-header { margin-bottom: 40px; }\r\n    \r\n    .subtitle-card {\r\n        background-color: #ffb400;\r\n        padding: 8px 20px;\r\n        border-radius: 8px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transform: rotate(-2deg);\r\n        display: inline-block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .roadmap-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #3d2610;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        margin: 0;\r\n    }\r\n\r\n    .roadmap-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #fff;\r\n        font-size: clamp(2.5rem, 8vw, 4.5rem);\r\n        margin: 0;\r\n        text-shadow: 4px 4px 0px #3d2610;\r\n        line-height: 1.1;\r\n    }\r\n\r\n    \/* LAYOUT CONTENT *\/\r\n    .roadmap-content {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 30px;\r\n        flex-wrap: wrap; \/* Esensial untuk responsivitas *\/\r\n    }\r\n\r\n    .roadmap-side {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        min-width: 280px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .side-left { text-align: right; }\r\n    .side-right { text-align: left; }\r\n\r\n    \/* CENTER IMAGE *\/\r\n    .roadmap-center {\r\n        flex: 1.2;\r\n        min-width: 300px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    .road-img-large {\r\n        width: 100%; \/* Default 100% agar tidak meluber *\/\r\n        max-width: 500px;\r\n        height: auto;\r\n        filter: drop-shadow(10px 10px 0px #3d2610);\r\n        animation: roadFloat 4s ease-in-out infinite;\r\n        z-index: 2;\r\n    }\r\n\r\n    @keyframes roadFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-15px); }\r\n    }\r\n\r\n    \/* ROADMAP ITEMS *\/\r\n    .roadmap-item {\r\n        background: #5d3a1a;\r\n        padding: 25px;\r\n        border-radius: 15px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 5px 5px 0px #3d2610;\r\n        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .roadmap-item:hover {\r\n        transform: scale(1.03);\r\n        background: #ffb400;\r\n    }\r\n\r\n    .roadmap-no {\r\n        font-family: 'Smokum', cursive;\r\n        font-size: 2.5rem;\r\n        color: #ffb400;\r\n        line-height: 1;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .roadmap-item:hover .roadmap-no { color: #fff; text-shadow: 2px 2px 0px #000; }\r\n\r\n    .roadmap-step {\r\n        font-family: 'Smokum', cursive;\r\n        font-size: 1.8rem;\r\n        color: #fff;\r\n        margin: 5px 0 10px 0;\r\n        text-shadow: 2px 2px 0px #000;\r\n    }\r\n\r\n    .roadmap-item:hover .roadmap-step { color: #3d2610; text-shadow: none; }\r\n\r\n    .roadmap-text {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #f2e1c1;\r\n        font-size: 1rem;\r\n        margin: 0;\r\n        line-height: 1.4;\r\n    }\r\n\r\n    .roadmap-item:hover .roadmap-text { color: #3d2610; font-weight: 700; }\r\n\r\n    \/* MOBILE OPTIMIZATION (BREAKPOINT UTAMA) *\/\r\n    @media (max-width: 1024px) {\r\n        .roadmap-content {\r\n            flex-direction: column; \/* Ubah ke satu kolom *\/\r\n            gap: 40px;\r\n        }\r\n\r\n        .roadmap-side {\r\n            width: 100%;\r\n            max-width: 500px; \/* Batasi lebar card di layar sedang agar proporsional *\/\r\n            text-align: center; \/* Rata tengah di mobile *\/\r\n            order: 2; \/* Taruh teks di bawah gambar pada mobile *\/\r\n        }\r\n\r\n        .side-left { order: 2; }\r\n        .roadmap-center { order: 1; width: 100%; padding: 0; }\r\n        .side-right { order: 3; }\r\n\r\n        .road-img-large {\r\n            max-width: 350px; \/* Kecilkan sedikit di mobile *\/\r\n        }\r\n\r\n        .roadmap-item {\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .cowboy-roadmap {\r\n            padding: 40px 10px;\r\n        }\r\n\r\n        .roadmap-title {\r\n            font-size: 2.2rem;\r\n        }\r\n\r\n        .roadmap-item {\r\n            padding: 20px 15px;\r\n        }\r\n\r\n        .roadmap-no {\r\n            font-size: 2rem;\r\n        }\r\n\r\n        .roadmap-step {\r\n            font-size: 1.5rem;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0c409c e-flex e-con-boxed e-con e-parent\" data-id=\"c0c409c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/unclecowboy.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/UNCLE-COWBOY-V2.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-8043e6f e-con-full e-flex e-con e-child\" data-id=\"8043e6f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acb3005 elementor-widget elementor-widget-html\" data-id=\"acb3005\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"cowboy-join\" id=\"join\">\r\n    <div class=\"join-container\">\r\n        <div class=\"join-header\">\r\n            <div class=\"subtitle-card-wrapper\">\r\n                <div class=\"subtitle-card\">\r\n                    <h2 class=\"join-subtitle\">THE POSSE IS WAITING<\/h2>\r\n                <\/div>\r\n            <\/div>\r\n            <h1 class=\"join-title\">JOIN THE GANG<\/h1>\r\n            <p class=\"join-desc\">\r\n                Don't be a lone ranger. Join the most based posse on Solana and stay updated with Uncle Cowboy's latest trail.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"join-socials\">\r\n            <a href=\"https:\/\/t.me\/yourlink\" target=\"_blank\" class=\"social-btn telegram\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM12.191 5.174a.41.41 0 0 0-.411-.033L3.337 8.625a.377.377 0 0 0-.006.688l2.126.791a.33.33 0 0 0 .285-.034l7.151-4.511a.123.123 0 0 1 .168.175l-5.836 5.305a.326.326 0 0 0-.083.211l.011 2.22c.01.23.153.435.36.516a.434.434 0 0 0 .445-.064l1.242-1.033a.4.4 0 0 1 .494-.012l3.11 2.27c.225.163.54.08.66-.168l2.251-10.457a.405.405 0 0 0-.16-.403z\"\/>\r\n                <\/svg>\r\n                <span>TELEGRAM<\/span>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/twitter.com\/yourlink\" target=\"_blank\" class=\"social-btn twitter\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.055-4.425 5.055H.316l5.733-6.55L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z\"\/>\r\n                <\/svg>\r\n                <span>TWITTER<\/span>\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        \r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    .cowboy-join {\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n    }\r\n\r\n    .join-container {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* HEADER *\/\r\n    .join-header { margin-bottom: 50px; }\r\n\r\n    .subtitle-card {\r\n        background-color: #ffb400;\r\n        padding: 8px 20px;\r\n        border-radius: 8px;\r\n        border: 3px solid #3d2610;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transform: rotate(2deg);\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .join-subtitle {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #3d2610;\r\n        font-size: 1rem;\r\n        font-weight: 700;\r\n        margin: 0;\r\n    }\r\n\r\n    .join-title {\r\n        font-family: 'Smokum', cursive;\r\n        color: #ffb400; \r\n        font-size: clamp(3rem, 10vw, 5rem);\r\n        margin: 0;\r\n        text-shadow: 5px 5px 0px #3d2610;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* Update: Deskripsi Putih dengan Shadow Hitam *\/\r\n    .join-desc {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #fff; \/* Warna Putih *\/\r\n        font-size: 1.25rem;\r\n        font-weight: 600;\r\n        margin-top: 25px;\r\n        line-height: 1.4;\r\n        text-shadow: 2px 2px 0px #000; \/* Shadow Hitam *\/\r\n    }\r\n\r\n    \/* SOCIAL BUTTONS *\/\r\n    .join-socials {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 30px;\r\n        flex-wrap: wrap;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .social-btn {\r\n        font-family: 'Smokum', cursive;\r\n        text-decoration: none;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        padding: 18px 40px;\r\n        font-size: 1.8rem;\r\n        border-radius: 12px;\r\n        border: 4px solid #3d2610;\r\n        box-shadow: 6px 6px 0px #3d2610;\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .telegram { background: #0088cc; color: #fff; }\r\n    .twitter { background: #000; color: #fff; }\r\n\r\n    .social-btn:hover {\r\n        transform: translate(-3px, -3px);\r\n        box-shadow: 10px 10px 0px #3d2610;\r\n        background: #fff; \r\n        color: #3d2610;\r\n    }\r\n\r\n    .social-btn svg { transition: transform 0.3s ease; }\r\n    .social-btn:hover svg { transform: rotate(10deg) scale(1.1); }\r\n\r\n    .join-footer-text {\r\n        font-family: 'Grandstander', cursive;\r\n        color: rgba(61, 38, 16, 0.6);\r\n        font-size: 0.9rem;\r\n        margin-top: 80px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .join-socials { flex-direction: column; width: 100%; }\r\n        .social-btn { width: 100%; justify-content: center; box-sizing: border-box; }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-224cca3 e-flex e-con-boxed e-con e-parent\" data-id=\"224cca3\" 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-8570224 e-con-full e-flex e-con e-child\" data-id=\"8570224\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e67c61f elementor-widget elementor-widget-html\" data-id=\"e67c61f\" 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=Smokum&family=Grandstander:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<footer class=\"cowboy-footer\">\r\n    <div class=\"footer-content\">\r\n        <p class=\"copyright-text\">\r\n            \u00a9 2026 <span class=\"highlight\">UNCLE COWBOY<\/span>. DEPLOYED IN THE WILD WEST OF SOLANA. ALL RIGHTS RESERVED BY THE POSSE.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <button onclick=\"scrollToTop()\" id=\"backToTop\" title=\"Ride to the Top\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n            <path fill-rule=\"evenodd\" d=\"M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z\"\/>\r\n        <\/svg>\r\n        <span>TOP<\/span>\r\n    <\/button>\r\n<\/footer>\r\n\r\n<script>\r\n    \/\/ Munculkan tombol saat scroll ke bawah\r\n    window.onscroll = function() { scrollFunction() };\r\n\r\n    function scrollFunction() {\r\n        const btn = document.getElementById(\"backToTop\");\r\n        if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 300) {\r\n            btn.style.display = \"flex\";\r\n        } else {\r\n            btn.style.display = \"none\";\r\n        }\r\n    }\r\n\r\n    \/\/ Fungsi scroll ke atas secara halus\r\n    function scrollToTop() {\r\n        window.scrollTo({\r\n            top: 0,\r\n            behavior: 'smooth'\r\n        });\r\n    }\r\n<\/script>\r\n\r\n<style>\r\n    .cowboy-footer {\r\n        width: 100%;\r\n        padding: 40px 20px;\r\n        background: transparent;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .copyright-text {\r\n        font-family: 'Grandstander', cursive;\r\n        color: #5d3a1a;\r\n        font-size: 0.95rem;\r\n        font-weight: 600;\r\n        margin: 0;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .copyright-text .highlight {\r\n        color: #ffb400;\r\n        font-family: 'Smokum', cursive;\r\n        font-size: 1.2rem;\r\n        text-shadow: 1px 1px 0px #000;\r\n    }\r\n\r\n    \/* BACK TO TOP STYLING *\/\r\n    #backToTop {\r\n        display: none; \/* Sembunyi secara default *\/\r\n        position: fixed;\r\n        bottom: 30px;\r\n        right: 30px;\r\n        z-index: 99;\r\n        background-color: #5d3a1a;\r\n        color: #ffb400;\r\n        border: 3px solid #3d2610;\r\n        padding: 12px;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 2px;\r\n        box-shadow: 4px 4px 0px #3d2610;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    #backToTop span {\r\n        font-family: 'Smokum', cursive;\r\n        font-size: 0.8rem;\r\n        font-weight: bold;\r\n    }\r\n\r\n    #backToTop:hover {\r\n        background-color: #ffb400;\r\n        color: #3d2610;\r\n        transform: translateY(-5px);\r\n        box-shadow: 0px 8px 15px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    \/* Animasi muncul *\/\r\n    @keyframes fadeIn {\r\n        from { opacity: 0; }\r\n        to { opacity: 1; }\r\n    }\r\n\r\n    #backToTop {\r\n        animation: fadeIn 0.3s;\r\n    }\r\n\r\n    \/* Mobile Adjustment *\/\r\n    @media (max-width: 480px) {\r\n        #backToTop {\r\n            bottom: 20px;\r\n            right: 20px;\r\n            padding: 10px;\r\n        }\r\n        .copyright-text {\r\n            font-size: 0.8rem;\r\n        }\r\n    }\r\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UNCLE COWBOY The Most Based Uncle in the West Home About Memories Tokenomics Map BUY $COWBOY THE MOST WANTED ON SOLANA UNCLE COWBOY Saddle up, partner. Uncle Cowboy is here to lasso real profits while the city-slickers pull rugs. No drama, just grit. CA: COPY PUMP.FUN LIVE DEX WHO IS THIS LEGEND? UNCLE COWBOY He\u2019s [&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:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":19,"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/unclecowboy.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}