:root{--navy:#0F1D2D;--gold:#D4AF37;--canvas:#F8F7F3;--ink:#172033;--line:#E6E9EE}*{box-sizing:border-box}html{overflow-x:hidden}body{overflow-x:hidden}.container-site{width:min(100% - 2rem,1200px);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:var(--navy);padding:.75rem 1rem;border-radius:.75rem}.skip-link:focus{top:1rem}.site-header{color:#fff;transition:background .25s,color .25s,box-shadow .25s}.site-header.scrolled,.site-header.menu-open{background:rgba(255,255,255,.97);color:var(--navy);box-shadow:0 8px 25px rgba(15,29,45,.07);border-color:transparent}.nav-link{position:relative;white-space:nowrap}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--gold);transition:right .2s}.nav-link:hover:after{right:0}.btn-gold{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:800;letter-spacing:.08em;transition:transform .2s,background .2s,box-shadow .2s}.btn-gold:hover{transform:translateY(-2px);background:#e0be4d;box-shadow:0 12px 26px rgba(212,175,55,.25)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:999px;font-weight:700;transition:.2s}.btn-outline:hover{transform:translateY(-2px);background:#fff;color:var(--navy)}.hero-pattern{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}.gold-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#b9911f}.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);line-height:1.13;color:var(--navy)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.program-card{border:1px solid var(--line);border-radius:1.25rem;background:white;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s}.program-card:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.6);box-shadow:0 18px 50px rgba(15,29,45,.08)}.icon-box{display:grid;height:3.25rem;width:3.25rem;place-items:center;border-radius:1rem;background:#f8efcf;color:#9a7613}.campaign-image{position:relative;height:13.5rem;overflow:hidden;background:linear-gradient(145deg,#10243a,#1d3b55)}.campaign-image:before,.campaign-image:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.32)}.campaign-image:before{width:210px;height:210px;right:-45px;top:-65px}.campaign-image:after{width:130px;height:130px;right:-4px;top:-25px}.campaign-visual{position:absolute;inset:0;display:grid;place-items:center;color:#D4AF37}.campaign-visual svg{width:80px;height:80px;stroke-width:1}.progress-track{height:7px;border-radius:999px;background:#edf0f3;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--gold)}.value-card{border:1px solid rgba(15,29,45,.08);border-radius:1rem;background:#fff;padding:1rem}.report-card{border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;background:rgba(255,255,255,.055);padding:1.5rem;backdrop-filter:blur(8px)}.quote-slide{display:none}.quote-slide.active{display:block;animation:fade .45s ease}@keyframes fade{from{opacity:.2;transform:translateX(10px)}to{opacity:1;transform:none}}.islamic-motif{background-image:radial-gradient(circle at 20% 40%,rgba(212,175,55,.12) 0 1px,transparent 2px);background-size:24px 24px}.footer-title{margin-bottom:1.25rem;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#D4AF37}.footer-links{display:grid;gap:.8rem;font-size:.875rem;color:rgba(255,255,255,.65)}.footer-links a:hover{color:white}@media(max-width:639px){.container-site{width:min(100% - 1.25rem,1200px)}.brand-copy strong{font-size:14px}.brand-copy small{font-size:8px}}
.program-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),380px));justify-content:center;gap:1.25rem}.campaign-image[style]{background-size:cover;background-position:center}.campaign-image[style] .campaign-visual{display:none}.campaign-image[style]:before,.campaign-image[style]:after{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
