{"id":8,"date":"2026-02-19T21:44:37","date_gmt":"2026-02-19T21:44:37","guid":{"rendered":"https:\/\/mitsubachihutch.fun\/?page_id=8"},"modified":"2026-02-20T04:08:27","modified_gmt":"2026-02-20T04:08:27","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/mitsubachihutch.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bbd888 e-flex e-con-boxed e-con e-parent\" data-id=\"8bbd888\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;http:\\\/\\\/mitsubachihutch.fun\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/HUTCH-BG-HEAD.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-d1d7c44 e-con-full e-flex e-con e-child\" data-id=\"d1d7c44\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36efd54 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"36efd54\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/mitsubachihutch.fun\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/x.com\/h0neybee_hutch\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">TWITTER<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/t.me\/honeybee_hutch\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">TELEGRAM<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1958b5 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"a1958b5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-5-1024x539.png\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-5-1024x539.png 1024w, https:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-5-300x158.png 300w, https:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-5-768x404.png 768w, https:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-5.png 1231w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-add87b7 elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"add87b7\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dexscreener.com\/solana\/2MZsSPsJBkiaqy9c8e7Gah3Ncrm5YfSAd9sgx6q9pump\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">LIVE CHART<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/swap.pump.fun\/?input=So11111111111111111111111111111111111111112&#038;output=2MZsSPsJBkiaqy9c8e7Gah3Ncrm5YfSAd9sgx6q9pump\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SWAP NOW<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-021e19c elementor-widget elementor-widget-spacer\" data-id=\"021e19c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b970907 elementor-widget elementor-widget-html\" data-id=\"b970907\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  \/* Container utama untuk efek particle *\/\r\n  #hive-particles {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    pointer-events: none; \/* Penting: agar efek tidak menghalangi klik pada tombol di bawahnya *\/\r\n    z-index: 2; \/* Melayang di atas semua elemen *\/\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Base styling untuk semua particle *\/\r\n  .floating-particle {\r\n    position: absolute;\r\n    top: 110vh; \/* Mulai dari bawah layar agar tidak tiba-tiba muncul *\/\r\n    animation-name: floatUp;\r\n    animation-timing-function: linear;\r\n    animation-iteration-count: infinite;\r\n  }\r\n\r\n  \/* Styling khusus Lebah *\/\r\n  .bee-particle {\r\n    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.2));\r\n  }\r\n\r\n  \/* Inner div untuk membuat lebah bergerak goyang ke kiri dan kanan *\/\r\n  .bee-wobble {\r\n    display: inline-block;\r\n    animation: wobble 3s ease-in-out infinite alternate;\r\n  }\r\n\r\n  \/* Styling khusus Titik Emas (Gold Dot) *\/\r\n  .gold-dot-particle {\r\n    border-radius: 50%;\r\n    background-color: #ffeb3b;\r\n    box-shadow: 0 0 6px #ffeb3b, 0 0 12px #ffca28; \/* Efek menyala (glow) *\/\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Animasi melayang ke atas *\/\r\n  @keyframes floatUp {\r\n    0% {\r\n      transform: translateY(0) translateX(0) scale(0.8);\r\n      opacity: 0;\r\n    }\r\n    10% { opacity: 1; }\r\n    90% { opacity: 1; }\r\n    100% {\r\n      \/* var(--drift) disuntikkan lewat JS agar arah terbangnya acak ke kiri\/kanan *\/\r\n      transform: translateY(-120vh) translateX(var(--drift)) scale(1.2);\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  \/* Animasi goyang untuk lebah *\/\r\n  @keyframes wobble {\r\n    0% { transform: translateX(-15px) rotate(-15deg); }\r\n    100% { transform: translateX(15px) rotate(15deg); }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"hive-particles\"><\/div>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    const particleContainer = document.getElementById('hive-particles');\r\n    \r\n    \/\/ Konfigurasi jumlah particle (Bisa disesuaikan jika kurang\/lebih)\r\n    const beeCount = 7; \r\n    const goldDotCount = 20;\r\n\r\n    \/\/ Fungsi acak angka\r\n    const random = (min, max) => Math.random() * (max - min) + min;\r\n\r\n    \/\/ 1. Membuat Lebah\r\n    for (let i = 0; i < beeCount; i++) {\r\n      let bee = document.createElement('div');\r\n      bee.className = 'floating-particle bee-particle';\r\n      \r\n      \/\/ Ukuran, posisi awal, dan durasi terbang yang diacak\r\n      bee.style.left = `${random(0, 100)}vw`;\r\n      bee.style.fontSize = `${random(20, 35)}px`; \/\/ Ukuran emoji lebah\r\n      bee.style.animationDuration = `${random(15, 25)}s`; \/\/ Kecepatan terbang (makin besar makin lambat)\r\n      bee.style.animationDelay = `-${random(0, 20)}s`; \/\/ Delay negatif agar saat web dibuka, lebah sudah ada di layar\r\n      \r\n      \/\/ Menentukan seberapa jauh lebah menyimpang ke kiri\/kanan saat terbang\r\n      bee.style.setProperty('--drift', `${random(-40, 40)}vw`);\r\n\r\n      \/\/ Memasukkan emoji dengan animasi goyang (wobble)\r\n      let innerBee = document.createElement('span');\r\n      innerBee.className = 'bee-wobble';\r\n      innerBee.innerHTML = '\ud83d\udc1d';\r\n      innerBee.style.animationDelay = `-${random(0, 5)}s`; \/\/ Agar goyangan tiap lebah tidak kompak\r\n      \r\n      bee.appendChild(innerBee);\r\n      particleContainer.appendChild(bee);\r\n    }\r\n\r\n    \/\/ 2. Membuat Titik Emas (Gold Dots)\r\n    for (let i = 0; i < goldDotCount; i++) {\r\n      let dot = document.createElement('div');\r\n      dot.className = 'floating-particle gold-dot-particle';\r\n      \r\n      let size = random(3, 7); \/\/ Ukuran titik 3px - 7px\r\n      dot.style.width = `${size}px`;\r\n      dot.style.height = `${size}px`;\r\n      dot.style.left = `${random(0, 100)}vw`;\r\n      \r\n      dot.style.animationDuration = `${random(10, 20)}s`;\r\n      dot.style.animationDelay = `-${random(0, 15)}s`;\r\n      dot.style.setProperty('--drift', `${random(-20, 20)}vw`);\r\n      \r\n      particleContainer.appendChild(dot);\r\n    }\r\n  });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-084deb9 e-con-full e-flex e-con e-child\" data-id=\"084deb9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bfa798 elementor-widget elementor-widget-heading\" data-id=\"9bfa798\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.23.0 - 05-08-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">$HUTCH<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54bb10f elementor-widget elementor-widget-html\" data-id=\"54bb10f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  \/* Import Font Single Day dari Google Fonts *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Single+Day&display=swap');\r\n\r\n  .ca-button-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 10px;\r\n  }\r\n\r\n  .ca-3d-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    background-color: #fff849; \/* Warna fill *\/\r\n    color: #ff2e06; \/* Warna text menyesuaikan outline *\/\r\n    font-family: 'Single Day', cursive;\r\n    font-size: 24px; \/* Ukuran font bisa disesuaikan *\/\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 15px 30px;\r\n    border-radius: 50px; \/* Bentuk membulat *\/\r\n    border: 4px solid #ff2e06; \/* Outline tebal *\/\r\n    box-shadow: 6px 6px 0px #ff2e06; \/* Efek 3D shadow *\/\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.15s ease-in-out;\r\n    max-width: 100%;\r\n    word-break: break-all; \/* Memastikan CA panjang tidak merusak layout *\/\r\n    user-select: none;\r\n  }\r\n\r\n  \/* Efek ketika tombol ditekan (3D masuk ke dalam) *\/\r\n  .ca-3d-btn:active {\r\n    box-shadow: 0px 0px 0px #ff2e06;\r\n    transform: translate(6px, 6px);\r\n  }\r\n\r\n  \/* Efek Berkilau (Glint\/Shine) *\/\r\n  .ca-3d-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -150%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      to right, \r\n      rgba(255, 255, 255, 0) 0%, \r\n      rgba(255, 255, 255, 0.8) 50%, \r\n      rgba(255, 255, 255, 0) 100%\r\n    );\r\n    transform: skewX(-25deg);\r\n    animation: shine 3s infinite;\r\n    pointer-events: none; \/* Agar kilauan tidak menutupi klik *\/\r\n  }\r\n\r\n  @keyframes shine {\r\n    0% { left: -150%; }\r\n    20% { left: 200%; }\r\n    100% { left: 200%; }\r\n  }\r\n\r\n  .ca-text {\r\n    line-height: 1;\r\n    margin-top: 5px; \/* Menyesuaikan baseline font Single Day *\/\r\n  }\r\n\r\n  .ca-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: none;\r\n    stroke: #ff2e06;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    flex-shrink: 0;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  \/* Animasi icon saat dihover *\/\r\n  .ca-3d-btn:hover .ca-icon {\r\n    transform: scale(1.1);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"ca-button-wrapper\">\r\n  <div class=\"ca-3d-btn\" onclick=\"copyMyCA()\" id=\"ca-btn\">\r\n    <span class=\"ca-text\" id=\"ca-value\">2MZsSPsJBkiaqy9c8e7Gah3Ncrm5YfSAd9sgx6q9pump<\/span>\r\n    <svg class=\"ca-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect>\r\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function copyMyCA() {\r\n    \/\/ Ambil text CA\r\n    const caTextElement = document.getElementById(\"ca-value\");\r\n    const caText = caTextElement.innerText;\r\n    \r\n    \/\/ Original CA untuk dikembalikan setelah dicopy\r\n    const originalCA = caTextElement.getAttribute('data-original') || caText;\r\n    \r\n    \/\/ Cek jika sedang menampilkan \"COPIED!\", jangan dicopy ulang\r\n    if(caText === \"COPIED!\") return;\r\n\r\n    \/\/ Simpan CA asli ke attribute data (hanya sekali)\r\n    if (!caTextElement.hasAttribute('data-original')) {\r\n      caTextElement.setAttribute('data-original', originalCA);\r\n    }\r\n\r\n    \/\/ Proses Copy ke Clipboard\r\n    navigator.clipboard.writeText(originalCA).then(() => {\r\n      \/\/ Ubah text sementara jadi COPIED! sebagai indikator sukses\r\n      caTextElement.innerText = \"COPIED!\";\r\n      \r\n      \/\/ Kembalikan ke text CA semula setelah 2 detik\r\n      setTimeout(() => {\r\n        caTextElement.innerText = originalCA;\r\n      }, 2000);\r\n    }).catch(err => {\r\n      console.error('Gagal mengcopy CA: ', err);\r\n    });\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c761cc elementor-widget elementor-widget-spacer\" data-id=\"6c761cc\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-aff85c6 e-flex e-con-boxed e-con e-parent\" data-id=\"aff85c6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4825342 elementor-widget elementor-widget-spacer\" data-id=\"4825342\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc218a8 e-con-full e-flex e-con e-child\" data-id=\"bc218a8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a023cf elementor-widget elementor-widget-html\" data-id=\"3a023cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  \/* Import Font Single Day *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Single+Day&display=swap');\r\n\r\n  \/* Wrapper utama section *\/\r\n  .about-section-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 100px 20px; \/* Padding besar agar gambar yang keluar batas tidak terpotong *\/\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* Card Kuning 3D *\/\r\n  .about-card-3d {\r\n    background: linear-gradient(135deg, #ffeb3b 0%, #ffca28 100%); \/* Efek gradasi halus *\/\r\n    border: 5px solid #ff2e06;\r\n    border-radius: 40px;\r\n    box-shadow: 15px 15px 0px #ff2e06; \/* Efek 3D shadow *\/\r\n    display: flex;\r\n    align-items: center;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    position: relative;\r\n    margin-left: 150px; \/* Space agar gambar di kiri bisa keluar dari box *\/\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Efek melayang saat card di-hover *\/\r\n  .about-card-3d:hover {\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  \/* Karakter Lebah *\/\r\n  .about-character-img {\r\n    position: absolute;\r\n    left: -280px; \/* Menarik gambar keluar dari card ke sebelah kiri *\/\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 550px;\r\n    z-index: 2;\r\n    filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.4)); \/* Bayangan karakter *\/\r\n    animation: floatAnim 4s ease-in-out infinite; \/* Animasi melayang *\/\r\n    pointer-events: none; \/* Agar klik tembus ke bawahnya *\/\r\n  }\r\n\r\n  \/* Kontainer Teks *\/\r\n  .about-content-box {\r\n    margin-left: 270px; \/* Mendorong teks ke kanan agar tidak tertutup gambar *\/\r\n    padding: 50px 60px 50px 0;\r\n    font-family: 'Single Day', cursive;\r\n    color: #000;\r\n    text-transform: uppercase; \/* Memaksa semua teks jadi huruf besar *\/\r\n  }\r\n\r\n  \/* Judul *\/\r\n  .about-content-box h2 {\r\n    font-size: 64px;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  \/* Paragraf *\/\r\n  .about-content-box p {\r\n    font-size: 24px;\r\n    line-height: 1.2;\r\n    margin: 0;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* Keyframe Animasi Melayang *\/\r\n  @keyframes floatAnim {\r\n    0% { transform: translateY(-50%); }\r\n    50% { transform: translateY(-55%); }\r\n    100% { transform: translateY(-50%); }\r\n  }\r\n\r\n  \/* Responsive Design untuk Tablet & HP *\/\r\n  @media (max-width: 1024px) {\r\n    .about-card-3d {\r\n      margin-left: 100px;\r\n    }\r\n    .about-character-img {\r\n      left: -200px;\r\n      width: 450px;\r\n    }\r\n    .about-content-box {\r\n      margin-left: 220px;\r\n      padding: 40px 40px 40px 0;\r\n    }\r\n    .about-content-box h2 {\r\n      font-size: 50px;\r\n    }\r\n    .about-content-box p {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .about-section-wrapper {\r\n      padding: 150px 20px 50px 20px;\r\n    }\r\n    .about-card-3d {\r\n      flex-direction: column;\r\n      margin-left: 0;\r\n      text-align: center;\r\n      box-shadow: 10px 10px 0px #ff2e06;\r\n    }\r\n    .about-character-img {\r\n      left: 50%;\r\n      top: auto;\r\n      bottom: 80%; \/* Memindahkan gambar ke atas card *\/\r\n      transform: translateX(-50%);\r\n      width: 350px;\r\n    }\r\n    \/* Animasi float khusus mode mobile *\/\r\n    @keyframes floatAnimMobile {\r\n      0% { transform: translate(-50%, 0); }\r\n      50% { transform: translate(-50%, -15px); }\r\n      100% { transform: translate(-50%, 0); }\r\n    }\r\n    .about-character-img {\r\n      animation: floatAnimMobile 4s ease-in-out infinite;\r\n    }\r\n    .about-content-box {\r\n      margin-left: 0;\r\n      padding: 120px 30px 40px 30px; \/* Padding atas ditambahkan agar teks tidak tertabrak gambar *\/\r\n    }\r\n    .about-content-box h2 {\r\n      font-size: 40px;\r\n    }\r\n    .about-content-box p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"about-section-wrapper\">\r\n  <div class=\"about-card-3d\">\r\n    <img decoding=\"async\" src=\"http:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-7.png\" alt=\"Bee Mascot\" class=\"about-character-img\">\r\n    \r\n    <div class=\"about-content-box\">\r\n      <h2>A Tiny Bee. A Big World. An Endless Adventure.<\/h2>\r\n      <p>\r\n        In a meadow full of giants, one little bee chose to fly higher.\r\n\r\n\u307f\u3064\u3070\u3061\u30cf\u30c3\u30c1 is a story reborn \u2014 inspired by the wandering spirit of a small honeybee who refused to stay lost. Instead of fear, he chose curiosity. Instead of giving up, he kept flying.\r\n\r\n$HUTCH is for the explorers.\r\nFor the believers.\r\nFor the ones who keep moving forward.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32887bf elementor-widget elementor-widget-spacer\" data-id=\"32887bf\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-8b3caa6 e-flex e-con-boxed e-con e-parent\" data-id=\"8b3caa6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b99101c elementor-widget elementor-widget-spacer\" data-id=\"b99101c\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f03af75 e-con-full e-flex e-con e-child\" data-id=\"f03af75\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a6fd8e elementor-widget elementor-widget-html\" data-id=\"1a6fd8e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  \/* Import Font Single Day *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Single+Day&display=swap');\r\n\r\n  \/* Wrapper utama section *\/\r\n  .story-section-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 50px 20px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Container flex untuk layout Kiri (Teks) & Kanan (Gambar) *\/\r\n  .story-container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    max-width: 1000px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Bagian Kiri (Judul & Cards) *\/\r\n  .story-content-left {\r\n    width: 60%;\r\n    z-index: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px; \/* Jarak antar card *\/\r\n  }\r\n\r\n  \/* Judul Utama *\/\r\n  .story-title {\r\n    font-family: 'Single Day', cursive;\r\n    font-size: 64px;\r\n    font-weight: 700;\r\n    margin: 0 0 10px 0;\r\n    color: #ffffff;\r\n    text-shadow: 5px 5px 0px rgba(0, 0, 0, 1);\r\n    letter-spacing: 2px;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Styling untuk Card 3D *\/\r\n  .story-card {\r\n    background: linear-gradient(135deg, #ffeb3b 0%, #ffca28 100%);\r\n    border: 4px solid #ff2e06;\r\n    border-radius: 25px;\r\n    box-shadow: 10px 10px 0px #ff2e06;\r\n    padding: 25px 35px;\r\n    font-family: 'Single Day', cursive;\r\n    text-transform: uppercase;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n\r\n  \/* Animasi hover pada Card *\/\r\n  .story-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 10px 15px 0px #ff2e06;\r\n  }\r\n\r\n  \/* Heading di dalam Card *\/\r\n  .story-card h3 {\r\n    font-size: 32px;\r\n    color: #ff2e06;\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  \/* Paragraf di dalam Card *\/\r\n  .story-card p {\r\n    font-size: 22px;\r\n    color: #000;\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    font-weight: bold;\r\n  }\r\n\r\n  \/* Bagian Kanan (Gambar Karakter) *\/\r\n  .story-character-right {\r\n    position: absolute;\r\n    right: -120px; \/* Menarik gambar agar keluar dari batas container di kanan *\/\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 550px; \/* Ukuran gambar *\/\r\n    z-index: 2;\r\n    filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.4));\r\n    animation: floatBeeStory 4s ease-in-out infinite;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Keyframe Animasi Melayang (Desktop) *\/\r\n  @keyframes floatBeeStory {\r\n    0% { transform: translateY(-50%); }\r\n    50% { transform: translateY(-55%); }\r\n    100% { transform: translateY(-50%); }\r\n  }\r\n\r\n  \/* Responsive Design - Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .story-content-left {\r\n      width: 65%;\r\n    }\r\n    .story-character-right {\r\n      width: 450px;\r\n      right: -80px;\r\n    }\r\n    .story-title {\r\n      font-size: 54px;\r\n    }\r\n    .story-card h3 {\r\n      font-size: 28px;\r\n    }\r\n    .story-card p {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  \/* Responsive Design - Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .story-section-wrapper {\r\n      padding: 60px 20px;\r\n    }\r\n    .story-container {\r\n      flex-direction: column; \/* Mengubah arah menjadi atas-bawah *\/\r\n      align-items: center;\r\n    }\r\n    .story-content-left {\r\n      width: 100%;\r\n      text-align: center; \/* Judul ke tengah di mobile *\/\r\n    }\r\n    .story-card {\r\n      text-align: left; \/* Teks di card tetap rata kiri *\/\r\n      box-shadow: 8px 8px 0px #ff2e06;\r\n      padding: 20px;\r\n    }\r\n    .story-character-right {\r\n      position: relative;\r\n      right: auto;\r\n      top: auto;\r\n      transform: none;\r\n      width: 380px;\r\n      margin-top: -40px; \/* Agar gambar sedikit menimpa card terbawah *\/\r\n      animation: floatBeeStoryMobile 4s ease-in-out infinite;\r\n    }\r\n\r\n    \/* Keyframe Animasi Melayang (Mobile) *\/\r\n    @keyframes floatBeeStoryMobile {\r\n      0% { transform: translateY(0); }\r\n      50% { transform: translateY(-15px); }\r\n      100% { transform: translateY(0); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"story-section-wrapper\">\r\n  <div class=\"story-container\">\r\n    \r\n    <div class=\"story-content-left\">\r\n      <h2 class=\"story-title\">THE STORY<\/h2>\r\n      \r\n      <div class=\"story-card\">\r\n        <h3>THE FIRST FLIGHT<\/h3>\r\n        <p>IN A SUNLIT FIELD, A YOUNG BEE OPENED HIS WINGS AND SAW A WORLD BIGGER THAN HIS HIVE. HE DIDN\u2019T KNOW WHERE THE WIND WOULD TAKE HIM. HE ONLY KNEW HE HAD TO FLY.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"story-card\">\r\n        <h3>THE JOURNEY<\/h3>\r\n        <p>ACROSS FORESTS AND GOLDEN VALLEYS, HATCHI FOUND MORE THAN A DESTINATION \u2014 HE FOUND COURAGE. NOT ABOUT WHERE YOU BEGAN. BUT HOW FAR YOU\u2019RE WILLING TO GO.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <img decoding=\"async\" src=\"http:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-10.png\" alt=\"Hatchi The Story\" class=\"story-character-right\">\r\n    \r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70af212 elementor-widget elementor-widget-spacer\" data-id=\"70af212\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-2261511 e-flex e-con-boxed e-con e-parent\" data-id=\"2261511\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b5f59d elementor-widget elementor-widget-spacer\" data-id=\"0b5f59d\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0d2246 e-con-full e-flex e-con e-child\" data-id=\"d0d2246\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bed0e44 elementor-widget elementor-widget-html\" data-id=\"bed0e44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  \/* Import Font Single Day *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Single+Day&display=swap');\r\n\r\n  \/* Wrapper Utama *\/\r\n  .tokenomics-section {\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Judul Tokenomics *\/\r\n  .toke-title {\r\n    font-family: 'Single Day', cursive;\r\n    font-size: 64px;\r\n    color: #ffffff;\r\n\r\n    text-shadow: 5px 5px 0px rgba(0, 0, 0, 1); \/* Shadow tebal *\/\r\n    letter-spacing: 2px;\r\n    margin: 0 0 50px 0;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Container Grid untuk Cards & Image *\/\r\n  .toke-container {\r\n    position: relative;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Grid Layout untuk 4 Card *\/\r\n  .toke-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    \/* Jarak vertikal 40px, Jarak horizontal 200px (agar ada ruang untuk maskot di tengah) *\/\r\n    gap: 40px 220px; \r\n    width: 100%;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Styling Card 3D *\/\r\n  .toke-card {\r\n    background: linear-gradient(135deg, #ffeb3b 0%, #ffca28 100%);\r\n    border: 4px solid #ff2e06;\r\n    border-radius: 20px;\r\n    box-shadow: 8px 8px 0px #ff2e06;\r\n    padding: 30px 20px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .toke-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 8px 13px 0px #ff2e06;\r\n  }\r\n\r\n  \/* Teks di dalam Card *\/\r\n  .toke-card h3 {\r\n    font-family: 'Single Day', cursive;\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    color: #000;\r\n    margin: 0;\r\n    line-height: 1.1;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* Karakter Lebah di Tengah *\/\r\n  .toke-character {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%); \/* Memposisikan gambar tepat di tengah *\/\r\n    width: 320px;\r\n    z-index: 2;\r\n    filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.5));\r\n    animation: floatToke 4s ease-in-out infinite;\r\n    pointer-events: none; \/* Klik tembus ke card jika ter-overlap sedikit *\/\r\n  }\r\n\r\n  \/* Animasi Melayang Desktop *\/\r\n  @keyframes floatToke {\r\n    0% { transform: translate(-50%, -50%); }\r\n    50% { transform: translate(-50%, -55%); }\r\n    100% { transform: translate(-50%, -50%); }\r\n  }\r\n\r\n  \/* Responsive Design - Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .toke-grid {\r\n      gap: 30px 150px; \/* Mengecilkan gap *\/\r\n    }\r\n    .toke-card h3 {\r\n      font-size: 28px;\r\n    }\r\n    .toke-character {\r\n      width: 250px;\r\n    }\r\n    .toke-title {\r\n      font-size: 54px;\r\n    }\r\n  }\r\n\r\n  \/* Responsive Design - Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .toke-container {\r\n      flex-direction: column;\r\n    }\r\n    .toke-grid {\r\n      grid-template-columns: 1fr; \/* Jadi 1 kolom bersusun ke bawah *\/\r\n      gap: 20px;\r\n    }\r\n    .toke-character {\r\n      position: relative; \/* Menghilangkan absolute agar tidak menumpuk *\/\r\n      top: auto;\r\n      left: auto;\r\n      transform: none;\r\n      width: 280px;\r\n      margin-bottom: 30px; \/* Jarak antara maskot dan card pertama *\/\r\n      animation: floatTokeMobile 4s ease-in-out infinite;\r\n    }\r\n    .toke-card {\r\n      padding: 20px;\r\n    }\r\n    \r\n    \/* Animasi Melayang Mobile *\/\r\n    @keyframes floatTokeMobile {\r\n      0% { transform: translateY(0); }\r\n      50% { transform: translateY(-15px); }\r\n      100% { transform: translateY(0); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tokenomics-section\">\r\n  \r\n  <h2 class=\"toke-title\">TOKENOMICS<\/h2>\r\n\r\n  <div class=\"toke-container\">\r\n    \r\n    <img decoding=\"async\" src=\"http:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-11.png\" alt=\"Hatchi Tokenomics\" class=\"toke-character\">\r\n\r\n    <div class=\"toke-grid\">\r\n      \r\n      <div class=\"toke-card\">\r\n        <h3>1 BILLION SUPPLY<\/h3>\r\n        <\/div>\r\n      \r\n      <div class=\"toke-card\">\r\n        <h3>LP BURN : 100%<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"toke-card\">\r\n        <h3>NO TAXES<\/h3>\r\n      <\/div>\r\n      \r\n      <div class=\"toke-card\">\r\n        <h3>SOLANA CHAIN<\/h3>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aba7b74 elementor-widget elementor-widget-spacer\" data-id=\"aba7b74\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\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-eff62c9 e-flex e-con-boxed e-con e-parent\" data-id=\"eff62c9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5f40e elementor-widget elementor-widget-spacer\" data-id=\"9e5f40e\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04da2f0 e-con-full e-flex e-con e-child\" data-id=\"04da2f0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dae14e1 elementor-widget elementor-widget-html\" data-id=\"dae14e1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Single+Day&display=swap');\r\n\r\n  \/* Wrapper Utama *\/\r\n  .join-section-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 120px 20px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n\r\n  }\r\n\r\n  \/* Card Container *\/\r\n  .join-card-3d {\r\n    position: relative;\r\n    background-color: #ffffff; \/* Warna putih agar kontras dengan maskot & tombol *\/\r\n    border: 5px solid #ff2e06;\r\n    border-radius: 40px;\r\n    box-shadow: 15px 15px 0px #ff2e06;\r\n    max-width: 950px;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 120px; \/* Space untuk maskot yang keluar batas di kiri *\/\r\n    transform: rotate(-1deg); \/* Sedikit dimiringkan agar tidak kaku *\/\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover efek pada card *\/\r\n  .join-card-3d:hover {\r\n    transform: rotate(0deg) translateY(-5px);\r\n  }\r\n\r\n  \/* Gambar Maskot (Kiri) *\/\r\n  .join-mascot {\r\n    position: absolute;\r\n    left: -220px;\r\n    bottom: -20px; \/* Sedikit menabrak batas bawah card *\/\r\n    width: 480px;\r\n    z-index: 2;\r\n    filter: drop-shadow(15px 15px 0px rgba(0, 0, 0, 0.15));\r\n    animation: floatJoin 4s ease-in-out infinite;\r\n    transform-origin: center;\r\n    pointer-events: none;\r\n  }\r\n\r\n  @keyframes floatJoin {\r\n    0% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-15px) rotate(2deg); }\r\n    100% { transform: translateY(0px) rotate(0deg); }\r\n  }\r\n\r\n  \/* Konten Teks (Kanan) *\/\r\n  .join-content {\r\n    margin-left: 240px; \/* Memberi ruang agar teks tidak tertutup maskot *\/\r\n    padding: 60px 50px 60px 0;\r\n    font-family: 'Single Day', cursive;\r\n    text-transform: uppercase;\r\n    z-index: 1;\r\n  }\r\n\r\n  .join-title {\r\n    font-size: 58px;\r\n    color: #ff2e06;\r\n    text-shadow: 4px 4px 0px #000;\r\n    margin: 0 0 15px 0;\r\n    line-height: 1;\r\n    transform: rotate(2deg); \/* Judulnya dimiringkan berlawanan arah card *\/\r\n  }\r\n\r\n  .join-desc {\r\n    font-size: 24px;\r\n    color: #000;\r\n    font-weight: bold;\r\n    line-height: 1.2;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* Container Tombol *\/\r\n  .join-btn-group {\r\n    display: flex;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  \/* Styling Tombol 3D *\/\r\n  .join-3d-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #fff849;\r\n    color: #ff2e06;\r\n    font-family: 'Single Day', cursive;\r\n    font-size: 28px;\r\n    text-decoration: none;\r\n    padding: 12px 35px;\r\n    border-radius: 50px;\r\n    border: 4px solid #ff2e06;\r\n    box-shadow: 6px 6px 0px #ff2e06;\r\n    overflow: hidden;\r\n    transition: all 0.15s ease-in-out;\r\n  }\r\n\r\n  \/* Tombol kedua (Telegram) divariasikan rotasinya *\/\r\n  .join-3d-btn:nth-child(2) {\r\n    transform: rotate(2deg);\r\n  }\r\n  .join-3d-btn:nth-child(1) {\r\n    transform: rotate(-2deg);\r\n  }\r\n\r\n  .join-3d-btn:hover {\r\n    transform: scale(1.05) rotate(0deg);\r\n  }\r\n\r\n  .join-3d-btn:active {\r\n    box-shadow: 0px 0px 0px #ff2e06;\r\n    transform: translate(6px, 6px);\r\n  }\r\n\r\n  \/* Efek Kilau (Shine) pada Tombol *\/\r\n  .join-3d-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: -150%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n      to right, \r\n      rgba(255, 255, 255, 0) 0%, \r\n      rgba(255, 255, 255, 0.8) 50%, \r\n      rgba(255, 255, 255, 0) 100%\r\n    );\r\n    transform: skewX(-25deg);\r\n    animation: shineJoinBtn 3s infinite;\r\n  }\r\n\r\n  @keyframes shineJoinBtn {\r\n    0% { left: -150%; }\r\n    20% { left: 200%; }\r\n    100% { left: 200%; }\r\n  }\r\n\r\n  \/* Responsive Design - Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    .join-card-3d {\r\n      margin-left: 80px;\r\n    }\r\n    .join-mascot {\r\n      width: 380px;\r\n      left: -150px;\r\n    }\r\n    .join-content {\r\n      margin-left: 200px;\r\n      padding: 40px 40px 40px 0;\r\n    }\r\n    .join-title { font-size: 46px; }\r\n    .join-desc { font-size: 20px; }\r\n  }\r\n\r\n  \/* Responsive Design - Mobile *\/\r\n  @media (max-width: 768px) {\r\n    .join-section-wrapper {\r\n      padding: 150px 20px 60px 20px;\r\n    }\r\n    .join-card-3d {\r\n      margin-left: 0;\r\n      flex-direction: column;\r\n      text-align: center;\r\n      transform: rotate(0deg);\r\n    }\r\n    .join-mascot {\r\n      position: absolute;\r\n      left: 50%;\r\n      top: -120px;\r\n      bottom: auto;\r\n      transform: translateX(-50%);\r\n      width: 320px;\r\n      animation: floatJoinMobile 4s ease-in-out infinite;\r\n    }\r\n    .join-content {\r\n      margin-left: 0;\r\n      padding: 180px 30px 40px 30px; \/* Padding atas besar untuk area maskot *\/\r\n    }\r\n    .join-title {\r\n      font-size: 42px;\r\n      transform: rotate(0deg);\r\n    }\r\n    .join-desc {\r\n      font-size: 18px;\r\n    }\r\n    .join-btn-group {\r\n      justify-content: center;\r\n    }\r\n\r\n    @keyframes floatJoinMobile {\r\n      0% { transform: translateX(-50%) translateY(0px); }\r\n      50% { transform: translateX(-50%) translateY(-15px); }\r\n      100% { transform: translateX(-50%) translateY(0px); }\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"join-section-wrapper\">\r\n  <div class=\"join-card-3d\">\r\n    \r\n    <img decoding=\"async\" src=\"http:\/\/mitsubachihutch.fun\/wp-content\/uploads\/2026\/02\/Asset-13.png\" alt=\"Join The Hive\" class=\"join-mascot\">\r\n    \r\n    <div class=\"join-content\">\r\n      <h2 class=\"join-title\">JOIN THE COMMUNITY<\/h2>\r\n      <p class=\"join-desc\">BE PART OF THE MOST BUZZING COMMUNITY ON SOLANA! GRAB SOME NECTAR, SPREAD YOUR WINGS, AND LET'S FLY TO THE MOON TOGETHER.<\/p>\r\n      \r\n      <div class=\"join-btn-group\">\r\n        <a href=\"https:\/\/x.com\/h0neybee_hutch\" target=\"_blank\" class=\"join-3d-btn\">TWITTER<\/a>\r\n        <a href=\"https:\/\/t.me\/honeybee_hutch\" target=\"_blank\" class=\"join-3d-btn\">TELEGRAM<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d30b834 e-flex e-con-boxed e-con e-parent\" data-id=\"d30b834\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5023cd5 elementor-widget elementor-widget-heading\" data-id=\"5023cd5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">&copy 2026. \u307f\u3064\u3070\u3061\u30cf\u30c3\u30c1<\/h2>\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>TWITTER TELEGRAM LIVE CHART SWAP NOW $HUTCH 2MZsSPsJBkiaqy9c8e7Gah3Ncrm5YfSAd9sgx6q9pump A Tiny Bee. A Big World. An Endless Adventure. In a meadow full of giants, one little bee chose to fly higher. \u307f\u3064\u3070\u3061\u30cf\u30c3\u30c1 is a story reborn \u2014 inspired by the wandering spirit of a small honeybee who refused to stay lost. Instead of fear, he chose [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":13,"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/mitsubachihutch.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}