{"id":8,"date":"2026-07-14T19:15:53","date_gmt":"2026-07-14T19:15:53","guid":{"rendered":"https:\/\/hellopou.lol\/?page_id=8"},"modified":"2026-07-14T21:12:24","modified_gmt":"2026-07-14T21:12:24","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/hellopou.lol\/","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-6fa9124 e-flex e-con-boxed e-con e-parent\" data-id=\"6fa9124\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hellopou.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-POU1.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-36a9fee e-con-full e-flex e-con e-child\" data-id=\"36a9fee\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e8146 elementor-widget elementor-widget-html\" data-id=\"a4e8146\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --bg-color: #FFFDF4;\r\n        --main-yellow: #FFD23F;\r\n        --main-orange: #FF9F1C;\r\n        --main-blue: #3A86C8; \/* Warna Biru Utama *\/\r\n        --text-dark: #1E1E24;\r\n        --border-style: 4px solid #1E1E24;\r\n        --cartoon-shadow: 0 8px 0 #1E1E24;\r\n        --cartoon-shadow-hover: 0 4px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n    }\r\n\r\n    \/* Efek Getar Tombol Buy *\/\r\n    @keyframes shake {\r\n        0% { transform: translate(0, 0) rotate(0deg); }\r\n        20% { transform: translate(-3px, 2px) rotate(-1deg); }\r\n        40% { transform: translate(3px, -1px) rotate(1deg); }\r\n        60% { transform: translate(-2px, -2px) rotate(0deg); }\r\n        80% { transform: translate(2px, 1px) rotate(-1deg); }\r\n        100% { transform: translate(0, 0) rotate(0deg); }\r\n    }\r\n\r\n    header {\r\n        background-color: var(--main-blue); \/* Background putih ganti menjadi biru *\/\r\n        border-bottom: var(--border-style);\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        z-index: 1000;\r\n        height: 90px;\r\n        display: flex;\r\n        align-items: center;\r\n        font-family: var(--font-desc);\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .nav-wrapper {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        width: 100%;\r\n    }\r\n\r\n    .logo {\r\n        display: flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .logo-text {\r\n        font-family: var(--font-title);\r\n        font-size: 1.6rem;\r\n        color: #E1B41A;\r\n        text-transform: uppercase;\r\n        -webkit-text-stroke: 1px #FFFFFF; \/* Outline biru ganti putih *\/\r\n        text-shadow: 3px 3px 0px #A8000B;\r\n    }\r\n\r\n    nav {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 30px;\r\n    }\r\n\r\n    .nav-links {\r\n        display: flex;\r\n        gap: 25px;\r\n        list-style: none;\r\n    }\r\n\r\n    .nav-links a {\r\n        text-decoration: none;\r\n        color: #FFFDF4; \/* Warna teks diganti putih krem agar kontras dengan bg biru *\/\r\n        font-weight: 700;\r\n        font-size: 1.1rem;\r\n        position: relative;\r\n        transition: color 0.2s;\r\n    }\r\n\r\n    .nav-links a::after {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%;\r\n        transform: scaleX(0);\r\n        height: 4px;\r\n        bottom: -6px;\r\n        left: 0;\r\n        background-color: var(--main-yellow); \/* Garis hover kuning agar lebih menyala di warna biru *\/\r\n        transform-origin: bottom right;\r\n        transition: transform 0.25s ease-out;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .nav-links a:hover {\r\n        color: var(--main-yellow);\r\n    }\r\n\r\n    .nav-links a:hover::after {\r\n        transform: scaleX(1);\r\n        transform-origin: bottom left;\r\n    }\r\n\r\n    .btn-cartoon {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: var(--main-yellow);\r\n        color: var(--text-dark);\r\n        font-family: var(--font-title);\r\n        font-size: 0.95rem;\r\n        padding: 12px 25px;\r\n        border: var(--border-style);\r\n        border-radius: 16px;\r\n        box-shadow: var(--cartoon-shadow);\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: all 0.15s ease-in-out;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .btn-cartoon:hover {\r\n        transform: translateY(4px);\r\n        box-shadow: var(--cartoon-shadow-hover);\r\n        animation: shake 0.3s infinite linear;\r\n    }\r\n\r\n    .btn-cartoon:active {\r\n        transform: translateY(8px);\r\n        box-shadow: none;\r\n        animation: none;\r\n    }\r\n\r\n    .menu-toggle {\r\n        display: none;\r\n        flex-direction: column;\r\n        gap: 6px;\r\n        cursor: pointer;\r\n        border: none;\r\n        background: none;\r\n    }\r\n\r\n    .menu-toggle span {\r\n        display: block;\r\n        width: 30px;\r\n        height: 4px;\r\n        background-color: #FFFDF4; \/* Warna burger menu diganti putih krem agar kelihatan *\/\r\n        border-radius: 2px;\r\n        transition: all 0.3s;\r\n    }\r\n\r\n    \/* Kepatuhan Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        header { height: 80px; }\r\n        \r\n        nav {\r\n            position: fixed;\r\n            top: 80px;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: calc(100vh - 80px);\r\n            background-color: var(--main-blue); \/* Background mobile tetap biru *\/\r\n            flex-direction: column;\r\n            padding: 40px 20px;\r\n            gap: 35px;\r\n            transition: left 0.3s cubic-bezier(0.77,0.2,0.05,1.0);\r\n            border-top: var(--border-style);\r\n            z-index: 999;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        nav.active { left: 0; }\r\n\r\n        .nav-links {\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 30px;\r\n            width: 100%;\r\n        }\r\n\r\n        .nav-links a { \r\n            font-size: 1.4rem; \r\n            color: #FFFDF4;\r\n        }\r\n        \r\n        .nav-links a::after {\r\n            background-color: var(--main-yellow);\r\n        }\r\n\r\n        .menu-toggle { display: flex; }\r\n\r\n        .menu-toggle.open span:nth-child(1) { transform: translateY(10px) rotate(45deg); }\r\n        .menu-toggle.open span:nth-child(2) { opacity: 0; }\r\n        .menu-toggle.open span:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }\r\n    }\r\n<\/style>\r\n\r\n<header>\r\n    <div class=\"container nav-wrapper\">\r\n        <a href=\"#\" class=\"logo\">\r\n            <span class=\"logo-text\">POU<\/span>\r\n        <\/a>\r\n        \r\n        <button class=\"menu-toggle\" id=\"mobile-toggle\" aria-label=\"Toggle Menu\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n        <nav id=\"nav-menu\">\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#\">Home<\/a><\/li>\r\n                <li><a href=\"#1\">Pou's Story<\/a><\/li>\r\n                <li><a href=\"#2\">How to Buy<\/a><\/li>\r\n                <li><a href=\"#3\">Gallery<\/a><\/li>\r\n                <li><a href=\"#4\">Community<\/a><\/li>\r\n            <\/ul>\r\n            <a href=\"LINK-KAMU\" class=\"btn-cartoon\">Buy $POU<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n<\/header>\r\n\r\n<script>\r\n    const mobileToggle = document.getElementById('mobile-toggle');\r\n    const navMenu = document.getElementById('nav-menu');\r\n    const navLinks = document.querySelectorAll('.nav-links a, nav .btn-cartoon');\r\n\r\n    mobileToggle.addEventListener('click', () => {\r\n        mobileToggle.classList.toggle('open');\r\n        navMenu.classList.toggle('active');\r\n        document.body.style.overflow = navMenu.classList.contains('active') ? 'hidden' : 'auto';\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n        link.addEventListener('click', () => {\r\n            mobileToggle.classList.remove('open');\r\n            navMenu.classList.remove('active');\r\n            document.body.style.overflow = 'auto';\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<div class=\"elementor-element elementor-element-e4eba8f e-con-full e-flex e-con e-child\" data-id=\"e4eba8f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0af7898 elementor-widget elementor-widget-html\" data-id=\"0af7898\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --main-yellow: #FFD23F;\r\n        --main-orange: #FF9F1C;\r\n        --main-blue: #3A86C8;\r\n        --text-dark: #1E1E24;\r\n        --border-style: 4px solid #1E1E24;\r\n        --cartoon-shadow: 0 6px 0 #1E1E24;\r\n        --cartoon-shadow-hover: 0 3px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n    }\r\n\r\n    @keyframes shake {\r\n        0% { transform: translate(0, 0) rotate(0deg); }\r\n        20% { transform: translate(-2px, 1px) rotate(-0.5deg); }\r\n        40% { transform: translate(2px, -1px) rotate(0.5deg); }\r\n        60% { transform: translate(-1px, -1px) rotate(0deg); }\r\n        80% { transform: translate(1px, 1px) rotate(-0.5deg); }\r\n        100% { transform: translate(0, 0) rotate(0deg); }\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Hero Section - Transparan & Lebih Ringkas *\/\r\n    .hero-section {\r\n        background-color: transparent; \/* Latar belakang transparan *\/\r\n        padding: 60px 0;\r\n        font-family: var(--font-desc);\r\n    }\r\n\r\n    .hero-content {\r\n        text-align: right;\r\n        max-width: 800px;\r\n        margin-left: auto; \/* Memaksa blok konten merapat ke kanan *\/\r\n    }\r\n\r\n    .hero-content h1 {\r\n        font-family: var(--font-title);\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        line-height: 1.2;\r\n        color: #E1B41A;\r\n        -webkit-text-stroke: 1px #FFFFFF;\r\n        text-shadow: 4px 4px 0px #A8000B;\r\n        font-size: 2.2rem; \/* Ukuran font diperkecil *\/\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .hero-content p {\r\n        font-size: 1.05rem; \/* Ukuran font deskripsi diperkecil *\/\r\n        line-height: 1.5;\r\n        color: var(--text-dark);\r\n        margin-bottom: 25px;\r\n        display: inline-block;\r\n        max-width: 600px;\r\n    }\r\n\r\n    \/* CA Box Style Rata Kanan *\/\r\n    .ca-container {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: #FFFFFF;\r\n        border: 3px solid var(--text-dark);\r\n        border-radius: 12px;\r\n        padding: 8px 16px;\r\n        margin-bottom: 25px;\r\n        box-shadow: 0 4px 0 var(--text-dark);\r\n        cursor: pointer;\r\n        transition: transform 0.1s;\r\n    }\r\n\r\n    .ca-container:active {\r\n        transform: translateY(2px);\r\n        box-shadow: 0 2px 0 var(--text-dark);\r\n    }\r\n\r\n    .ca-label {\r\n        font-family: var(--font-title);\r\n        font-size: 0.75rem;\r\n        color: var(--main-orange);\r\n    }\r\n\r\n    .ca-text {\r\n        font-family: monospace;\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n    }\r\n\r\n    .hero-btns {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: flex-end;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-cartoon {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: var(--main-yellow);\r\n        color: var(--text-dark);\r\n        font-family: var(--font-title);\r\n        font-size: 0.85rem; \/* Ukuran font tombol diperkecil *\/\r\n        padding: 12px 24px;\r\n        border: var(--border-style);\r\n        border-radius: 14px;\r\n        box-shadow: var(--cartoon-shadow);\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: all 0.15s ease-in-out;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .btn-cartoon:hover {\r\n        transform: translateY(3px);\r\n        box-shadow: var(--cartoon-shadow-hover);\r\n        animation: shake 0.3s infinite linear;\r\n    }\r\n\r\n    .btn-cartoon:active {\r\n        transform: translateY(6px);\r\n        box-shadow: none;\r\n        animation: none;\r\n    }\r\n\r\n    .btn-blue {\r\n        background-color: var(--main-blue);\r\n        color: white;\r\n        -webkit-text-stroke: 0.5px var(--text-dark);\r\n    }\r\n\r\n    .btn-orange {\r\n        background-color: var(--main-orange);\r\n        color: white;\r\n        -webkit-text-stroke: 0.5px var(--text-dark);\r\n    }\r\n\r\n    \/* --- PERBAIKAN KHUSUS UNTUK RESPONSIF MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .hero-section {\r\n            padding: 40px 0; \/* Padding vertikal disesuaikan agar compact *\/\r\n        }\r\n        .hero-content {\r\n            text-align: center; \/* Rata tengah di mobile agar seimbang *\/\r\n            margin-right: auto;\r\n            width: 100%;\r\n        }\r\n        .hero-content h1 {\r\n            font-size: 1.6rem; \/* Ukuran heading dikecilkan agar tidak patah berantakan *\/\r\n            text-shadow: 3px 3px 0px #A8000B;\r\n            padding: 0 5px;\r\n        }\r\n        .hero-content p {\r\n            font-size: 0.95rem; \/* Ukuran deskripsi disesuaikan *\/\r\n            padding: 0 10px;\r\n            margin-bottom: 20px;\r\n        }\r\n        .ca-container {\r\n            display: flex; \/* Mengubah inline-flex menjadi block flex penuh *\/\r\n            max-width: 100%; \/* Memaksa kotak tidak memakan ruang luar kontainer *\/\r\n            width: calc(100% - 20px); \/* Margin kanan-kiri yang aman *\/\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n        }\r\n        .ca-text {\r\n            font-size: 0.8rem; \/* Ukuran teks CA dikecilkan untuk mencegah overflow *\/\r\n            overflow: hidden;\r\n            text-overflow: ellipsis; \/* Otomatis memberikan efek titik-titik jika alamat terlalu panjang *\/\r\n            white-space: nowrap;\r\n        }\r\n        .hero-btns {\r\n            justify-content: center;\r\n            flex-direction: column; \/* Tombol bertumpuk rapi ke bawah *\/\r\n            gap: 12px;\r\n            width: 100%;\r\n            padding: 0 10px;\r\n            box-sizing: border-box;\r\n        }\r\n        .btn-cartoon {\r\n            width: 100%; \/* Tombol memenuhi lebar kontainer di mobile *\/\r\n            box-sizing: border-box;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero-section\">\r\n    <div class=\"container\">\r\n        <div class=\"hero-content\">\r\n            <h1>Sometimes relaxing, sometimes confused, but always here for the community.<\/h1>\r\n            <p>Welcome to the world of $POU, a token born from relatable lazy moments, funny daily routines, and the shared bond of the global meme community. We bring genuine laughter and a stress-free space to grow together in the crypto world.<\/p>\r\n            \r\n            <br>\r\n            <!-- CA Box yang Bisa Diklik untuk Copy -->\r\n            <div class=\"ca-container\" onclick=\"copyCA()\" title=\"Click to copy CA\">\r\n                <span class=\"ca-label\">CA:<\/span>\r\n                <span class=\"ca-text\" id=\"ca-value\">NULL<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"hero-btns\">\r\n                <a href=\"#community\" class=\"btn-cartoon btn-blue\">Join Telegram<\/a>\r\n                <a href=\"#\" class=\"btn-cartoon btn-orange\">View Chart<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function copyCA() {\r\n        \/\/ Ganti teks di bawah dengan Contract Address asli Anda saat launching\r\n        const caText = \"J1pTaX...officialContractAddress...sol\"; \r\n        \r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const label = document.querySelector('.ca-label');\r\n            const originalText = label.innerText;\r\n            \r\n            \/\/ Memberikan feedback visual instan saat berhasil copy\r\n            label.innerText = \"COPIED!\";\r\n            label.style.color = \"#3A86C8\";\r\n            \r\n            setTimeout(() => {\r\n                label.innerText = originalText;\r\n                label.style.color = \"var(--main-orange)\";\r\n            }, 1500);\r\n        }).catch(err => {\r\n            console.error('Failed to copy: ', 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af831d4 e-flex e-con-boxed e-con e-parent\" data-id=\"af831d4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5745e96 e-con-full e-flex e-con e-child\" data-id=\"5745e96\" data-element_type=\"container\" id=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bfd1488 elementor-widget elementor-widget-html\" data-id=\"bfd1488\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --text-dark: #1E1E24;\r\n        --border-style: 5px solid #1E1E24; \r\n        --cartoon-shadow: 0 12px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n        \r\n        \/* Palette Warna Kartun *\/\r\n        --main-yellow: #FFD23F;\r\n        --main-orange: #FF9F1C;\r\n        --main-blue: #3A86C8;\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* About Section Base Style - TANPA BG (TRANSPARANT) *\/\r\n    .about-section {\r\n        padding: 100px 0;\r\n        background-color: transparent; \/* Latar belakang transparan *\/\r\n        font-family: var(--font-desc);\r\n        position: relative;\r\n    }\r\n\r\n    \/* Box Utama yang Dihias Lebih Berwarna dengan Gambar Samar Full *\/\r\n    .about-box {\r\n        background: #FFFFFF;\r\n        border: var(--border-style);\r\n        border-radius: 32px;\r\n        padding: 60px 45px;\r\n        box-shadow: var(--cartoon-shadow);\r\n        text-align: center;\r\n        max-width: 950px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        overflow: hidden; \/* Mencegah gambar keluar dari sudut border radius *\/\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Gambar Samar di Dalam Card - FULL & LEBIH JELAS *\/\r\n    .about-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-image: url('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/HERO2.png');\r\n        background-repeat: no-repeat;\r\n        background-position: center center;\r\n        background-size: cover; \/* Gambar tampil full memenuhi seluruh area card tanpa terpotong *\/\r\n        opacity: 0.15; \/* Tingkat kejelasan dinaikkan sedikit agar lebih kelihatan *\/\r\n        z-index: -1; \/* Berada di belakang teks *\/\r\n        pointer-events: none;\r\n    }\r\n\r\n    .about-box h2 {\r\n        font-family: var(--font-title);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        line-height: 1.1;\r\n        color: #E1B41A;\r\n        -webkit-text-stroke: 1.5px #FFFFFF;\r\n        text-shadow: 6px 6px 0px #A8000B;\r\n        font-size: 2.6rem;\r\n        margin-bottom: 40px;\r\n        transform: rotate(-1deg);\r\n        position: relative;\r\n        z-index: 3;\r\n    }\r\n\r\n    .about-text p {\r\n        color: var(--text-dark);\r\n        margin-bottom: 25px;\r\n        position: relative;\r\n        z-index: 3; \/* Memastikan teks berada di atas gambar watermark *\/\r\n    }\r\n\r\n    \/* Paragraf Pembuka Dibuat Lebih Besar & Menonjol *\/\r\n    .about-text p.lead-text {\r\n        font-size: 1.35rem;\r\n        font-weight: 700;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .about-text p.body-text {\r\n        font-size: 1.15rem;\r\n        line-height: 1.6;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* Sorotan Khusus Gaya Stabilo Kartun untuk Teks $POU *\/\r\n    .about-text strong {\r\n        font-weight: 700;\r\n        background: linear-gradient(180deg, transparent 50%, #FFD23F 50%);\r\n        padding: 0 4px;\r\n    }\r\n\r\n    \/* Kepatuhan Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .about-section {\r\n            padding: 60px 0;\r\n        }\r\n        .about-box {\r\n            padding: 40px 20px;\r\n            border-radius: 24px;\r\n            margin: 0 10px;\r\n        }\r\n        .about-box h2 {\r\n            font-size: 1.8rem;\r\n            text-shadow: 4px 4px 0px #A8000B;\r\n            margin-bottom: 30px;\r\n            transform: none;\r\n        }\r\n        .about-text p.lead-text {\r\n            font-size: 1.15rem;\r\n        }\r\n        .about-text p.body-text {\r\n            font-size: 1.05rem;\r\n            line-height: 1.5;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"about\" class=\"about-section\">\r\n    <div class=\"container\">\r\n        <div class=\"about-box\">\r\n            <h2>Who Exactly is Pou?<\/h2>\r\n            <div class=\"about-text\">\r\n                <!-- Paragraf utama yang disorot (Lead) -->\r\n                <p class=\"lead-text\">Countless tokens in the space take themselves far too seriously, constantly lecturing everyone about the future of finance until they completely forget how to simply enjoy the journey. <strong>$POU<\/strong> is here to bring that missing fun back to the space.<\/p>\r\n                \r\n                <!-- Paragraf pendukung biasa -->\r\n                <p class=\"body-text\">Inspired by an iconic character who mirrors our own everyday lives\u2014from struggling to get out of bed to standing blankly in the bathroom, all the way to unwinding by the shore\u2014Pou is a reflection of everyone who just needs a quick break from the daily grind.<\/p>\r\n                \r\n                <p class=\"body-text\">We firmly believe that the most resilient communities are built on a foundation of honest humor and authentic interactions. There are no unrealistic targets or high-pressure environments here. We gather to share smiles through relatable memes and grow organically as one big community family.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4e98a5 e-flex e-con-boxed e-con e-parent\" data-id=\"c4e98a5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fbe9ed4 e-con-full e-flex e-con e-child\" data-id=\"fbe9ed4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e352b24 elementor-widget elementor-widget-html\" data-id=\"e352b24\" data-element_type=\"widget\" id=\"2\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --text-dark: #1E1E24;\r\n        --border-style: 4px solid #1E1E24;\r\n        --cartoon-shadow: 0 8px 0 #1E1E24;\r\n        --cartoon-shadow-hover: 0 14px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n        \r\n        \/* Palette Warna Kartun *\/\r\n        --main-yellow: #FFD23F;\r\n        --main-orange: #FF9F1C;\r\n        --main-blue: #3A86C8;\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1000px; \/* Diperkecil sedikit agar alur menurun terlihat padat *\/\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* How to Buy Section Base Style - Transparan *\/\r\n    .buy-section {\r\n        padding: 100px 0;\r\n        background-color: transparent;\r\n        font-family: var(--font-desc);\r\n    }\r\n\r\n    .buy-section h2 {\r\n        font-family: var(--font-title);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        line-height: 1.2;\r\n        color: #E1B41A;\r\n        -webkit-text-stroke: 1px #FFFFFF;\r\n        text-shadow: 5px 5px 0px #A8000B;\r\n        font-size: 2.2rem;\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n    }\r\n\r\n    \/* Struktur Wadah Menurun (Timeline Container) *\/\r\n    .timeline-container {\r\n        position: relative;\r\n        padding-left: 50px; \/* Ruang untuk garis hubung vertikal di sisi kiri *\/\r\n    }\r\n\r\n    \/* Garis Hubung Vertikal Komik Retro *\/\r\n    .timeline-container::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 10px;\r\n        left: 20px;\r\n        width: 8px;\r\n        height: calc(100% - 20px);\r\n        background: var(--text-dark);\r\n        border-radius: 4px;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Blok Baris Setiap Langkah *\/\r\n    .timeline-row {\r\n        position: relative;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    .timeline-row:last-child {\r\n        margin-bottom: 0; \/* Menghilangkan jarak pada langkah terakhir *\/\r\n    }\r\n\r\n    \/* Nomor Indikator Bulat yang Menempel di Garis *\/\r\n    .step-num-badge {\r\n        position: absolute;\r\n        top: 25px;\r\n        left: -54px; \/* Menempatkan nomor tepat di atas garis vertikal *\/\r\n        background: #A8000B;\r\n        color: #E1B41A;\r\n        border: var(--border-style);\r\n        border-radius: 50%;\r\n        width: 50px;\r\n        height: 50px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: var(--font-title);\r\n        font-size: 1.1rem;\r\n        -webkit-text-stroke: 1px #FFFFFF;\r\n        box-shadow: 0 4px 0 var(--text-dark);\r\n        z-index: 3;\r\n        transition: transform 0.2s ease-in-out, background-color 0.2s;\r\n    }\r\n\r\n    \/* Card Box Langkah Menurun *\/\r\n    .step-vertical-card {\r\n        background: #FFFFFF;\r\n        border: var(--border-style);\r\n        border-radius: 24px;\r\n        padding: 30px 35px;\r\n        box-shadow: var(--cartoon-shadow);\r\n        position: relative;\r\n        z-index: 2;\r\n        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.15), box-shadow 0.2s ease-in-out;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* --- EFEK HOVER KEREN DAN DINAMIS --- *\/\r\n    .timeline-row:hover .step-vertical-card {\r\n        transform: scale(1.03) translateX(5px); \/* Membesar naik dan sedikit bergeser maju *\/\r\n        box-shadow: var(--cartoon-shadow-hover); \/* Bayangan memanjang tajam *\/\r\n        background: #FFFDF4;\r\n    }\r\n\r\n    \/* Efek interaktif sinkron pada nomor saat baris di-hover *\/\r\n    .timeline-row:hover .step-num-badge {\r\n        transform: scale(1.15) rotate(-5deg);\r\n        background: var(--main-yellow);\r\n        color: #A8000B;\r\n    }\r\n\r\n    .step-vertical-card h3 {\r\n        font-family: var(--font-desc);\r\n        font-weight: 700;\r\n        font-size: 1.35rem;\r\n        color: var(--text-dark);\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .step-vertical-card p {\r\n        font-size: 1.05rem;\r\n        line-height: 1.6;\r\n        color: var(--text-dark);\r\n    }\r\n\r\n    .step-vertical-card strong {\r\n        font-weight: 700;\r\n        color: var(--main-blue);\r\n        background: linear-gradient(180deg, transparent 65%, #FFD23F 35%);\r\n        padding: 0 2px;\r\n    }\r\n\r\n    \/* Responsif Seluler (Mobile Optimization) *\/\r\n    @media (max-width: 768px) {\r\n        .buy-section h2 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 50px;\r\n        }\r\n        .timeline-container {\r\n            padding-left: 40px; \/* Jarak dipersempit di layar kecil *\/\r\n        }\r\n        .timeline-container::before {\r\n            left: 12px;\r\n        }\r\n        .step-num-badge {\r\n            width: 42px;\r\n            height: 42px;\r\n            left: -44px;\r\n            top: 20px;\r\n            font-size: 0.95rem;\r\n        }\r\n        .step-vertical-card {\r\n            padding: 20px 25px;\r\n            border-radius: 18px;\r\n        }\r\n        .step-vertical-card h3 {\r\n            font-size: 1.15rem;\r\n        }\r\n        .step-vertical-card p {\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n        }\r\n        .timeline-row:hover .step-vertical-card {\r\n            transform: scale(1.02); \/* Skala hover dikecilkan sedikit di mobile agar tidak keluar layar *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"buy\" class=\"buy-section\">\r\n    <div class=\"container\">\r\n        <h2>Simple Steps to Own $POU<\/h2>\r\n        \r\n        <!-- Wadah Utama Alur Menurun -->\r\n        <div class=\"timeline-container\">\r\n            \r\n            <!-- Baris Langkah 1 -->\r\n            <div class=\"timeline-row\">\r\n                <div class=\"step-num-badge\">1<\/div>\r\n                <div class=\"step-vertical-card\">\r\n                    <h3>Set Up Your Solana Wallet<\/h3>\r\n                    <p>Download a trusted digital wallet that supports the Solana network, such as <strong>Phantom<\/strong> or <strong>Solflare<\/strong>. Create a new account and ensure you write down and store your seed phrase (recovery phrase) in a secure, physical location. Never share this phrase with anyone for any reason.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Baris Langkah 2 -->\r\n            <div class=\"timeline-row\">\r\n                <div class=\"step-num-badge\">2<\/div>\r\n                <div class=\"step-vertical-card\">\r\n                    <h3>Fund with SOL<\/h3>\r\n                    <p>Purchase Solana (SOL) from your preferred cryptocurrency exchange, then transfer the SOL to your newly created Phantom or Solflare wallet address. This SOL will be used for swapping and to cover minor network transaction fees.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Baris Langkah 3 -->\r\n            <div class=\"timeline-row\">\r\n                <div class=\"step-num-badge\">3<\/div>\r\n                <div class=\"step-vertical-card\">\r\n                    <h3>Locate $POU on pump.fun or Dexscreener<\/h3>\r\n                    <p>Open the official <strong>pump.fun<\/strong> or <strong>Dexscreener<\/strong> platform using a secure browser. Carefully copy and paste the official Contract Address (CA) of $POU into the search bar to ensure you find the authentic token and avoid any lookalikes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Baris Langkah 4 -->\r\n            <div class=\"timeline-row\">\r\n                <div class=\"step-num-badge\">4<\/div>\r\n                <div class=\"step-vertical-card\">\r\n                    <h3>Connect & Swap<\/h3>\r\n                    <p>Click the \"Connect Wallet\" button on the platform interface. Once securely linked, specify the exact amount of SOL you wish to swap for $POU. Review the transaction details thoroughly, then confirm the swap directly inside your wallet. Welcome to the chillest team in crypto!<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38c94c4 e-flex e-con-boxed e-con e-parent\" data-id=\"38c94c4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-12bee34 e-con-full e-flex e-con e-child\" data-id=\"12bee34\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbbdd09 elementor-widget elementor-widget-html\" data-id=\"bbbdd09\" data-element_type=\"widget\" id=\"3\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --text-dark: #1E1E24;\r\n        --border-style: 4px solid #1E1E24;\r\n        --cartoon-shadow: 0 8px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n        --main-blue: #3A86C8;\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Gallery Section Base Style *\/\r\n    .gallery-section {\r\n        padding: 80px 0;\r\n        background-color: transparent;\r\n        font-family: var(--font-desc);\r\n    }\r\n\r\n    .gallery-section h2 {\r\n        font-family: var(--font-title);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        line-height: 1.2;\r\n        color: #E1B41A;\r\n        -webkit-text-stroke: 1px #FFFFFF;\r\n        text-shadow: 5px 5px 0px #A8000B;\r\n        font-size: 2.2rem;\r\n        text-align: center;\r\n        margin-bottom: 15px;\r\n        word-wrap: break-word; \/* Mencegah judul keluar batas jika teks terlalu panjang *\/\r\n    }\r\n\r\n    .gallery-section .subheading {\r\n        text-align: center;\r\n        max-width: 650px;\r\n        margin: 0 auto 50px;\r\n        font-size: 1.15rem;\r\n        color: var(--text-dark);\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* Grid Layout: 4 Kolom (4 Atas & 4 Bawah) *\/\r\n    .gallery-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 25px;\r\n    }\r\n\r\n    \/* Card Video Bergaya Kartun *\/\r\n    .gallery-card {\r\n        background: #FFFFFF;\r\n        border: var(--border-style);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        box-shadow: var(--cartoon-shadow);\r\n        cursor: pointer;\r\n        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n        position: relative;\r\n    }\r\n\r\n    .gallery-card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 12px 0 var(--text-dark);\r\n    }\r\n\r\n    \/* Frame Vertikal Rasio 9:16 (Reels\/Shorts Style) *\/\r\n    .video-wrapper {\r\n        width: 100%;\r\n        aspect-ratio: 9 \/ 16;\r\n        background: #000000;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .video-wrapper video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Overlay Hover dengan Icon Play *\/\r\n    .video-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(58, 134, 200, 0.2);\r\n        opacity: 0;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        transition: opacity 0.2s ease-in-out;\r\n        z-index: 2;\r\n    }\r\n\r\n    .gallery-card:hover .video-overlay {\r\n        opacity: 1;\r\n    }\r\n\r\n    .play-icon-pop {\r\n        width: 60px;\r\n        height: 60px;\r\n        background: #FFD23F;\r\n        border: 3px solid var(--text-dark);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-shadow: 0 4px 0 var(--text-dark);\r\n        transform: scale(0.8);\r\n        transition: transform 0.2s ease-in-out;\r\n    }\r\n\r\n    .gallery-card:hover .play-icon-pop {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .play-icon-pop::after {\r\n        content: '';\r\n        display: block;\r\n        width: 0;\r\n        height: 0;\r\n        border-style: solid;\r\n        border-width: 10px 0 12px 18px;\r\n        border-color: transparent transparent transparent var(--text-dark);\r\n        margin-left: 4px;\r\n    }\r\n\r\n    \/* --- MODAL PREVIEW POPUP --- *\/\r\n    .video-modal {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: rgba(30, 30, 36, 0.9);\r\n        backdrop-filter: blur(8px);\r\n        z-index: 2000;\r\n        display: none;\r\n        align-items: center;\r\n        justify-content: center;\r\n        box-sizing: border-box;\r\n        padding: 20px;\r\n    }\r\n\r\n    .video-modal.show {\r\n        display: flex;\r\n        opacity: 1;\r\n    }\r\n\r\n    .modal-content {\r\n        width: 100%;\r\n        max-width: 380px;\r\n        aspect-ratio: 9 \/ 16;\r\n        background: #000000;\r\n        border: var(--border-style);\r\n        border-radius: 24px;\r\n        overflow: visible;\r\n        position: relative;\r\n        box-shadow: 0 20px 0 rgba(0,0,0,0.3);\r\n        transform: scale(0.8);\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .video-modal.show .modal-content {\r\n        transform: scale(1);\r\n    }\r\n\r\n    .modal-content video {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 20px;\r\n    }\r\n\r\n    .close-modal-btn {\r\n        position: absolute;\r\n        top: -25px;\r\n        right: -10px;\r\n        width: 40px;\r\n        height: 40px;\r\n        background: #FF9F1C;\r\n        border: 3px solid var(--text-dark);\r\n        border-radius: 50%;\r\n        color: var(--text-dark);\r\n        font-family: var(--font-title);\r\n        font-size: 1rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        box-shadow: 0 4px 0 var(--text-dark);\r\n        z-index: 2010;\r\n        transition: all 0.1s;\r\n    }\r\n\r\n    .close-modal-btn:hover {\r\n        transform: translateY(2px);\r\n        box-shadow: 0 2px 0 var(--text-dark);\r\n    }\r\n\r\n    \/* Responsif Seluler (Mobile & Tablet Optimization) *\/\r\n    @media (max-width: 992px) {\r\n        .gallery-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n    }\r\n\r\n    \/* --- SANGAT AMAN UNTUK LAYAR MOBILE --- *\/\r\n    @media (max-width: 768px) {\r\n        .gallery-section {\r\n            padding: 40px 0;\r\n        }\r\n        .gallery-section h2 {\r\n            \/* Menggunakan ukuran fleksibel berbasis lebar viewport (vw) agar otomatis mengecil di HP *\/\r\n            font-size: calc(1.2rem + 2.5vw); \r\n            text-shadow: 3px 3px 0px #A8000B;\r\n            max-width: 100%;\r\n            padding: 0 10px;\r\n            box-sizing: border-box;\r\n        }\r\n        .gallery-section .subheading {\r\n            font-size: 0.95rem;\r\n            margin-bottom: 30px;\r\n            padding: 0 15px;\r\n        }\r\n        .gallery-grid {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 12px;\r\n            padding: 0 15px;\r\n        }\r\n        .gallery-card {\r\n            border-width: 3px;\r\n            border-radius: 14px;\r\n            box-shadow: 0 5px 0 var(--text-dark);\r\n        }\r\n        .play-icon-pop {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-width: 2px;\r\n            box-shadow: 0 3px 0 var(--text-dark);\r\n        }\r\n        .play-icon-pop::after {\r\n            border-width: 7px 0 9px 13px;\r\n            margin-left: 3px;\r\n        }\r\n        .video-modal {\r\n            padding: 40px 15px 15px 15px;\r\n        }\r\n        .modal-content {\r\n            max-width: 100%;\r\n            max-height: 80vh;\r\n        }\r\n        .close-modal-btn {\r\n            top: -45px;\r\n            right: 0;\r\n        }\r\n    }\r\n\r\n    \/* Penyesuaian khusus untuk HP dengan layar extra kecil *\/\r\n    @media (max-width: 380px) {\r\n        .gallery-section h2 {\r\n            font-size: 1.3rem; \/* Batas minimal ukuran font agar tidak overflow *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"gallery\" class=\"gallery-section\">\r\n    <div class=\"container\">\r\n        <h2>Pou\u2019s Entertainment Corner<\/h2>\r\n        <p class=\"subheading\">A collection of daily moments, short animations, and stories that will bring a smile to your face.<\/p>\r\n        \r\n        <div class=\"gallery-grid\">\r\n            \r\n            <!-- Video 1 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-1.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-1.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 2 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-2.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-2.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 3 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-3.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-3.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 4 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-4.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-4.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 5 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-5.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-5.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 6 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-6.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-6.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 7 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-7.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-7.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Video 8 -->\r\n            <div class=\"gallery-card\" onclick=\"openPreview('https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-8.mp4')\">\r\n                <div class=\"video-wrapper\">\r\n                    <video src=\"https:\/\/hellopou.lol\/wp-content\/uploads\/2026\/07\/POU1-8.mp4\" loop muted autoplay playsinline><\/video>\r\n                    <div class=\"video-overlay\"><div class=\"play-icon-pop\"><\/div><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Pop-up Preview Modal Element -->\r\n<div class=\"video-modal\" id=\"previewModal\" onclick=\"closePreview()\">\r\n    <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\r\n        <button class=\"close-modal-btn\" onclick=\"closePreview()\">X<\/button>\r\n        <video id=\"modalVideo\" controls playsinline><\/video>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    const modal = document.getElementById('previewModal');\r\n    const modalVideo = document.getElementById('modalVideo');\r\n\r\n    function openPreview(videoUrl) {\r\n        modalVideo.src = videoUrl;\r\n        modal.classList.add('show');\r\n        modalVideo.play();\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closePreview() {\r\n        modal.classList.remove('show');\r\n        modalVideo.pause();\r\n        modalVideo.src = \"\";\r\n        document.body.style.overflow = 'auto';\r\n    }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72b49b0 e-flex e-con-boxed e-con e-parent\" data-id=\"72b49b0\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hellopou.lol\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/HERO-POU2.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-1e09e81 e-con-full e-flex e-con e-child\" data-id=\"1e09e81\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d321e29 elementor-widget elementor-widget-html\" data-id=\"d321e29\" data-element_type=\"widget\" id=\"4\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Climate+Crisis&family=Fredoka:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --text-dark: #1E1E24;\r\n        --border-style: 4px solid #1E1E24;\r\n        --cartoon-shadow: 0 8px 0 #1E1E24;\r\n        --cartoon-shadow-hover: 0 4px 0 #1E1E24;\r\n        --font-title: 'Climate Crisis', sans-serif;\r\n        --font-desc: 'Fredoka', sans-serif;\r\n        \r\n        \/* Palette Warna Kartun *\/\r\n        --main-yellow: #FFD23F;\r\n        --main-orange: #FF9F1C;\r\n        --main-blue: #3A86C8;\r\n    }\r\n\r\n    .container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    \/* Community Section Base Style - Transparan & Rata Kiri *\/\r\n    .community-section {\r\n        padding: 80px 0;\r\n        background-color: transparent;\r\n        font-family: var(--font-desc);\r\n        text-align: left; \/* Memaksa seluruh teks default menjadi rata kiri *\/\r\n    }\r\n\r\n    \/* Konten Komunitas Tanpa Card *\/\r\n    .community-content {\r\n        max-width: 850px;\r\n        margin: 0; \/* Menghilangkan margin auto agar tetap rapat ke kiri *\/\r\n    }\r\n\r\n    .community-content h2 {\r\n        font-family: var(--font-title);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        line-height: 1.2;\r\n        color: #E1B41A; \/* Warna Utama Judul *\/\r\n        -webkit-text-stroke: 1px #FFFFFF; \/* Garis tepi putih tipis *\/\r\n        text-shadow: 5px 5px 0px #A8000B; \/* Bayangan tebal merah *\/\r\n        font-size: 2.2rem;\r\n        margin-bottom: 25px;\r\n        text-align: left;\r\n    }\r\n\r\n    .community-content p {\r\n        font-size: 1.15rem;\r\n        line-height: 1.6;\r\n        color: var(--text-dark);\r\n        margin-bottom: 40px;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Penataan Baris Tombol Sosial Media Rata Kiri *\/\r\n    .social-btns {\r\n        display: flex;\r\n        justify-content: flex-start; \/* Memaksa susunan tombol mulai dari sisi kiri *\/\r\n        gap: 25px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Efek Getar Tombol saat Hover *\/\r\n    @keyframes btnShake {\r\n        0% { transform: translate(0, 0) rotate(0deg); }\r\n        20% { transform: translate(-3px, 2px) rotate(-1deg); }\r\n        40% { transform: translate(3px, -1px) rotate(1deg); }\r\n        60% { transform: translate(-2px, -2px) rotate(0deg); }\r\n        80% { transform: translate(2px, 1px) rotate(-1deg); }\r\n        100% { transform: translate(0, 0) rotate(0deg); }\r\n    }\r\n\r\n    \/* Tombol Bergaya Kartun Pop-Art *\/\r\n    .btn-cartoon {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--text-dark);\r\n        font-family: var(--font-title);\r\n        font-size: 0.95rem;\r\n        padding: 16px 32px;\r\n        border: var(--border-style);\r\n        border-radius: 16px;\r\n        box-shadow: var(--cartoon-shadow);\r\n        cursor: pointer;\r\n        text-decoration: none;\r\n        transition: all 0.15s ease-in-out;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .btn-cartoon:hover {\r\n        transform: translateY(4px);\r\n        box-shadow: var(--cartoon-shadow-hover);\r\n        animation: btnShake 0.3s infinite linear; \/* Memicu efek getar kartun *\/\r\n    }\r\n\r\n    .btn-cartoon:active {\r\n        transform: translateY(8px);\r\n        box-shadow: none;\r\n        animation: none;\r\n    }\r\n\r\n    \/* Variasi Warna Spesifik Tombol *\/\r\n    .btn-orange {\r\n        background-color: var(--main-orange);\r\n        color: white;\r\n        -webkit-text-stroke: 0.5px var(--text-dark);\r\n    }\r\n\r\n    .btn-blue {\r\n        background-color: var(--main-blue);\r\n        color: white;\r\n        -webkit-text-stroke: 0.5px var(--text-dark);\r\n    }\r\n\r\n    \/* Kepatuhan Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .community-section {\r\n            padding: 60px 0;\r\n        }\r\n        .community-content h2 {\r\n            font-size: 1.8rem;\r\n        }\r\n        .community-content p {\r\n            font-size: 1.05rem;\r\n            line-height: 1.5;\r\n            margin-bottom: 30px;\r\n        }\r\n        .social-btns {\r\n            flex-direction: column; \/* Tombol bertumpuk vertikal di HP agar tidak keluar batas *\/\r\n            gap: 15px;\r\n            width: 100%;\r\n        }\r\n        .btn-cartoon {\r\n            width: 100%; \/* Lebar penuh di mobile *\/\r\n            padding: 15px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"community\" class=\"community-section\">\r\n    <div class=\"container\">\r\n        <!-- Menggunakan pembungkus konten polos tanpa box\/card background -->\r\n        <div class=\"community-content\">\r\n            <h2>Don\u2019t Watch from the Sidelines<\/h2>\r\n            <p>The real fun happens inside our community groups. It is the place where new memes are born daily, casual conversations happen without any pressure, and every single voice matters. No matter your background, our doors are always open to anyone who appreciates a good laugh and positive energy.<\/p>\r\n            \r\n            <div class=\"social-btns\">\r\n                <!-- Tombol X \/ Twitter -->\r\n                <a href=\"#\" class=\"btn-cartoon btn-orange\">Follow on X (Twitter)<\/a>\r\n                <!-- Tombol Telegram -->\r\n                <a href=\"#\" class=\"btn-cartoon btn-blue\">Join Telegram Group<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa141fc e-con-full e-flex e-con e-child\" data-id=\"aa141fc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c59255 elementor-widget elementor-widget-html\" data-id=\"0c59255\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Masukkan ini di dalam tag <head> Anda jika belum ada -->\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=Fredoka:wght@600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .copyright-container {\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 20px;\r\n        text-align: center;\r\n        background-color: transparent; \/* Latar belakang transparan *\/\r\n        font-family: 'Fredoka', sans-serif;\r\n    }\r\n\r\n    .copyright-text-only {\r\n        font-size: 0.95rem;\r\n        color: #FFFDF4; \/* Warna putih krem lembut khas nav menu *\/\r\n        font-weight: 600;\r\n        line-height: 1.6;\r\n        max-width: 750px;\r\n        margin: 0 auto;\r\n        letter-spacing: 0.3px;\r\n        \/* Bayangan teks hitam tipis agar tetap terbaca jelas di background apa pun *\/\r\n        text-shadow: 2px 2px 0px #1E1E24; \r\n    }\r\n\r\n    \/* Optimasi Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .copyright-container {\r\n            padding: 15px;\r\n        }\r\n        .copyright-text-only {\r\n            font-size: 0.85rem;\r\n            line-height: 1.5;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"copyright-container\">\r\n    <p class=\"copyright-text-only\">\r\n        \u00a9 2026 POU ($POU). Built with laughter by the Pou Community, for the World. All character concepts and creative rights reserved.\r\n    <\/p>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>POU Home Pou&#8217;s Story How to Buy Gallery Community Buy $POU Sometimes relaxing, sometimes confused, but always here for the community. Welcome to the world of $POU, a token born from relatable lazy moments, funny daily routines, and the shared bond of the global meme community. We bring genuine laughter and a stress-free space to [&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:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hellopou.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/hellopou.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/hellopou.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}