@import url("/assets/fonts.css");
:root{--navy:#082d4d;--blue:#0067d9;--teal:#00b8be;--text:#18364b;--muted:#526474;--line:#dce7ef;--surface:#f5f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.65}html[lang=ar] body{font-family:'Noto Sans Arabic',Tahoma,sans-serif;line-height:1.85}a{color:inherit}img{max-width:100%;object-fit:contain}button,a{-webkit-tap-highlight-color:transparent}.container{max-width:1200px;padding-inline:28px;margin-inline:auto}header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #edf2f6}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:96px}.brand{display:flex;align-items:center;width:180px;flex-shrink:0}.brand img{height:auto}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:500;padding-block:12px}nav a:hover,nav a.active{color:var(--blue)}.language{border:1px solid var(--line);border-radius:30px;padding:8px 18px;text-decoration:none;font-size:13px;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:12px}section{padding-block:80px;scroll-margin-top:110px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding-block:90px 85px}.eyebrow,.kicker{font-size:13px;font-weight:600;color:var(--blue)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--teal);border-radius:50%}h1{font-size:clamp(36px,4.4vw,56px);line-height:1.3;letter-spacing:-1.7px;margin:23px 0;color:var(--navy)}html[lang=ar] h1{letter-spacing:0;line-height:1.5;font-size:clamp(34px,4vw,49px)}h1 span{color:var(--blue)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:580px;margin-block:20px 30px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--blue);color:white;text-decoration:none;border-radius:9px;padding:12px 24px;font-size:15px;font-weight:600;min-height:50px}.button:hover{background:#0059bd}.hero-values{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px;font-size:11px;color:var(--muted)}.hero-values span+span{border-inline-start:1px solid var(--line);padding-inline-start:16px}.hero-art{position:relative;height:460px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e9fafc 0%,#f5fbff 44%,white 72%);overflow:hidden}.art-center{width:330px;position:relative;z-index:2}.art-center img{mix-blend-mode:multiply;height:300px}.orbit{position:absolute;border:1px solid #d4edf2;border-radius:50%;width:420px;height:420px}.orbit-two{width:310px;height:310px;transform:rotate(25deg);border-style:dashed}.node{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 7px #e8f9fa;z-index:3}.n1{top:65px;left:110px}.n2{bottom:93px;right:55px;background:var(--blue)}.n3{top:108px;right:57px;width:8px;height:8px}.art-caption{position:absolute;bottom:10px;color:#64808f;font-size:9px;letter-spacing:2px}.about{background:var(--surface);border-block:1px solid #edf2f6}.section-heading{margin-bottom:36px}.kicker{display:block;margin-bottom:12px}h2{font-size:clamp(26px,3vw,36px);line-height:1.45;margin:0;color:var(--navy);max-width:800px}h3{font-size:20px;line-height:1.55;margin:0 0 12px;color:var(--navy)}p{margin-top:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.about-grid p{font-size:16px;color:var(--muted)}.about-grid .lead{font-size:23px;line-height:1.8;color:var(--navy)}.founders{border-top:1px solid var(--line);padding-top:28px;margin-top:24px}.founders>h3{font-size:14px;color:var(--muted);font-weight:500}.founders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:18px}.founder{display:flex;align-items:center;gap:12px;font-size:15px}.founder-dot{width:9px;height:9px;background:var(--teal);border-radius:50%}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.service{border-top:2px solid var(--line);padding-top:28px}.icon{display:flex;width:45px;height:45px;align-items:center;justify-content:center;color:var(--blue);background:#edf6fd;border-radius:12px;font-size:26px;margin-bottom:24px}.service h3{font-size:18px}.service p{font-size:14px;color:var(--muted);margin:0}.academy{background:var(--surface)}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.program{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;position:relative;overflow:hidden}.program:before{content:'';height:4px;background:var(--blue);position:absolute;inset:0 0 auto}.program.p1:before{background:#079ab6}.program.p2:before{background:var(--teal)}.program-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.number{font:500 16px Inter,Arial;color:#718b9e}.dot{width:8px;height:8px;background:var(--teal);border-radius:50%}.program h3{font-size:23px;margin-bottom:4px}.program-en{font-size:11px;color:var(--blue);margin-bottom:24px;text-align:start}.program p{font-size:14px;color:var(--muted);min-height:105px}.program ul{list-style:none;margin:24px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}.program li{position:relative;padding-inline-start:22px;font-size:13px;margin-bottom:12px}.program li:before{content:'✓';position:absolute;inset-inline-start:0;color:#007f8b}.academy-foot{text-align:center;margin:30px 0 0;color:var(--muted);font-size:14px}.academy-foot a{color:var(--blue);text-underline-offset:5px}.contact-panel{background:var(--navy);color:white;border-radius:22px;padding:54px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact-panel h2{color:white;margin-block:12px 20px}.contact-panel .kicker{color:#5ae0d8}.contact-panel p{color:#cedce6;font-size:15px;margin:0}.contact-links{display:flex;flex-direction:column;justify-content:center;gap:20px}.contact-links a{display:flex;flex-direction:column;text-decoration:none;border-bottom:1px solid #3a546a;padding-bottom:18px}.contact-links span{font-size:12px;color:#b9cfdf;margin-bottom:6px}.contact-links strong{font:500 20px Inter,Arial;text-align:start;overflow-wrap:anywhere}.contact-links a:hover strong{color:#5ae0d8}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top strong{font:700 25px Inter,Arial;letter-spacing:-1px}.footer-top strong span{color:var(--teal)}.footer-top p{font-size:12px;color:var(--muted);margin:0}.copyright{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding-block:22px;margin-top:28px}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--navy);color:white;z-index:30}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.contact-panel :focus-visible{outline-color:#5ae0d8}@media(max-width:980px){nav{gap:18px}.hero{gap:10px}.hero-art{height:370px}.orbit{width:330px;height:330px}.art-center{width:270px}.services-grid{grid-template-columns:repeat(2,1fr)}.programs-grid{gap:15px}.program{padding:23px}.contact-panel{gap:30px;padding:36px}.about-grid{gap:30px}}@media(max-width:720px){.container{padding-inline:20px}.header-inner{flex-wrap:wrap;gap:0;padding-block:14px}.brand{width:135px}.language{margin-inline-start:auto;padding:5px 14px}nav{order:3;width:100%;justify-content:space-between;gap:8px;margin-top:10px}nav a{font-size:12px;padding-block:5px;min-height:36px;display:flex;align-items:center}section{padding-block:52px;scroll-margin-top:135px}.hero{grid-template-columns:1fr;padding-block:55px 35px}.hero-art{height:310px;margin-top:20px}.hero-copy>p{font-size:16px}.hero-values{gap:10px;font-size:10px}.hero-values span+span{padding-inline-start:10px}.about-grid,.programs-grid,.contact-panel{grid-template-columns:1fr}.about-grid{gap:0}.about-grid .lead{font-size:20px}.founders-grid{grid-template-columns:1fr;gap:18px}.services-grid{gap:24px}.service h3{font-size:16px}.service p{font-size:13px}.program p{min-height:0}.contact-panel{padding:30px;gap:32px}.contact-links strong{font-size:18px}.footer-top{flex-direction:column;align-items:flex-start}.footer-top p{max-width:300px}.program-top{margin-bottom:22px}h1 br{display:none}}@media(max-width:380px){.services-grid{grid-template-columns:1fr}nav a{font-size:11px}.hero-values{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}