/* 2026 identity refresh: composed, trustworthy NGO palette and certificate UI */
:root{--primary:#0e7069;--primary-dark:#073b45;--primary-soft:#e5f4f0;--accent:#f4b740;--teal:#0e7069;--ink:#17313a;--muted:#5d6d72;--paper:#f9fbfa;--surface:#fff;--surface-2:#eff7f4;--line:rgba(7,59,69,.12);--shadow:0 20px 54px rgba(7,59,69,.12);--shadow-sm:0 8px 25px rgba(7,59,69,.08)}
body{background:linear-gradient(135deg,#fcfdfc 0%,#f3faf7 52%,#fffaf0 100%)}
.topbar{background:#073b45}.brand-mark{background:linear-gradient(145deg,#0e7069,#073b45)}.brand-copy strong{color:#0e7069}.main-nav a:hover,.main-nav a.active{color:#0e7069;background:#e5f4f0}.btn-primary{background:linear-gradient(135deg,#0e7069,#149487);box-shadow:0 10px 25px rgba(14,112,105,.24)}.btn-accent{color:#342500;background:linear-gradient(135deg,#f4b740,#f8cc68);box-shadow:0 10px 25px rgba(244,183,64,.3)}.btn-primary{box-shadow:0 5px 0 #07564f,0 13px 22px rgba(14,112,105,.25)}.btn-accent{box-shadow:0 5px 0 #c98a18,0 13px 22px rgba(244,183,64,.28)}.hero{background:#073b45}.hero-slide{background-image:var(--slide-image),linear-gradient(135deg,#073b45,#0e7069 52%,#49643d)}.hero-slide::after{background:linear-gradient(90deg,rgba(7,59,69,.95),rgba(7,79,79,.72) 49%,rgba(30,68,59,.21))}.hero-shade{background:radial-gradient(circle at 78% 24%,rgba(244,183,64,.32),transparent 23%),radial-gradient(circle at 20% 90%,rgba(88,180,124,.24),transparent 22%)}.hero h1 span,.hero-quote{color:#ffdb88}.page-hero{background:linear-gradient(135deg,#073b45,#0e7069)}.quote-card,.donate-card.primary{background:linear-gradient(145deg,#0e7069,#073b45)}.site-footer{background:#073b45}.feature-icon{color:#0e7069;background:#e5f4f0}.section.alt{background:linear-gradient(135deg,#f0f8f5,#edf7f4 59%)}.impact{color:#0c7659}.tag{color:#0e7069;background:#e5f4f0}
.page-hero-certificates{position:relative;overflow:hidden}.page-hero-certificates::after{content:'';position:absolute;inset:auto -5% -80px auto;width:290px;height:290px;border:1px solid rgba(255,255,255,.24);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.07),0 0 0 68px rgba(255,255,255,.04)}
.certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.certificate-card{display:grid;grid-template-columns:64px 1fr;gap:17px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .22s ease,box-shadow .22s ease}.certificate-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.certificate-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;color:#a66d00;background:linear-gradient(135deg,#fff2c7,#ffdc84);font-size:1.45rem}.certificate-content h3{margin:5px 0 7px;font-size:1.18rem;line-height:1.35}.certificate-content p{margin:0;color:var(--muted);font-size:.88rem}.certificate-label{display:block;color:var(--primary);font:800 .7rem 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase}.certificate-meta{display:flex;flex-wrap:wrap;gap:16px;margin:14px 0}.certificate-meta div{display:grid;gap:2px}.certificate-meta dt{color:var(--muted);font:700 .65rem 'DM Sans',sans-serif;text-transform:uppercase}.certificate-meta dd{margin:0;color:var(--ink);font:700 .78rem 'DM Sans',sans-serif}.certificate-empty{padding:50px 25px}.certificate-empty i{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 13px;border-radius:18px;color:var(--primary);background:var(--primary-soft);font-size:1.5rem}.certificate-empty h3{margin:0 0 5px;font-size:1.2rem}.certificate-empty p{max-width:520px;margin:0 auto}.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#073b45,#0e7069);box-shadow:var(--shadow)}.trust-strip .eyebrow{color:#ffdb88}.trust-strip h2{margin:6px 0;font-size:clamp(1.6rem,3vw,2.25rem)}.trust-strip p{max-width:610px;margin:0;color:rgba(255,255,255,.8)}.trust-actions{display:flex;flex-wrap:wrap;gap:9px}.trust-strip .btn-ghost{color:#fff;border-color:rgba(255,255,255,.44)}
@media(max-width:1050px){.main-nav a{padding-inline:6px;font-size:.74rem}}@media(max-width:760px){.certificate-grid{grid-template-columns:1fr}.trust-strip{display:block}.trust-actions{margin-top:18px}}@media(max-width:620px){.mobile-pwa-bar{background:rgba(7,59,69,.94)}.mobile-pwa-install{background:linear-gradient(135deg,#0e7069,#149487);box-shadow:0 3px 0 #07564f}.certificate-card{grid-template-columns:52px 1fr;padding:19px;gap:13px}.certificate-icon{width:50px;height:50px;border-radius:15px;font-size:1.2rem}.trust-strip{padding:24px 20px}.page-hero-certificates::after{width:180px;height:180px}}

/* Header logo: uploaded logos remain full, unframed and genuinely scalable. */
.site-header .container{min-height:clamp(78px,calc(62px * var(--logo-scale,1)),136px)}.brand{min-width:0}.brand-mark{flex:0 0 auto}.brand-mark--image{display:block;width:clamp(64px,calc(80px * var(--logo-scale,1)),176px);height:clamp(52px,calc(60px * var(--logo-scale,1)),128px);overflow:visible!important;border:0;border-radius:0;background:transparent!important;box-shadow:none!important}.brand-mark--image img{width:100%;height:100%;object-fit:contain;background:transparent!important}.brand--with-image .brand-copy{max-width:255px}.brand--with-image .brand-copy strong{font-size:clamp(.9rem,1.2vw,1.1rem)}

/* Homepage content modules. Database content takes priority; these classes also support the clearly-labelled demo content. */
.hero-trust{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.hero-trust li{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.27);border-radius:999px;color:#fff;background:rgba(255,255,255,.1);font:700 .72rem 'DM Sans',sans-serif}.hero-trust i{color:#ffdb88}.section-heading--split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px;text-align:left}.section-heading--split>div{max-width:710px}.section-heading--split p{max-width:640px}.initiative-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.initiative-home-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}.initiative-home-card h3{margin:15px 0 8px;font-size:1.2rem;line-height:1.35}.initiative-home-card p{margin:0;color:var(--muted);font-size:.9rem}.initiative-home-card .impact{margin-top:auto;padding-top:18px}.initiative-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font:700 .72rem 'DM Sans',sans-serif}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.journey-card{position:relative;padding:25px 24px 24px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#073b45,#0e7069);box-shadow:var(--shadow-sm)}.journey-card:nth-child(2){background:linear-gradient(145deg,#126b61,#0e7069)}.journey-card:nth-child(3){background:linear-gradient(145deg,#165a63,#073b45)}.journey-number{display:block;margin-bottom:17px;color:#ffdb88;font:800 .72rem 'DM Sans',sans-serif;letter-spacing:.12em}.journey-card h3{margin:0 0 8px;font-size:1.17rem}.journey-card p{margin:0;color:rgba(255,255,255,.82);font-size:.88rem}.home-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:190px 190px;gap:14px}.home-gallery a{position:relative;overflow:hidden;border-radius:18px;background:var(--primary-dark);box-shadow:var(--shadow-sm)}.home-gallery a:first-child{grid-row:span 2}.home-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.home-gallery a:hover img{transform:scale(1.06)}.home-gallery span{position:absolute;right:0;bottom:0;left:0;padding:32px 14px 12px;color:#fff;background:linear-gradient(transparent,rgba(7,59,69,.88));font:700 .78rem 'DM Sans',sans-serif}.home-note{display:flex;align-items:flex-start;gap:10px;margin:18px auto 0;max-width:720px;padding:11px 14px;border:1px solid #e9d69d;border-radius:13px;color:#705315;background:#fff8e5;font-size:.8rem}.home-note i{margin-top:3px;color:#a66d00}.home-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-news-card{display:grid;grid-template-columns:92px 1fr;gap:15px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.home-news-icon{display:grid;place-items:center;width:92px;height:92px;border-radius:15px;color:var(--primary);background:var(--primary-soft);font-size:1.6rem}.home-news-card h3{margin:3px 0 5px;font-size:1.03rem;line-height:1.35}.home-news-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}.home-news-date{color:var(--primary);font:800 .68rem 'DM Sans',sans-serif}
@media(max-width:1050px){.brand--with-image .brand-copy{max-width:190px}.brand-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.initiative-home-grid,.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.initiative-home-card:last-child{grid-column:span 2}.home-gallery{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px}.home-gallery a:first-child{grid-row:span 2}}@media(max-width:820px){.site-header .container{min-height:72px}.brand-mark--image{width:clamp(56px,calc(68px * var(--logo-scale,1)),118px);height:clamp(46px,calc(52px * var(--logo-scale,1)),92px)}.brand--with-image .brand-copy{max-width:230px}.section-heading--split{align-items:flex-start;flex-direction:column}.section-heading--split .btn{margin-top:-15px}}@media(max-width:620px){.brand--with-image .brand-copy{max-width:185px}.brand-mark--image{width:clamp(52px,calc(62px * var(--logo-scale,1)),94px);height:clamp(42px,calc(48px * var(--logo-scale,1)),76px)}.initiative-home-grid,.journey-grid,.home-news-grid{grid-template-columns:1fr}.initiative-home-card:last-child{grid-column:auto}.home-gallery{grid-template-columns:1fr 1fr;grid-template-rows:145px 145px;gap:9px}.home-gallery span{padding:26px 9px 8px;font-size:.68rem}.home-news-card{grid-template-columns:72px 1fr}.home-news-icon{width:72px;height:72px;font-size:1.25rem}.home-note{font-size:.74rem}}