$CACTUS - Nav Header<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-nav-wrapper {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 10px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* PERBAIKAN EFEK HOVER & WIGGLE LIKUID\/BOUNCY *\/\r\n @keyframes bouncyWiggle {\r\n 0% { transform: scale(1) rotate(0deg); }\r\n 20% { transform: scale(1.12) rotate(-5deg); }\r\n 40% { transform: scale(1.15) rotate(5deg); }\r\n 60% { transform: scale(1.1) rotate(-3deg); }\r\n 80% { transform: scale(1.12) rotate(2deg); }\r\n 100% { transform: scale(1.08) rotate(0deg); }\r\n }\r\n\r\n .bounce-hover {\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n display: inline-block;\r\n }\r\n\r\n \/* Hover efek tombol & link umum *\/\r\n .bounce-hover:hover {\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n }\r\n\r\n .bounce-hover:active {\r\n transform: translateY(2px) scale(0.96) rotate(0deg);\r\n }\r\n\r\n \/* EFEK HOVER LOGO GIF (TANPA LINGKARAN) *\/\r\n .wiggle-gif {\r\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n display: block;\r\n }\r\n \r\n .nav-logo:hover .wiggle-gif {\r\n animation: bouncyWiggle 0.6s ease-in-out forwards;\r\n filter: drop-shadow(2px 4px 0px #1a2d0d);\r\n }\r\n\r\n \/* DESAIN HEADER KARTUN VECTOR *\/\r\n .cactus-nav {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px 25px;\r\n background: rgba(84, 180, 248, 0.95);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n \/* LOGO GIF ICON - LINGKARAN & BORDER DIHILANGKAN *\/\r\n .nav-logo img {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: contain;\r\n border-radius: 0; \/* Hapus bentuk lingkaran *\/\r\n border: none; \/* Hapus bingkai border *\/\r\n background: transparent; \/* Hapus warna latar belakang *\/\r\n padding: 0;\r\n }\r\n\r\n .nav-logo span {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: 1.8rem;\r\n color: #ffffff;\r\n text-shadow: 3px 3px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n transition: color 0.2s ease, text-shadow 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover span {\r\n color: #ffd700;\r\n text-shadow: 3px 3px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d, 0 0 10px rgba(255, 215, 0, 0.6);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n list-style: none;\r\n gap: 22px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* PERBAIKAN WARNA HOVER TEXT MENU *\/\r\n .nav-links a {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-size: 1.25rem;\r\n text-shadow: 2px 2px 0px #1a2d0d;\r\n position: relative;\r\n padding: 4px 8px;\r\n transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .nav-links a:hover {\r\n color: #ffd700; \/* Warna kuning pop saat di-hover *\/\r\n text-shadow: 2.5px 2.5px 0px #1a2d0d, 0 0 8px rgba(255, 215, 0, 0.5);\r\n transform: translateY(-3px) scale(1.08);\r\n }\r\n\r\n \/* PERBAIKAN TOMBOL \"BUY $CACTUS\" HOVER *\/\r\n .cartoon-btn-nav {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 10px 22px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.15rem;\r\n text-decoration: none;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n text-align: center;\r\n user-select: none;\r\n text-shadow: none !important;\r\n transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .cartoon-btn-nav:hover {\r\n background: #ffe44d; \/* Kuning terang melayang *\/\r\n box-shadow: 6px 7px 0px #1a2d0d !important;\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n }\r\n\r\n .cartoon-btn-nav:active {\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n transform: translateY(2px) scale(0.96);\r\n }\r\n\r\n \/* RESPONSIVE MOBILE *\/\r\n @media (max-width: 768px) {\r\n .cactus-nav {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 20px 15px;\r\n }\r\n .nav-links {\r\n justify-content: center;\r\n gap: 15px;\r\n }\r\n .cartoon-btn-nav {\r\n width: 100%;\r\n margin-top: 5px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-nav-wrapper\">\r\n <header class=\"cactus-nav\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET-CACTUS.gif\" alt=\"CACTUS Animated Logo\" class=\"wiggle-gif\">\r\n <span>$CACTUS<\/span>\r\n <\/a>\r\n <nav>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#vibe\">The Vibe<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#swap\">How to Swap<\/a><\/li>\r\n <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n <li><a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-nav\">Buy $CACTUS<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b25c312 e-con-full e-flex e-con e-child\" data-id=\"b25c312\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4797708 elementor-widget elementor-widget-html\" data-id=\"4797708\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Hero Section Copy CA Accurate<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-hero-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 20px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER HERO TRANSPARAN *\/\r\n .cactus-hero {\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0;\r\n position: relative;\r\n min-height: 520px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n \/* LAYOUT 3-COLUMN GRID (KIRI - KOSONG TENGAH - KANAN) *\/\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 300px 1fr; \/* 300px Tengah Dibiarkan Kosong untuk Karakter Kaktus *\/\r\n gap: 25px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n \/* KOLOM KIRI (JUDUL & CA) *\/\r\n .hero-left {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2rem, 3.2vw, 3rem);\r\n color: #ffffff;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 20px;\r\n line-height: 1.15;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n \/* CA BOX CARTOON ELEGANT *\/\r\n .ca-box {\r\n display: inline-flex;\r\n align-items: center;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n padding: 12px 18px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n cursor: pointer;\r\n gap: 10px;\r\n max-width: 100%;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .ca-box:hover {\r\n transform: translateY(-4px) scale(1.03) rotate(-1deg);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #fff8e7;\r\n }\r\n\r\n .ca-box:active {\r\n transform: translateY(2px) scale(0.97);\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .ca-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n font-weight: bold;\r\n word-break: break-all;\r\n user-select: all; \/* Memudahkan seleksi teks jika diperlukan *\/\r\n }\r\n\r\n .copy-badge {\r\n font-family: 'Jua', sans-serif;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 8px 16px;\r\n border-radius: 15px;\r\n border: 2.5px solid #1a2d0d;\r\n font-size: 0.95rem;\r\n white-space: nowrap;\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n \/* AREA TENGAH KOSONG KHUSUS CHARACTER BG *\/\r\n .hero-center-spacer {\r\n pointer-events: none; \/* Klik tembus ke belakang *\/\r\n min-height: 350px;\r\n }\r\n\r\n \/* KOLOM KANAN (DESKRIPSI & TOMBOL) *\/\r\n .hero-right {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n }\r\n\r\n .hero-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.2rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n padding: 22px;\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.5;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n }\r\n\r\n \/* TOMBOL AKSI HERO *\/\r\n .hero-btn-group {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n }\r\n\r\n .cartoon-btn {\r\n font-family: 'Jua', sans-serif;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 24px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n flex: 1;\r\n min-width: 140px;\r\n text-align: center;\r\n }\r\n\r\n .cartoon-btn:hover {\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n box-shadow: 6px 7px 0px #1a2d0d !important;\r\n }\r\n\r\n .cartoon-btn:active {\r\n transform: translateY(2px) scale(0.96);\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n }\r\n\r\n .btn-yellow {\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-blue {\r\n background: #ffffff;\r\n color: #1a2d0d;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 1024px) {\r\n .hero-grid {\r\n grid-template-columns: 1fr; \/* Tampilan Vertikal di Layar Kecil *\/\r\n gap: 25px;\r\n }\r\n\r\n .hero-center-spacer {\r\n display: none; \/* Sembunyikan spacer di mobile agar konten rapat *\/\r\n }\r\n\r\n .hero-left, .hero-right {\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .ca-box {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n\r\n .hero-btn-group {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n\r\n .cartoon-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-hero-wrapper\">\r\n <section class=\"cactus-hero\">\r\n <div class=\"hero-grid\">\r\n \r\n \r\n <div class=\"hero-left\">\r\n <h1 class=\"hero-title\">THE THORNY KING OF SOLANA<\/h1>\r\n\r\n \r\n <div class=\"ca-box\" onclick=\"copyContractAddress()\">\r\n <span class=\"ca-text\" id=\"caDisplayText\">COMING SOON<\/span>\r\n <span class=\"copy-badge\" id=\"copyBadge\">Copy CA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-center-spacer\"><\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <p class=\"hero-desc\">\r\n Growing chill inside a simple clay pot, standing strong amid the Solana hustle. Ready to spread laughs, positive vibes, and non-stop hype across the entire crypto space!\r\n <\/p>\r\n\r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn btn-yellow\">Swap $CACTUS<\/a>\r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn btn-blue\">Join Telegram<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <script>\r\n function copyContractAddress() {\r\n \/\/ Mengambil teks persis dari elemen id=\"caDisplayText\"\r\n const textToCopy = document.getElementById(\"caDisplayText\").innerText.trim();\r\n\r\n \/\/ Fungsi menyalin bawaan browser dengan fallback jika Clipboard API terkunci\/terbatas\r\n if (navigator.clipboard && window.isSecureContext) {\r\n navigator.clipboard.writeText(textToCopy).then(showCopiedSuccess).catch(fallbackCopy);\r\n } else {\r\n fallbackCopy(textToCopy);\r\n }\r\n\r\n function fallbackCopy(text) {\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = textToCopy;\r\n textArea.style.position = \"fixed\";\r\n textArea.style.opacity = \"0\";\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n try {\r\n document.execCommand(\"copy\");\r\n showCopiedSuccess();\r\n } catch (err) {\r\n console.error(\"Gagal menyalin CA: \", err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n function showCopiedSuccess() {\r\n const badge = document.getElementById(\"copyBadge\");\r\n badge.innerText = \"Copied!\";\r\n badge.style.background = \"#71c038\";\r\n badge.style.color = \"#ffffff\";\r\n\r\n setTimeout(() => {\r\n badge.innerText = \"Copy CA\";\r\n badge.style.background = \"#ffd700\";\r\n badge.style.color = \"#1a2d0d\";\r\n }, 2000);\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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-6a56429 e-flex e-con-boxed e-con e-parent\" data-id=\"6a56429\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-253abc6 e-con-full e-flex e-con e-child\" data-id=\"253abc6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbe373 elementor-widget elementor-widget-html\" data-id=\"7dbe373\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - The Vibe Section Video<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-vibe-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 30px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN (TANPA CARD UTAMA) *\/\r\n .cactus-vibe-section {\r\n background: transparent; \/* Latar Belakang Transparan *\/\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0;\r\n position: relative;\r\n }\r\n\r\n \/* LAYOUT GRID 2 KOLOM *\/\r\n .vibe-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n \/* ANIMASI WIGGLE PADA BINGKAI VIDEO *\/\r\n @keyframes bouncyWiggle {\r\n 0% { transform: translateY(-5px) rotate(0deg); }\r\n 50% { transform: translateY(-8px) rotate(1.5deg); }\r\n 100% { transform: translateY(-5px) rotate(-1.5deg); }\r\n }\r\n\r\n \/* BINGKAI VIDEO KARTUN VECTOR *\/\r\n .vibe-video-card {\r\n background: #54b4f8; \/* Latar Belakang Biru Cerah Kartun *\/\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n padding: 12px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .vibe-video-card:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n animation: bouncyWiggle 1s ease-in-out infinite alternate;\r\n }\r\n\r\n \/* STYLING TAG VIDEO MP4 *\/\r\n .vibe-video-card video {\r\n width: 100%;\r\n height: auto;\r\n max-height: 380px;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n border: 2.5px solid #1a2d0d;\r\n }\r\n\r\n \/* KOLOM KANAN: TEKS & DESKRIPSI *\/\r\n .vibe-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .vibe-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 3.8vw, 3.2rem);\r\n color: #71c038;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 22px;\r\n line-height: 1.15;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n \/* KOTAK DESKRIPSI DEGEN TRANSPARAN HALUS *\/\r\n .vibe-box {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.25rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n padding: 28px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.6;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .vibe-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 900px) {\r\n .vibe-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .vibe-content {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .vibe-title {\r\n text-align: center;\r\n }\r\n\r\n .vibe-box {\r\n font-size: 1.15rem;\r\n padding: 22px;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-vibe-wrapper\" id=\"vibe\">\r\n <section class=\"cactus-vibe-section\">\r\n <div class=\"vibe-grid\">\r\n \r\n \r\n <div class=\"vibe-video-card\">\r\n <video autoplay loop muted playsinline poster=\"HERO2.jpg\">\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET1.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <\/div>\r\n\r\n \r\n <div class=\"vibe-content\">\r\n <h2 class=\"vibe-title\">Limitless Green Energy<\/h2>\r\n <div class=\"vibe-box\">\r\n This green cactus character packs maximum resilience for any market condition. Without needing extra water, the hype stays fully charged. From celebratory trumpet blasts to warrior headbands, expect hilarious surprises at every turn. Ready to step up and light up the Solana ecosystem with pure good vibes!\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6961ee1 e-con-full e-flex e-con e-child\" data-id=\"6961ee1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd67e83 elementor-widget elementor-widget-html\" data-id=\"bd67e83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Video Gallery Section<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-gallery-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-gallery-section {\r\n background: transparent;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .gallery-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #ffd700;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 30px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* CAROUSEL MAIN CONTAINER *\/\r\n .carousel-container {\r\n position: relative;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* BINGKAI VIDEO FULL LANDSCAPE (16:9) *\/\r\n .video-viewport {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n background: #54b4f8;\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n overflow: hidden;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .video-viewport:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n }\r\n\r\n \/* TAG VIDEO LANDSCAPE *\/\r\n .video-slide {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: none;\r\n transition: opacity 0.4s ease-in-out;\r\n }\r\n\r\n .video-slide.active {\r\n display: block;\r\n }\r\n\r\n \/* OVERLAY EFEK KLIK UNTUK PREVIEW *\/\r\n .play-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(26, 45, 13, 0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .video-viewport:hover .play-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .play-btn-icon {\r\n font-family: 'Jua', sans-serif;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 12px 25px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n pointer-events: none;\r\n }\r\n\r\n \/* TOMBOL PANAH NAVIGASI KIRI & KANAN *\/\r\n .nav-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 55px;\r\n height: 55px;\r\n border-radius: 50%;\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n }\r\n\r\n .nav-arrow:hover {\r\n background: #ffe44d;\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n }\r\n\r\n .nav-arrow:active {\r\n transform: translateY(-50%) scale(0.95);\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .arrow-left {\r\n left: -25px;\r\n }\r\n\r\n .arrow-right {\r\n right: -25px;\r\n }\r\n\r\n \/* INDIKATOR DOTS *\/\r\n .dots-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .dot {\r\n width: 18px;\r\n height: 18px;\r\n background: #ffffff;\r\n border: 2.5px solid #1a2d0d;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .dot.active {\r\n background: #ffd700;\r\n transform: scale(1.3);\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n }\r\n\r\n \/* MODAL POPUP PREVIEW VIDEO *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(26, 45, 13, 0.85);\r\n backdrop-filter: blur(8px);\r\n z-index: 9999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1000px;\r\n aspect-ratio: 16 \/ 9;\r\n background: #1a2d0d;\r\n border: 4px solid #ffffff;\r\n border-radius: 25px;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.5);\r\n overflow: hidden;\r\n }\r\n\r\n .modal-content video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n z-index: 10000;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE *\/\r\n @media (max-width: 768px) {\r\n .arrow-left {\r\n left: -10px;\r\n }\r\n .arrow-right {\r\n right: -10px;\r\n }\r\n .nav-arrow {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 1.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-gallery-wrapper\" id=\"gallery\">\r\n <section class=\"cactus-gallery-section\">\r\n \r\n <h2 class=\"gallery-title\">The Wildest Action Collection<\/h2>\r\n\r\n <div class=\"carousel-container\">\r\n \r\n <button class=\"nav-arrow arrow-left\" onclick=\"moveSlide(-1)\">❮<\/button>\r\n\r\n \r\n <div class=\"video-viewport\" onclick=\"openPreviewModal()\">\r\n \r\n <video class=\"video-slide active\" autoplay loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-4.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <video class=\"video-slide\" loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-5.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <video class=\"video-slide\" loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"play-overlay\">\r\n <span class=\"play-btn-icon\">Click to Expand Preview \ud83d\udd0d<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"nav-arrow arrow-right\" onclick=\"moveSlide(1)\">❯<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"dots-container\">\r\n <span class=\"dot active\" onclick=\"currentSlide(0)\"><\/span>\r\n <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\r\n <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div class=\"video-modal\" id=\"videoModal\">\r\n <div class=\"modal-content\">\r\n <button class=\"close-modal\" onclick=\"closePreviewModal()\">\u2715<\/button>\r\n <video id=\"modalVideo\" controls autoplay style=\"width: 100%; height: 100%;\">\r\n <source id=\"modalVideoSource\" src=\"\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n let slideIndex = 0;\r\n const slides = document.querySelectorAll(\".video-slide\");\r\n const dots = document.querySelectorAll(\".dot\");\r\n\r\n function showSlide(index) {\r\n if (index >= slides.length) slideIndex = 0;\r\n if (index < 0) slideIndex = slides.length - 1;\r\n\r\n slides.forEach((slide, i) => {\r\n slide.classList.remove(\"active\");\r\n slide.pause(); \/\/ Hentikan video lain\r\n });\r\n\r\n dots.forEach(dot => dot.classList.remove(\"active\"));\r\n\r\n slides[slideIndex].classList.add(\"active\");\r\n slides[slideIndex].play(); \/\/ Jalankan video aktif\r\n dots[slideIndex].classList.add(\"active\");\r\n }\r\n\r\n function moveSlide(step) {\r\n slideIndex += step;\r\n showSlide(slideIndex);\r\n }\r\n\r\n function currentSlide(index) {\r\n slideIndex = index;\r\n showSlide(slideIndex);\r\n }\r\n\r\n \/* MODAL PREVIEW CONTROLLER *\/\r\n function openPreviewModal() {\r\n const activeVideoSrc = slides[slideIndex].querySelector(\"source\").src;\r\n const modal = document.getElementById(\"videoModal\");\r\n const modalVideo = document.getElementById(\"modalVideo\");\r\n const modalSource = document.getElementById(\"modalVideoSource\");\r\n\r\n modalSource.src = activeVideoSrc;\r\n modalVideo.load();\r\n modal.style.display = \"flex\";\r\n modalVideo.play();\r\n }\r\n\r\n function closePreviewModal() {\r\n const modal = document.getElementById(\"videoModal\");\r\n const modalVideo = document.getElementById(\"modalVideo\");\r\n\r\n modalVideo.pause();\r\n modal.style.display = \"none\";\r\n }\r\n\r\n \/\/ Tutup modal jika area di luar video diklik\r\n window.onclick = function(event) {\r\n const modal = document.getElementById(\"videoModal\");\r\n if (event.target === modal) {\r\n closePreviewModal();\r\n }\r\n };\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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-ad62cd7 e-flex e-con-boxed e-con e-parent\" data-id=\"ad62cd7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13c29a8 e-con-full e-flex e-con e-child\" data-id=\"13c29a8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26b7dcf elementor-widget elementor-widget-html\" data-id=\"26b7dcf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - How to Swap Section<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-swap-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-swap-section {\r\n background: transparent;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .swap-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #71c038;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 35px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* GRID LAYOUT KHUSUS 2 ATAS - 3 BAWAH *\/\r\n .steps-grid-layout {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr); \/* Split 6 Kolom Grid untuk Keseimbangan *\/\r\n gap: 22px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* KARTU LANGKAH KARTUN VECTOR *\/\r\n .step-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 28px;\r\n padding: 26px 22px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n }\r\n\r\n .step-card:hover {\r\n transform: translateY(-8px) scale(1.02) rotate(-1deg);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* FORMATION SPAN (2 ATAS - 3 BAWAH) *\/\r\n \/* Baris 1: 2 Kartu (Masing-masing selebar 3 kolom grid) *\/\r\n .step-card-top {\r\n grid-column: span 3;\r\n }\r\n\r\n \/* Baris 2: 3 Kartu (Masing-masing selebar 2 kolom grid) *\/\r\n .step-card-bottom {\r\n grid-column: span 2;\r\n }\r\n\r\n \/* NOMOR LANGKAH ICON CIRCLE *\/\r\n .step-num {\r\n font-family: 'Rammetto One', cursive;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.35rem;\r\n margin-bottom: 16px;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .step-card:hover .step-num {\r\n transform: scale(1.1) rotate(5deg);\r\n background: #ffe44d;\r\n }\r\n\r\n \/* JUDUL LANGKAH *\/\r\n .step-title {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.3rem;\r\n color: #3a7516;\r\n margin-bottom: 8px;\r\n line-height: 1.25;\r\n }\r\n\r\n \/* DESKRIPSI LANGKAH *\/\r\n .step-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK TABLET (2 KOLOM) *\/\r\n @media (max-width: 992px) {\r\n .steps-grid-layout {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .step-card-top, .step-card-bottom {\r\n grid-column: span 1;\r\n }\r\n \/* Kartu ke-5 mengambil posisi penuh di tablet jika ganjil *\/\r\n .step-card-bottom:last-child {\r\n grid-column: span 2;\r\n }\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE (1 KOLOM) *\/\r\n @media (max-width: 650px) {\r\n .steps-grid-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .step-card-top, .step-card-bottom, .step-card-bottom:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n .step-card {\r\n align-items: center;\r\n text-align: center;\r\n padding: 24px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-swap-wrapper\" id=\"swap\">\r\n <section class=\"cactus-swap-section\">\r\n \r\n <h2 class=\"swap-title\">Fast Track to Secure the Pot<\/h2>\r\n\r\n <div class=\"steps-grid-layout\">\r\n \r\n \r\n \r\n <div class=\"step-card step-card-top\">\r\n <div class=\"step-num\">1<\/div>\r\n <h3 class=\"step-title\">Get a Solana Wallet<\/h3>\r\n <p class=\"step-desc\">\r\n Download Phantom, Solflare, or your favorite crypto wallet to get ready on Solana.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-top\">\r\n <div class=\"step-num\">2<\/div>\r\n <h3 class=\"step-title\">Load Up Some SOL<\/h3>\r\n <p class=\"step-desc\">\r\n Buy and transfer SOL to your wallet to cover the token swap and network gas fees.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">3<\/div>\r\n <h3 class=\"step-title\">Copy $CACTUS CA<\/h3>\r\n <p class=\"step-desc\">\r\n Grab the official Smart Contract Address directly from the hero section box.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">4<\/div>\r\n <h3 class=\"step-title\">Pump.fun \/ DEX Swap<\/h3>\r\n <p class=\"step-desc\">\r\n Connect to Pump.fun, PumpSwap, or Raydium, paste the CA, and swap your SOL for $CACTUS!\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">5<\/div>\r\n <h3 class=\"step-title\">Track on Live Chart<\/h3>\r\n <p class=\"step-desc\">\r\n Watch the chart live on DexScreener or Dextools and hold tight in your digital pot.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01454ac e-con-full e-flex e-con e-child\" data-id=\"01454ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2664c elementor-widget elementor-widget-html\" data-id=\"9d2664c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Tokenomics Section Integrated<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-tok-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-tok-section {\r\n background: transparent;\r\n position: relative;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .tok-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #54b4f8;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 35px;\r\n text-align: center;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* KARTU UTAMA BIODATA & CHARACTER MENYATU *\/\r\n .biodata-main-card {\r\n background: rgba(255, 255, 255, 0.94);\r\n backdrop-filter: blur(8px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 35px;\r\n padding: 35px 40px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .biodata-main-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 10px 10px 0px #1a2d0d;\r\n }\r\n\r\n \/* HEADLINE BIODATA HEADER *\/\r\n .biodata-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 3.5px dashed #1a2d0d;\r\n padding-bottom: 18px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .biodata-badge {\r\n font-family: 'Rammetto One', cursive;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 2.5px solid #1a2d0d;\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.95rem;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n }\r\n\r\n .biodata-title-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.5rem;\r\n color: #3a7516;\r\n }\r\n\r\n \/* LAYOUT GRID INTERNAL (BIODATA KIRI & MASCOT BESAR KANAN) *\/\r\n .biodata-content-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n \/* LIST RINCIAN BIODATA *\/\r\n .biodata-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .biodata-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff8e7;\r\n border: 3px solid #1a2d0d;\r\n border-radius: 20px;\r\n padding: 14px 22px;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n transition: transform 0.2s ease, background 0.2s ease;\r\n }\r\n\r\n .biodata-item:hover {\r\n transform: scale(1.02) rotate(-0.5deg);\r\n background: #ffffff;\r\n }\r\n\r\n .label-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.2rem;\r\n color: #555;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .value-text {\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.3rem;\r\n color: #3a7516;\r\n text-align: right;\r\n }\r\n\r\n \/* ANIMASI WIGGLE SUTIL UNTUK KARAKTER BESAR *\/\r\n @keyframes floatBigMascot {\r\n 0% { transform: translateY(0px) scale(1) rotate(0deg); }\r\n 50% { transform: translateY(-10px) scale(1.03) rotate(1.5deg); }\r\n 100% { transform: translateY(0px) scale(1) rotate(0deg); }\r\n }\r\n\r\n \/* KARAKTER MASCOT GIF BESAR (TANPA BINGKAI CARD) *\/\r\n .big-mascot-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .big-mascot-gif {\r\n width: 100%;\r\n height: auto;\r\n max-height: 440px; \/* Ukuran Lebih Besar *\/\r\n object-fit: contain;\r\n display: block;\r\n filter: drop-shadow(4px 6px 0px #1a2d0d); \/* Bayangan Kartun Langsung pada GIF *\/\r\n animation: floatBigMascot 4s ease-in-out infinite;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK TABLET & MOBILE *\/\r\n @media (max-width: 900px) {\r\n .biodata-main-card {\r\n padding: 25px 20px;\r\n }\r\n\r\n .biodata-content-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .biodata-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 6px;\r\n }\r\n\r\n .value-text {\r\n align-self: flex-end;\r\n }\r\n\r\n .big-mascot-gif {\r\n max-height: 320px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-tok-wrapper\" id=\"tokenomics\">\r\n <section class=\"cactus-tok-section\">\r\n \r\n <h2 class=\"tok-title\">Token Fundamentals<\/h2>\r\n\r\n \r\n <div class=\"biodata-main-card\">\r\n \r\n <div class=\"biodata-header\">\r\n <span class=\"biodata-title-text\">Official Token Profile<\/span>\r\n <span class=\"biodata-badge\">VERIFIED<\/span>\r\n <\/div>\r\n\r\n <div class=\"biodata-content-grid\">\r\n \r\n \r\n <ul class=\"biodata-list\">\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83c\udff7\ufe0f Token Name<\/span>\r\n <span class=\"value-text\">CACTUS<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udccc Ticker<\/span>\r\n <span class=\"value-text\">$CACTUS<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83c\udf10 Network<\/span>\r\n <span class=\"value-text\" style=\"color: #54b4f8;\">SOLANA<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udcb0 Total Supply<\/span>\r\n <span class=\"value-text\">1,000,000,000<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\u26a1 Buy \/ Sell Tax<\/span>\r\n <span class=\"value-text\" style=\"color: #71c038;\">0% \/ 0%<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udd25 Liquidity<\/span>\r\n <span class=\"value-text\" style=\"color: #e74c3c;\">100% BURNED<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"big-mascot-container\">\r\n <img decoding=\"async\" src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET-CACTUS.gif\" alt=\"CACTUS Big Mascot\" class=\"big-mascot-gif\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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-eee3192 e-flex e-con-boxed e-con e-parent\" data-id=\"eee3192\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/littlecactus.fun\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/HERO-CACTUS1.mp4","background_play_on_mobile":"yes"}\">\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-8de1709 e-con-full e-flex e-con e-child\" data-id=\"8de1709\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a12e2 elementor-widget elementor-widget-html\" data-id=\"25a12e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Join Us Section Balanced<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-join-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 30px 15px 15px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER HERO STYLE TRANSPARAN *\/\r\n .cactus-join-section {\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0 0 0;\r\n position: relative;\r\n }\r\n\r\n \/* LAYOUT 3 KOLOM GRID (KIRI - KOSONG TENGAH - KANAN) *\/\r\n .join-hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 280px 1.1fr; \/* Space Tengah Dibiarkan Kosong untuk Karakter Terompet *\/\r\n gap: 25px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n \/* KOLOM KIRI: JUDUL & PESAN KOMUNITAS PRESISI *\/\r\n .join-left {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n width: 100%;\r\n }\r\n\r\n .join-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2rem, 3.2vw, 2.8rem);\r\n color: #ffffff;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 18px;\r\n line-height: 1.15;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n .join-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.15rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n padding: 20px 22px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 25px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.5;\r\n margin-bottom: 18px;\r\n width: 100%;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .join-desc:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* KOTAK FEATURE HIGHLIGHT (PENYEIMBANG PRESISI KOLOM KIRI) *\/\r\n .community-features {\r\n font-family: 'Jua', sans-serif;\r\n background: rgba(255, 248, 231, 0.94);\r\n backdrop-filter: blur(6px);\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 22px;\r\n padding: 16px 20px;\r\n box-shadow: 5px 5px 0px #1a2d0d;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n }\r\n\r\n \/* AREA TENGAH KOSONG KHUSUS CHARACTER BG *\/\r\n .join-center-spacer {\r\n pointer-events: none;\r\n min-height: 380px;\r\n }\r\n\r\n \/* KOLOM KANAN: GROUP TOMBOL SOSIAL MEDIA & SWAP *\/\r\n .join-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n width: 100%;\r\n z-index: 2;\r\n }\r\n\r\n \/* TOMBOL KARTUN HOVER MANTUL *\/\r\n .cartoon-btn-social {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 24px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.15rem;\r\n text-decoration: none;\r\n box-shadow: 5px 5px 0px #1a2d0d;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n width: 100%;\r\n }\r\n\r\n .cartoon-btn-social:hover {\r\n transform: translateY(-4px) scale(1.03) rotate(-1deg);\r\n box-shadow: 7px 8px 0px #1a2d0d !important;\r\n }\r\n\r\n .cartoon-btn-social:active {\r\n transform: translateY(2px) scale(0.97);\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n }\r\n\r\n \/* VARIAN WARNA TOMBOL *\/\r\n .btn-x {\r\n background: #ffffff;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-telegram {\r\n background: #54b4f8;\r\n color: #ffffff;\r\n }\r\n\r\n .btn-chart {\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-swap {\r\n background: #71c038;\r\n color: #ffffff;\r\n }\r\n\r\n \/* COPYRIGHT BARIS TENGAH BAWAH *\/\r\n .copyright-bottom {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(4px);\r\n border: 3px solid #1a2d0d;\r\n border-radius: 20px;\r\n padding: 10px 24px;\r\n margin-top: 35px;\r\n text-align: center;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n display: inline-block;\r\n }\r\n\r\n .copyright-container {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 1024px) {\r\n .join-hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .join-center-spacer {\r\n display: none; \/* Sembunyikan space kosong di HP agar konten rapat *\/\r\n }\r\n\r\n .join-left {\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .cartoon-btn-social {\r\n padding: 12px 20px;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-join-wrapper\" id=\"join\">\r\n <section class=\"cactus-join-section\">\r\n <div class=\"join-hero-grid\">\r\n \r\n \r\n <div class=\"join-left\">\r\n <h1 class=\"join-title\">JOIN THE $CACTUS ARMY<\/h1>\r\n\r\n <p class=\"join-desc\">\r\n Ready to ride the green hype on Solana? Hop in, share the memes, and grow strong together in our official community!\r\n <\/p>\r\n\r\n \r\n <div class=\"community-features\">\r\n <div class=\"feature-item\">\r\n <span>\ud83c\udf35<\/span> <strong>Daily Memes & Non-Stop Hype<\/strong>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span>\u26a1<\/span> <strong>100% Community Driven Vibe<\/strong>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span>\ud83d\ude80<\/span> <strong>Strongest Thorny Army on Solana<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"join-center-spacer\"><\/div>\r\n\r\n \r\n <div class=\"join-right\">\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-x\">\r\n <span>Twitter \/ X<\/span>\r\n <span>\ud83d\ude80<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-telegram\">\r\n <span>Telegram HQ<\/span>\r\n <span>\u2708\ufe0f<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-chart\">\r\n <span>Live Chart<\/span>\r\n <span>\ud83d\udcca<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-swap\">\r\n <span>Swap Now<\/span>\r\n <span>\u26a1<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"copyright-container\">\r\n <div class=\"copyright-bottom\">\r\n \u00a9 2026 $CACTUS. All Rights Reserved. Built on Solana \ud83c\udf35\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>$CACTUS – Nav Header $CACTUS The Vibe Gallery How to Swap Tokenomics Buy $CACTUS $CACTUS – Hero Section Copy CA Accurate THE THORNY KING OF SOLANA COMING SOON Copy CA Growing chill inside a simple clay pot, standing strong amid the Solana hustle. Ready to spread laughs, positive vibes, and non-stop hype across the entire […]<\/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:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n $CACTUS - Nav Header<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-nav-wrapper {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 10px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* PERBAIKAN EFEK HOVER & WIGGLE LIKUID\/BOUNCY *\/\r\n @keyframes bouncyWiggle {\r\n 0% { transform: scale(1) rotate(0deg); }\r\n 20% { transform: scale(1.12) rotate(-5deg); }\r\n 40% { transform: scale(1.15) rotate(5deg); }\r\n 60% { transform: scale(1.1) rotate(-3deg); }\r\n 80% { transform: scale(1.12) rotate(2deg); }\r\n 100% { transform: scale(1.08) rotate(0deg); }\r\n }\r\n\r\n .bounce-hover {\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n display: inline-block;\r\n }\r\n\r\n \/* Hover efek tombol & link umum *\/\r\n .bounce-hover:hover {\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n }\r\n\r\n .bounce-hover:active {\r\n transform: translateY(2px) scale(0.96) rotate(0deg);\r\n }\r\n\r\n \/* EFEK HOVER LOGO GIF (TANPA LINGKARAN) *\/\r\n .wiggle-gif {\r\n transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n display: block;\r\n }\r\n \r\n .nav-logo:hover .wiggle-gif {\r\n animation: bouncyWiggle 0.6s ease-in-out forwards;\r\n filter: drop-shadow(2px 4px 0px #1a2d0d);\r\n }\r\n\r\n \/* DESAIN HEADER KARTUN VECTOR *\/\r\n .cactus-nav {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px 25px;\r\n background: rgba(84, 180, 248, 0.95);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n text-decoration: none;\r\n }\r\n\r\n \/* LOGO GIF ICON - LINGKARAN & BORDER DIHILANGKAN *\/\r\n .nav-logo img {\r\n width: 60px;\r\n height: 60px;\r\n object-fit: contain;\r\n border-radius: 0; \/* Hapus bentuk lingkaran *\/\r\n border: none; \/* Hapus bingkai border *\/\r\n background: transparent; \/* Hapus warna latar belakang *\/\r\n padding: 0;\r\n }\r\n\r\n .nav-logo span {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: 1.8rem;\r\n color: #ffffff;\r\n text-shadow: 3px 3px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n transition: color 0.2s ease, text-shadow 0.2s ease;\r\n }\r\n\r\n .nav-logo:hover span {\r\n color: #ffd700;\r\n text-shadow: 3px 3px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d, 0 0 10px rgba(255, 215, 0, 0.6);\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n list-style: none;\r\n gap: 22px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* PERBAIKAN WARNA HOVER TEXT MENU *\/\r\n .nav-links a {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n text-decoration: none;\r\n color: #ffffff;\r\n font-size: 1.25rem;\r\n text-shadow: 2px 2px 0px #1a2d0d;\r\n position: relative;\r\n padding: 4px 8px;\r\n transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .nav-links a:hover {\r\n color: #ffd700; \/* Warna kuning pop saat di-hover *\/\r\n text-shadow: 2.5px 2.5px 0px #1a2d0d, 0 0 8px rgba(255, 215, 0, 0.5);\r\n transform: translateY(-3px) scale(1.08);\r\n }\r\n\r\n \/* PERBAIKAN TOMBOL \"BUY $CACTUS\" HOVER *\/\r\n .cartoon-btn-nav {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 10px 22px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.15rem;\r\n text-decoration: none;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n text-align: center;\r\n user-select: none;\r\n text-shadow: none !important;\r\n transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .cartoon-btn-nav:hover {\r\n background: #ffe44d; \/* Kuning terang melayang *\/\r\n box-shadow: 6px 7px 0px #1a2d0d !important;\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n }\r\n\r\n .cartoon-btn-nav:active {\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n transform: translateY(2px) scale(0.96);\r\n }\r\n\r\n \/* RESPONSIVE MOBILE *\/\r\n @media (max-width: 768px) {\r\n .cactus-nav {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 20px 15px;\r\n }\r\n .nav-links {\r\n justify-content: center;\r\n gap: 15px;\r\n }\r\n .cartoon-btn-nav {\r\n width: 100%;\r\n margin-top: 5px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-nav-wrapper\">\r\n <header class=\"cactus-nav\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET-CACTUS.gif\" alt=\"CACTUS Animated Logo\" class=\"wiggle-gif\">\r\n <span>$CACTUS<\/span>\r\n <\/a>\r\n <nav>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#vibe\">The Vibe<\/a><\/li>\r\n <li><a href=\"#gallery\">Gallery<\/a><\/li>\r\n <li><a href=\"#swap\">How to Swap<\/a><\/li>\r\n <li><a href=\"#tokenomics\">Tokenomics<\/a><\/li>\r\n <li><a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-nav\">Buy $CACTUS<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b25c312 e-con-full e-flex e-con e-child\" data-id=\"b25c312\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4797708 elementor-widget elementor-widget-html\" data-id=\"4797708\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Hero Section Copy CA Accurate<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-hero-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 20px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER HERO TRANSPARAN *\/\r\n .cactus-hero {\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0;\r\n position: relative;\r\n min-height: 520px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n \/* LAYOUT 3-COLUMN GRID (KIRI - KOSONG TENGAH - KANAN) *\/\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 300px 1fr; \/* 300px Tengah Dibiarkan Kosong untuk Karakter Kaktus *\/\r\n gap: 25px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n \/* KOLOM KIRI (JUDUL & CA) *\/\r\n .hero-left {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2rem, 3.2vw, 3rem);\r\n color: #ffffff;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 20px;\r\n line-height: 1.15;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n \/* CA BOX CARTOON ELEGANT *\/\r\n .ca-box {\r\n display: inline-flex;\r\n align-items: center;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n padding: 12px 18px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n cursor: pointer;\r\n gap: 10px;\r\n max-width: 100%;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .ca-box:hover {\r\n transform: translateY(-4px) scale(1.03) rotate(-1deg);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #fff8e7;\r\n }\r\n\r\n .ca-box:active {\r\n transform: translateY(2px) scale(0.97);\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .ca-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n font-weight: bold;\r\n word-break: break-all;\r\n user-select: all; \/* Memudahkan seleksi teks jika diperlukan *\/\r\n }\r\n\r\n .copy-badge {\r\n font-family: 'Jua', sans-serif;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 8px 16px;\r\n border-radius: 15px;\r\n border: 2.5px solid #1a2d0d;\r\n font-size: 0.95rem;\r\n white-space: nowrap;\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n \/* AREA TENGAH KOSONG KHUSUS CHARACTER BG *\/\r\n .hero-center-spacer {\r\n pointer-events: none; \/* Klik tembus ke belakang *\/\r\n min-height: 350px;\r\n }\r\n\r\n \/* KOLOM KANAN (DESKRIPSI & TOMBOL) *\/\r\n .hero-right {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n }\r\n\r\n .hero-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.2rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n padding: 22px;\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.5;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n }\r\n\r\n \/* TOMBOL AKSI HERO *\/\r\n .hero-btn-group {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n }\r\n\r\n .cartoon-btn {\r\n font-family: 'Jua', sans-serif;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 12px 24px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n text-decoration: none;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n flex: 1;\r\n min-width: 140px;\r\n text-align: center;\r\n }\r\n\r\n .cartoon-btn:hover {\r\n transform: translateY(-4px) scale(1.05) rotate(-1deg);\r\n box-shadow: 6px 7px 0px #1a2d0d !important;\r\n }\r\n\r\n .cartoon-btn:active {\r\n transform: translateY(2px) scale(0.96);\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n }\r\n\r\n .btn-yellow {\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-blue {\r\n background: #ffffff;\r\n color: #1a2d0d;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 1024px) {\r\n .hero-grid {\r\n grid-template-columns: 1fr; \/* Tampilan Vertikal di Layar Kecil *\/\r\n gap: 25px;\r\n }\r\n\r\n .hero-center-spacer {\r\n display: none; \/* Sembunyikan spacer di mobile agar konten rapat *\/\r\n }\r\n\r\n .hero-left, .hero-right {\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .ca-box {\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n\r\n .hero-btn-group {\r\n justify-content: center;\r\n flex-direction: column;\r\n }\r\n\r\n .cartoon-btn {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-hero-wrapper\">\r\n <section class=\"cactus-hero\">\r\n <div class=\"hero-grid\">\r\n \r\n \r\n <div class=\"hero-left\">\r\n <h1 class=\"hero-title\">THE THORNY KING OF SOLANA<\/h1>\r\n\r\n \r\n <div class=\"ca-box\" onclick=\"copyContractAddress()\">\r\n <span class=\"ca-text\" id=\"caDisplayText\">COMING SOON<\/span>\r\n <span class=\"copy-badge\" id=\"copyBadge\">Copy CA<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-center-spacer\"><\/div>\r\n\r\n \r\n <div class=\"hero-right\">\r\n <p class=\"hero-desc\">\r\n Growing chill inside a simple clay pot, standing strong amid the Solana hustle. Ready to spread laughs, positive vibes, and non-stop hype across the entire crypto space!\r\n <\/p>\r\n\r\n \r\n <div class=\"hero-btn-group\">\r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn btn-yellow\">Swap $CACTUS<\/a>\r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn btn-blue\">Join Telegram<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <script>\r\n function copyContractAddress() {\r\n \/\/ Mengambil teks persis dari elemen id=\"caDisplayText\"\r\n const textToCopy = document.getElementById(\"caDisplayText\").innerText.trim();\r\n\r\n \/\/ Fungsi menyalin bawaan browser dengan fallback jika Clipboard API terkunci\/terbatas\r\n if (navigator.clipboard && window.isSecureContext) {\r\n navigator.clipboard.writeText(textToCopy).then(showCopiedSuccess).catch(fallbackCopy);\r\n } else {\r\n fallbackCopy(textToCopy);\r\n }\r\n\r\n function fallbackCopy(text) {\r\n const textArea = document.createElement(\"textarea\");\r\n textArea.value = textToCopy;\r\n textArea.style.position = \"fixed\";\r\n textArea.style.opacity = \"0\";\r\n document.body.appendChild(textArea);\r\n textArea.focus();\r\n textArea.select();\r\n try {\r\n document.execCommand(\"copy\");\r\n showCopiedSuccess();\r\n } catch (err) {\r\n console.error(\"Gagal menyalin CA: \", err);\r\n }\r\n document.body.removeChild(textArea);\r\n }\r\n\r\n function showCopiedSuccess() {\r\n const badge = document.getElementById(\"copyBadge\");\r\n badge.innerText = \"Copied!\";\r\n badge.style.background = \"#71c038\";\r\n badge.style.color = \"#ffffff\";\r\n\r\n setTimeout(() => {\r\n badge.innerText = \"Copy CA\";\r\n badge.style.background = \"#ffd700\";\r\n badge.style.color = \"#1a2d0d\";\r\n }, 2000);\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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-6a56429 e-flex e-con-boxed e-con e-parent\" data-id=\"6a56429\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-253abc6 e-con-full e-flex e-con e-child\" data-id=\"253abc6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dbe373 elementor-widget elementor-widget-html\" data-id=\"7dbe373\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - The Vibe Section Video<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-vibe-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 30px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN (TANPA CARD UTAMA) *\/\r\n .cactus-vibe-section {\r\n background: transparent; \/* Latar Belakang Transparan *\/\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0;\r\n position: relative;\r\n }\r\n\r\n \/* LAYOUT GRID 2 KOLOM *\/\r\n .vibe-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n \/* ANIMASI WIGGLE PADA BINGKAI VIDEO *\/\r\n @keyframes bouncyWiggle {\r\n 0% { transform: translateY(-5px) rotate(0deg); }\r\n 50% { transform: translateY(-8px) rotate(1.5deg); }\r\n 100% { transform: translateY(-5px) rotate(-1.5deg); }\r\n }\r\n\r\n \/* BINGKAI VIDEO KARTUN VECTOR *\/\r\n .vibe-video-card {\r\n background: #54b4f8; \/* Latar Belakang Biru Cerah Kartun *\/\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n padding: 12px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n overflow: hidden;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .vibe-video-card:hover {\r\n transform: translateY(-6px) scale(1.02);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n animation: bouncyWiggle 1s ease-in-out infinite alternate;\r\n }\r\n\r\n \/* STYLING TAG VIDEO MP4 *\/\r\n .vibe-video-card video {\r\n width: 100%;\r\n height: auto;\r\n max-height: 380px;\r\n object-fit: cover;\r\n display: block;\r\n border-radius: 20px;\r\n border: 2.5px solid #1a2d0d;\r\n }\r\n\r\n \/* KOLOM KANAN: TEKS & DESKRIPSI *\/\r\n .vibe-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n }\r\n\r\n .vibe-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 3.8vw, 3.2rem);\r\n color: #71c038;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 22px;\r\n line-height: 1.15;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n \/* KOTAK DESKRIPSI DEGEN TRANSPARAN HALUS *\/\r\n .vibe-box {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.25rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 25px;\r\n padding: 28px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.6;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .vibe-box:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 900px) {\r\n .vibe-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .vibe-content {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .vibe-title {\r\n text-align: center;\r\n }\r\n\r\n .vibe-box {\r\n font-size: 1.15rem;\r\n padding: 22px;\r\n text-align: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-vibe-wrapper\" id=\"vibe\">\r\n <section class=\"cactus-vibe-section\">\r\n <div class=\"vibe-grid\">\r\n \r\n \r\n <div class=\"vibe-video-card\">\r\n <video autoplay loop muted playsinline poster=\"HERO2.jpg\">\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET1.mp4\" type=\"video\/mp4\">\r\n Your browser does not support the video tag.\r\n <\/video>\r\n <\/div>\r\n\r\n \r\n <div class=\"vibe-content\">\r\n <h2 class=\"vibe-title\">Limitless Green Energy<\/h2>\r\n <div class=\"vibe-box\">\r\n This green cactus character packs maximum resilience for any market condition. Without needing extra water, the hype stays fully charged. From celebratory trumpet blasts to warrior headbands, expect hilarious surprises at every turn. Ready to step up and light up the Solana ecosystem with pure good vibes!\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6961ee1 e-con-full e-flex e-con e-child\" data-id=\"6961ee1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd67e83 elementor-widget elementor-widget-html\" data-id=\"bd67e83\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Video Gallery Section<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-gallery-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-gallery-section {\r\n background: transparent;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .gallery-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #ffd700;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 30px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* CAROUSEL MAIN CONTAINER *\/\r\n .carousel-container {\r\n position: relative;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n \/* BINGKAI VIDEO FULL LANDSCAPE (16:9) *\/\r\n .video-viewport {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n background: #54b4f8;\r\n border: 4px solid #1a2d0d;\r\n border-radius: 30px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n overflow: hidden;\r\n position: relative;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .video-viewport:hover {\r\n transform: translateY(-5px) scale(1.01);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n }\r\n\r\n \/* TAG VIDEO LANDSCAPE *\/\r\n .video-slide {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: none;\r\n transition: opacity 0.4s ease-in-out;\r\n }\r\n\r\n .video-slide.active {\r\n display: block;\r\n }\r\n\r\n \/* OVERLAY EFEK KLIK UNTUK PREVIEW *\/\r\n .play-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(26, 45, 13, 0.25);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .video-viewport:hover .play-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .play-btn-icon {\r\n font-family: 'Jua', sans-serif;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n padding: 12px 25px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.2rem;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n pointer-events: none;\r\n }\r\n\r\n \/* TOMBOL PANAH NAVIGASI KIRI & KANAN *\/\r\n .nav-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 55px;\r\n height: 55px;\r\n border-radius: 50%;\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n z-index: 10;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n }\r\n\r\n .nav-arrow:hover {\r\n background: #ffe44d;\r\n transform: translateY(-50%) scale(1.1);\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n }\r\n\r\n .nav-arrow:active {\r\n transform: translateY(-50%) scale(0.95);\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .arrow-left {\r\n left: -25px;\r\n }\r\n\r\n .arrow-right {\r\n right: -25px;\r\n }\r\n\r\n \/* INDIKATOR DOTS *\/\r\n .dots-container {\r\n display: flex;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-top: 20px;\r\n }\r\n\r\n .dot {\r\n width: 18px;\r\n height: 18px;\r\n background: #ffffff;\r\n border: 2.5px solid #1a2d0d;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 2px 2px 0px #1a2d0d;\r\n }\r\n\r\n .dot.active {\r\n background: #ffd700;\r\n transform: scale(1.3);\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n }\r\n\r\n \/* MODAL POPUP PREVIEW VIDEO *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(26, 45, 13, 0.85);\r\n backdrop-filter: blur(8px);\r\n z-index: 9999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .modal-content {\r\n position: relative;\r\n width: 100%;\r\n max-width: 1000px;\r\n aspect-ratio: 16 \/ 9;\r\n background: #1a2d0d;\r\n border: 4px solid #ffffff;\r\n border-radius: 25px;\r\n box-shadow: 0 0 30px rgba(0,0,0,0.5);\r\n overflow: hidden;\r\n }\r\n\r\n .modal-content video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: -15px;\r\n right: -15px;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n z-index: 10000;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE *\/\r\n @media (max-width: 768px) {\r\n .arrow-left {\r\n left: -10px;\r\n }\r\n .arrow-right {\r\n right: -10px;\r\n }\r\n .nav-arrow {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 1.2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-gallery-wrapper\" id=\"gallery\">\r\n <section class=\"cactus-gallery-section\">\r\n \r\n <h2 class=\"gallery-title\">The Wildest Action Collection<\/h2>\r\n\r\n <div class=\"carousel-container\">\r\n \r\n <button class=\"nav-arrow arrow-left\" onclick=\"moveSlide(-1)\">❮<\/button>\r\n\r\n \r\n <div class=\"video-viewport\" onclick=\"openPreviewModal()\">\r\n \r\n <video class=\"video-slide active\" autoplay loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-4.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <video class=\"video-slide\" loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-5.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <video class=\"video-slide\" loop muted playsinline>\r\n <source src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/CACTUS-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n\r\n <div class=\"play-overlay\">\r\n <span class=\"play-btn-icon\">Click to Expand Preview \ud83d\udd0d<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button class=\"nav-arrow arrow-right\" onclick=\"moveSlide(1)\">❯<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"dots-container\">\r\n <span class=\"dot active\" onclick=\"currentSlide(0)\"><\/span>\r\n <span class=\"dot\" onclick=\"currentSlide(1)\"><\/span>\r\n <span class=\"dot\" onclick=\"currentSlide(2)\"><\/span>\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n \r\n <div class=\"video-modal\" id=\"videoModal\">\r\n <div class=\"modal-content\">\r\n <button class=\"close-modal\" onclick=\"closePreviewModal()\">\u2715<\/button>\r\n <video id=\"modalVideo\" controls autoplay style=\"width: 100%; height: 100%;\">\r\n <source id=\"modalVideoSource\" src=\"\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <script>\r\n let slideIndex = 0;\r\n const slides = document.querySelectorAll(\".video-slide\");\r\n const dots = document.querySelectorAll(\".dot\");\r\n\r\n function showSlide(index) {\r\n if (index >= slides.length) slideIndex = 0;\r\n if (index < 0) slideIndex = slides.length - 1;\r\n\r\n slides.forEach((slide, i) => {\r\n slide.classList.remove(\"active\");\r\n slide.pause(); \/\/ Hentikan video lain\r\n });\r\n\r\n dots.forEach(dot => dot.classList.remove(\"active\"));\r\n\r\n slides[slideIndex].classList.add(\"active\");\r\n slides[slideIndex].play(); \/\/ Jalankan video aktif\r\n dots[slideIndex].classList.add(\"active\");\r\n }\r\n\r\n function moveSlide(step) {\r\n slideIndex += step;\r\n showSlide(slideIndex);\r\n }\r\n\r\n function currentSlide(index) {\r\n slideIndex = index;\r\n showSlide(slideIndex);\r\n }\r\n\r\n \/* MODAL PREVIEW CONTROLLER *\/\r\n function openPreviewModal() {\r\n const activeVideoSrc = slides[slideIndex].querySelector(\"source\").src;\r\n const modal = document.getElementById(\"videoModal\");\r\n const modalVideo = document.getElementById(\"modalVideo\");\r\n const modalSource = document.getElementById(\"modalVideoSource\");\r\n\r\n modalSource.src = activeVideoSrc;\r\n modalVideo.load();\r\n modal.style.display = \"flex\";\r\n modalVideo.play();\r\n }\r\n\r\n function closePreviewModal() {\r\n const modal = document.getElementById(\"videoModal\");\r\n const modalVideo = document.getElementById(\"modalVideo\");\r\n\r\n modalVideo.pause();\r\n modal.style.display = \"none\";\r\n }\r\n\r\n \/\/ Tutup modal jika area di luar video diklik\r\n window.onclick = function(event) {\r\n const modal = document.getElementById(\"videoModal\");\r\n if (event.target === modal) {\r\n closePreviewModal();\r\n }\r\n };\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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-ad62cd7 e-flex e-con-boxed e-con e-parent\" data-id=\"ad62cd7\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-13c29a8 e-con-full e-flex e-con e-child\" data-id=\"13c29a8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26b7dcf elementor-widget elementor-widget-html\" data-id=\"26b7dcf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - How to Swap Section<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-swap-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-swap-section {\r\n background: transparent;\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .swap-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #71c038;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 35px;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* GRID LAYOUT KHUSUS 2 ATAS - 3 BAWAH *\/\r\n .steps-grid-layout {\r\n display: grid;\r\n grid-template-columns: repeat(6, 1fr); \/* Split 6 Kolom Grid untuk Keseimbangan *\/\r\n gap: 22px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* KARTU LANGKAH KARTUN VECTOR *\/\r\n .step-card {\r\n background: rgba(255, 255, 255, 0.95);\r\n backdrop-filter: blur(6px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 28px;\r\n padding: 26px 22px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n text-align: left;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n cursor: pointer;\r\n }\r\n\r\n .step-card:hover {\r\n transform: translateY(-8px) scale(1.02) rotate(-1deg);\r\n box-shadow: 10px 12px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* FORMATION SPAN (2 ATAS - 3 BAWAH) *\/\r\n \/* Baris 1: 2 Kartu (Masing-masing selebar 3 kolom grid) *\/\r\n .step-card-top {\r\n grid-column: span 3;\r\n }\r\n\r\n \/* Baris 2: 3 Kartu (Masing-masing selebar 2 kolom grid) *\/\r\n .step-card-bottom {\r\n grid-column: span 2;\r\n }\r\n\r\n \/* NOMOR LANGKAH ICON CIRCLE *\/\r\n .step-num {\r\n font-family: 'Rammetto One', cursive;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 3.5px solid #1a2d0d;\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.35rem;\r\n margin-bottom: 16px;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n transition: transform 0.25s ease;\r\n }\r\n\r\n .step-card:hover .step-num {\r\n transform: scale(1.1) rotate(5deg);\r\n background: #ffe44d;\r\n }\r\n\r\n \/* JUDUL LANGKAH *\/\r\n .step-title {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.3rem;\r\n color: #3a7516;\r\n margin-bottom: 8px;\r\n line-height: 1.25;\r\n }\r\n\r\n \/* DESKRIPSI LANGKAH *\/\r\n .step-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK TABLET (2 KOLOM) *\/\r\n @media (max-width: 992px) {\r\n .steps-grid-layout {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .step-card-top, .step-card-bottom {\r\n grid-column: span 1;\r\n }\r\n \/* Kartu ke-5 mengambil posisi penuh di tablet jika ganjil *\/\r\n .step-card-bottom:last-child {\r\n grid-column: span 2;\r\n }\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE (1 KOLOM) *\/\r\n @media (max-width: 650px) {\r\n .steps-grid-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .step-card-top, .step-card-bottom, .step-card-bottom:last-child {\r\n grid-column: span 1;\r\n }\r\n\r\n .step-card {\r\n align-items: center;\r\n text-align: center;\r\n padding: 24px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-swap-wrapper\" id=\"swap\">\r\n <section class=\"cactus-swap-section\">\r\n \r\n <h2 class=\"swap-title\">Fast Track to Secure the Pot<\/h2>\r\n\r\n <div class=\"steps-grid-layout\">\r\n \r\n \r\n \r\n <div class=\"step-card step-card-top\">\r\n <div class=\"step-num\">1<\/div>\r\n <h3 class=\"step-title\">Get a Solana Wallet<\/h3>\r\n <p class=\"step-desc\">\r\n Download Phantom, Solflare, or your favorite crypto wallet to get ready on Solana.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-top\">\r\n <div class=\"step-num\">2<\/div>\r\n <h3 class=\"step-title\">Load Up Some SOL<\/h3>\r\n <p class=\"step-desc\">\r\n Buy and transfer SOL to your wallet to cover the token swap and network gas fees.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">3<\/div>\r\n <h3 class=\"step-title\">Copy $CACTUS CA<\/h3>\r\n <p class=\"step-desc\">\r\n Grab the official Smart Contract Address directly from the hero section box.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">4<\/div>\r\n <h3 class=\"step-title\">Pump.fun \/ DEX Swap<\/h3>\r\n <p class=\"step-desc\">\r\n Connect to Pump.fun, PumpSwap, or Raydium, paste the CA, and swap your SOL for $CACTUS!\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"step-card step-card-bottom\">\r\n <div class=\"step-num\">5<\/div>\r\n <h3 class=\"step-title\">Track on Live Chart<\/h3>\r\n <p class=\"step-desc\">\r\n Watch the chart live on DexScreener or Dextools and hold tight in your digital pot.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-01454ac e-con-full e-flex e-con e-child\" data-id=\"01454ac\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d2664c elementor-widget elementor-widget-html\" data-id=\"9d2664c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Tokenomics Section Integrated<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-tok-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 40px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER TRANSPARAN *\/\r\n .cactus-tok-section {\r\n background: transparent;\r\n position: relative;\r\n }\r\n\r\n \/* JUDUL SECTION *\/\r\n .tok-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n color: #54b4f8;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #ffffff, 2px -2px 0px #ffffff, -2px 2px 0px #ffffff;\r\n margin-bottom: 35px;\r\n text-align: center;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n \/* KARTU UTAMA BIODATA & CHARACTER MENYATU *\/\r\n .biodata-main-card {\r\n background: rgba(255, 255, 255, 0.94);\r\n backdrop-filter: blur(8px);\r\n border: 4px solid #1a2d0d;\r\n border-radius: 35px;\r\n padding: 35px 40px;\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .biodata-main-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 10px 10px 0px #1a2d0d;\r\n }\r\n\r\n \/* HEADLINE BIODATA HEADER *\/\r\n .biodata-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-bottom: 3.5px dashed #1a2d0d;\r\n padding-bottom: 18px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .biodata-badge {\r\n font-family: 'Rammetto One', cursive;\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n border: 2.5px solid #1a2d0d;\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.95rem;\r\n box-shadow: 3px 3px 0px #1a2d0d;\r\n }\r\n\r\n .biodata-title-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.5rem;\r\n color: #3a7516;\r\n }\r\n\r\n \/* LAYOUT GRID INTERNAL (BIODATA KIRI & MASCOT BESAR KANAN) *\/\r\n .biodata-content-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 40px;\r\n align-items: center;\r\n }\r\n\r\n \/* LIST RINCIAN BIODATA *\/\r\n .biodata-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .biodata-item {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff8e7;\r\n border: 3px solid #1a2d0d;\r\n border-radius: 20px;\r\n padding: 14px 22px;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n transition: transform 0.2s ease, background 0.2s ease;\r\n }\r\n\r\n .biodata-item:hover {\r\n transform: scale(1.02) rotate(-0.5deg);\r\n background: #ffffff;\r\n }\r\n\r\n .label-text {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1.2rem;\r\n color: #555;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .value-text {\r\n font-family: 'Rammetto One', cursive;\r\n font-size: 1.3rem;\r\n color: #3a7516;\r\n text-align: right;\r\n }\r\n\r\n \/* ANIMASI WIGGLE SUTIL UNTUK KARAKTER BESAR *\/\r\n @keyframes floatBigMascot {\r\n 0% { transform: translateY(0px) scale(1) rotate(0deg); }\r\n 50% { transform: translateY(-10px) scale(1.03) rotate(1.5deg); }\r\n 100% { transform: translateY(0px) scale(1) rotate(0deg); }\r\n }\r\n\r\n \/* KARAKTER MASCOT GIF BESAR (TANPA BINGKAI CARD) *\/\r\n .big-mascot-container {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .big-mascot-gif {\r\n width: 100%;\r\n height: auto;\r\n max-height: 440px; \/* Ukuran Lebih Besar *\/\r\n object-fit: contain;\r\n display: block;\r\n filter: drop-shadow(4px 6px 0px #1a2d0d); \/* Bayangan Kartun Langsung pada GIF *\/\r\n animation: floatBigMascot 4s ease-in-out infinite;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK TABLET & MOBILE *\/\r\n @media (max-width: 900px) {\r\n .biodata-main-card {\r\n padding: 25px 20px;\r\n }\r\n\r\n .biodata-content-grid {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .biodata-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 6px;\r\n }\r\n\r\n .value-text {\r\n align-self: flex-end;\r\n }\r\n\r\n .big-mascot-gif {\r\n max-height: 320px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-tok-wrapper\" id=\"tokenomics\">\r\n <section class=\"cactus-tok-section\">\r\n \r\n <h2 class=\"tok-title\">Token Fundamentals<\/h2>\r\n\r\n \r\n <div class=\"biodata-main-card\">\r\n \r\n <div class=\"biodata-header\">\r\n <span class=\"biodata-title-text\">Official Token Profile<\/span>\r\n <span class=\"biodata-badge\">VERIFIED<\/span>\r\n <\/div>\r\n\r\n <div class=\"biodata-content-grid\">\r\n \r\n \r\n <ul class=\"biodata-list\">\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83c\udff7\ufe0f Token Name<\/span>\r\n <span class=\"value-text\">CACTUS<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udccc Ticker<\/span>\r\n <span class=\"value-text\">$CACTUS<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83c\udf10 Network<\/span>\r\n <span class=\"value-text\" style=\"color: #54b4f8;\">SOLANA<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udcb0 Total Supply<\/span>\r\n <span class=\"value-text\">1,000,000,000<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\u26a1 Buy \/ Sell Tax<\/span>\r\n <span class=\"value-text\" style=\"color: #71c038;\">0% \/ 0%<\/span>\r\n <\/li>\r\n\r\n \r\n <li class=\"biodata-item\">\r\n <span class=\"label-text\">\ud83d\udd25 Liquidity<\/span>\r\n <span class=\"value-text\" style=\"color: #e74c3c;\">100% BURNED<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <div class=\"big-mascot-container\">\r\n <img decoding=\"async\" src=\"https:\/\/littlecactus.fun\/wp-content\/uploads\/2026\/08\/ASET-CACTUS.gif\" alt=\"CACTUS Big Mascot\" class=\"big-mascot-gif\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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-eee3192 e-flex e-con-boxed e-con e-parent\" data-id=\"eee3192\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/littlecactus.fun\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/HERO-CACTUS1.mp4","background_play_on_mobile":"yes"}\">\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-8de1709 e-con-full e-flex e-con e-child\" data-id=\"8de1709\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25a12e2 elementor-widget elementor-widget-html\" data-id=\"25a12e2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>$CACTUS - Join Us Section Balanced<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&family=Rammetto+One&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n *, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Pembungkus Transparan Khusus WordPress *\/\r\n .cactus-join-wrapper {\r\n width: 100%;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n background: transparent;\r\n padding: 30px 15px 15px 15px;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* CONTAINER HERO STYLE TRANSPARAN *\/\r\n .cactus-join-section {\r\n background: transparent;\r\n border: none;\r\n box-shadow: none;\r\n padding: 20px 0 0 0;\r\n position: relative;\r\n }\r\n\r\n \/* LAYOUT 3 KOLOM GRID (KIRI - KOSONG TENGAH - KANAN) *\/\r\n .join-hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 280px 1.1fr; \/* Space Tengah Dibiarkan Kosong untuk Karakter Terompet *\/\r\n gap: 25px;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n \/* KOLOM KIRI: JUDUL & PESAN KOMUNITAS PRESISI *\/\r\n .join-left {\r\n text-align: left;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n z-index: 2;\r\n width: 100%;\r\n }\r\n\r\n .join-title {\r\n font-family: 'Rammetto One', cursive; \/* RAMMETTO ONE MEDIUM *\/\r\n font-size: clamp(2rem, 3.2vw, 2.8rem);\r\n color: #ffffff;\r\n text-shadow: 4px 4px 0px #1a2d0d, -2px -2px 0px #1a2d0d, 2px -2px 0px #1a2d0d, -2px 2px 0px #1a2d0d;\r\n margin-bottom: 18px;\r\n line-height: 1.15;\r\n transform: rotate(-0.5deg);\r\n }\r\n\r\n .join-desc {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n font-size: 1.15rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(6px);\r\n padding: 20px 22px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 25px;\r\n box-shadow: 6px 6px 0px #1a2d0d;\r\n line-height: 1.5;\r\n margin-bottom: 18px;\r\n width: 100%;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n }\r\n\r\n .join-desc:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 8px 8px 0px #1a2d0d;\r\n background: #ffffff;\r\n }\r\n\r\n \/* KOTAK FEATURE HIGHLIGHT (PENYEIMBANG PRESISI KOLOM KIRI) *\/\r\n .community-features {\r\n font-family: 'Jua', sans-serif;\r\n background: rgba(255, 248, 231, 0.94);\r\n backdrop-filter: blur(6px);\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 22px;\r\n padding: 16px 20px;\r\n box-shadow: 5px 5px 0px #1a2d0d;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 1.05rem;\r\n color: #1a2d0d;\r\n }\r\n\r\n \/* AREA TENGAH KOSONG KHUSUS CHARACTER BG *\/\r\n .join-center-spacer {\r\n pointer-events: none;\r\n min-height: 380px;\r\n }\r\n\r\n \/* KOLOM KANAN: GROUP TOMBOL SOSIAL MEDIA & SWAP *\/\r\n .join-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n width: 100%;\r\n z-index: 2;\r\n }\r\n\r\n \/* TOMBOL KARTUN HOVER MANTUL *\/\r\n .cartoon-btn-social {\r\n font-family: 'Jua', sans-serif; \/* JUA NORMAL *\/\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 14px 24px;\r\n border: 3.5px solid #1a2d0d;\r\n border-radius: 50px;\r\n font-size: 1.15rem;\r\n text-decoration: none;\r\n box-shadow: 5px 5px 0px #1a2d0d;\r\n transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n user-select: none;\r\n width: 100%;\r\n }\r\n\r\n .cartoon-btn-social:hover {\r\n transform: translateY(-4px) scale(1.03) rotate(-1deg);\r\n box-shadow: 7px 8px 0px #1a2d0d !important;\r\n }\r\n\r\n .cartoon-btn-social:active {\r\n transform: translateY(2px) scale(0.97);\r\n box-shadow: 2px 2px 0px #1a2d0d !important;\r\n }\r\n\r\n \/* VARIAN WARNA TOMBOL *\/\r\n .btn-x {\r\n background: #ffffff;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-telegram {\r\n background: #54b4f8;\r\n color: #ffffff;\r\n }\r\n\r\n .btn-chart {\r\n background: #ffd700;\r\n color: #1a2d0d;\r\n }\r\n\r\n .btn-swap {\r\n background: #71c038;\r\n color: #ffffff;\r\n }\r\n\r\n \/* COPYRIGHT BARIS TENGAH BAWAH *\/\r\n .copyright-bottom {\r\n font-family: 'Jua', sans-serif;\r\n font-size: 1rem;\r\n color: #1a2d0d;\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(4px);\r\n border: 3px solid #1a2d0d;\r\n border-radius: 20px;\r\n padding: 10px 24px;\r\n margin-top: 35px;\r\n text-align: center;\r\n box-shadow: 4px 4px 0px #1a2d0d;\r\n display: inline-block;\r\n }\r\n\r\n .copyright-container {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n\r\n \/* RESPONSIVE UNTUK MOBILE & TABLET *\/\r\n @media (max-width: 1024px) {\r\n .join-hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .join-center-spacer {\r\n display: none; \/* Sembunyikan space kosong di HP agar konten rapat *\/\r\n }\r\n\r\n .join-left {\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .cartoon-btn-social {\r\n padding: 12px 20px;\r\n font-size: 1.1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"cactus-join-wrapper\" id=\"join\">\r\n <section class=\"cactus-join-section\">\r\n <div class=\"join-hero-grid\">\r\n \r\n \r\n <div class=\"join-left\">\r\n <h1 class=\"join-title\">JOIN THE $CACTUS ARMY<\/h1>\r\n\r\n <p class=\"join-desc\">\r\n Ready to ride the green hype on Solana? Hop in, share the memes, and grow strong together in our official community!\r\n <\/p>\r\n\r\n \r\n <div class=\"community-features\">\r\n <div class=\"feature-item\">\r\n <span>\ud83c\udf35<\/span> <strong>Daily Memes & Non-Stop Hype<\/strong>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span>\u26a1<\/span> <strong>100% Community Driven Vibe<\/strong>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <span>\ud83d\ude80<\/span> <strong>Strongest Thorny Army on Solana<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"join-center-spacer\"><\/div>\r\n\r\n \r\n <div class=\"join-right\">\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-x\">\r\n <span>Twitter \/ X<\/span>\r\n <span>\ud83d\ude80<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-telegram\">\r\n <span>Telegram HQ<\/span>\r\n <span>\u2708\ufe0f<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-chart\">\r\n <span>Live Chart<\/span>\r\n <span>\ud83d\udcca<\/span>\r\n <\/a>\r\n\r\n \r\n <a href=\"YOUR-LINK\" target=\"_blank\" class=\"cartoon-btn-social btn-swap\">\r\n <span>Swap Now<\/span>\r\n <span>\u26a1<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"copyright-container\">\r\n <div class=\"copyright-bottom\">\r\n \u00a9 2026 $CACTUS. All Rights Reserved. Built on Solana \ud83c\udf35\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\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>$CACTUS – Nav Header $CACTUS The Vibe Gallery How to Swap Tokenomics Buy $CACTUS $CACTUS – Hero Section Copy CA Accurate THE THORNY KING OF SOLANA COMING SOON Copy CA Growing chill inside a simple clay pot, standing strong amid the Solana hustle. Ready to spread laughs, positive vibes, and non-stop hype across the entire […]<\/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:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":13,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/littlecactus.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/littlecactus.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}