{"id":8,"date":"2026-08-16T05:35:14","date_gmt":"2026-08-16T05:35:14","guid":{"rendered":"https:\/\/thecondom.xyz\/?page_id=8"},"modified":"2026-08-16T06:41:18","modified_gmt":"2026-08-16T06:41:18","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/thecondom.xyz\/","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-eb75122 e-con-full e-flex e-con e-parent\" data-id=\"eb75122\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af96271 elementor-widget elementor-widget-html\" data-id=\"af96271\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\r\n     $CONDOM \u2014 SINGLE BLOCK (HTML + CSS + JS) untuk Elementor\r\n     Paste seluruh isi file ini ke widget \"HTML\" Elementor.\r\n     ============================================================ -->\r\n<div id=\"cdm-app\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n  <style>\r\n  #cdm-app{\r\n    --bg:#C2ECD8;\r\n    --ink:#0B3327;\r\n    --soft:#3E6E5C;\r\n    --deep:#1F7A5A;\r\n    --deeper:#12523C;\r\n    --darkest:#0A2A20;\r\n    --mint:#7FD9B0;\r\n    --lime:#B9F5D6;\r\n    --pink:#FF7EA8;\r\n    --sun:#FFD36E;\r\n    font-family:'Fredoka',system-ui,sans-serif;color:var(--ink);\r\n    position:relative;isolation:isolate;-webkit-font-smoothing:antialiased;\r\n  }\r\n  #cdm-app *,#cdm-app *::before,#cdm-app *::after{box-sizing:border-box}\r\n  #cdm-app h1,#cdm-app h2,#cdm-app h3,#cdm-app .fx{font-family:'Baloo 2',cursive;margin:0;line-height:1.02}\r\n  #cdm-app p{margin:0}\r\n  #cdm-app a{text-decoration:none}\r\n  #cdm-app button{font-family:inherit;cursor:pointer;border:0}\r\n\r\n  \/* ================= SHELL + TEXTURE ================= *\/\r\n  .cdm-shell{\r\n    position:relative;overflow:hidden;\r\n    background:\r\n      radial-gradient(900px 620px at 85% -12%, #E8FCF2 0%, rgba(232,252,242,0) 62%),\r\n      radial-gradient(760px 620px at -8% 108%, #86D9B2 0%, rgba(134,217,178,0) 60%),\r\n      var(--bg);\r\n  }\r\n  \/* grain *\/\r\n  .cdm-shell::before{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.28;\r\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/><feColorMatrix type='saturate' values='0'\/><\/filter><rect width='200' height='200' filter='url(%23n)' opacity='0.6'\/><\/svg>\")}\r\n  \/* graph-paper texture *\/\r\n  .cdm-shell::after{content:\"\";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.35;\r\n    background-image:\r\n      linear-gradient(rgba(11,51,39,.10) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(11,51,39,.10) 1px, transparent 1px),\r\n      radial-gradient(rgba(11,51,39,.20) 1.5px, transparent 1.6px);\r\n    background-size:58px 58px, 58px 58px, 58px 58px;\r\n    -webkit-mask-image:radial-gradient(130% 95% at 50% 8%, #000 12%, transparent 76%);\r\n            mask-image:radial-gradient(130% 95% at 50% 8%, #000 12%, transparent 76%)}\r\n  .cdm-wrap{position:relative;z-index:4;max-width:1280px;margin:0 auto;padding:0 22px}\r\n\r\n  \/* floating stickers *\/\r\n  .cdm-sticker{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;font-size:26px;\r\n    box-shadow:0 10px 0 rgba(11,51,39,.18), 0 26px 40px -18px rgba(11,51,39,.7), inset 0 3px 0 rgba(255,255,255,.5);\r\n    pointer-events:none}\r\n  .s1{width:78px;height:78px;left:3%;top:26%;background:linear-gradient(180deg,#9CEBC6,#3FB98C);animation:fl 8s ease-in-out infinite}\r\n  .s2{width:60px;height:60px;right:5%;top:16%;background:linear-gradient(180deg,#FFE7B0,#FFC24D);animation:fl 6.4s ease-in-out infinite reverse}\r\n  .s3{width:66px;height:66px;right:12%;bottom:9%;background:linear-gradient(180deg,#FFCADB,#FF7EA8);animation:fl 9.5s ease-in-out infinite}\r\n  @keyframes fl{0%,100%{transform:translate3d(0,0,0) rotate(-6deg)}50%{transform:translate3d(10px,-24px,0) rotate(8deg)}}\r\n\r\n  \/* ================= NAVBAR ================= *\/\r\n  .cdm-navbar{position:relative;z-index:6;padding:20px 0 0}\r\n  .cdm-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;\r\n    padding:12px 14px 12px 16px;border-radius:999px;\r\n    background:linear-gradient(180deg, rgba(10,42,32,.92), rgba(7,32,24,.96));\r\n    box-shadow:0 10px 0 rgba(6,28,21,.55), 0 30px 50px -24px rgba(6,28,21,.95), inset 0 2px 0 rgba(255,255,255,.14)}\r\n  .cdm-logo{display:inline-flex;align-items:center;gap:11px;padding:6px 8px;\r\n    font-family:'Baloo 2',cursive;font-weight:800;font-size:27px;letter-spacing:1px;color:var(--lime);\r\n    text-shadow:0 3px 0 rgba(0,0,0,.35)}\r\n  .cdm-logo .knot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 28%, #fff, var(--mint) 45%, var(--deep) 100%);\r\n    box-shadow:0 0 0 5px rgba(127,217,176,.22), 0 4px 0 rgba(0,0,0,.35);animation:pulse 2.6s ease-in-out infinite}\r\n  @keyframes pulse{0%,100%{box-shadow:0 0 0 5px rgba(127,217,176,.22),0 4px 0 rgba(0,0,0,.35)}50%{box-shadow:0 0 0 11px rgba(127,217,176,.06),0 4px 0 rgba(0,0,0,.35)}}\r\n  .cdm-nav-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}\r\n\r\n  \/* ---- buttons ---- *\/\r\n  .cdm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;\r\n    padding:12px 20px;border-radius:999px;font-weight:600;font-size:15px;color:var(--lime);\r\n    background:linear-gradient(180deg,#2C8F6C 0%,#166348 100%);\r\n    box-shadow:0 5px 0 #0B3C2C, 0 14px 22px -12px rgba(6,28,21,.95), inset 0 2px 0 rgba(255,255,255,.22);\r\n    transition:transform .14s ease, box-shadow .14s ease, filter .14s ease}\r\n  .cdm-btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 8px 0 #0B3C2C,0 20px 26px -12px rgba(6,28,21,.95),inset 0 2px 0 rgba(255,255,255,.22)}\r\n  .cdm-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #0B3C2C,0 8px 14px -10px rgba(6,28,21,.95),inset 0 2px 0 rgba(255,255,255,.22)}\r\n  .cdm-btn svg{width:18px;height:18px}\r\n  .cdm-btn--mint{color:#062A1F;background:linear-gradient(180deg,#A8F0CE 0%,#5FCB9C 100%);box-shadow:0 5px 0 #2E8763,0 14px 22px -12px rgba(6,28,21,.8),inset 0 2px 0 rgba(255,255,255,.55)}\r\n  .cdm-btn--mint:hover{box-shadow:0 8px 0 #2E8763,0 20px 26px -12px rgba(6,28,21,.8),inset 0 2px 0 rgba(255,255,255,.55)}\r\n  .cdm-btn--sun{color:#4A2E00;background:linear-gradient(180deg,#FFE29A 0%,#FFC24D 100%);box-shadow:0 5px 0 #C98E1E,0 14px 22px -12px rgba(74,46,0,.6),inset 0 2px 0 rgba(255,255,255,.6)}\r\n  .cdm-btn--sun:hover{box-shadow:0 8px 0 #C98E1E,0 20px 26px -12px rgba(74,46,0,.6),inset 0 2px 0 rgba(255,255,255,.6)}\r\n  .cdm-btn--pink{color:#4A1027;background:linear-gradient(180deg,#FFB3CD 0%,#FF6F9E 100%);box-shadow:0 5px 0 #C94D75,0 14px 22px -12px rgba(94,20,45,.7),inset 0 2px 0 rgba(255,255,255,.5)}\r\n  .cdm-btn--pink:hover{box-shadow:0 8px 0 #C94D75,0 20px 26px -12px rgba(94,20,45,.7),inset 0 2px 0 rgba(255,255,255,.5)}\r\n  .cdm-btn--lg{padding:17px 30px;font-size:18px;font-weight:700}\r\n  .cdm-btn--full{width:100%}\r\n\r\n  \/* ================= HERO ================= *\/\r\n  .cdm-hero{position:relative;z-index:0;margin:18px 0 0;border-radius:44px;overflow:hidden;\r\n    box-shadow:0 40px 90px -40px rgba(6,28,21,.9), inset 0 0 0 3px rgba(255,255,255,.35)}\r\n  .cdm-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;\r\n    background:\r\n      conic-gradient(from 210deg at 30% 25%, #D9F8EA, #A6E7C8, #74CFA6, #D9F8EA),\r\n      linear-gradient(160deg,#DAF7E9,#8FDCB8);\r\n    filter:saturate(1.05);animation:spinbg 26s linear infinite}}\r\n  .cdm-hero-veil{position:absolute;inset:0;z-index:1;\r\n    background:linear-gradient(180deg, rgba(194,236,216,.42), rgba(194,236,216,.28) 40%, rgba(11,51,39,.30) 100%)}\r\n\r\n  .cdm-stage{position:relative;z-index:2;padding:74px 46px 62px;display:grid;justify-items:center;text-align:center}\r\n  .cdm-kicker{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:999px;\r\n    font-size:12.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--lime);\r\n    background:linear-gradient(180deg,#1E6A4E,#0E4433);\r\n    box-shadow:0 5px 0 #082C21, inset 0 2px 0 rgba(255,255,255,.18)}\r\n  .cdm-title{margin-top:26px;line-height:1.14;font-size:clamp(40px,6.4vw,88px);font-weight:800;letter-spacing:-1px;max-width:15ch;\r\n    color:#0B3327;text-shadow:0 3px 0 #E7FBF2, 0 8px 0 rgba(31,122,90,.28), 0 30px 46px rgba(6,28,21,.3)}\r\n  .cdm-title em{font-style:normal;display:inline-block;padding:0 18px;border-radius:22px;color:#EAFFF5;\r\n    background:linear-gradient(180deg,#39B487,#15654A);transform:rotate(-2.5deg);\r\n    box-shadow:0 10px 0 #0B3C2C, 0 26px 34px -16px rgba(6,28,21,.95);\r\n    text-shadow:0 4px 0 rgba(0,0,0,.28);animation:wob 5s ease-in-out infinite}\r\n  @keyframes wob{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-7px)}}\r\n  .cdm-sub{margin-top:22px;max-width:60ch;font-size:clamp(16px,1.5vw,19px);line-height:1.65;font-weight:500;color:#17452F}\r\n\r\n  \/* ===== CA COPY BAR ===== *\/\r\n  .cdm-ca{position:relative;margin-top:34px;display:flex;align-items:center;gap:14px;\r\n    padding:11px 11px 11px 22px;border-radius:999px;max-width:100%;\r\n    background:linear-gradient(180deg,#0F4835 0%,#082B20 100%);\r\n    box-shadow:0 10px 0 #061F17, 0 30px 46px -22px rgba(6,28,21,.95), inset 0 2px 0 rgba(255,255,255,.16);\r\n    overflow:hidden}\r\n  .cdm-ca::before{content:\"\";position:absolute;inset:0;pointer-events:none;\r\n    background:linear-gradient(105deg, transparent 35%, rgba(185,245,214,.20) 48%, transparent 60%);\r\n    transform:translateX(-120%);animation:shine 4.2s ease-in-out infinite}\r\n  @keyframes shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}\r\n  .cdm-ca-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:2px;\r\n    text-transform:uppercase;color:#66C79E;white-space:nowrap}\r\n  .cdm-ca-label i{width:8px;height:8px;border-radius:50%;background:#6BE0A8;box-shadow:0 0 0 0 rgba(107,224,168,.6);\r\n    animation:live 1.8s ease-out infinite;font-style:normal}\r\n  @keyframes live{0%{box-shadow:0 0 0 0 rgba(107,224,168,.6)}100%{box-shadow:0 0 0 12px rgba(107,224,168,0)}}\r\n  .cdm-ca code{flex:1 1 auto;min-width:0;font-family:'Fredoka',monospace;font-size:15px;font-weight:600;letter-spacing:.4px;\r\n    color:#CFF7E5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\r\n  .cdm-copy{flex:none;display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;\r\n    font-weight:700;font-size:15px;color:#062A1F;\r\n    background:linear-gradient(180deg,#B9F5D6 0%,#59C79A 100%);\r\n    box-shadow:0 5px 0 #2A7C5A, 0 14px 22px -12px rgba(6,28,21,.9), inset 0 2px 0 rgba(255,255,255,.7);\r\n    transition:transform .14s ease, box-shadow .14s ease, filter .14s ease}\r\n  .cdm-copy:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 8px 0 #2A7C5A,0 20px 26px -12px rgba(6,28,21,.9),inset 0 2px 0 rgba(255,255,255,.7)}\r\n  .cdm-copy:active{transform:translateY(3px);box-shadow:0 2px 0 #2A7C5A,0 8px 14px -10px rgba(6,28,21,.9),inset 0 2px 0 rgba(255,255,255,.7)}\r\n  .cdm-copy.is-done{background:linear-gradient(180deg,#FFE29A,#FFC24D);box-shadow:0 5px 0 #C98E1E,inset 0 2px 0 rgba(255,255,255,.7);color:#4A2E00}\r\n  .cdm-copy svg{width:18px;height:18px}\r\n\r\n  \/* ===== dual panel row ===== *\/\r\n  .cdm-row{margin-top:44px;width:100%;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch;text-align:left}\r\n\r\n  .cdm-card{position:relative;text-align:left;display:flex;gap:20px;align-items:center;width:100%;padding:20px;border-radius:34px;overflow:hidden;\r\n    background:linear-gradient(180deg,#14523D 0%,#0A3227 100%);\r\n    box-shadow:0 14px 0 rgba(6,28,21,.35), 0 44px 60px -30px rgba(6,28,21,.95), inset 0 2px 0 rgba(255,255,255,.14);\r\n    transition:transform .24s cubic-bezier(.2,.8,.3,1), box-shadow .24s ease;color:#DFF8ED}\r\n  .cdm-card:hover{transform:translateY(-8px) rotate(-.7deg);\r\n    box-shadow:0 22px 0 rgba(6,28,21,.35), 0 60px 74px -30px rgba(6,28,21,.95), inset 0 2px 0 rgba(255,255,255,.14)}\r\n  .cdm-thumb{position:relative;flex:none;width:210px;aspect-ratio:1\/1;border-radius:26px;overflow:hidden;\r\n    background:#0E4433;box-shadow:inset 0 0 0 3px rgba(185,245,214,.22)}\r\n  .cdm-thumb img, .cdm-thumb video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}\r\n  .cdm-card:hover .cdm-thumb img, .cdm-card:hover .cdm-thumb video{transform:scale(1.08) rotate(1.5deg)}\r\n  .cdm-play{position:absolute;right:11px;bottom:11px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;\r\n    background:linear-gradient(180deg,#B9F5D6,#59C79A);box-shadow:0 5px 0 #2A7C5A, 0 12px 18px -8px rgba(6,28,21,.9);pointer-events:none}\r\n  .cdm-play::after{content:\"\";width:0;height:0;margin-left:4px;border-left:15px solid #06281E;border-top:9px solid transparent;border-bottom:9px solid transparent}\r\n  .cdm-tag{display:inline-flex;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:2px;\r\n    text-transform:uppercase;color:#062A1F;background:linear-gradient(180deg,#B9F5D6,#5FCB9C);box-shadow:0 4px 0 #2A7C5A}\r\n  .cdm-card h3{margin-top:13px;font-size:clamp(22px,2.4vw,30px);font-weight:800;color:#EAFFF5}\r\n  .cdm-card p{margin-top:9px;font-size:15.5px;line-height:1.6;color:#9FD8C2}\r\n  .cdm-more{margin-top:15px;display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:#8FEBC1}\r\n  .cdm-more span{transition:transform .2s ease}\r\n  .cdm-card:hover .cdm-more span{transform:translateX(6px)}\r\n\r\n  .cdm-why{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;border-radius:34px;\r\n    background:linear-gradient(180deg,#FFDCE8 0%,#FFB6CE 100%);\r\n    box-shadow:0 14px 0 #D9799B, 0 44px 60px -30px rgba(94,20,45,.75), inset 0 2px 0 rgba(255,255,255,.65);color:#4A1027}\r\n  .cdm-why h3{font-size:clamp(21px,2.2vw,27px);font-weight:800}\r\n  .cdm-chips{display:flex;flex-wrap:wrap;gap:8px}\r\n  .cdm-chip{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#4A1027;\r\n    background:linear-gradient(180deg,#FFEFF4,#FFC9DB);box-shadow:0 3px 0 #D9799B}\r\n  .cdm-why p{font-size:15px;line-height:1.6;color:#7A2A45}\r\n\r\n  .cdm-foot{position:relative;z-index:3;padding:32px 0;text-align:center;font-size:13.5px;color:#2C5C48;font-weight:500}\r\n\r\n  \/* ================= MODAL ================= *\/\r\n  .cdm-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}\r\n  .cdm-modal.is-open{display:flex}\r\n  .cdm-modal-bg{position:absolute;inset:0;background:rgba(5,26,19,.66);backdrop-filter:blur(9px);animation:fade .25s ease}\r\n  @keyframes fade{from{opacity:0}to{opacity:1}}\r\n  .cdm-modal-box{position:relative;width:min(780px,100%);max-height:88vh;overflow:auto;border-radius:38px;padding:26px;\r\n    background:linear-gradient(180deg,#12523C 0%,#08301F 100%);color:#DFF8ED;\r\n    box-shadow:0 50px 100px -30px rgba(3,18,13,.95), inset 0 2px 0 rgba(255,255,255,.14);\r\n    animation:pop .4s cubic-bezier(.2,1.2,.3,1)}\r\n  @keyframes pop{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}\r\n  .cdm-modal-box::-webkit-scrollbar{width:8px}\r\n  .cdm-modal-box::-webkit-scrollbar-thumb{background:#2F7A5C;border-radius:9px}\r\n  .cdm-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:50%;font-size:20px;font-weight:700;color:#062A1F;\r\n    background:linear-gradient(180deg,#B9F5D6,#59C79A);box-shadow:0 4px 0 #2A7C5A, 0 10px 18px -8px rgba(3,18,13,.9);z-index:2}\r\n  .cdm-close:active{transform:translateY(2px);box-shadow:0 2px 0 #2A7C5A}\r\n  .cdm-modal-media{border-radius:26px;overflow:hidden;aspect-ratio:16\/9;background:#0E4433;\r\n    box-shadow:inset 0 0 0 3px rgba(185,245,214,.22), 0 18px 30px -18px rgba(3,18,13,.9)}\r\n  .cdm-modal-media video{width:100%;height:100%;object-fit:cover;display:block}\r\n  .cdm-modal h2{margin-top:22px;font-size:clamp(26px,3.6vw,40px);font-weight:800;color:#EAFFF5;text-shadow:0 3px 0 rgba(0,0,0,.25)}\r\n  .cdm-body{margin-top:13px;font-size:17px;line-height:1.7;color:#A6DDC7;font-weight:500}\r\n  .cdm-list{margin-top:20px;display:grid;gap:12px}\r\n  .cdm-item{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:24px;\r\n    background:linear-gradient(180deg,#176046,#0D3F2F);box-shadow:0 5px 0 rgba(3,18,13,.5), inset 0 1px 0 rgba(255,255,255,.12);\r\n    transition:transform .2s ease}\r\n  .cdm-item:hover{transform:translateX(7px)}\r\n  .cdm-ico{flex:none;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:20px;\r\n    background:linear-gradient(180deg,#B9F5D6,#3FB98C);box-shadow:0 4px 0 #14503B, inset 0 2px 0 rgba(255,255,255,.5)}\r\n  .cdm-item b{display:block;font-family:'Baloo 2',cursive;font-size:19px;color:#EAFFF5}\r\n  .cdm-item small{display:block;margin-top:3px;font-size:14.5px;line-height:1.55;color:#9FD8C2}\r\n\r\n  .cdm-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,26px);opacity:0;pointer-events:none;\r\n    padding:14px 26px;border-radius:999px;font-weight:700;color:#062A1F;z-index:100000;\r\n    background:linear-gradient(180deg,#B9F5D6,#59C79A);box-shadow:0 8px 0 #2A7C5A,0 22px 34px -14px rgba(3,18,13,.9);\r\n    transition:all .3s cubic-bezier(.2,1.2,.3,1)}\r\n  .cdm-toast.show{opacity:1;transform:translate(-50%,0)}\r\n\r\n  @media (max-width:980px){\r\n    .cdm-row{grid-template-columns:1fr}\r\n    .cdm-stage{padding:46px 22px 44px}\r\n    .cdm-card{flex-direction:column;align-items:flex-start}\r\n    .cdm-thumb{width:100%}\r\n    .cdm-nav{flex-direction:column;border-radius:32px;gap:12px}\r\n    .cdm-nav-actions{justify-content:center}\r\n    .cdm-ca{flex-wrap:wrap;border-radius:32px;padding:16px}\r\n    .cdm-ca code{flex:1 1 100%;order:2}\r\n    .cdm-copy{order:3;width:100%;justify-content:center}\r\n    .cdm-sticker{display:none}\r\n  }\r\n  <\/style>\r\n\r\n  <div class=\"cdm-shell\">\r\n    <span class=\"cdm-sticker s1\">\ud83d\udee1\ufe0f<\/span>\r\n    <span class=\"cdm-sticker s2\">\ud83d\udc9a<\/span>\r\n    <span class=\"cdm-sticker s3\">\u2728<\/span>\r\n\r\n    <div class=\"cdm-wrap\">\r\n      <!-- NAVBAR -->\r\n      <div class=\"cdm-navbar\">\r\n        <nav class=\"cdm-nav\">\r\n          <a class=\"cdm-logo\" href=\"#\"><span class=\"knot\"><\/span>CONDOM<\/a>\r\n          <div class=\"cdm-nav-actions\">\r\n            <a class=\"cdm-btn\" href=\"https:\/\/x.com\/myc0nd0m\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.9 2H22l-7.3 8.3L23.3 22h-6.7l-5.2-6.8L5.4 22H2.3l7.8-8.9L1 2h6.9l4.7 6.2L18.9 2Zm-1.1 18h1.7L7.3 3.8H5.5L17.8 20Z\"\/><\/svg>Twitter<\/a>\r\n            <a class=\"cdm-btn\" href=\"https:\/\/t.me\/myc0nd0m\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.9 4.3 18.9 19c-.2 1-.8 1.3-1.7.8l-4.6-3.4-2.2 2.1c-.3.3-.5.5-1 .5l.3-4.7 8.6-7.8c.4-.3-.1-.5-.6-.2L6.9 13 2.4 11.6c-1-.3-1-1 .2-1.4l18-7c.8-.3 1.5.2 1.3 1.1Z\"\/><\/svg>Telegram<\/a>\r\n            <a class=\"cdm-btn cdm-btn--sun\" href=\"https:\/\/dexscreener.com\/solana\/3CSLhbjyDsMHBC3CC4qxb9ZamTRCnrt9jgbEiZoJpump\" target=\"_blank\" rel=\"noopener\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 3h2v16h16v2H3V3Zm4 11 4-5 3 3.2L19 6l1.5 1.3-6.4 7.6-3-3.2L8.4 15 7 14Z\"\/><\/svg>Chart<\/a>\r\n          <\/div>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n      <!-- HERO -->\r\n      <section class=\"cdm-hero\">\r\n        <video class=\"cdm-hero-video\" id=\"cdmHeroVideo\" data-src=\"https:\/\/thecondom.xyz\/wp-content\/uploads\/2026\/08\/CONDOM-BG-HERO.mp4\" autoplay muted loop playsinline><\/video>\r\n        <div class=\"cdm-hero-fallback\" id=\"cdmHeroFallback\"><\/div>\r\n        <div class=\"cdm-hero-veil\"><\/div>\r\n\r\n        <div class=\"cdm-stage\">\r\n          <span class=\"cdm-kicker\">Health \u00b7 Safety \u00b7 Good Vibes<\/span>\r\n          <h1 class=\"cdm-title\">Meet <em>CONDOM<\/em>: Your Cute Guardian!<\/h1>\r\n          <p class=\"cdm-sub\">The adorable hero of health and safety. Smart choices start with simple steps. Join the movement!<\/p>\r\n\r\n          <!-- CA COPY BAR -->\r\n          <div class=\"cdm-ca\">\r\n            <span class=\"cdm-ca-label\"><i><\/i>Contract<\/span>\r\n            <code id=\"cdmCa\">3CSLhbjyDsMHBC3CC4qxb9ZamTRCnrt9jgbEiZoJpump<\/code>\r\n            <button class=\"cdm-copy\" id=\"cdmCopy\" type=\"button\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 2h9a3 3 0 0 1 3 3v11h-2V5a1 1 0 0 0-1-1H9V2Zm-3 4h9a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z\"\/><\/svg>\r\n              <span id=\"cdmCopyText\">Copy CA<\/span>\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <!-- ROW: ABOUT CARD + WHY PANEL -->\r\n          <div class=\"cdm-row\">\r\n            <button class=\"cdm-card\" type=\"button\" data-cdm-open=\"about\">\r\n              <span class=\"cdm-thumb\">\r\n                <!-- THUMBNAIL SUDAH DIGANTI VIDEO -->\r\n                <video src=\"https:\/\/thecondom.xyz\/wp-content\/uploads\/2026\/08\/condom-about.mp4\" autoplay muted loop playsinline><\/video>\r\n                <span class=\"cdm-play\"><\/span>\r\n              <\/span>\r\n              <span style=\"display:block\">\r\n                <span class=\"cdm-tag\">About<\/span>\r\n                <h3>The Little Hero, Big Mission<\/h3>\r\n                <p>A cute character bringing positive energy \u2014 the guardian of safety &amp; health, proving wise decisions start small.<\/p>\r\n                <span class=\"cdm-more\">Watch the story <span>\u2192<\/span><\/span>\r\n              <\/span>\r\n            <\/button>\r\n\r\n            <div class=\"cdm-why\">\r\n              <div>\r\n                <h3>Why $CONDOM?<br>Play It Safe &amp; Smart!<\/h3>\r\n                <p style=\"margin-top:10px\">4 reasons this tiny mascot leads a massive movement.<\/p>\r\n                <div class=\"cdm-chips\" style=\"margin-top:14px\">\r\n                  <span class=\"cdm-chip\">\ud83c\udf89 Positive Vibes<\/span>\r\n                  <span class=\"cdm-chip\">\ud83d\udee1\ufe0f Safety First<\/span>\r\n                  <span class=\"cdm-chip\">\ud83e\udde0 Smart Choices<\/span>\r\n                  <span class=\"cdm-chip\">\ud83d\ude80 Big Impact<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <button class=\"cdm-btn cdm-btn--pink cdm-btn--lg cdm-btn--full\" type=\"button\" data-cdm-open=\"why\">See all reasons \u2192<\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <div class=\"cdm-foot\">$CONDOM \u2014 the cutest guardian on the chain. \ud83d\udc9a<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MODAL ABOUT -->\r\n  <div class=\"cdm-modal\" id=\"cdmModalAbout\" role=\"dialog\" aria-modal=\"true\" aria-label=\"About\">\r\n    <div class=\"cdm-modal-bg\" data-cdm-close><\/div>\r\n    <div class=\"cdm-modal-box\">\r\n      <button class=\"cdm-close\" type=\"button\" data-cdm-close aria-label=\"Close\">\u2715<\/button>\r\n      <div class=\"cdm-modal-media\">\r\n        <!-- VIDEO ABOUT SUDAH DI-UPDATE -->\r\n        <video id=\"cdmAboutVideo\" data-src=\"https:\/\/thecondom.xyz\/wp-content\/uploads\/2026\/08\/condom-about.mp4\"\r\n               controls muted loop playsinline><\/video>\r\n      <\/div>\r\n      <h2>The Little Hero, Big Mission<\/h2>\r\n      <p class=\"cdm-body\">$CONDOM is a cute character bringing positive energy! As a guardian of safety and health, this tiny hero proves that the wisest decisions always start with simple, everyday actions.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- MODAL WHY -->\r\n  <div class=\"cdm-modal\" id=\"cdmModalWhy\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Why\">\r\n    <div class=\"cdm-modal-bg\" data-cdm-close><\/div>\r\n    <div class=\"cdm-modal-box\">\r\n      <button class=\"cdm-close\" type=\"button\" data-cdm-close aria-label=\"Close\">\u2715<\/button>\r\n      <h2>Why $CONDOM? Play It Safe &amp; Smart!<\/h2>\r\n      <div class=\"cdm-list\">\r\n        <div class=\"cdm-item\"><span class=\"cdm-ico\">\ud83c\udf89<\/span><div><b>Positive Vibes Only<\/b><small>Spreading joy, fun, and positive energy in a chaotic world.<\/small><\/div><\/div>\r\n        <div class=\"cdm-item\"><span class=\"cdm-ico\">\ud83d\udee1\ufe0f<\/span><div><b>Safety First<\/b><small>A friendly, lovable reminder to always protect what matters most to you.<\/small><\/div><\/div>\r\n        <div class=\"cdm-item\"><span class=\"cdm-ico\">\ud83e\udde0<\/span><div><b>Smart Choices<\/b><small>Inspiring the community to make wise decisions starting from small things.<\/small><\/div><\/div>\r\n        <div class=\"cdm-item\"><span class=\"cdm-ico\">\ud83d\ude80<\/span><div><b>Big Impact<\/b><small>Proving that a tiny, cute mascot can lead a massive movement for health and awareness!<\/small><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cdm-toast\" id=\"cdmToast\">Copied!<\/div>\r\n\r\n  <script>\r\n  (function(){\r\n    var app=document.getElementById('cdm-app');\r\n    if(!app||app.dataset.cdmInit) return; app.dataset.cdmInit='1';\r\n\r\n    ['cdmHeroVideo','cdmAboutVideo'].forEach(function(id){\r\n      var v=document.getElementById(id); if(!v) return;\r\n      var src=v.getAttribute('data-src')||'';\r\n      if(src && src.indexOf('REPLACE_WITH_URL')===-1 && src.indexOf('file:\/\/\/')===-1){ v.src=src; }\r\n      else if(id==='cdmHeroVideo'){ v.style.display='none'; }\r\n      else { v.removeAttribute('controls'); }\r\n    });\r\n\r\n    function openModal(n){\r\n      var m=document.getElementById(n==='about'?'cdmModalAbout':'cdmModalWhy'); if(!m) return;\r\n      m.classList.add('is-open'); document.body.style.overflow='hidden';\r\n      var v=m.querySelector('video'); if(v&&v.src){ v.currentTime=0; v.play().catch(function(){}); }\r\n    }\r\n    function closeAll(){\r\n      Array.prototype.forEach.call(document.querySelectorAll('.cdm-modal.is-open'),function(m){\r\n        m.classList.remove('is-open'); var v=m.querySelector('video'); if(v) v.pause();\r\n      });\r\n      document.body.style.overflow='';\r\n    }\r\n    Array.prototype.forEach.call(document.querySelectorAll('[data-cdm-open]'),function(el){\r\n      el.addEventListener('click',function(){ openModal(el.getAttribute('data-cdm-open')); });\r\n    });\r\n    Array.prototype.forEach.call(document.querySelectorAll('[data-cdm-close]'),function(el){\r\n      el.addEventListener('click',closeAll);\r\n    });\r\n    document.addEventListener('keydown',function(e){ if(e.key==='Escape') closeAll(); });\r\n\r\n    var toast=document.getElementById('cdmToast');\r\n    function showToast(msg){ toast.textContent=msg; toast.classList.add('show'); setTimeout(function(){ toast.classList.remove('show'); },1900); }\r\n\r\n    var btn=document.getElementById('cdmCopy'), btnText=document.getElementById('cdmCopyText');\r\n    if(btn){\r\n      btn.addEventListener('click',function(){\r\n        var text=document.getElementById('cdmCa').textContent.trim();\r\n        function done(){\r\n          btn.classList.add('is-done'); btnText.textContent='Copied!';\r\n          showToast('Contract address copied \ud83c\udf89');\r\n          setTimeout(function(){ btn.classList.remove('is-done'); btnText.textContent='Copy CA'; },2000);\r\n        }\r\n        if(navigator.clipboard&&navigator.clipboard.writeText){\r\n          navigator.clipboard.writeText(text).then(done).catch(fallback);\r\n        } else { fallback(); }\r\n        function fallback(){\r\n          var t=document.createElement('textarea'); t.value=text; t.style.position='fixed'; t.style.opacity='0';\r\n          document.body.appendChild(t); t.select();\r\n          try{ document.execCommand('copy'); done(); }catch(err){ showToast('Copy failed'); }\r\n          document.body.removeChild(t);\r\n        }\r\n      });\r\n    }\r\n\r\n    var card=document.querySelector('#cdm-app .cdm-card');\r\n    if(card&&window.matchMedia('(hover:hover)').matches){\r\n      card.addEventListener('mousemove',function(e){\r\n        var r=card.getBoundingClientRect();\r\n        var x=(e.clientX-r.left)\/r.width-.5, y=(e.clientY-r.top)\/r.height-.5;\r\n        card.style.transform='translateY(-8px) rotateX('+(-y*5)+'deg) rotateY('+(x*7)+'deg)';\r\n      });\r\n      card.addEventListener('mouseleave',function(){ card.style.transform=''; });\r\n    }\r\n  })();\r\n  <\/script>\r\n<\/div>\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>\ud83d\udee1\ufe0f \ud83d\udc9a \u2728 CONDOM Twitter Telegram Chart Health \u00b7 Safety \u00b7 Good Vibes Meet CONDOM: Your Cute Guardian! The adorable hero of health and safety. Smart choices start with simple steps. Join the movement! Contract 3CSLhbjyDsMHBC3CC4qxb9ZamTRCnrt9jgbEiZoJpump Copy CA About The Little Hero, Big Mission A cute character bringing positive energy \u2014 the guardian of safety [&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:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecondom.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":16,"href":"https:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/thecondom.xyz\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/thecondom.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}