@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#061a3a;--blue:#1784ee;--pink:#ed3f78;--ink:#10233f;--muted:#64748b;--soft:#f5f8fc;--white:#fff;--radius:24px;--shadow:0 18px 50px rgba(7,32,65,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(6,26,58,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px #00132b22}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:210px;display:block}.navlinks{display:flex;align-items:center;gap:6px}.navlinks>a,.drop>button{border:0;background:none;color:#fff;font:inherit;font-size:13px;font-weight:600;padding:10px 9px;cursor:pointer}.navlinks>a:hover,.drop>button:hover{color:#73c4ff}.drop{position:relative}.dropdown{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border-radius:14px;padding:8px;box-shadow:var(--shadow);display:none}.drop:hover .dropdown{display:grid}.dropdown a{padding:9px 11px;font-size:13px;border-radius:9px;color:var(--ink)}.dropdown a:hover{background:#eef6ff;color:var(--blue)}.support{background:linear-gradient(90deg,var(--pink),#ff6a99)!important;padding:10px 15px!important;border-radius:999px!important}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,43,.92) 0%,rgba(3,18,43,.70) 45%,rgba(3,18,43,.28) 100%)}.hero-content{position:relative;z-index:1;padding:90px 0;max-width:760px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:800;color:#fff;margin-bottom:12px}.eyebrow.blue{color:var(--blue)}h1,h2,h3,h4{line-height:1.2;margin:0 0 14px}h1{font-family:'Playfair Display',serif;font-size:clamp(42px,5.2vw,68px);max-width:850px}.hero h1 span{color:#79c8ff}.hero-content p{font-size:18px;max-width:680px;color:#e8f1ff}.actions{display:flex;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:800;border:0}.primary{background:var(--blue);color:#fff}.pink{background:var(--pink);color:#fff}.stats{background:var(--navy);color:#fff}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:28px 0}.statgrid>div{padding:12px 20px;border-right:1px solid #ffffff22}.statgrid>div:last-child{border:0}.statgrid b{display:block;font-size:42px;color:#79c8ff}.statgrid span{font-size:13px;color:#d5e3f7}.section{padding:92px 0}.section.alt{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section-head{margin-bottom:38px}.section-head.row{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,48px)}.section-head p{color:var(--muted)}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.card,.post,.contact-card{background:#fff;border:1px solid #e4ebf3;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card img,.post img{width:100%;height:230px;object-fit:cover;display:block}.card>div,.post>div{padding:24px}.card span,.post small{color:var(--blue);font-weight:800;font-size:12px}.card h3,.post h3{font-size:21px}.card p,.post p{color:var(--muted);font-size:14px}.card a,.post a,.textlink{color:var(--blue);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split>img{width:100%;height:430px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.quote{background:linear-gradient(135deg,var(--navy),#123d78);color:#fff;border-radius:30px;padding:55px;font:700 30px/1.4 'Playfair Display',serif}.vision{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vision>div{padding:30px;border-radius:22px;background:var(--soft);border:1px solid #e4ebf3}.vision h3{color:var(--blue)}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chips span{border:1px solid #ffffff33;padding:9px 13px;border-radius:999px;color:#d8e9ff;font-size:12px}.dark .eyebrow{color:#79c8ff}.dark .split img{height:360px}.centered{text-align:center;max-width:800px}.post{overflow:hidden}.empty{padding:30px;border:1px dashed #cbd5e1;border-radius:18px;color:var(--muted)}.donate{background:linear-gradient(135deg,var(--navy),#0c3b78);color:#fff;padding:75px 0}.donate-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.donate h2{font-family:'Playfair Display',serif;font-size:42px;max-width:800px}.donate p{color:#d8e6f8;max-width:760px}.contact-grid{display:grid;grid-template-columns:390px 1fr;gap:20px}.contact-card{padding:28px}.contact-card a{color:var(--blue);font-weight:700}.contact-grid iframe{width:100%;min-height:420px;border:0;border-radius:24px;box-shadow:var(--shadow)}.footer{background:#041327;color:#d6e2f3;padding-top:65px}.footergrid{display:grid;grid-template-columns:1.15fr .8fr .8fr 1.15fr 1.05fr;gap:40px;padding-bottom:50px}.flogo{width:230px;filter:brightness(0) invert(1);margin-bottom:12px}.footer h4{color:#fff}.footergrid>div>a{display:block;color:#b9c8da;padding:4px 0;font-size:14px}.ig{color:#ff7ca6!important;font-weight:800}.iggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.iggrid img{width:100%;height:74px;object-fit:cover;border-radius:7px}.copyright{border-top:1px solid #ffffff18;text-align:center;padding:20px;font-size:12px;color:#8293a8}.wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#16b85a;color:#fff;font-size:28px;box-shadow:0 12px 30px #0003;z-index:60}.post h3{margin-bottom:8px}@media(max-width:1050px){.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:15px 4%;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.dropdown{position:static;display:none;background:#0b2b55;box-shadow:none}.drop.open .dropdown{display:grid}.dropdown a{color:#fff}.cards.three,.footergrid{grid-template-columns:1fr 1fr}.hero{min-height:590px}}@media(max-width:720px){.brand img{width:170px}.hero-content{padding:70px 0}.hero h1{font-size:40px}.hero-content p{font-size:15px}.statgrid,.split,.vision,.contact-grid,.cards.three,.footergrid{grid-template-columns:1fr}.statgrid>div{border-right:0;border-bottom:1px solid #ffffff22}.section{padding:65px 0}.split{gap:30px}.split>img{height:300px}.quote{padding:32px;font-size:25px}.section-head.row,.donate-inner{display:block}.donate h2{font-size:32px}.donate .btn{margin-top:20px;width:100%}.contact-grid iframe{min-height:320px}.footergrid{gap:28px}.iggrid img{height:95px}}

.richtext{white-space:pre-line;color:inherit}.chev{font-size:11px;margin-left:3px}.navlinks{flex-wrap:wrap}.flogo{filter:none;max-height:80px;object-fit:contain}.hero h1{font-size:clamp(36px,4.4vw,58px)}/* V18.3.12 MOBILE NAV FIX: touch-safe recursive menus up to 3 levels */
@media(max-width:1050px){
  .header{z-index:9999!important}
  .nav{position:relative;min-height:82px}
  .menu-btn{position:relative;z-index:10002;min-width:46px;min-height:46px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .navlinks{z-index:10001;max-height:calc(100vh - 82px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:auto!important}
  .navlinks.open{display:flex!important}
  .navlinks>a,.drop>button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .drop{width:100%;position:relative}
  .dropdown,.drop:hover .dropdown{position:static;display:none;width:100%;min-width:0;margin:0;padding:5px 0 5px 12px;background:#0b2b55;border-radius:10px;box-shadow:none}
  .drop.open>.dropdown{display:block!important}
  .dropdown .drop>.dropdown{padding-left:12px;background:#123963}
  .dropdown a,.dropdown .drop>button{width:100%;color:#fff!important;padding:11px 13px;font-size:13px;min-height:44px}
  .dropdown .drop>button{background:transparent}
  .dropdown a:hover,.dropdown .drop>button:hover{background:rgba(115,196,255,.14)!important;color:#8fd1ff!important}
  .chev{margin-left:auto}
}
@media(max-width:720px){.navlinks{top:82px}.navlinks{padding:10px 4% 18px}.dropdown{padding-left:10px!important}.dropdown .drop>.dropdown{padding-left:10px!important}}

/* V18.3.14 - Dampak submenu polish: clean desktop + mobile accordion */
.navlinks > .drop{position:relative}
.navlinks > .drop > button{display:flex;align-items:center;gap:8px;border-radius:10px}
.navlinks > .drop > button .chev{font-size:11px;opacity:.9;transition:transform .22s ease}
.navlinks > .drop.open > button .chev{transform:rotate(180deg)}
.navlinks .dropdown{display:block;min-width:245px;padding:8px;background:#fff;border:1px solid #e4ebf3;border-radius:14px;box-shadow:0 18px 42px rgba(6,26,58,.16);z-index:100000}
.navlinks .dropdown .drop{position:relative;width:100%}
.navlinks .dropdown .drop > button,
.navlinks .dropdown > a{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#10233f!important;font-size:13px;font-weight:650;text-align:left;line-height:1.35;white-space:normal}
.navlinks .dropdown .drop > button:hover,
.navlinks .dropdown > a:hover{background:#eef6ff!important;color:#0b67b7!important;transform:none!important}
.navlinks .dropdown .drop > button .chev{font-size:10px;color:#60758e;transform:rotate(-90deg);transition:transform .2s ease}
.navlinks .dropdown .drop.open > button .chev{transform:rotate(0deg)}
.navlinks .dropdown .drop > .dropdown{left:calc(100% + 7px);top:-8px;display:none}
.navlinks .dropdown .drop.open > .dropdown{display:block}
@media(min-width:1051px){
  .navlinks > .drop > .dropdown{display:none}
  .navlinks > .drop:hover > .dropdown{display:block}
  .navlinks > .drop > .dropdown .drop:hover > .dropdown{display:block}
}
@media(max-width:1050px){
  .navlinks{gap:2px!important;padding:10px 12px 18px!important}
  .navlinks > .drop,.navlinks > a{width:100%!important}
  .navlinks > .drop > button,.navlinks > a{min-height:48px!important;padding:12px 13px!important;border-radius:10px!important}
  .navlinks > .drop > button{font-size:14px!important}
  .navlinks .dropdown{display:none!important;position:static!important;min-width:0!important;width:100%!important;margin:3px 0 5px!important;padding:5px!important;border:1px solid rgba(143,209,255,.13)!important;border-radius:11px!important;background:#0b2b55!important;box-shadow:none!important}
  .navlinks .drop.open > .dropdown{display:block!important}
  .navlinks .dropdown .drop > button,
  .navlinks .dropdown > a{min-height:44px!important;color:#fff!important;background:transparent!important;padding:10px 12px!important;border-radius:8px!important;font-size:13px!important}
  .navlinks .dropdown .drop > button:hover,
  .navlinks .dropdown > a:hover{background:rgba(143,209,255,.10)!important;color:#8fd1ff!important}
  .navlinks .dropdown .drop > .dropdown{display:none!important;position:static!important;margin:3px 0 4px 12px!important;width:calc(100% - 12px)!important;padding:4px!important;background:#123963!important;border-left:2px solid #5eb5ff!important;border-radius:0 9px 9px 0!important}
  .navlinks .dropdown .drop.open > .dropdown{display:block!important}
  .navlinks .dropdown .drop > button .chev{transform:rotate(-90deg)!important}
  .navlinks .dropdown .drop.open > button .chev{transform:rotate(0deg)!important}
}