:root{--navy:#1A2332;--teal:#1F8A9E;--teal-dark:#0F5C6B;--cream:#F5F1E8;--cream-2:#FFFDF7;--sunrise:#F4A261;--gray:#6B7280;--shadow:0 24px 70px rgba(26,35,50,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;background:var(--cream-2);color:var(--navy);line-height:1.75}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,247,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(26,35,50,.08)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand img{height:54px;width:auto;display:block}.nav-links{display:flex;gap:28px;font-size:15px;font-weight:700;color:rgba(26,35,50,.82)}.nav-links a:hover{color:var(--teal)}.nav-cta{background:var(--navy);color:var(--cream);padding:10px 18px;border-radius:999px;font-weight:800;font-size:14px}.hero{overflow:hidden;position:relative;padding:82px 0 70px;background:radial-gradient(circle at 18% 24%,rgba(31,138,158,.16),transparent 32%),linear-gradient(180deg,var(--cream-2),var(--cream))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow,.section-label{display:inline-flex;color:var(--teal-dark);background:rgba(31,138,158,.1);border:1px solid rgba(31,138,158,.15);border-radius:999px;padding:8px 14px;font-weight:800;font-size:14px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,6vw,70px);line-height:1.15;margin:20px 0 22px;letter-spacing:-1.2px}.hero p{font-size:19px;color:rgba(26,35,50,.78);max-width:640px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:900;transition:.2s ease}.btn.primary{background:var(--teal);color:white;box-shadow:0 14px 30px rgba(31,138,158,.25)}.btn.secondary{background:white;color:var(--navy);border:1px solid rgba(26,35,50,.1)}.btn:hover{transform:translateY(-2px)}.btn.large{padding:16px 30px;font-size:18px}.hero-visual{position:relative;min-height:520px;border-radius:40px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(26,35,50,.96),rgba(15,92,107,.86) 48%,rgba(245,241,232,1) 49%,rgba(245,241,232,1)),radial-gradient(circle at 50% 48%,rgba(244,162,97,.85),transparent 20%)}.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(180deg,#FFD39A,var(--sunrise));left:50%;top:41%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(244,162,97,.45)}.horizon{position:absolute;inset:auto 0 50% 0;height:2px;background:rgba(245,241,232,.45)}.infinity-path{position:absolute;width:410px;height:160px;border:10px solid rgba(31,138,158,.58);border-left-color:transparent;border-right-color:transparent;border-radius:50%;left:50%;top:60%;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 12px 16px rgba(31,138,158,.25))}.person{position:absolute;width:44px;height:110px;left:49%;top:43%;transform:translateX(-50%)}.person:before{content:"";position:absolute;width:34px;height:34px;background:var(--navy);border-radius:50%;top:0;left:5px}.person:after{content:"";position:absolute;width:44px;height:72px;background:var(--navy);border-radius:22px 22px 8px 8px;top:38px;left:0}.floating-card{position:absolute;background:rgba(255,253,247,.9);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:10px 14px;font-weight:900;color:var(--navy);box-shadow:0 14px 40px rgba(0,0,0,.12)}.card-one{right:8%;top:15%}.card-two{left:8%;top:24%}.card-three{right:14%;bottom:12%}.section{padding:88px 0}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start}h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:16px 0 18px;letter-spacing:-.6px}.lead-box{background:white;padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(26,35,50,.06)}.lead-box p{font-size:21px;color:rgba(26,35,50,.82);margin:0}.section-head{margin-bottom:34px;max-width:760px}.section-head.centered{text-align:center;margin-inline:auto}.section-head p{color:var(--gray);font-size:18px}.pillar-grid,.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillar,.program-card{background:white;padding:28px;border-radius:var(--radius);border:1px solid rgba(26,35,50,.07);box-shadow:0 18px 54px rgba(26,35,50,.08)}.icon{width:58px;height:58px;border-radius:20px;background:rgba(31,138,158,.1);border:1px solid rgba(31,138,158,.16);position:relative;margin-bottom:18px}.icon:after{content:"";position:absolute;inset:16px;border:3px solid var(--teal);border-radius:50%}.growth:after{border-radius:4px;border-top-color:transparent;border-left-color:transparent;transform:rotate(-45deg)}.map:after{border-radius:6px;transform:skew(-8deg)}.pillar h3,.program-card h3{font-size:25px;margin-bottom:8px}.pillar p,.program-card p{color:rgba(26,35,50,.72);margin-bottom:0}.program-grid{grid-template-columns:repeat(4,1fr)}.program-card{position:relative;overflow:hidden;min-height:300px}.program-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:rgba(31,138,158,.1);left:-36px;top:-36px}.program-number{color:var(--sunrise);font-family:"Inter",sans-serif;font-weight:900;font-size:14px}.program-card h3{font-size:32px;color:var(--teal-dark);margin-top:12px}.program-card .tag{font-weight:900;color:var(--navy);margin-bottom:12px}.program-card.featured{background:var(--navy);color:var(--cream)}.program-card.featured h3,.program-card.featured .tag{color:var(--cream)}.program-card.featured p{color:rgba(245,241,232,.78)}.journey-box{background:linear-gradient(135deg,var(--navy),#0F5C6B);color:var(--cream);border-radius:38px;padding:46px;display:grid;grid-template-columns:1fr 1.25fr;gap:34px;overflow:hidden;position:relative}.journey-box:after{content:"∞";position:absolute;left:32px;bottom:-58px;font-family:Inter,sans-serif;font-size:220px;font-weight:900;color:rgba(245,241,232,.06)}.journey-text p{color:rgba(245,241,232,.78)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.timeline div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px}.timeline strong{display:block;font-size:20px;margin-bottom:8px}.timeline span{color:rgba(245,241,232,.72);font-size:14px}.workshops{background:var(--cream)}.workshops p{font-size:18px;color:var(--gray)}.workshop-list{display:grid;gap:14px}.workshop-list div{background:white;border-radius:18px;padding:18px 22px;font-weight:900;border-right:5px solid var(--teal);box-shadow:0 12px 30px rgba(26,35,50,.07)}.community-card{text-align:center;background:white;border-radius:38px;padding:56px;box-shadow:var(--shadow)}.community-card p{max-width:790px;margin-inline:auto;font-size:20px;color:rgba(26,35,50,.74)}.final-cta{text-align:center;background:radial-gradient(circle at 52% 20%,rgba(244,162,97,.18),transparent 35%),var(--navy);color:var(--cream)}.final-cta p{color:rgba(245,241,232,.78);font-size:20px}.small-note{font-size:13px!important;margin-top:12px;color:rgba(245,241,232,.5)!important}.site-footer{padding:36px 0;background:var(--cream)}.footer-grid{display:flex;justify-content:space-between;gap:22px;align-items:center}.site-footer img{height:52px}.site-footer p{margin:8px 0 0;color:var(--gray)}.footer-links{display:flex;gap:18px;font-weight:800;color:var(--teal-dark)}@media(max-width:920px){.nav-links{display:none}.hero-grid,.two-col,.journey-box{grid-template-columns:1fr}.program-grid{grid-template-columns:1fr 1fr}.pillar-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}}@media(max-width:560px){.container{width:min(100% - 28px,1120px)}.nav-cta{display:none}.brand img{height:46px}.hero{padding-top:54px}.hero-visual{min-height:420px}.program-grid,.timeline{grid-template-columns:1fr}.community-card,.journey-box,.lead-box{padding:28px}.footer-grid{flex-direction:column;text-align:center}}
.program-icon{
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:rgba(31,138,158,.10);
  border:1px solid rgba(31,138,158,.16);
  font-size:30px;
  margin-bottom:14px;
  position:relative;
  z-index:1;
}
.program-card.featured .program-icon{
  background:rgba(245,241,232,.10);
  border-color:rgba(245,241,232,.18);
}