:root{font-family:Inter,system-ui,sans-serif;color:#13335d;background:#f1f9ff}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:#0066cc}.socialShell{max-width:1250px;margin:auto;padding:22px}.socialHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border:1px solid #d5ebfa;padding:13px 22px;border-radius:20px;box-shadow:0 3px 21px #0464b20e}.identity{display:flex;align-items:center;gap:15px}.identity img{width:120px;aspect-ratio:2/1;object-fit:contain}.identity b,.identity small{display:block}.identity b{font-size:18px}.identity small{font-size:11px;color:#6a89a8}.headerBtns{display:flex;gap:10px;align-items:center}.headerBtns button,.solid{background:linear-gradient(100deg,#0066cc,#00aeef);color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:750}.socialLayout{display:grid;grid-template-columns:minmax(0,670px) minmax(210px,1fr);gap:25px;margin-top:24px}.intro{background:linear-gradient(110deg,#0066cc,#00aeef);color:white;border-radius:18px;padding:25px 28px;margin-bottom:22px}.intro small{letter-spacing:2px;font-size:10px}.intro h1{font-size:25px;line-height:1.25;margin:9px 0}.intro p{color:#e7f9ff;font-size:13px;margin-bottom:0}.post,.composer,.sideCard{background:white;border:1px solid #dceef9;border-radius:17px;box-shadow:0 8px 26px #0066cc0c;margin-bottom:21px;overflow:hidden}.postTop,.postContent,.postActions{padding:15px 19px}.socialManage{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 15px;background:#eff8ff;border-top:1px solid #e1eef9;font-size:11px;color:#27628e}.visibilitySelect{border:1px solid #b8dcee;border-radius:8px;background:white;padding:8px;color:#075a96;font-weight:650;max-width:100%;font-size:11px}.comment .socialManage{padding:6px;margin-top:7px;border-radius:8px}.comment .visibilitySelect{flex:1}.postTop{display:flex;gap:12px;align-items:center}.avatar{border-radius:50%;background:#dcf4ff;width:39px;height:39px;display:grid;place-items:center;color:#0066cc;font-weight:850}.postTop strong{font-size:13px;display:block}.postTop small{color:#869bb0;font-size:11px}.media{width:100%;max-height:650px;display:block;object-fit:contain;background:#e7f4fd}.postContent p{font-size:13px;line-height:1.65;white-space:pre-wrap;margin:0 0 8px}.postActions{border-top:1px solid #e9f2f8;display:flex;gap:8px;flex-wrap:wrap}.postActions button{border:0;background:#e9f7ff;border-radius:10px;color:#0066cc;padding:9px 12px;font-size:12px;font-weight:750}.postActions button:hover{background:#d7efff}.composer{padding:20px}.composer h2{margin-top:0;font-size:17px}.composer form,.modal form{display:grid;gap:13px}.composer label,.modal label{display:grid;gap:7px;color:#3e6283;font-size:12px;font-weight:650}.composer input,.composer textarea,.modal input,.modal textarea{border:1px solid #cbdff1;border-radius:8px;padding:11px;width:100%}.composer .check{display:flex;align-items:flex-start;gap:10px}.composer .check input{width:auto;margin-top:3px}.composer .check span{line-height:1.5}.sideCard{padding:21px}.sideCard h3{margin-top:0}.sideCard p,.hint{font-size:12px;color:#72869c;line-height:1.7}.accent{background:#e8f7ff;color:#0077b9;border-radius:12px;padding:15px;font-size:13px}.empty{background:white;border:1px solid #d9ecfa;border-radius:15px;padding:25px;color:#7894ab;font-size:13px}footer{padding:25px 0;color:#869bb0;font-size:11px}dialog{width:min(490px,calc(100vw - 22px));border:0;border-radius:17px;padding:0;color:#14335b;max-height:90dvh;overflow:auto}dialog::backdrop{background:#123252aa}.modal{padding:23px}.modal h3{margin:0 0 12px}.modal p{line-height:1.5;font-size:13px;color:#607f9a}.modal>label{margin:11px 0}.dialogActions{display:flex;justify-content:flex-end;margin-top:16px}.dialogActions button{padding:10px;border:1px solid #bcdcf0;border-radius:8px;background:white}.comment{padding:11px 0;border-bottom:1px solid #ebf3f9;font-size:12px}.comment small{color:#8ba1b3}.comment p{color:#2d516f!important;margin:5px 0}.review{border-bottom:1px solid #e6f0f7;padding:12px 0;font-size:12px}.review strong{display:block}.review select,.review textarea{width:100%;margin:5px 0;padding:8px;border:1px solid #d5e7f1;border-radius:7px}.review button{border:0;background:#0066cc;color:white;padding:8px;border-radius:7px;margin:3px}.hint{margin-top:13px}#shareResult{overflow-wrap:anywhere}#shareResult a{display:block;margin-top:7px}#shareResult button{background:#0066cc;color:white;border:0;border-radius:8px;padding:9px 13px;margin-top:8px}.sideCard form{display:grid;gap:12px}.sideCard form label{display:grid;gap:6px;color:#3d6588;font-size:12px}.sideCard form input,.sideCard form textarea{padding:10px;width:100%;border:1px solid #cce1f2;border-radius:8px}.sideCard form button{font-size:12px}.sideCard form p{overflow-wrap:anywhere}@media(max-width:820px){.socialLayout{grid-template-columns:1fr}.socialSide{order:-1}.socialSide .sideCard:first-child{display:none}}@media(max-width:600px){.socialShell{padding:8px}.socialHeader{padding:10px}.identity img{width:90px}.identity b{font-size:14px}.identity small{font-size:9px}.headerBtns{font-size:11px}.headerBtns button{padding:9px}.intro{padding:18px}.intro h1{font-size:20px}}
/* Materi promosi dan popup upload */
#uploadDialog{width:min(640px,calc(100vw - 24px))}.dialogTitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialogTitle button{border:0;background:#eff6ff;border-radius:8px;padding:9px 13px}.filePreview{display:flex;align-items:center;gap:14px;padding:25px 18px;background:#f0f8ff;flex-wrap:wrap}.filePreview>span{font-size:45px}.filePreview strong,.filePreview small{display:block}.filePreview small{color:#6b85a0;margin-top:4px}.filePreview a{margin-left:auto;color:white;background:#0868c5;padding:10px 13px;border-radius:9px;font-size:12px}.controlMode{display:block}.controlMode #controlLayout{max-width:850px}.controlMode .socialSide{display:none}.controlMode #controlLayout .sideCard{max-width:850px}#uploadDialog .composer{box-shadow:none;border:0;padding:3px 0;margin:0}#uploadDialog .modal{padding:24px}#uploadDialog .uploadHint{color:#71879e;line-height:1.5}#uploadDialog #uploadStatus{overflow-wrap:anywhere}
/* Halaman khusus pengunjung link share/referral: fokus satu materi dan satu lead form. */
.sharedLanding .socialLayout{display:block;max-width:780px;margin:22px auto 0}.sharedLanding .socialSide{display:none}.sharedLanding #uploadToggle,.sharedLanding #loginLink{display:none!important}.sharedLanding .intro{text-align:center;padding:30px 22px}.sharedLanding .intro h1{font-size:clamp(23px,4vw,34px)}.sharedLanding .intro p{font-size:15px;line-height:1.65;max-width:570px;margin:12px auto 0}.sharedLanding #feed>.composer{border:2px solid #a9dff8;box-shadow:0 12px 30px #0066cc15}.sharedLanding #feed>.composer h2{font-size:20px}.sharedLanding #feed>.composer .solid{width:100%;font-size:15px}.sharedLanding #socialWhatsApp{display:inline-block;background:#def8e9;border-radius:10px;padding:11px 14px;color:#126536;font-weight:750;margin:7px 0}.sharedLanding #socialWhatsApp[hidden]{display:none}.sharedLanding .post{margin-bottom:18px}.sharedLanding footer{text-align:center}@media(max-width:600px){.sharedLanding .intro{padding:24px 18px}.sharedLanding .intro p{font-size:14px}}
/* Landing referral: consultation is opt-in and appears only after CTA. */
.sharedLanding .consultSection{padding:23px;margin-top:4px;text-align:center;border:2px solid #c5e8fa}
.sharedLanding .consultSection h2{font-size:21px}
.sharedLanding #consultOpen{width:100%;padding:15px 22px;font-size:16px}
.sharedLanding #consultDetails{text-align:left;margin-top:20px}
.sharedLanding #consultDetails[hidden],.sharedLanding #consultOpen[hidden],.sharedLanding #consultSuccess[hidden]{display:none!important}
.sharedLanding #consultDetails .solid{padding:14px}
.consultSuccess{text-align:center;padding:12px 0}
.consultSuccess h2{color:#087a50!important}
.consultSuccess p{line-height:1.7;color:#476581;font-size:14px}
.afterConsultActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.afterConsultActions button{border:1px solid #c4def0;border-radius:11px;padding:13px 19px;background:#fff;color:#125b91;font-weight:700;flex:1;min-width:140px}
.afterConsultActions button.solid{color:#fff;background:linear-gradient(100deg,#0066cc,#00aeef);border:0}
.moreCowayContent>h2{text-align:center;font-size:23px;margin:22px 0}
.moreCowayContent .post{margin-bottom:18px}