:root{--deep:#4f6f5d;--mid:#6f927d;--aqua:#9fbea8;--foam:#f7fbf7;--ink:#2f4738;--muted:#718276;--line:rgba(79,111,93,.14);--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Kufi Arabic",sans-serif;background:#f8fbf8;color:var(--ink);overflow-x:hidden}.shell{min-height:86svh;background:radial-gradient(circle at 50% -5%,#eef6ef 0 9%,#c9decf 24%,#9fbea8 48%,#779a84 70%,#587562 100%);position:relative;isolation:isolate;color:#fff}.shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 35%,rgba(255,255,255,.5) 0 2px,transparent 3px),radial-gradient(circle at 74% 29%,rgba(255,255,255,.45) 0 2px,transparent 3px),radial-gradient(circle at 64% 62%,rgba(255,255,255,.35) 0 3px,transparent 4px),radial-gradient(circle at 20% 78%,rgba(255,255,255,.3) 0 3px,transparent 4px);background-size:260px 280px,360px 300px,320px 380px,410px 460px;opacity:.42;z-index:-2}.shell:after{content:"";position:absolute;left:-10%;right:-10%;top:8%;height:20vh;border-radius:0 0 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.03));z-index:-1}.nav{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(22px,5vw,70px);z-index:3}.brand{font-family:"Aref Ruqaa",serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700}.lang{direction:ltr;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.05);backdrop-filter:blur(12px);color:#fff;border-radius:999px;padding:10px 20px;font-size:.9rem}.hero{min-height:86svh;display:grid;place-items:center;text-align:center;padding:100px 24px 54px}.hero-inner{max-width:760px}.eyebrow{direction:ltr;letter-spacing:.4em;font-size:clamp(.7rem,1.2vw,.92rem);opacity:.76;margin-bottom:18px}.hero h1{font-family:"Aref Ruqaa",serif;font-size:clamp(4rem,11vw,7.5rem);line-height:.95;margin:0}.tagline{font-family:"Aref Ruqaa",serif;font-size:clamp(1.5rem,4vw,2.35rem);margin:14px 0 16px}.intro{font-size:clamp(1.02rem,2.4vw,1.35rem);line-height:2;max-width:650px;margin:0 auto 28px;opacity:.94}.cta{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:14px 26px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);transition:.3s}.cta:hover{transform:translateY(-3px);background:rgba(255,255,255,.16)}
.section{padding:clamp(58px,8vw,100px) 20px}.container{width:min(1180px,92vw);margin:auto}.section-kicker{font-size:.78rem;letter-spacing:.08em;color:#6f8a77}.section h2{font-family:"Aref Ruqaa",serif;font-size:clamp(2.3rem,5vw,4.2rem);margin:6px 0 14px}.lead{max-width:820px;line-height:2;color:#64766a;font-size:clamp(.95rem,1.7vw,1.1rem)}
.primary-wrap{background:linear-gradient(180deg,#fbfdfb,#edf5ef)}.primary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.primary-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:28px;padding:25px;min-height:220px;background:rgba(255,255,255,.9);box-shadow:0 14px 35px rgba(62,90,71,.07);transition:.3s;position:relative;overflow:hidden}.primary-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-35px;top:-35px;background:radial-gradient(circle,#e4f1e7,rgba(228,241,231,0));opacity:.85}.primary-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(62,90,71,.13)}.primary-card.feature{background:linear-gradient(150deg,#789b83,#536f5d);color:#fff;border-color:transparent}.primary-card.daily{background:linear-gradient(150deg,#eef6ef,#ffffff)}.primary-card.institution{background:linear-gradient(150deg,#476153,#66856f);color:#fff;border-color:transparent}.card-tag{font-size:.72rem;letter-spacing:.06em;opacity:.62;margin-bottom:10px}
.card-mark{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;color:#66856f;opacity:.92;flex:0 0 auto}.primary-card.feature .card-mark,.primary-card.institution .card-mark{color:#f2f8f3}.card-mark svg{width:38px;height:38px;display:block}.specialty .card-mark{width:34px;height:34px;margin-bottom:12px;color:#6c8d76}.specialty .card-mark svg{width:32px;height:32px}.institution-card .card-mark{width:38px;height:38px;color:#e8f2ea;margin-bottom:12px}.institution-card .card-mark svg{width:36px;height:36px}.card-mark *{vector-effect:non-scaling-stroke}
.primary-card h3{font-family:"Aref Ruqaa",serif;font-size:clamp(1.75rem,3.2vw,2.35rem);margin:30px 0 8px}.primary-card p{margin:0;line-height:1.9;font-size:.88rem;opacity:.76}.card-arrow{margin-top:20px;font-size:1.1rem;opacity:.7}
.explore{background:#fff}.explore-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.explore-toggle{border:1px solid var(--line);background:#f1f6f2;color:var(--ink);border-radius:999px;padding:11px 18px;font-family:inherit;cursor:pointer}.specialties{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}.specialty{border:1px solid var(--line);border-radius:22px;padding:20px;background:#fbfdfb;min-height:155px}.specialty h3{font-family:"Aref Ruqaa",serif;font-size:1.55rem;margin:0 0 8px}.specialty p{margin:0;color:#728178;line-height:1.8;font-size:.78rem}.specialty.org{background:#edf4ef}.specialty-tools{background:#f6faf7}
.institutions{background:linear-gradient(180deg,#526f5d,#33493b);color:#fff}.institutions .section-kicker,.institutions .lead{color:#dce8df}.institution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.institution-card{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:24px;padding:24px;min-height:180px}.institution-card h3{font-family:"Aref Ruqaa",serif;font-size:1.8rem;margin:0 0 10px}.institution-card p{line-height:1.9;opacity:.72;font-size:.82rem}
.note{background:#eef5ef}.note-box{border:1px solid var(--line);background:#fff;border-radius:26px;padding:28px;display:flex;justify-content:space-between;gap:25px;align-items:center}.note-box strong{font-family:"Aref Ruqaa",serif;font-size:1.7rem}.note-box p{margin:5px 0 0;color:#748279;line-height:1.8;font-size:.85rem}.footer{padding:50px 20px;background:#2f4235;color:#dfe9e1;text-align:center}.footer .mark{font-family:"Aref Ruqaa";font-size:2.2rem;color:#fff}.footer p{font-size:.78rem;opacity:.62}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.primary-grid{grid-template-columns:repeat(2,1fr)}.specialties{grid-template-columns:repeat(2,1fr)}.institution-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.nav{padding:20px 22px}.hero{min-height:68svh;padding-top:82px;padding-bottom:24px}.hero-inner{transform:translateY(-44px)}.primary-grid{grid-template-columns:1fr 1fr;gap:11px}.primary-card{padding:18px;border-radius:22px;min-height:195px}.primary-card h3{font-size:1.55rem}.primary-card p{font-size:.72rem}.specialties{grid-template-columns:1fr 1fr;gap:10px}.specialty{padding:16px;min-height:145px}.specialty h3{font-size:1.3rem}.specialty p{font-size:.7rem}.institution-grid{grid-template-columns:1fr}.note-box{display:block}.note-box .cta{margin-top:18px}.section{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}