{"id":8,"date":"2026-02-15T16:36:08","date_gmt":"2026-02-15T16:36:08","guid":{"rendered":"https:\/\/otomemonkey.fun\/?page_id=8"},"modified":"2026-02-16T09:26:36","modified_gmt":"2026-02-16T09:26:36","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/otomemonkey.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-98d6ff8 e-con-full e-flex e-con e-parent\" data-id=\"98d6ff8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-72062ef e-con-full e-flex e-con e-child\" data-id=\"72062ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b5d954 elementor-widget elementor-widget-html\" data-id=\"7b5d954\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\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&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- CSS Playful Navbar --- *\/\r\n\r\n  \/* Wrapper utama untuk memastikan style tidak bocor ke elemen Elementor lain *\/\r\n  .playful-nav-wrapper {\r\n      \/* Reset box-sizing untuk area ini *\/\r\n      box-sizing: border-box;\r\n      font-family: 'Jua', sans-serif; \/* Menggunakan Font Jua *\/\r\n      width: 100%;\r\n      padding: 10px; \/* Ruang di sekitar navbar *\/\r\n      background-color: transparent; \/* Latar belakang container transparan *\/\r\n  }\r\n\r\n  .playful-nav-wrapper *,\r\n  .playful-nav-wrapper *::before,\r\n  .playful-nav-wrapper *::after {\r\n      box-sizing: inherit;\r\n  }\r\n\r\n  \/* Container Navbar Utama *\/\r\n  .pn-navbar {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      background-color: #f7eecb; \/* Warna Cream *\/\r\n      padding: 5px 10px;\r\n      border-radius: 50px; \/* Sudut sangat membulat agar playful *\/\r\n      border: 4px solid #f7eecb; \/* Border tebal *\/\r\n      box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.3); \/* Efek bayangan \"stiker\" yang tegas *\/\r\n      position: relative;\r\n      transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* Bagian Kiri: Logo *\/\r\n  .pn-logo a {\r\n      display: flex;\r\n      align-items: center;\r\n      text-decoration: none;\r\n  }\r\n\r\n  .pn-logo img {\r\n      \/* Pastikan gambar image_8.png sudah diupload ke media library WP Anda\r\n         dan ganti src-nya jika perlu nanti *\/\r\n      max-height: 70px; \/* Atur tinggi logo *\/\r\n      width: auto;\r\n      border-radius: 50%; \/* Membuat bingkai logo bundar *\/\r\n      border: 4px solid #62826a; \/* Bingkai hijau pada logo *\/\r\n      transition: transform 0.3s ease;\r\n  }\r\n    \r\n  .pn-logo img:hover {\r\n      transform: rotate(-5deg) scale(1.05); \/* Efek goyang sedikit saat hover logo *\/\r\n  }\r\n\r\n  \/* Bagian Kanan: Menu Links Desktop *\/\r\n  .pn-menu {\r\n      display: flex;\r\n      gap: 15px; \/* Jarak antar tombol *\/\r\n      align-items: center;\r\n  }\r\n\r\n  \/* Styling Tombol\/Link *\/\r\n  .pn-link {\r\n      text-decoration: none;\r\n      color: #62826a; \/* Warna teks Hijau *\/\r\n      font-size: 20px;\r\n      font-weight: normal;\r\n      padding: 10px 24px;\r\n      border-radius: 30px;\r\n      border: 3px solid transparent; \/* Border transparan untuk hover state *\/\r\n      transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Efek membal (bouncy) *\/\r\n      display: inline-block;\r\n  }\r\n\r\n  \/* Hover state untuk tombol biasa *\/\r\n  .pn-link:hover {\r\n      background-color: #fff;\r\n      border-color: #62826a;\r\n      transform: translateY(-3px); \/* Bergerak sedikit ke atas *\/\r\n  }\r\n\r\n  \/* Tombol Spesial (Live Chart) *\/\r\n  .pn-link.pn-btn-highlight {\r\n      background-color: #62826a; \/* Latar Hijau *\/\r\n      color: #f7eecb; \/* Teks Cream *\/\r\n      border-color: #62826a;\r\n      box-shadow: 3px 3px 0px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  .pn-link.pn-btn-highlight:hover {\r\n      background-color: #f7eecb; \/* Latar Cream saat hover *\/\r\n      color: #62826a; \/* Teks Hijau saat hover *\/\r\n      transform: translateY(-3px) scale(1.05);\r\n      box-shadow: 5px 5px 0px rgba(98, 130, 106, 0.2);\r\n  }\r\n\r\n  \/* Hamburger Menu Toggle (Disembunyikan di Desktop) *\/\r\n  .pn-toggle {\r\n      display: none;\r\n      flex-direction: column;\r\n      cursor: pointer;\r\n      gap: 6px;\r\n      padding: 5px;\r\n      z-index: 100;\r\n  }\r\n\r\n  .pn-toggle span {\r\n      width: 30px;\r\n      height: 4px;\r\n      background-color: #62826a;\r\n      border-radius: 4px;\r\n      transition: all 0.3s ease;\r\n  }\r\n\r\n\r\n  \/* --- Responsive \/ Mobile Styles --- *\/\r\n  @media screen and (max-width: 900px) {\r\n      .pn-navbar {\r\n          padding: 15px 20px; \/* Padding lebih kecil di mobile *\/\r\n          border-radius: 30px;\r\n      }\r\n\r\n      .pn-logo img {\r\n          max-height: 50px; \/* Logo lebih kecil di mobile *\/\r\n          border-width: 3px;\r\n      }\r\n\r\n      \/* Tampilkan Hamburger Toggle *\/\r\n      .pn-toggle {\r\n          display: flex;\r\n      }\r\n\r\n      \/* Animasi Hamburger menjadi 'X' saat aktif *\/\r\n      .pn-toggle.active span:nth-child(1) {\r\n          transform: translateY(10px) rotate(45deg);\r\n      }\r\n      .pn-toggle.active span:nth-child(2) {\r\n          opacity: 0;\r\n      }\r\n      .pn-toggle.active span:nth-child(3) {\r\n          transform: translateY(-10px) rotate(-45deg);\r\n      }\r\n\r\n      \/* Sembunyikan Menu Links secara default di mobile *\/\r\n      .pn-menu {\r\n          position: absolute;\r\n          top: 100%; \/* Muncul tepat di bawah navbar *\/\r\n          left: 0;\r\n          right: 0;\r\n          flex-direction: column;\r\n          background-color: #f7eecb;\r\n          padding: 20px;\r\n          border-radius: 20px;\r\n          margin-top: 15px;\r\n          box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.2);\r\n          border: 4px solid #62826a;\r\n          \r\n          \/* Keadaan tertutup *\/\r\n          opacity: 0;\r\n          visibility: hidden;\r\n          transform: translateY(-20px);\r\n          transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n          z-index: 99;\r\n      }\r\n\r\n      \/* Keadaan Terbuka (saat class .active ditambahkan via JS) *\/\r\n      .pn-menu.active {\r\n          opacity: 1;\r\n          visibility: visible;\r\n          transform: translateY(0);\r\n      }\r\n\r\n      .pn-link {\r\n          width: 100%;\r\n          text-align: center;\r\n          padding: 12px;\r\n          font-size: 22px; \/* Font lebih besar di mobile agar mudah ditekan *\/\r\n      }\r\n      \r\n      .pn-link.pn-btn-highlight {\r\n           margin-top: 10px;\r\n      }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"playful-nav-wrapper\">\r\n  <nav class=\"pn-navbar\">\r\n      \r\n      <div class=\"pn-logo\">\r\n          <a href=\"#\">\r\n              <img decoding=\"async\" src=\"http:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-6.png\" alt=\"Playful Logo\">\r\n          <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"pn-toggle\" id=\"pnMobileToggle\">\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n      <\/div>\r\n\r\n      <div class=\"pn-menu\" id=\"pnMenuLinks\">\r\n          <a href=\"https:\/\/x.com\/otomemonkey\" class=\"pn-link\">Twitter<\/a>\r\n          <a href=\"https:\/\/t.me\/otomemonkey\" class=\"pn-link\">Telegram<\/a>\r\n          <a href=\"https:\/\/dexscreener.com\/solana\/B4xWTLmWUK5G69uvMuGEmfmsixJ4Uh84pwVKG5xQpump\" class=\"pn-link pn-btn-highlight\">Live Chart<\/a>\r\n      <\/div>\r\n\r\n  <\/nav>\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n      const mobileToggle = document.getElementById('pnMobileToggle');\r\n      const menuLinks = document.getElementById('pnMenuLinks');\r\n\r\n      mobileToggle.addEventListener('click', function() {\r\n          \/\/ Toggle class 'active' pada tombol hamburger dan menu container\r\n          mobileToggle.classList.toggle('active');\r\n          menuLinks.classList.toggle('active');\r\n      });\r\n\r\n      \/\/ Opsional: Tutup menu saat link diklik (bagus untuk one-page scroll)\r\n      const navLinks = document.querySelectorAll('.pn-link');\r\n      navLinks.forEach(link => {\r\n          link.addEventListener('click', () => {\r\n              if (menuLinks.classList.contains('active')) {\r\n                  mobileToggle.classList.remove('active');\r\n                  menuLinks.classList.remove('active');\r\n              }\r\n          });\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-0bc9632 elementor-widget elementor-widget-spacer\" data-id=\"0bc9632\" 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<div class=\"elementor-element elementor-element-ed6c7bd e-con-full e-flex e-con e-child\" data-id=\"ed6c7bd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7d845 elementor-widget elementor-widget-image\" data-id=\"4c7d845\" 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=\"980\" height=\"388\" src=\"https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-4.png\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-4.png 980w, https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-4-300x119.png 300w, https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-4-768x304.png 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/>\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-b4871e4 elementor-widget elementor-widget-image\" data-id=\"b4871e4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"863\" height=\"697\" src=\"https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-7.png\" class=\"attachment-large size-large wp-image-21\" alt=\"\" srcset=\"https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-7.png 863w, https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-7-300x242.png 300w, https:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-7-768x620.png 768w\" sizes=\"(max-width: 863px) 100vw, 863px\" \/>\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-f246494 elementor-widget elementor-widget-heading\" data-id=\"f246494\" 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\">$OTOME<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b1b97 elementor-widget elementor-widget-html\" data-id=\"a2b1b97\" 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\/* --- CSS Playful CA Button --- *\/\r\n.ca-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 0px;\r\n    box-sizing: border-box;\r\n    font-family: 'Jua', sans-serif;\r\n}\r\n\r\n.ca-box {\r\n    display: flex;\r\n    align-items: center; \/* Vertikal center *\/\r\n    justify-content: space-between;\r\n    gap: 15px;\r\n    \r\n    background-color: #f7eecb; \/* Warna Cream *\/\r\n    border: 3px solid #62826a; \/* Border Hijau Tebal *\/\r\n    border-radius: 25px; \/* Sudut membulat playful *\/\r\n    padding: 12px 25px;\r\n    \r\n    max-width: 600px; \/* Lebar maksimal agar tidak terlalu panjang di desktop *\/\r\n    width: 100%;\r\n    \r\n    box-shadow: 6px 6px 0px rgba(98, 130, 106, 0.3); \/* Efek bayangan stiker *\/\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Efek membal *\/\r\n    cursor: pointer; \/* Menunjukkan bisa diklik *\/\r\n    position: relative;\r\n}\r\n\r\n\/* Efek saat box di-hover *\/\r\n.ca-box:hover {\r\n    transform: translateY(-4px); \/* Naik sedikit *\/\r\n    box-shadow: 10px 10px 0px rgba(98, 130, 106, 0.2);\r\n}\r\n\r\n\/* Efek saat diklik (active) *\/\r\n.ca-box:active {\r\n    transform: translateY(2px);\r\n    box-shadow: 2px 2px 0px rgba(98, 130, 106, 0.3);\r\n}\r\n\r\n\/* Bagian Teks CA *\/\r\n.ca-text {\r\n    color: #62826a; \/* Teks Hijau *\/\r\n    font-size: 18px; \/* Ukuran font besar agar jelas *\/\r\n    word-break: break-all; \/* PENTING: Agar CA panjang turun ke bawah di HP *\/\r\n    line-height: 1.4;\r\n    text-align: left;\r\n    flex: 1; \/* Mengambil sisa ruang yang ada *\/\r\n}\r\n\r\n\/* Bagian Icon Copy *\/\r\n.ca-icon-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #62826a; \/* Latar icon hijau *\/\r\n    border-radius: 12px;\r\n    padding: 10px;\r\n    min-width: 45px;\r\n    height: 45px;\r\n    transition: background-color 0.3s ease;\r\n}\r\n\r\n.ca-icon-wrapper svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: #f7eecb; \/* Warna icon cream *\/\r\n}\r\n\r\n\/* Tooltip \"Copied!\" (Muncul saat diklik) *\/\r\n.copy-feedback {\r\n    position: absolute;\r\n    top: -40px;\r\n    right: 20px;\r\n    background-color: #62826a;\r\n    color: #f7eecb;\r\n    padding: 5px 15px;\r\n    border-radius: 10px;\r\n    font-size: 16px;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all 0.3s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.ca-box.copied .copy-feedback {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media screen and (max-width: 600px) {\r\n    .ca-box {\r\n        flex-direction: row; \/* Tetap baris ke samping *\/\r\n        align-items: center;\r\n        padding: 12px 18px;\r\n        border-radius: 20px;\r\n    }\r\n    \r\n    .ca-text {\r\n        font-size: 16px; \/* Font sedikit lebih kecil di HP *\/\r\n    }\r\n\r\n    .ca-icon-wrapper {\r\n        min-width: 40px;\r\n        height: 40px;\r\n        padding: 8px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ca-container\">\r\n    <div class=\"ca-box\" id=\"caButton\" onclick=\"copyToClipboard('B4xWTLmWUK5G69uvMuGEmfmsixJ4Uh84pwVKG5xQpump')\">\r\n        \r\n        <span class=\"ca-text\" id=\"caDisplay\">B4xWTLmWUK5G69uvMuGEmfmsixJ4Uh84pwVKG5xQpump<\/span>\r\n        \r\n        <div class=\"ca-icon-wrapper\">\r\n             <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z\"\/><\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"copy-feedback\">Copied!<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction copyToClipboard(text) {\r\n    \/\/ 1. Salin teks ke clipboard\r\n    navigator.clipboard.writeText(text).then(function() {\r\n        \r\n        \/\/ 2. Tambahkan class 'copied' untuk memunculkan animasi\r\n        var btn = document.getElementById('caButton');\r\n        btn.classList.add('copied');\r\n\r\n        \/\/ 3. Ubah warna icon sementara (opsional visual feedback)\r\n        var iconWrapper = btn.querySelector('.ca-icon-wrapper');\r\n        var originalBg = iconWrapper.style.backgroundColor;\r\n        iconWrapper.style.backgroundColor = '#4caf50'; \/\/ Warna hijau terang sukses\r\n\r\n        \/\/ 4. Reset kembali setelah 2 detik\r\n        setTimeout(function() {\r\n            btn.classList.remove('copied');\r\n            iconWrapper.style.backgroundColor = ''; \/\/ Kembali ke warna css asli\r\n        }, 2000);\r\n\r\n    }, function(err) {\r\n        console.error('Async: Could not copy text: ', 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-051ce0d elementor-widget elementor-widget-spacer\" data-id=\"051ce0d\" 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-3ee6b35 e-con-full e-flex e-con e-child\" data-id=\"3ee6b35\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d23c5d8 elementor-widget elementor-widget-html\" data-id=\"d23c5d8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Playful About Section --- *\/\r\n.about-section-wrapper {\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 0px 20px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n.about-container {\r\n    display: flex;\r\n    flex-direction: row; \/* Default: Gambar kiri, Teks kanan *\/\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 50px; \/* Jarak antar elemen *\/\r\n    max-width: 1100px;\r\n    width: 100%;\r\n}\r\n\r\n\/* --- Styling Gambar --- *\/\r\n.about-image-wrapper {\r\n    flex: 1; \/* Mengambil ruang proporsional *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n}\r\n\r\n.about-image-wrapper img {\r\n    max-width: 100%;\r\n    width: 400px; \/* Ukuran dasar gambar *\/\r\n    height: auto;\r\n    border-radius: 40px; \/* Sudut sangat bulat *\/\r\n    border: 6px solid #62826a; \/* Bingkai hijau tebal *\/\r\n    box-shadow: 12px 12px 0px rgba(98, 130, 106, 0.3); \/* Bayangan stiker *\/\r\n    transform: rotate(-3deg); \/* Miring sedikit agar playful *\/\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.about-image-wrapper img:hover {\r\n    transform: rotate(0deg) scale(1.02); \/* Lurus saat di-hover *\/\r\n    box-shadow: 15px 15px 0px rgba(98, 130, 106, 0.4);\r\n}\r\n\r\n\/* --- Styling Teks --- *\/\r\n.about-text-wrapper {\r\n    flex: 1.2; \/* Memberi ruang lebih untuk teks *\/\r\n    background-color: #f7eecb; \/* Latar Cream *\/\r\n    padding: 40px;\r\n    border-radius: 30px;\r\n    border: 4px solid #62826a;\r\n    box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.3);\r\n    position: relative;\r\n}\r\n\r\n\/* Hiasan Judul *\/\r\n.about-text-wrapper h2 {\r\n    color: #62826a;\r\n    font-size: 36px;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    text-shadow: 2px 2px 0px rgba(255,255,255,0.5);\r\n}\r\n\r\n\/* Isi Paragraf *\/\r\n.about-text-wrapper p {\r\n    color: #62826a;\r\n    font-size: 20px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n}\r\n\r\n\/* Highlight Text ($OTOME) *\/\r\n.highlight-text {\r\n    background-color: #62826a;\r\n    color: #f7eecb;\r\n    padding: 2px 8px;\r\n    border-radius: 8px;\r\n    display: inline-block;\r\n}\r\n\r\n\/* --- Mobile Responsiveness --- *\/\r\n@media screen and (max-width: 900px) {\r\n    .about-container {\r\n        flex-direction: column; \/* Tumpuk vertikal di HP *\/\r\n        gap: 30px;\r\n    }\r\n\r\n    .about-image-wrapper img {\r\n        width: 80%; \/* Gambar lebih kecil di HP *\/\r\n        transform: rotate(0deg); \/* Luruskan di HP agar rapi *\/\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .about-text-wrapper {\r\n        width: 100%; \/* Lebar penuh *\/\r\n        padding: 25px;\r\n        text-align: center; \/* Teks rata tengah di HP *\/\r\n    }\r\n\r\n    .about-text-wrapper h2 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .about-text-wrapper 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-container\">\r\n        \r\n        <div class=\"about-image-wrapper\">\r\n            <img decoding=\"async\" src=\"http:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/12531_1.gif\" alt=\"Otome the Monkey\">\r\n        <\/div>\r\n\r\n        <div class=\"about-text-wrapper\">\r\n            <h2>The Story of Otome<\/h2>\r\n            <p>\r\n                Long before Punch\u2026 there was <span class=\"highlight-text\">Otome<\/span>. \r\n                <br><br>\r\n                A fragile macaque who began life alone, she found comfort in a simple plush companion and the gentle care that helped her trust again. \r\n                <br><br>\r\n                Step by step, she grew stronger and rejoined her troop. <strong>$OTOME<\/strong> honors resilience, softness, and the quiet power of second chances.\r\n            <\/p>\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<div class=\"elementor-element elementor-element-509d4d9 elementor-widget elementor-widget-spacer\" data-id=\"509d4d9\" 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-905dd17 e-con-full e-flex e-con e-child\" data-id=\"905dd17\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb822e7 elementor-widget elementor-widget-html\" data-id=\"eb822e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Playful Story Section --- *\/\r\n.soft-story-wrapper {\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 0px 20px;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n    width: 100%;\r\n    color: #62826a; \/* Warna teks hijau *\/\r\n}\r\n\r\n\/* 1. KONTEN ATAS (JUDUL) *\/\r\n.soft-header {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.soft-header h2 {\r\n    font-size: 42px;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    text-shadow: 3px 3px 0px #f7eecb, 5px 5px 0px rgba(98, 130, 106, 0.2);\r\n}\r\n\r\n\/* 2. AREA GAMBAR (Dua Bersampingan) *\/\r\n.soft-img-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px; \r\n    margin-bottom: 50px; \/* Jarak lebih lega ke teks *\/\r\n    flex-wrap: wrap; \r\n}\r\n\r\n.soft-img-card {\r\n    flex: 0 1 400px;\r\n    position: relative;\r\n    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n}\r\n\r\n.soft-img-card img {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 25px;\r\n    border: 5px solid #62826a; \r\n    box-shadow: 10px 10px 0px rgba(98, 130, 106, 0.3);\r\n    background-color: #f7eecb;\r\n}\r\n\r\n\/* Efek Rotasi Playful *\/\r\n.soft-img-card:nth-child(1) {\r\n    transform: rotate(-3deg);\r\n}\r\n.soft-img-card:nth-child(2) {\r\n    transform: rotate(3deg);\r\n    margin-top: 30px; \r\n}\r\n\r\n\/* Hover Effect *\/\r\n.soft-img-card:hover {\r\n    transform: rotate(0deg) scale(1.05) !important;\r\n    z-index: 10;\r\n}\r\n\r\n\/* 3. KONTEN BAWAH (TEKS CERITA - UPDATE STYLE DISINI) *\/\r\n.soft-body-text {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    \r\n    \/* --- STYLE DISAMAKAN DENGAN ABOUT SECTION --- *\/\r\n    background-color: #f7eecb; \/* Latar Cream *\/\r\n    padding: 40px;\r\n    border-radius: 30px; \/* Sudut sangat bulat *\/\r\n    border: 4px solid #62826a; \/* Border Solid Hijau Tebal *\/\r\n    box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.3); \/* Bayangan Kasar *\/\r\n    \/* -------------------------------------------- *\/\r\n    \r\n    text-align: center; \/* Teks rata tengah agar puitis *\/\r\n}\r\n\r\n.soft-body-text p {\r\n    font-size: 22px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    color: #62826a;\r\n}\r\n\r\n\/* Highlight kata penting *\/\r\n.soft-highlight {\r\n    background-color: #62826a; \/* Highlight dibalik: Latar Hijau *\/\r\n    color: #f7eecb; \/* Teks Cream *\/\r\n    padding: 2px 8px;\r\n    border-radius: 8px;\r\n    display: inline-block;\r\n}\r\n\r\n\/* --- RESPONSIVE MOBILE --- *\/\r\n@media screen and (max-width: 768px) {\r\n    .soft-header h2 {\r\n        font-size: 30px;\r\n    }\r\n\r\n    .soft-img-container {\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 40px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .soft-img-card {\r\n        width: 90%;\r\n        flex: none;\r\n    }\r\n\r\n    .soft-img-card:nth-child(1), \r\n    .soft-img-card:nth-child(2) {\r\n        transform: rotate(0deg);\r\n        margin-top: 0;\r\n    }\r\n\r\n    .soft-body-text {\r\n        padding: 25px;\r\n    }\r\n\r\n    .soft-body-text p {\r\n        font-size: 18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"soft-story-wrapper\">\r\n    \r\n    <div class=\"soft-header\">\r\n        <h2>Courage Wrapped in Softness<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"soft-img-container\">\r\n        <div class=\"soft-img-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-8.png\" alt=\"Otome Holding Plush\">\r\n        <\/div>\r\n        \r\n        <div class=\"soft-img-card\">\r\n            <img decoding=\"async\" src=\"http:\/\/otomemonkey.fun\/wp-content\/uploads\/2026\/02\/Asset-9.png\" alt=\"Otome Plush Close up\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"soft-body-text\">\r\n        <p>\r\n            At first, the troop was puzzled by the tiny monkey who carried a <span class=\"soft-highlight\">plush toy<\/span> everywhere. Some young macaques teased her, unsure of this unusual sight. \r\n            <br><br>\r\n            But whenever Otome ran back to her beloved bear, they stopped. The distance slowly faded. That plush wasn\u2019t just comfort \u2014 it was her mother, her shield, her <span class=\"soft-highlight\">quiet strength<\/span>.\r\n        <\/p>\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-065aa40 elementor-widget elementor-widget-spacer\" data-id=\"065aa40\" 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-4a38b73 e-con-full e-flex e-con e-child\" data-id=\"4a38b73\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59c3768 elementor-widget elementor-widget-html\" data-id=\"59c3768\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Playful Video Section --- *\/\r\n.video-section-wrapper {\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n\/* 1. JUDUL *\/\r\n.video-header {\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.video-header h2 {\r\n    color: #62826a; \/* Hijau *\/\r\n    font-size: 42px;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    \/* Efek bayangan teks *\/\r\n    text-shadow: 3px 3px 0px #f7eecb, 5px 5px 0px rgba(98, 130, 106, 0.2);\r\n}\r\n\r\n\/* 2. CONTAINER VIDEO (Dua Bersampingan) *\/\r\n.video-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 40px; \/* Jarak antar video *\/\r\n    flex-wrap: wrap; \/* Turun ke bawah jika layar sempit *\/\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* 3. WRAPPER IFRAME (Bingkai Playful) *\/\r\n.video-frame-wrapper {\r\n    flex: 1 1 450px; \/* Lebar dasar video *\/\r\n    background-color: #f7eecb; \/* Latar Cream *\/\r\n    padding: 15px; \/* Jarak antara video dan bingkai luar *\/\r\n    border: 5px solid #62826a; \/* Bingkai Hijau Tebal *\/\r\n    border-radius: 30px; \/* Sudut membulat *\/\r\n    box-shadow: 10px 10px 0px rgba(98, 130, 106, 0.3); \/* Hard Shadow *\/\r\n    transition: transform 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n\/* Agar iframe responsif (ratio 16:9) *\/\r\n.video-aspect-ratio {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background-color: #000; \/* Latar hitam saat loading *\/\r\n    border: 3px solid #62826a; \/* Border tipis dalam *\/\r\n}\r\n\r\n.video-aspect-ratio iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n\/* Efek Miring Sedikit (Playful) *\/\r\n.video-frame-wrapper:nth-child(1) {\r\n    transform: rotate(-2deg);\r\n}\r\n\r\n.video-frame-wrapper:nth-child(2) {\r\n    transform: rotate(2deg);\r\n    margin-top: 20px; \/* Sedikit offset vertikal *\/\r\n}\r\n\r\n\/* Hover Effect: Lurus dan Fokus *\/\r\n.video-frame-wrapper:hover {\r\n    transform: rotate(0deg) scale(1.02);\r\n    z-index: 5;\r\n    box-shadow: 15px 15px 0px rgba(98, 130, 106, 0.4);\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE --- *\/\r\n@media screen and (max-width: 900px) {\r\n    .video-header h2 {\r\n        font-size: 30px; \/* Font judul lebih kecil *\/\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .video-container {\r\n        flex-direction: column; \/* Video tumpuk vertikal *\/\r\n        gap: 40px;\r\n    }\r\n\r\n    .video-frame-wrapper {\r\n        flex: auto;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        \/* Reset rotasi di mobile *\/\r\n        transform: rotate(0deg) !important; \r\n        margin-top: 0 !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"video-section-wrapper\">\r\n    \r\n    <div class=\"video-header\">\r\n        <h2>Held by a Bear, Guided by Love<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"video-container\">\r\n        \r\n        <div class=\"video-frame-wrapper\">\r\n            <div class=\"video-aspect-ratio\">\r\n                <iframe \r\n                    src=\"https:\/\/www.youtube.com\/embed\/rNwhdeH7TK0?start=25\" \r\n                    title=\"YouTube video player\" \r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                    referrerpolicy=\"strict-origin-when-cross-origin\" \r\n                    allowfullscreen>\r\n                <\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"video-frame-wrapper\">\r\n            <div class=\"video-aspect-ratio\">\r\n                <iframe \r\n                    src=\"https:\/\/www.youtube.com\/embed\/Ka4lnk3NBKo?start=68\" \r\n                    title=\"YouTube video player\" \r\n                    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n                    referrerpolicy=\"strict-origin-when-cross-origin\" \r\n                    allowfullscreen>\r\n                <\/iframe>\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<div class=\"elementor-element elementor-element-5912c9b elementor-widget elementor-widget-spacer\" data-id=\"5912c9b\" 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-948a2fa e-con-full e-flex e-con e-child\" data-id=\"948a2fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9feafc9 elementor-widget elementor-widget-html\" data-id=\"9feafc9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Playful How to Buy --- *\/\r\n.htb-wrapper {\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto; \/* Tengah secara horizontal *\/\r\n}\r\n\r\n\/* 1. JUDUL SECTION *\/\r\n.htb-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.htb-header h2 {\r\n    color: #62826a; \/* Hijau *\/\r\n    font-size: 42px;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    text-shadow: 3px 3px 0px #f7eecb, 5px 5px 0px rgba(98, 130, 106, 0.2);\r\n}\r\n\r\n\/* 2. GRID SYSTEM (2x2 Layout) *\/\r\n.htb-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \/* 2 Kolom sama besar *\/\r\n    gap: 30px; \/* Jarak antar card *\/\r\n    width: 100%;\r\n}\r\n\r\n\/* 3. CARD STYLE *\/\r\n.htb-card {\r\n    background-color: #f7eecb; \/* Latar Cream *\/\r\n    border: 4px solid #62826a; \/* Border Hijau Tebal *\/\r\n    border-radius: 30px; \/* Sudut membulat *\/\r\n    padding: 30px 25px 25px 25px;\r\n    position: relative; \/* Untuk posisi badge nomor *\/\r\n    box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.3); \/* Hard Shadow *\/\r\n    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    text-align: left;\r\n}\r\n\r\n\/* Hover Effect: Card naik sedikit *\/\r\n.htb-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 12px 12px 0px rgba(98, 130, 106, 0.2);\r\n    z-index: 2;\r\n}\r\n\r\n\/* 4. NUMBER BADGE (Sticker Style) *\/\r\n.htb-badge {\r\n    position: absolute;\r\n    top: -20px;\r\n    left: 20px;\r\n    width: 50px;\r\n    height: 50px;\r\n    background-color: #62826a; \/* Hijau *\/\r\n    color: #f7eecb; \/* Cream *\/\r\n    border-radius: 50%;\r\n    border: 3px solid #f7eecb; \/* Border putih\/cream agar kontras *\/\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n    box-shadow: 4px 4px 0px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* 5. TEXT CONTENT *\/\r\n.htb-card h3 {\r\n    color: #62826a;\r\n    font-size: 24px;\r\n    margin-top: 15px; \/* Memberi ruang agar tidak nabrak badge *\/\r\n    margin-bottom: 15px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.htb-card p {\r\n    color: #62826a; \/* Warna teks hijau agar konsisten *\/\r\n    font-size: 18px;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    opacity: 0.9;\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE --- *\/\r\n@media screen and (max-width: 768px) {\r\n    .htb-header h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .htb-grid {\r\n        grid-template-columns: 1fr; \/* Ubah jadi 1 kolom di HP *\/\r\n        gap: 40px; \/* Jarak vertikal lebih besar *\/\r\n    }\r\n\r\n    .htb-card {\r\n        padding: 25px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"htb-wrapper\">\r\n    \r\n    <div class=\"htb-header\">\r\n        <h2>How to Buy $OTOME<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"htb-grid\">\r\n        \r\n        <div class=\"htb-card\">\r\n            <div class=\"htb-badge\">1<\/div>\r\n            <h3>Set Up Your Wallet<\/h3>\r\n            <p>Download a trusted wallet and create your secure account. Keep your recovery phrase safe \u2014 it\u2019s your key to everything.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card\">\r\n            <div class=\"htb-badge\">2<\/div>\r\n            <h3>Fund Your Wallet<\/h3>\r\n            <p>Add funds to your wallet using your preferred method. Make sure you have enough to complete your transaction smoothly.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card\">\r\n            <div class=\"htb-badge\">3<\/div>\r\n            <h3>Connect to a DEX<\/h3>\r\n            <p>Visit your preferred decentralized exchange and connect your wallet securely.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"htb-card\">\r\n            <div class=\"htb-badge\">4<\/div>\r\n            <h3>Swap for $OTOME<\/h3>\r\n            <p>Enter the official contract, confirm the amount, and swap. Welcome to the story \u2014 you\u2019re now part of Otome\u2019s journey.<\/p>\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<div class=\"elementor-element elementor-element-506085f elementor-widget elementor-widget-spacer\" data-id=\"506085f\" 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-d4e9f14 e-con-full e-flex e-con e-child\" data-id=\"d4e9f14\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04b209 elementor-widget elementor-widget-html\" data-id=\"d04b209\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Playful Community Section --- *\/\r\n.community-wrapper {\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 0px 20px;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%;\r\n}\r\n\r\n\/* Kartu Utama *\/\r\n.community-card {\r\n    background-color: #f7eecb; \/* Latar Cream *\/\r\n    border: 5px solid #62826a; \/* Border Hijau Tebal *\/\r\n    border-radius: 40px; \/* Sudut sangat bulat *\/\r\n    padding: 20px 40px;\r\n    max-width: 1100px;\r\n    width: 100%;\r\n    text-align: center;\r\n    box-shadow: 12px 12px 0px rgba(98, 130, 106, 0.3); \/* Hard Shadow *\/\r\n    position: relative;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* Efek Hover Halus pada Kartu *\/\r\n.community-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 15px 15px 0px rgba(98, 130, 106, 0.2);\r\n}\r\n\r\n\/* Judul *\/\r\n.community-card h2 {\r\n    color: #62826a;\r\n    font-size: 42px;\r\n    margin-top: 0;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    text-shadow: 2px 2px 0px rgba(255,255,255,0.5);\r\n}\r\n\r\n\/* Teks Paragraf *\/\r\n.community-card p {\r\n    color: #62826a;\r\n    font-size: 20px;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px; \/* Jarak ke tombol *\/\r\n    max-width: 90%;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n\/* Container Tombol *\/\r\n.comm-btn-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px; \/* Jarak antar tombol *\/\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* Gaya Tombol *\/\r\n.comm-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: #62826a; \/* Latar Hijau *\/\r\n    color: #f7eecb; \/* Teks Cream *\/\r\n    text-decoration: none;\r\n    font-size: 22px;\r\n    padding: 15px 40px;\r\n    border-radius: 50px; \/* Tombol Pill Shape *\/\r\n    border: 3px solid #62826a; \/* Border sama dengan bg *\/\r\n    box-shadow: 5px 5px 0px rgba(0,0,0,0.15);\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); \/* Efek membal *\/\r\n    min-width: 180px;\r\n}\r\n\r\n\/* Hover Effect Tombol (Warna Terbalik) *\/\r\n.comm-btn:hover {\r\n    background-color: #f7eecb; \/* Jadi Cream *\/\r\n    color: #62826a; \/* Teks jadi Hijau *\/\r\n    border-color: #62826a;\r\n    transform: translateY(-4px) scale(1.05);\r\n    box-shadow: 8px 8px 0px rgba(98, 130, 106, 0.3);\r\n}\r\n\r\n.comm-btn:active {\r\n    transform: translateY(2px);\r\n    box-shadow: 2px 2px 0px rgba(98, 130, 106, 0.3);\r\n}\r\n\r\n\/* --- MOBILE RESPONSIVE --- *\/\r\n@media screen and (max-width: 600px) {\r\n    .community-wrapper {\r\n        padding: 40px 15px;\r\n    }\r\n    \r\n    .community-card {\r\n        padding: 30px 20px;\r\n        border-width: 4px;\r\n        border-radius: 30px;\r\n    }\r\n\r\n    .community-card h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .community-card p {\r\n        font-size: 18px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .comm-btn-container {\r\n        flex-direction: column; \/* Tombol tumpuk vertikal di HP *\/\r\n        gap: 15px;\r\n        width: 100%;\r\n    }\r\n\r\n    .comm-btn {\r\n        width: 100%; \/* Tombol lebar penuh di HP *\/\r\n        box-sizing: border-box;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"community-wrapper\">\r\n    <div class=\"community-card\">\r\n        \r\n        <h2>Otome\u2019s Circle<\/h2>\r\n        \r\n        <p>\r\n            Inspired by Otome\u2019s journey, this space reflects quiet resilience and gentle courage. Just as she found comfort in her cherished bear while learning to trust again, we honor softness as strength and the beauty of growing at your own pace.\r\n        <\/p>\r\n\r\n        <div class=\"comm-btn-container\">\r\n            <a href=\"https:\/\/x.com\/otomemonkey\" class=\"comm-btn\" target=\"_blank\">Twitter<\/a>\r\n            \r\n            <a href=\"https:\/\/t.me\/otomemonkey\" class=\"comm-btn\" target=\"_blank\">Telegram<\/a>\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<div class=\"elementor-element elementor-element-ec126c7 elementor-widget elementor-widget-spacer\" data-id=\"ec126c7\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bb58d9 e-con-full e-flex e-con e-parent\" data-id=\"6bb58d9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8ccf9 elementor-widget elementor-widget-html\" data-id=\"ab8ccf9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Jua&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* --- CSS Standard Playful Footer --- *\/\r\n.site-footer {\r\n    background-color: #62826a; \/* Background Hijau Penuh *\/\r\n    color: #f7eecb; \/* Teks Cream *\/\r\n    font-family: 'Jua', sans-serif;\r\n    padding: 60px 20px 30px 20px; \/* Ruang napas yang cukup *\/\r\n    width: 100%;\r\n    position: relative;\r\n    \/* Opsional: Membuat gelombang atau lengkungan di bagian atas footer *\/\r\n    border-top-left-radius: 40px; \r\n    border-top-right-radius: 40px;\r\n    margin-top: 0px; \/* Jarak dari section sebelumnya *\/\r\n}\r\n\r\n.footer-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n\/* Bagian Logo Besar *\/\r\n.footer-logo h2 {\r\n    font-size: 48px;\r\n    margin: 0 0 10px 0;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.footer-tagline {\r\n    font-size: 20px;\r\n    margin-bottom: 40px;\r\n    opacity: 0.9;\r\n    font-weight: normal;\r\n}\r\n\r\n\/* Link Sosial Media (Versi Simpel) *\/\r\n.footer-socials {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.footer-social-link {\r\n    background-color: #f7eecb; \/* Tombol Cream *\/\r\n    color: #62826a; \/* Teks Hijau *\/\r\n    text-decoration: none;\r\n    padding: 10px 25px;\r\n    border-radius: 25px; \/* Pill shape *\/\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    transition: transform 0.2s ease, background-color 0.2s;\r\n}\r\n\r\n.footer-social-link:hover {\r\n    transform: translateY(-3px); \/* Naik sedikit saat hover *\/\r\n    background-color: #fff; \/* Jadi putih terang saat hover *\/\r\n}\r\n\r\n\/* Garis Pemisah Tipis *\/\r\n.footer-divider {\r\n    height: 1px;\r\n    width: 100%;\r\n    background-color: rgba(247, 238, 203, 0.3); \/* Garis transparan halus *\/\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* Disclaimer & Copyright *\/\r\n.footer-bottom {\r\n    font-size: 14px;\r\n    opacity: 0.8;\r\n    line-height: 1.6;\r\n}\r\n\r\n.footer-bottom p {\r\n    margin: 10px 0;\r\n}\r\n\r\n\/* --- RESPONSIF DI HP --- *\/\r\n@media screen and (max-width: 600px) {\r\n    .site-footer {\r\n        padding: 40px 20px 20px 20px;\r\n        border-top-left-radius: 25px;\r\n        border-top-right-radius: 25px;\r\n    }\r\n\r\n    .footer-logo h2 {\r\n        font-size: 36px;\r\n    }\r\n\r\n    .footer-socials {\r\n        gap: 15px;\r\n    }\r\n    \r\n    .footer-social-link {\r\n        width: 100%; \/* Tombol full width di HP agar mudah ditekan *\/\r\n        max-width: 200px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"site-footer\">\r\n    <div class=\"footer-container\">\r\n        \r\n        <div class=\"footer-logo\">\r\n            <h2>$OTOME<\/h2>\r\n        <\/div>\r\n        <div class=\"footer-tagline\">\r\n            Courage Wrapped in Softness\r\n        <\/div>\r\n\r\n        <div class=\"footer-socials\">\r\n            <a href=\"https:\/\/x.com\/otomemonkey\" class=\"footer-social-link\">Twitter<\/a>\r\n            <a href=\"https:\/\/t.me\/otomemonkey\" class=\"footer-social-link\">Telegram<\/a>\r\n            <a href=\"https:\/\/dexscreener.com\/solana\/B4xWTLmWUK5G69uvMuGEmfmsixJ4Uh84pwVKG5xQpump\" class=\"footer-social-link\">DEX Screener<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"footer-divider\"><\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <p>\r\n                $OTOME is a meme coin with no intrinsic value or expectation of financial return. \r\n                <br>The coin is for entertainment purposes only.\r\n            <\/p>\r\n            <p style=\"margin-top: 20px; font-weight: bold;\">\r\n                \u00a9 2026 Otome. All rights reserved.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/footer>\t\t<\/div>\n\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 $OTOME B4xWTLmWUK5G69uvMuGEmfmsixJ4Uh84pwVKG5xQpump Copied! The Story of Otome Long before Punch\u2026 there was Otome. A fragile macaque who began life alone, she found comfort in a simple plush companion and the gentle care that helped her trust again. Step by step, she grew stronger and rejoined her troop. $OTOME honors resilience, softness, [&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:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":16,"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":36,"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/36"}],"wp:attachment":[{"href":"https:\/\/otomemonkey.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}