{"id":8,"date":"2026-04-12T15:48:06","date_gmt":"2026-04-12T15:48:06","guid":{"rendered":"https:\/\/goatrider.fun\/?page_id=8"},"modified":"2026-04-12T18:45:31","modified_gmt":"2026-04-12T18:45:31","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/goatrider.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-5c538a0 e-flex e-con-boxed e-con e-parent\" data-id=\"5c538a0\" 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-9c32698 e-con-full e-flex e-con e-child\" data-id=\"9c32698\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6634122 elementor-widget elementor-widget-html\" data-id=\"6634122\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFB703;\r\n        --goat-red: #D62828;\r\n        --goat-midnight: #023047;\r\n        --goat-light-gold: #FFD60A;\r\n        --goat-white: #FFFFFF;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    \/* Wrapper Utama dengan Flex Direction Row *\/\r\n    .goat-header-container {\r\n        width: 100%;\r\n        max-width: 1300px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between; \/* Judul kiri, Menu kanan *\/\r\n        gap: 30px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Section Judul Sebelah Kiri *\/\r\n    .goat-logo-section {\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .goat-main-title {\r\n        font-family: var(--title-font);\r\n        font-size: 42px;\r\n        color: var(--goat-gold);\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        line-height: 1;\r\n        \/* Efek Stroke\/Outline agar premium *\/\r\n        -webkit-text-stroke: 2px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(4px 4px 0px var(--goat-midnight));\r\n    }\r\n\r\n    \/* Grid Menu Slim Sebelah Kanan *\/\r\n    .goat-menu-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n        justify-content: flex-end;\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Style Card Slim *\/\r\n    .goat-link {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        background: var(--goat-gold);\r\n        border: 3px solid var(--goat-midnight);\r\n        padding: 8px 20px; \/* Lebih tipis (slim) *\/\r\n        border-radius: 12px;\r\n        box-shadow: 0 4px 0 var(--goat-midnight);\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        min-width: 120px;\r\n        position: relative;\r\n    }\r\n\r\n    .g-title {\r\n        font-family: var(--title-font);\r\n        font-size: 14px; \/* Font lebih kecil untuk gaya slim *\/\r\n        color: var(--goat-midnight);\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n    }\r\n\r\n    .g-desc {\r\n        font-family: var(--desc-font);\r\n        font-size: 9px;\r\n        color: rgba(2, 48, 71, 0.8);\r\n        margin-top: -1px;\r\n    }\r\n\r\n    \/* Hover & Active States *\/\r\n    .goat-link:hover {\r\n        background: var(--goat-white);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 8px 0 var(--goat-midnight);\r\n    }\r\n\r\n    .cta-swap {\r\n        background: var(--goat-red);\r\n    }\r\n    .cta-swap .g-title, .cta-swap .g-desc {\r\n        color: var(--goat-white) !important;\r\n    }\r\n    .cta-swap:hover {\r\n        background: #9B2226;\r\n    }\r\n\r\n    .goat-link:active {\r\n        transform: translateY(2px);\r\n        box-shadow: 0 2px 0 var(--goat-midnight);\r\n    }\r\n\r\n    \/* RESPONSIVE: Mobile Friendly *\/\r\n    @media (max-width: 992px) {\r\n        .goat-header-container {\r\n            flex-direction: column; \/* Tumpuk vertikal di tablet\/mobile *\/\r\n            text-align: center;\r\n        }\r\n        .goat-menu-grid {\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .goat-main-title { font-size: 32px; }\r\n        .goat-menu-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr); \/* 2 Kolom di HP *\/\r\n            width: 100%;\r\n        }\r\n        .goat-link { min-width: unset; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"goat-header-container\">\r\n    <div class=\"goat-logo-section\">\r\n        <h1 class=\"goat-main-title\">GOAT<br>RIDER<\/h1>\r\n    <\/div>\r\n\r\n    <ul class=\"goat-menu-grid\">\r\n        <li class=\"goat-item\">\r\n            <a href=\"#\" target=\"_blank\" class=\"goat-link\">\r\n                <span class=\"g-title\">Twitter<\/span>\r\n                <span class=\"g-desc\">News Center<\/span>\r\n            <\/a>\r\n        <\/li>\r\n        <li class=\"goat-item\">\r\n            <a href=\"#\" target=\"_blank\" class=\"goat-link\">\r\n                <span class=\"g-title\">Telegram<\/span>\r\n                <span class=\"g-desc\">Join Squad<\/span>\r\n            <\/a>\r\n        <\/li>\r\n        <li class=\"goat-item\">\r\n            <a href=\"#\" target=\"_blank\" class=\"goat-link\">\r\n                <span class=\"g-title\">Chart<\/span>\r\n                <span class=\"g-desc\">Live Data<\/span>\r\n            <\/a>\r\n        <\/li>\r\n        <li class=\"goat-item\">\r\n            <a href=\"#\" class=\"goat-link cta-swap\">\r\n                <span class=\"g-title\">Buy Now<\/span>\r\n                <span class=\"g-desc\">Get $GOAT<\/span>\r\n            <\/a>\r\n        <\/li>\r\n    <\/ul>\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-19c86d8 e-con-full e-flex e-con e-child\" data-id=\"19c86d8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e57bddb elementor-widget elementor-widget-html\" data-id=\"e57bddb\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFB703;\r\n        --goat-midnight: #023047;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-hero-section {\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        overflow: hidden;\r\n    }\r\n\r\n    .goat-hero-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 40px;\r\n    }\r\n\r\n    \/* KONTEN KIRI *\/\r\n    .goat-hero-content {\r\n        flex: 1;\r\n        text-align: left;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .goat-hero-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(40px, 8vw, 68px);\r\n        color: var(--goat-gold);\r\n        margin: 0 0 20px 0;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 2px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(5px 5px 0px var(--goat-midnight));\r\n        \r\n        \/* ANIMASI JUDUL NAIK TURUN TIPIS *\/\r\n        animation: titleFloat 3s ease-in-out infinite;\r\n    }\r\n\r\n    .goat-hero-description {\r\n        font-family: var(--desc-font);\r\n        font-size: 18px;\r\n        color: var(--goat-white);\r\n        margin: 0 0 35px 0;\r\n        max-width: 520px;\r\n        line-height: 1.5;\r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    \/* ACTION GROUP (BUTTON & CA) *\/\r\n    .goat-action-group {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 15px;\r\n        width: 100%;\r\n        max-width: 460px;\r\n    }\r\n\r\n    .goat-btn-buy {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-decoration: none;\r\n        background: var(--goat-red);\r\n        border: 4px solid var(--goat-midnight);\r\n        padding: 18px 45px;\r\n        border-radius: 18px;\r\n        box-shadow: 0 6px 0 var(--goat-midnight);\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .goat-btn-buy span {\r\n        font-family: var(--title-font);\r\n        font-size: 22px;\r\n        color: var(--goat-white);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .goat-btn-buy:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 12px 0 var(--goat-midnight);\r\n        background: #9B2226;\r\n    }\r\n\r\n    \/* COPY CA BOX *\/\r\n    .goat-ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        background: rgba(2, 48, 71, 0.7);\r\n        border: 2px solid var(--goat-gold);\r\n        border-radius: 12px;\r\n        padding: 8px 12px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .goat-ca-text {\r\n        font-family: var(--desc-font);\r\n        font-size: 14px;\r\n        color: var(--goat-gold);\r\n        background: transparent;\r\n        border: none;\r\n        outline: none;\r\n        width: 100%;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        cursor: default;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .goat-copy-btn {\r\n        background: var(--goat-gold);\r\n        border: none;\r\n        border-radius: 8px;\r\n        padding: 6px 15px;\r\n        font-family: var(--title-font);\r\n        font-size: 12px;\r\n        color: var(--goat-midnight);\r\n        cursor: pointer;\r\n        text-transform: uppercase;\r\n        margin-left: 10px;\r\n        transition: 0.2s;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .goat-copy-btn:hover { background: var(--goat-white); }\r\n\r\n    \/* GAMBAR KANAN & ANIMASI *\/\r\n    .goat-hero-image-wrap {\r\n        flex: 1.3;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n        animation: slideInRight 1s ease-out forwards; \r\n    }\r\n\r\n    .goat-rider-img {\r\n        max-width: 130%;\r\n        height: auto;\r\n        transform-origin: center;\r\n        filter: drop-shadow(0 15px 30px rgba(0,0,0,0.6));\r\n        animation: riding 2.5s ease-in-out infinite 1s; \r\n    }\r\n\r\n    \/* KEYFRAMES ANIMASI *\/\r\n    \r\n    \/* Judul Naik Turun Tipis *\/\r\n    @keyframes titleFloat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n\r\n    \/* Gambar Masuk dari Kanan *\/\r\n    @keyframes slideInRight {\r\n        0% { opacity: 0; transform: translateX(100px); }\r\n        100% { opacity: 1; transform: translateX(0); }\r\n    }\r\n\r\n    \/* Animasi Riding *\/\r\n    @keyframes riding {\r\n        0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }\r\n        25% { transform: translateY(-20px) rotate(-2deg) scale(1.02); }\r\n        50% { transform: translateY(8px) rotate(1deg) scale(1); }\r\n        75% { transform: translateY(-12px) rotate(-1deg) scale(1.01); }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n        .goat-hero-container { flex-direction: column-reverse; text-align: center; }\r\n        .goat-hero-content { align-items: center; text-align: center; }\r\n        .goat-action-group { align-items: center; }\r\n        .goat-rider-img { max-width: 100%; }\r\n        .goat-hero-image-wrap { animation: none; opacity: 1; transform: none; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-hero-section\">\r\n    <div class=\"goat-hero-container\">\r\n        \r\n        <div class=\"goat-hero-content\">\r\n            <h2 class=\"goat-hero-title\">RIDE WITH<br>THE GOAT<\/h2>\r\n            <p class=\"goat-hero-description\">\r\n                Grab your helmet and mount the legendary cavalry. $GOAT is taking over the streets. No speed limits, no taxes, just pure glory.\r\n            <\/p>\r\n\r\n            <div class=\"goat-action-group\">\r\n                <a href=\"#\" class=\"goat-btn-buy\">\r\n                    <span>GET $GOAT NOW<\/span>\r\n                <\/a>\r\n\r\n                <div class=\"goat-ca-box\">\r\n                    <input type=\"text\" class=\"goat-ca-text\" value=\"CA : NULL\" id=\"goatCA\" readonly>\r\n                    <button class=\"goat-copy-btn\" onclick=\"copyCA()\">Copy<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"goat-hero-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/goatrider.fun\/wp-content\/uploads\/2026\/04\/ASET-GR3.png\" alt=\"Goat Rider\" class=\"goat-rider-img\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function copyCA() {\r\n        var copyText = document.getElementById(\"goatCA\");\r\n        copyText.select();\r\n        copyText.setSelectionRange(0, 99999);\r\n        navigator.clipboard.writeText(copyText.value);\r\n        \r\n        var btn = document.querySelector('.goat-copy-btn');\r\n        btn.innerHTML = \"Copied!\";\r\n        setTimeout(() => { btn.innerHTML = \"Copy\"; }, 2000);\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-941acca e-flex e-con-boxed e-con e-parent\" data-id=\"941acca\" 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-eaef8b7 e-con-full e-flex e-con e-child\" data-id=\"eaef8b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd14bb elementor-widget elementor-widget-html\" data-id=\"9dd14bb\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-about-section {\r\n        width: 100%;\r\n        padding: 120px 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        position: relative;\r\n        background-color: transparent; \/* Bersih tanpa pattern *\/\r\n    }\r\n\r\n    .goat-about-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 30px;\r\n        flex-direction: row;\r\n        position: relative;\r\n        z-index: 2;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* CONTAINER GAMBAR OVERSIZE *\/\r\n    .goat-about-img-wrap {\r\n        flex: 1.5;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: relative;\r\n    }\r\n\r\n    .goat-about-img {\r\n        width: 140%; \r\n        max-width: none;\r\n        height: auto;\r\n        filter: drop-shadow(10px 15px 0 var(--goat-midnight));\r\n        animation: \r\n            popInCartoonLarge 0.8s cubic-bezier(0.3, 1.5, 0.5, 1) forwards,\r\n            aboutRidingLarge infinite 3.5s ease-in-out 0.8s;\r\n        transform: scale(0);\r\n        opacity: 0;\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* TEKS KARTUN CARD *\/\r\n    .goat-about-content {\r\n        flex: 1;\r\n        text-align: left;\r\n        background: var(--goat-white);\r\n        padding: 40px;\r\n        border-radius: 25px;\r\n        border: 5px solid var(--goat-midnight);\r\n        box-shadow: 12px 12px 0 var(--goat-midnight);\r\n        position: relative;\r\n        background-image: \r\n            linear-gradient(45deg, rgba(1, 31, 46, 0.02) 25%, transparent 25%), \r\n            linear-gradient(-45deg, rgba(1, 31, 46, 0.02) 25%, transparent 25%);\r\n        background-size: 10px 10px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start; \/* Tombol rata kiri *\/\r\n    }\r\n\r\n    .goat-about-content::before {\r\n        content: \"WOW!\";\r\n        position: absolute;\r\n        top: -20px; right: -20px;\r\n        font-family: var(--title-font);\r\n        background: var(--goat-red);\r\n        color: white;\r\n        padding: 5px 15px;\r\n        border-radius: 10px;\r\n        border: 4px solid var(--goat-midnight);\r\n        transform: rotate(15deg);\r\n        box-shadow: 4px 4px 0 var(--goat-midnight);\r\n        font-size: 14px;\r\n        z-index: 6;\r\n    }\r\n\r\n    .goat-about-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(30px, 4.5vw, 50px);\r\n        color: var(--goat-gold);\r\n        margin: 0 0 20px 0;\r\n        line-height: 1;\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 3px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(5px 5px 0px var(--goat-midnight));\r\n    }\r\n\r\n    .goat-about-text {\r\n        font-family: var(--desc-font);\r\n        font-size: 18px;\r\n        color: var(--goat-midnight);\r\n        line-height: 1.6;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    \/* TOMBOL JOIN US *\/\r\n    .goat-join-btn {\r\n        display: inline-block;\r\n        text-decoration: none;\r\n        font-family: var(--title-font);\r\n        font-size: 18px;\r\n        color: var(--goat-white);\r\n        background: var(--goat-midnight);\r\n        padding: 12px 30px;\r\n        border-radius: 15px;\r\n        border: 3px solid var(--goat-midnight);\r\n        box-shadow: 0 5px 0 rgba(0,0,0,0.2);\r\n        transition: all 0.2s ease;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .goat-join-btn:hover {\r\n        transform: translateY(-3px);\r\n        background: var(--goat-gold);\r\n        color: var(--goat-midnight);\r\n        box-shadow: 0 8px 0 var(--goat-midnight);\r\n    }\r\n\r\n    .goat-join-btn:active {\r\n        transform: translateY(2px);\r\n        box-shadow: 0 2px 0 var(--goat-midnight);\r\n    }\r\n\r\n    \/* ANIMASI *\/\r\n    @keyframes popInCartoonLarge {\r\n        0% { transform: scale(0) rotate(-15deg); opacity: 0; }\r\n        100% { transform: scale(1) rotate(0deg); opacity: 1; }\r\n    }\r\n\r\n    @keyframes aboutRidingLarge {\r\n        0%, 100% { transform: translateY(0) scale(1); }\r\n        50% { transform: translateY(-25px) scale(1.03); }\r\n    }\r\n\r\n    \/* MOBILE RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n        .goat-about-section { padding: 80px 0; }\r\n        .goat-about-container { flex-direction: column; text-align: center; }\r\n        .goat-about-img { width: 100%; max-width: 400px; }\r\n        .goat-about-content { width: 95%; margin-top: 20px; align-items: center; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-about-section\">\r\n    <div class=\"goat-about-container\">\r\n        \r\n        <div class=\"goat-about-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/goatrider.fun\/wp-content\/uploads\/2026\/04\/ASET-GR2.png\" alt=\"Oversize Rider\" class=\"goat-about-img\">\r\n        <\/div>\r\n\r\n        <div class=\"goat-about-content\">\r\n            <h2 class=\"goat-about-title\">The Legend<br>of the Rider<\/h2>\r\n            <div class=\"goat-about-text\">\r\n                <p>Who says a knight needs a white horse? In our world, bravery is measured by your ability to ride a giant orange cat while balancing a citrus fruit on your steel helmet.<\/p>\r\n                <p>Goat Rider was born from pure grit and chaos. We aren't just passing through; we\u2019re building a kingdom for those who believe the most absurd ideas win!<\/p>\r\n            <\/div>\r\n            <a href=\"#\" class=\"goat-join-btn\">Join Our Squad<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1fb112 e-flex e-con-boxed e-con e-parent\" data-id=\"a1fb112\" 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-0e24ce4 e-con-full e-flex e-con e-child\" data-id=\"0e24ce4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aea4fa8 elementor-widget elementor-widget-html\" data-id=\"aea4fa8\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-roadmap-section {\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .road-header {\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .road-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(36px, 6vw, 54px);\r\n        color: var(--goat-gold);\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 3px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(6px 6px 0px var(--goat-midnight));\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Container Grid Utama *\/\r\n    .road-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 30px;\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        justify-content: center; \/* Membuat baris kedua (2 card) berada di tengah *\/\r\n    }\r\n\r\n    \/* Style Card Roadmap *\/\r\n    .road-card {\r\n        background: var(--goat-white);\r\n        border: 5px solid var(--goat-midnight);\r\n        border-radius: 25px;\r\n        padding: 35px 25px;\r\n        box-shadow: 10px 10px 0 var(--goat-midnight);\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: relative;\r\n        \/* Lebar agar muat 3 per baris *\/\r\n        width: calc(33.333% - 30px);\r\n        min-width: 280px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .road-card:hover {\r\n        transform: translateY(-15px) rotate(2deg);\r\n        box-shadow: 15px 20px 0 var(--goat-midnight);\r\n        background: var(--goat-gold);\r\n    }\r\n\r\n    \/* Penomoran Checkpoint *\/\r\n    .checkpoint-tag {\r\n        position: absolute;\r\n        top: -20px;\r\n        background: var(--goat-red);\r\n        color: white;\r\n        font-family: var(--title-font);\r\n        padding: 5px 20px;\r\n        border-radius: 10px;\r\n        border: 3px solid var(--goat-midnight);\r\n        transform: rotate(-5deg);\r\n        box-shadow: 4px 4px 0 var(--goat-midnight);\r\n        font-size: 13px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .checkpoint-title {\r\n        font-family: var(--title-font);\r\n        font-size: 22px;\r\n        color: var(--goat-midnight);\r\n        margin: 20px 0 15px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .checkpoint-list {\r\n        font-family: var(--desc-font);\r\n        font-size: 15px;\r\n        color: var(--goat-midnight);\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    .checkpoint-list li {\r\n        margin-bottom: 8px;\r\n        position: relative;\r\n        padding-left: 25px;\r\n        text-align: left;\r\n    }\r\n\r\n    .checkpoint-list li::before {\r\n        content: \"\u2714\";\r\n        position: absolute;\r\n        left: 0;\r\n        color: var(--goat-red);\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n        .road-card {\r\n            width: calc(50% - 30px); \/* 2 per baris di tablet *\/\r\n        }\r\n    }\r\n\r\n    @media (max-width: 650px) {\r\n        .road-card {\r\n            width: 100%; \/* 1 per baris di HP *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-roadmap-section\">\r\n    <div class=\"road-header\">\r\n        <h2 class=\"road-title\">The Quest Map<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"road-grid\">\r\n        <div class=\"road-card\">\r\n            <span class=\"checkpoint-tag\">CHECKPOINT 1<\/span>\r\n            <h3 class=\"checkpoint-title\">Warm-up<\/h3>\r\n            <ul class=\"checkpoint-list\">\r\n                <li>Assemble the Gear<\/li>\r\n                <li>Gather the Cavalry<\/li>\r\n                <li>Website Launch<\/li>\r\n                <li>Community Kickoff<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"road-card\">\r\n            <span class=\"checkpoint-tag\">CHECKPOINT 2<\/span>\r\n            <h3 class=\"checkpoint-title\">Speed Up<\/h3>\r\n            <ul class=\"checkpoint-list\">\r\n                <li>Social Media Flex<\/li>\r\n                <li>Cavalry Collaborations<\/li>\r\n                <li>Trending Conquest<\/li>\r\n                <li>Marketplace Radar<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"road-card\" style=\"background: var(--goat-gold);\">\r\n            <span class=\"checkpoint-tag\">CHECKPOINT 3<\/span>\r\n            <h3 class=\"checkpoint-title\">Full Throttle<\/h3>\r\n            <ul class=\"checkpoint-list\">\r\n                <li>Main Street Dominance<\/li>\r\n                <li>Global Recognition<\/li>\r\n                <li>Treasure Expansion<\/li>\r\n                <li>Major Listing Quest<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"road-card\">\r\n            <span class=\"checkpoint-tag\">CHECKPOINT 4<\/span>\r\n            <h3 class=\"checkpoint-title\">Goat Legend<\/h3>\r\n            <ul class=\"checkpoint-list\">\r\n                <li>Eternal Icon Status<\/li>\r\n                <li>Digital Realm Takeover<\/li>\r\n                <li>Cavalry Celebration<\/li>\r\n                <li>Moon Landing<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"road-card\">\r\n            <span class=\"checkpoint-tag\">CHECKPOINT 5<\/span>\r\n            <h3 class=\"checkpoint-title\">World Order<\/h3>\r\n            <ul class=\"checkpoint-list\">\r\n                <li>Secret Kingdom Unlock<\/li>\r\n                <li>Metaverse Patrol<\/li>\r\n                <li>The Ultimate Ride<\/li>\r\n                <li>Total Domination<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4028457 e-flex e-con-boxed e-con e-parent\" data-id=\"4028457\" 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-ff67d0c e-con-full e-flex e-con e-child\" data-id=\"ff67d0c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c62551f elementor-widget elementor-widget-html\" data-id=\"c62551f\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-token-section {\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        background: transparent;\r\n    }\r\n\r\n    .token-header { margin-bottom: 50px; }\r\n\r\n    .token-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(36px, 6vw, 54px);\r\n        color: var(--goat-gold);\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 3px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(6px 6px 0px var(--goat-midnight));\r\n        margin: 0;\r\n    }\r\n\r\n    \/* BARIS ATAS: 3 POIN STATS *\/\r\n    .token-stats-row {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n        max-width: 1100px;\r\n        margin: 0 auto 40px auto;\r\n    }\r\n\r\n    .stat-card {\r\n        background: var(--goat-white);\r\n        border: 4px solid var(--goat-midnight);\r\n        border-radius: 20px;\r\n        padding: 25px 15px;\r\n        box-shadow: 8px 8px 0 var(--goat-midnight);\r\n        transition: transform 0.2s;\r\n    }\r\n\r\n    .stat-card:hover { transform: translateY(-5px); }\r\n\r\n    .stat-label {\r\n        font-family: var(--title-font);\r\n        font-size: 13px;\r\n        color: var(--goat-red);\r\n        text-transform: uppercase;\r\n        margin-bottom: 8px;\r\n        display: block;\r\n    }\r\n\r\n    .stat-value {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(18px, 2vw, 24px);\r\n        color: var(--goat-midnight);\r\n    }\r\n\r\n    \/* BARIS BAWAH: 1 CARD BESAR (INFO + GAMBAR) *\/\r\n    .token-secure-card {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        background: var(--goat-gold);\r\n        border: 5px solid var(--goat-midnight);\r\n        border-radius: 35px;\r\n        padding: 40px;\r\n        box-shadow: 12px 12px 0 var(--goat-midnight);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 40px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .secure-info {\r\n        flex: 1.2;\r\n        text-align: left;\r\n        z-index: 2;\r\n    }\r\n\r\n    .info-title {\r\n        font-family: var(--title-font);\r\n        font-size: 32px;\r\n        color: var(--goat-midnight);\r\n        margin-bottom: 20px;\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 1px var(--goat-midnight);\r\n    }\r\n\r\n    .info-list {\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n    }\r\n\r\n    .info-list li {\r\n        margin-bottom: 15px;\r\n        padding-left: 30px;\r\n        position: relative;\r\n        font-family: var(--desc-font);\r\n        font-size: 19px;\r\n        color: var(--goat-midnight);\r\n        font-weight: bold;\r\n    }\r\n\r\n    .info-list li::before {\r\n        content: \"\u2605\";\r\n        position: absolute;\r\n        left: 0;\r\n        color: var(--goat-red);\r\n        font-size: 20px;\r\n    }\r\n\r\n    \/* GAMBAR DI DALAM CARD *\/\r\n    .secure-image-wrap {\r\n        flex: 1;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .token-inner-img {\r\n        width: 120%; \/* Besar dan sedikit keluar *\/\r\n        height: auto;\r\n        filter: drop-shadow(10px 10px 0px var(--goat-midnight));\r\n        animation: innerFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes innerFloat {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-15px) rotate(2deg); }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 992px) {\r\n        .token-stats-row { grid-template-columns: 1fr; gap: 15px; }\r\n        .token-secure-card { flex-direction: column-reverse; padding: 30px; text-align: center; }\r\n        .secure-info { text-align: center; }\r\n        .info-list li { display: inline-block; margin: 10px 15px; }\r\n        .token-inner-img { width: 80%; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-token-section\">\r\n    <div class=\"token-header\">\r\n        <h2 class=\"token-title\">Fuel Mix<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"token-stats-row\">\r\n        <div class=\"stat-card\">\r\n            <span class=\"stat-label\">Total Supply<\/span>\r\n            <span class=\"stat-value\">1,000,000,000<\/span>\r\n        <\/div>\r\n        <div class=\"stat-card\" style=\"background: var(--goat-midnight);\">\r\n            <span class=\"stat-label\" style=\"color: var(--goat-gold);\">Security<\/span>\r\n            <span class=\"stat-value\" style=\"color: white;\">LP PERMANENTLY BURNT<\/span>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <span class=\"stat-label\">Buy \/ Sell Tax<\/span>\r\n            <span class=\"stat-value\">0% NO FEES<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"token-secure-card\">\r\n        <div class=\"secure-info\">\r\n            <h3 class=\"info-title\">Secure Fuel System<\/h3>\r\n            <ul class=\"info-list\">\r\n                <li>Ownership Renounced<\/li>\r\n                <li>100% Community Driven<\/li>\r\n                <li>Contract Verified<\/li>\r\n                <li>Zero Team Tokens<\/li>\r\n                <li>Anti-Rug Protocol<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"secure-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/goatrider.fun\/wp-content\/uploads\/2026\/04\/ASET-GR1.png\" alt=\"Goat Rider Treasure\" class=\"token-inner-img\">\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61231ce e-flex e-con-boxed e-con e-parent\" data-id=\"61231ce\" 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-23ac862 e-con-full e-flex e-con e-child\" data-id=\"23ac862\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b612e01 elementor-widget elementor-widget-html\" data-id=\"b612e01\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-adventure-buy {\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        background: transparent;\r\n    }\r\n\r\n    .adventure-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    .adventure-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(36px, 6vw, 54px);\r\n        color: var(--goat-gold);\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 3px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        filter: drop-shadow(6px 6px 0px var(--goat-midnight));\r\n        margin: 0;\r\n    }\r\n\r\n    .adventure-path {\r\n        max-width: 1000px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 60px;\r\n    }\r\n\r\n    \/* Step Card Style *\/\r\n    .step-box {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        position: relative;\r\n    }\r\n\r\n    \/* Selang-seling arah (Desktop) *\/\r\n    .step-box:nth-child(even) { flex-direction: row-reverse; }\r\n\r\n    .step-content {\r\n        flex: 1;\r\n        background: var(--goat-white);\r\n        border: 5px solid var(--goat-midnight);\r\n        border-radius: 30px;\r\n        padding: 35px;\r\n        box-shadow: 12px 12px 0 var(--goat-midnight);\r\n        position: relative;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .step-content:hover {\r\n        transform: scale(1.05);\r\n        background: var(--goat-gold);\r\n    }\r\n\r\n    \/* Lingkaran Angka Besar - SEMUA WARNA MIDNIGHT *\/\r\n    .step-circle {\r\n        width: 80px;\r\n        height: 80px;\r\n        background: var(--goat-midnight); \/* Warna disamakan *\/\r\n        border: 5px solid var(--goat-midnight);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: var(--title-font);\r\n        font-size: 32px;\r\n        color: var(--goat-gold); \/* Teks angka jadi gold agar kontras *\/\r\n        box-shadow: 6px 6px 0 rgba(0,0,0,0.2);\r\n        position: absolute;\r\n        z-index: 5;\r\n    }\r\n\r\n    \/* Posisi Angka Desktop *\/\r\n    .step-box:nth-child(odd) .step-circle { right: -40px; }\r\n    .step-box:nth-child(even) .step-circle { left: -40px; }\r\n\r\n    .step-icon-label {\r\n        font-family: var(--title-font);\r\n        font-size: 24px;\r\n        color: var(--goat-midnight);\r\n        margin: 0 0 10px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .step-desc {\r\n        font-family: var(--desc-font);\r\n        font-size: 17px;\r\n        color: var(--goat-midnight);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Spacer untuk menyeimbangkan Flexbox *\/\r\n    .step-spacer { flex: 1; }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 850px) {\r\n        .step-box, .step-box:nth-child(even) { \r\n            flex-direction: column; \r\n            text-align: center;\r\n        }\r\n        .step-spacer { display: none; }\r\n        .step-circle {\r\n            position: relative;\r\n            margin: 0 auto -40px auto;\r\n            left: unset !important;\r\n            right: unset !important;\r\n        }\r\n        .step-content {\r\n            padding-top: 55px;\r\n            width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-adventure-buy\">\r\n    <div class=\"adventure-header\">\r\n        <h2 class=\"adventure-title\">The Rider's Path<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"adventure-path\">\r\n        \r\n        <div class=\"step-box\">\r\n            <div class=\"step-content\">\r\n                <h3 class=\"step-icon-label\">Gear Up: Solana Wallet<\/h3>\r\n                <p class=\"step-desc\">First, equip yourself with a Solana wallet like <b>Phantom<\/b> or <b>Solflare<\/b>. Download it for free, set it up, and deposit some <b>SOL<\/b> to fuel your ride.<\/p>\r\n            <\/div>\r\n            <div class=\"step-circle\">01<\/div>\r\n            <div class=\"step-spacer\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-box\">\r\n            <div class=\"step-content\">\r\n                <h3 class=\"step-icon-label\">Launch Pad: Pump.fun<\/h3>\r\n                <p class=\"step-desc\">Head over to <b>Pump.fun<\/b> during our early launch phase. Connect your wallet, search for <b>$GOAT<\/b>, and secure your tokens before we hit the big streets!<\/p>\r\n            <\/div>\r\n            <div class=\"step-circle\">02<\/div>\r\n            <div class=\"step-spacer\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-box\">\r\n            <div class=\"step-content\">\r\n                <h3 class=\"step-icon-label\">Radar: Dexscreener<\/h3>\r\n                <p class=\"step-desc\">Keep your eyes on the mission using <b>Dexscreener<\/b>. Watch the <b>$GOAT<\/b> charts in real-time, track the momentum, and see the cavalry grow!<\/p>\r\n            <\/div>\r\n            <div class=\"step-circle\">03<\/div>\r\n            <div class=\"step-spacer\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-box\">\r\n            <div class=\"step-content\" style=\"border-bottom: 8px solid var(--goat-red);\">\r\n                <h3 class=\"step-icon-label\">Full Send!<\/h3>\r\n                <p class=\"step-desc\">Once you have your <b>$GOAT<\/b>, put your helmet on and HODL tight. Join the Telegram squad and enjoy the ride to the moon!<\/p>\r\n            <\/div>\r\n            <div class=\"step-circle\">04<\/div>\r\n            <div class=\"step-spacer\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18a4f70 e-flex e-con-boxed e-con e-parent\" data-id=\"18a4f70\" 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-4b10f53 e-con-full e-flex e-con e-child\" data-id=\"4b10f53\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8088847 elementor-widget elementor-widget-html\" data-id=\"8088847\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --goat-red: #D62828;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    .goat-slim-footer {\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        box-sizing: border-box;\r\n        text-align: center;\r\n        background: transparent;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .slim-footer-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .slim-join-title {\r\n        font-family: var(--title-font);\r\n        font-size: clamp(40px, 8vw, 68px);\r\n        color: var(--goat-gold);\r\n        text-transform: uppercase;\r\n        margin: 0 0 20px 0;\r\n        line-height: 1;\r\n        -webkit-text-stroke: 3px var(--goat-midnight);\r\n        paint-order: stroke fill;\r\n        \r\n        \/* SHADOW SOLID (KHAS KARTUN) *\/\r\n        filter: drop-shadow(8px 8px 0px var(--goat-midnight));\r\n        \r\n        display: inline-block;\r\n        animation: titleFloat 3s ease-in-out infinite;\r\n    }\r\n\r\n    .slim-join-desc {\r\n        font-family: var(--desc-font);\r\n        font-size: clamp(18px, 3vw, 24px);\r\n        color: var(--goat-white); \/* WARNA PUTIH *\/\r\n        margin-bottom: 50px;\r\n        max-width: 700px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n        line-height: 1.4;\r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.5); \/* Agar tetap terbaca di bg terang *\/\r\n    }\r\n\r\n    \/* AREA TOMBOL SLIM *\/\r\n    .slim-social-wrap {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-slim-social {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        padding: 18px 45px;\r\n        text-decoration: none;\r\n        font-family: var(--title-font);\r\n        font-size: 22px;\r\n        color: var(--goat-midnight);\r\n        \r\n        \/* WARNA AWAL KUNING *\/\r\n        background: var(--goat-gold); \r\n        \r\n        border: 5px solid var(--goat-midnight);\r\n        border-radius: 60px;\r\n        box-shadow: 0 8px 0 var(--goat-midnight);\r\n        transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    \/* HOVER: WARNA MERAH *\/\r\n    .btn-slim-social:hover {\r\n        transform: translateY(-8px) scale(1.05);\r\n        background: var(--goat-red); \r\n        color: var(--goat-white);\r\n        box-shadow: 0 12px 0 var(--goat-midnight);\r\n    }\r\n\r\n    .btn-slim-social:active {\r\n        transform: translateY(2px);\r\n        box-shadow: 0 3px 0 var(--goat-midnight);\r\n    }\r\n\r\n    \/* KEYFRAMES ANIMASI *\/\r\n    @keyframes titleFloat {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-15px) rotate(1.5deg); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .btn-slim-social {\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        .slim-join-title { font-size: 42px; }\r\n        .goat-slim-footer { padding: 60px 15px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"goat-slim-footer\">\r\n    <div class=\"slim-footer-container\">\r\n        \r\n        <h2 class=\"slim-join-title\">Join The<br>Cavalry<\/h2>\r\n        <p class=\"slim-join-desc\">\r\n            Don't ride alone, legend! Hop into our official channels, meet the squad, and let's take $GOAT to the moon together!\r\n        <\/p>\r\n\r\n        <div class=\"slim-social-wrap\">\r\n            <a href=\"#\" target=\"_blank\" class=\"btn-slim-social\">\r\n                Twitter (X)\r\n            <\/a>\r\n\r\n            <a href=\"#\" target=\"_blank\" class=\"btn-slim-social\">\r\n                Telegram\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63c47a4 e-flex e-con-boxed e-con e-parent\" data-id=\"63c47a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32dc7ec elementor-widget elementor-widget-html\" data-id=\"32dc7ec\" 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=Bowlby+One+SC&family=Chelsea+Market&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --goat-gold: #FFD200;\r\n        --goat-midnight: #011F2E;\r\n        --goat-white: #FFFFFF;\r\n        --title-font: 'Bowlby One SC', cursive;\r\n        --desc-font: 'Chelsea Market', cursive;\r\n    }\r\n\r\n    \/* Footer Full Screen Width *\/\r\n    .goat-full-footer {\r\n        width: 100vw;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        padding: 80px 20px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        \r\n        \/* BACKGROUND KARTUN PREMIUM *\/\r\n        background-color: var(--goat-midnight);\r\n        background-image: \r\n            radial-gradient(rgba(255, 210, 0, 0.1) 2px, transparent 2px),\r\n            linear-gradient(180deg, rgba(1, 48, 71, 0) 0%, rgba(0, 0, 0, 0.6) 100%);\r\n        background-size: 30px 30px, 100% 100%;\r\n        \r\n        border-top: 8px solid var(--goat-gold);\r\n    }\r\n\r\n    \/* Watermark Raksasa Background *\/\r\n    .goat-full-footer::before {\r\n        content: \"$GOAT\";\r\n        position: absolute;\r\n        font-family: var(--title-font);\r\n        font-size: 28vw;\r\n        color: rgba(255, 255, 255, 0.03);\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%) rotate(-8deg);\r\n        white-space: nowrap;\r\n        pointer-events: none;\r\n        z-index: 1;\r\n    }\r\n\r\n    .footer-content {\r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Badge Gaya Stiker *\/\r\n    .footer-badge {\r\n        font-family: var(--title-font);\r\n        background: var(--goat-gold);\r\n        color: var(--goat-midnight);\r\n        padding: 10px 30px;\r\n        border-radius: 15px;\r\n        font-size: 14px;\r\n        display: inline-block;\r\n        margin-bottom: 25px;\r\n        border: 4px solid var(--goat-midnight);\r\n        box-shadow: 8px 8px 0 var(--goat-midnight);\r\n        text-transform: uppercase;\r\n        transform: rotate(-3deg);\r\n        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .footer-badge:hover {\r\n        transform: rotate(3deg) scale(1.1);\r\n        background: var(--goat-white);\r\n    }\r\n\r\n    .copyright-text {\r\n        font-family: var(--desc-font);\r\n        font-size: 18px;\r\n        color: var(--goat-white);\r\n        margin: 0;\r\n        letter-spacing: 1px;\r\n        text-shadow: 2px 2px 0px var(--goat-midnight);\r\n    }\r\n\r\n    .footer-tagline {\r\n        font-family: var(--title-font);\r\n        font-size: 16px;\r\n        color: var(--goat-gold);\r\n        margin-top: 15px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* Menghilangkan scroll horizontal akibat 100vw *\/\r\n    body {\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .goat-full-footer { padding: 60px 15px; }\r\n        .copyright-text { font-size: 14px; }\r\n        .footer-badge { font-size: 12px; }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"goat-full-footer\">\r\n    <div class=\"footer-content\">\r\n        <div class=\"footer-badge\">\r\n            Official $GOAT Rider Squad\r\n        <\/div>\r\n        \r\n        <p class=\"copyright-text\">\r\n            &copy; 2026 GOAT RIDER. ALL RIGHTS RESERVED.\r\n        <\/p>\r\n        \r\n        <div class=\"footer-tagline\">\r\n            NO TAX \u2022 NO LIMITS \u2022 JUST RIDE\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\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>GOATRIDER Twitter News Center Telegram Join Squad Chart Live Data Buy Now Get $GOAT RIDE WITHTHE GOAT Grab your helmet and mount the legendary cavalry. $GOAT is taking over the streets. No speed limits, no taxes, just pure glory. GET $GOAT NOW Copy The Legendof the Rider Who says a knight needs a white horse? [&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:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/goatrider.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}