:root{--teal:#1fa69e;--teal-d:#244e60;--green:#00a050;--lime:#8cc63f;--accent:#00a050;--accent-d:#00843f;--bg:#f8fbfa;--text:#244e60;--muted:#6b7280;--card:#fff;--r:16px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Tajawal',sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
a{color:inherit;text-decoration:none}img{max-width:100%}
.container{width:min(1180px,92%);margin-inline:auto}
header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--teal)}
.logo span.mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;display:grid;place-items:center;font-size:1.4rem}
.logo small{display:block;font-size:.7rem;color:var(--muted);font-weight:500;line-height:1}
nav ul{display:flex;gap:26px;list-style:none;align-items:center}
nav a{font-weight:500}nav a:hover,nav a.active{color:var(--teal)}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;border:2px solid transparent;cursor:pointer;font-family:inherit;font-size:1rem;transition:.2s}
.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-d)}
.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-d)}
.btn-outline{border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:var(--teal)}
.menu-toggle{display:none;background:none;border:0;font-size:1.8rem;cursor:pointer;color:var(--teal)}
.hero{background:linear-gradient(120deg,rgba(36,78,96,.96),rgba(40,184,176,.9) 60%,rgba(0,160,80,.88));color:#fff;padding:110px 0 120px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.3;margin-bottom:18px}
.hero p{font-size:1.2rem;max-width:620px;opacity:.95;margin-bottom:30px}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.page-hero{background:linear-gradient(120deg,var(--teal-d),var(--teal) 60%,var(--green));color:#fff;padding:70px 0;text-align:center}
.page-hero h1{font-size:clamp(1.8rem,4vw,2.6rem)}
section{padding:80px 0}
.section-title{text-align:center;margin-bottom:46px}
.section-title h2{font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--teal-d)}
.section-title p{color:var(--muted)}
.section-title h2::after{content:"";display:block;width:60px;height:4px;background:var(--accent);margin:10px auto 0;border-radius:4px}
.grid{display:grid;gap:26px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border-radius:var(--r);padding:30px;box-shadow:0 6px 24px rgba(15,118,110,.08);transition:.2s}
.card:hover{transform:translateY(-4px)}
.card .icon{font-size:2.2rem;width:64px;height:64px;border-radius:16px;background:#ecfdf5;display:grid;place-items:center;margin-bottom:16px}
.card h3{color:var(--teal-d);margin-bottom:8px}.card p{color:var(--muted)}
.alt{background:#f0fdfa}
.stats{background:var(--teal-d);color:#fff}
.stat{text-align:center}.stat b{display:block;font-size:2.6rem;color:var(--accent)}
.note{font-size:.8rem;opacity:.8;text-align:center;margin-top:20px}
.tag{display:inline-block;background:#e6f4ea;color:var(--accent-d);font-size:.75rem;padding:2px 10px;border-radius:999px;font-weight:700}
.news-img{height:170px;border-radius:12px;background:linear-gradient(135deg,#cdeeed,#dcefc4);margin-bottom:14px;display:grid;place-items:center;color:var(--teal-d);font-weight:700}
.partners{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.partner{width:170px;height:80px;border:2px dashed #cbd5e1;border-radius:12px;display:grid;place-items:center;color:var(--muted)}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.ph-box{min-height:300px;border-radius:var(--r);background:linear-gradient(135deg,#d7f0ef,#e3f2d6);display:grid;place-items:center;color:var(--teal-d);font-weight:700;text-align:center;padding:20px}
.amount{text-align:center;cursor:pointer;border:2px solid transparent}
.amount b{font-size:2rem;color:var(--teal)}.amount.selected{border-color:var(--accent);background:#f0f9f2}
form .field{margin-bottom:18px}
label{display:block;font-weight:700;margin-bottom:6px}
input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:1rem;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)}
.form-msg{display:none;margin-top:16px;padding:14px;border-radius:10px;background:#dcfce7;color:#166534;font-weight:700}
.bank td{padding:10px;border-bottom:1px solid #e5e7eb}.bank{width:100%;border-collapse:collapse}
.cta{background:linear-gradient(120deg,var(--green),var(--lime));color:#fff;text-align:center;border-radius:24px;padding:50px 30px}
footer{background:#1b3c4a;color:#d1fae5;padding:60px 0 20px;margin-top:0}
footer h4{color:#fff;margin-bottom:12px}footer ul{list-style:none}footer li{margin-bottom:6px}footer a:hover{color:var(--accent)}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding-top:16px;text-align:center;font-size:.9rem}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}
.menu-toggle{display:block}nav ul{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;padding:20px;gap:14px;box-shadow:0 10px 20px rgba(0,0,0,.08)}nav ul.open{display:flex}}
@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}section{padding:56px 0}.hero{padding:70px 0}}
.ncnp-badge{text-align:center;margin-top:30px}.ncnp-badge a{display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);padding:8px 16px;border-radius:999px;margin:4px;font-size:.9rem}
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.doc{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 14px rgba(15,118,110,.07)}
.btn-sm{font-size:.85rem;padding:6px 14px;border-radius:999px;background:#ecfdf5;color:var(--teal);font-weight:700;white-space:nowrap}
@media(max-width:600px){.docs{grid-template-columns:1fr}.doc{flex-direction:column;align-items:flex-start}}
.logo img{height:78px;width:auto;display:block}
.footer-logo{height:90px;width:auto;background:#fff;border-radius:12px;padding:8px;margin-bottom:12px}
.ncnp-link{display:inline-flex!important;align-items:center;gap:14px;background:#fff!important;color:var(--teal-d)!important;border-radius:14px!important;padding:10px 18px!important;text-align:right}
.ncnp-link img{height:48px;width:auto}.ncnp-link small{color:var(--muted)}
@media(max-width:600px){.logo img{height:52px}.ncnp-link{flex-direction:column;text-align:center}}
.pgroup{margin-bottom:50px}.gtitle{color:var(--teal-d);font-size:1.4rem;margin-bottom:20px;padding-inline-start:12px;border-inline-start:5px solid var(--green)}
.pcard{display:flex;flex-direction:column}.pcard .btn-small{margin-top:auto;align-self:flex-start;padding:8px 18px;font-size:.9rem}
.pmeta{list-style:none;margin:14px 0 18px;font-size:.92rem;color:var(--text)}.pmeta li{padding:4px 0;border-bottom:1px dashed #e5e7eb}.pmeta .cost{color:var(--muted);font-size:.85rem;border:0}
.pcard>p{margin-bottom:14px}
.table-wrap{overflow-x:auto;border-radius:14px;box-shadow:0 6px 24px rgba(15,118,110,.08);background:#fff}
.plan{width:100%;border-collapse:collapse;min-width:860px;font-size:.95rem}
.plan th{background:var(--teal-d);color:#fff;padding:12px;text-align:right;white-space:nowrap}
.plan td{padding:10px 12px;border-bottom:1px solid #eef2f2;vertical-align:top}.plan tbody tr:nth-child(even){background:#f6fbfb}
.plan .num{white-space:nowrap;font-weight:700;text-align:left;direction:ltr}
.plan tfoot td{background:#e6f4ea;font-weight:800;color:var(--teal-d);font-size:1.05rem}
.stats .g3 .stat{padding:10px}
.ptag{align-self:flex-start;margin-bottom:10px}
.stats .stat b{color:#8cc63f}
.iban-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.iban{font-family:ui-monospace,Consolas,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.5px;color:var(--teal-d);white-space:nowrap;unicode-bidi:isolate;direction:ltr}
.copy-btn{background:var(--teal);color:#fff;border:0;border-radius:999px;padding:6px 16px;font-family:inherit;font-weight:700;cursor:pointer}.copy-btn.done{background:var(--green)}
@media(max-width:600px){.bank td{display:block;padding:6px 4px}.bank tr{display:block;border-bottom:1px solid #e5e7eb;padding:8px 0}.bank td{border:0}}
.en-name{font-size:.85rem;opacity:.85;text-align:right;margin:-6px 0 8px}
.license-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:start}
.lic{width:100%;border-collapse:collapse}.lic th{text-align:right;color:var(--teal-d);white-space:nowrap;padding:10px 0 10px 16px;vertical-align:top;width:1%}.lic td{padding:10px 0;color:var(--text)}.lic tr{border-bottom:1px solid #eef2f2}.lic .en{font-size:.9rem;color:var(--muted)}
.cert{text-align:center;margin:0}.cert img{border-radius:10px;border:1px solid #e5e7eb;display:block;width:100%}.cert figcaption{margin-top:12px;font-weight:700;color:var(--teal-d)}.cert .btn-sm{display:inline-block;margin-top:8px}
.about-legal{border-inline-start:5px solid var(--green)}
@media(max-width:900px){.license-grid{grid-template-columns:1fr}}
@media(max-width:600px){.lic th,.lic td{display:block;width:auto;padding:4px 0}.lic tr{display:block;padding:8px 0}}
.g5{grid-template-columns:repeat(5,1fr)}
.member{text-align:center;padding:24px 16px}.member h3{font-size:1rem;line-height:1.6}.member p{font-size:.9rem}
.avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--green));color:#fff;font-weight:800;font-size:1.3rem}
.avatar.sm{width:40px;height:40px;font-size:.85rem;margin:0;flex:none}
.ga-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.ga-list li{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 14px rgba(15,118,110,.07)}.ga-list small{margin-inline-start:auto;color:var(--muted)}
.map-wrap{margin-top:40px;border-radius:var(--r);overflow:hidden;box-shadow:0 6px 24px rgba(15,118,110,.08)}.map-wrap iframe{width:100%;height:380px;border:0;display:block}
@media(max-width:1100px){.g5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ga-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.g5{grid-template-columns:repeat(2,1fr)}.ga-list{grid-template-columns:1fr}}
/* ===== WordPress additions ===== */
nav ul li.current-menu-item>a,nav ul li.current_page_item>a{color:var(--teal)}
nav ul li.menu-donate>a,nav ul li.menu-donate>a:hover{color:#fff}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.entry-content{max-width:860px;margin-inline:auto}.entry-content p,.entry-content ul,.entry-content ol{margin-bottom:1em}.entry-content ul,.entry-content ol{padding-inline-start:1.5em}.entry-content h2,.entry-content h3{color:var(--teal-d);margin:1.2em 0 .5em}.entry-content img{height:auto;border-radius:12px}
.wide-content{max-width:none}
.news-thumb{height:170px;border-radius:12px;overflow:hidden;margin-bottom:14px}.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-img img{width:70px;opacity:.9}
.card h3 a:hover{color:var(--teal)}
.form-notice{padding:14px;border-radius:10px;margin-bottom:16px;font-weight:700}.form-notice.ok{background:#dcfce7;color:#166534}.form-notice.err{background:#fee2e2;color:#991b1b}
.hp-field{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.ph-box img{max-width:60%;height:auto}.ph-box.has-img{padding:0;overflow:hidden}.ph-box.has-img img{max-width:100%;width:100%;height:100%;object-fit:cover}
.member .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.partner img{max-width:140px;max-height:60px;width:auto;height:auto}.partner{background:#fff}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}.pagination .page-numbers{padding:6px 14px;border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.pagination .current{background:var(--teal);color:#fff}
.doc a.btn-sm.has-file{background:var(--teal);color:#fff}
.empty-note{text-align:center;color:var(--muted)}
.alignwide{max-width:1180px}.wp-block-image{margin:1em 0}