:root{--navy:#14264B;--navy2:#0E1B38;--gold:#F2A93B;--gold-d:#C98417;--ink:#1B2437;--mut:#5B6578;--tint:#F3F5F9;--line:#E1E5EC;--r:6px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.8 "IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:"Noto Kufi Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;line-height:1.4;margin:0 0 .5em;color:var(--navy)}
h1{font-size:clamp(2rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.1rem)}h3{font-size:1.15rem}
p{margin:0 0 1em;max-width:62ch}a{color:var(--navy)}
img{max-width:100%;height:auto}
.wrap{width:min(1160px,92%);margin-inline:auto}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--gold);padding:.5em 1em;z-index:99}.skip:focus{inset-inline-start:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
/* header */
.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:84px}
.brand img{display:block;height:64px;width:auto;mix-blend-mode:multiply}
.nav{display:flex;align-items:center;gap:1.1rem;font-weight:500;font-size:.92rem}
.nav a.lang{border:1px solid var(--line);border-radius:var(--r);padding:.2em .8em}
.nav a{text-decoration:none;color:var(--ink);padding:.3em 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{border-color:var(--gold)}
.burger{display:none;background:none;border:0;padding:.6rem;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
/* buttons */
.btn{display:inline-block;padding:.7em 1.6em;border-radius:var(--r);font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;font:inherit;font-weight:600}
.btn.sm{padding:.35em 1.1em;font-size:.9rem}
.btn-gold{background:var(--gold);color:var(--navy2)}.btn-gold:hover{background:var(--gold-d);color:#fff}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy2)}
.btn-ghost{border-color:rgba(255,255,255,.5);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.12)}
.nav a.btn{border-bottom:2px solid transparent;color:var(--navy2)}.nav a.btn:hover{color:#fff}
.row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
/* hero */
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:clamp(4rem,10vw,8rem) 0}
.hero h1{color:#fff;margin-bottom:.4em}
.hero .lead{font-size:1.2rem;color:#D5DCEB;max-width:48ch}
.hero-in{position:relative;z-index:1}
.arcs{position:absolute;inset-inline-end:-6%;top:50%;transform:translateY(-50%);width:min(640px,70vw);opacity:.95}
/* sections */
.sec{padding:clamp(3rem,7vw,5.5rem) 0}.tint{background:var(--tint)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.grid2.tight{gap:1rem}.split{align-items:start}
.act,.site-card{display:block;text-decoration:none;color:var(--ink);border-top:4px solid var(--gold);background:#fff;padding:1.5rem 0 0}
.act p,.site-card p{color:var(--mut);font-size:.95rem}
.site-card{background:var(--navy);color:#fff;padding:2rem;border-top:0;border-inline-start:6px solid var(--gold);border-radius:var(--r)}
.site-card h3{color:#fff;font-size:1.5rem}.site-card p{color:#D5DCEB}
.more{font-weight:600;color:var(--navy);border-bottom:2px solid var(--gold)}.site-card .more{color:var(--gold);border:0}
.news-mini{border-bottom:1px solid var(--line);padding:.8rem 0}.news-mini h3{margin:0;font-size:1rem}
time,.meta{color:var(--mut);font-size:.88rem}
.cta{background:var(--tint);padding:3.5rem 0;text-align:center;border-top:1px solid var(--line)}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem}.cta h2{margin:0}
/* inner pages */
.page-head{background:var(--navy);color:#fff;padding:3.2rem 0}.page-head h1{color:#fff;margin-bottom:.2em}.page-head p{color:#D5DCEB;margin:0}
.panel{background:var(--tint);padding:2rem;border-radius:var(--r)}.panel.gold{background:var(--navy);color:#fff}.panel.gold h2{color:var(--gold)}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{padding:.7em 1.6em .7em 0;border-bottom:1px solid var(--line);position:relative}
.ticks li::before{content:"";position:absolute;inset-inline-start:0;top:1.35em;width:10px;height:10px;background:var(--gold);border-radius:50%}
.ticks li{padding-inline-start:1.6em;padding-inline-end:0}
.item{padding:1.4rem 0;border-bottom:1px solid var(--line)}.item.job{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.narrow{max-width:820px}.note{margin-top:2rem;color:var(--mut)}
.logo-box{border:1px solid var(--line);padding:2rem 1rem;text-align:center;border-radius:var(--r);display:flex;flex-direction:column;gap:.3rem}
.logo-box span{color:var(--mut);font-size:.88rem}
/* form */
.form label{display:block;font-weight:500;margin-bottom:1rem}
.form input,.form select,.form textarea{display:block;width:100%;margin-top:.3rem;padding:.7em .9em;border:1px solid #B9C1D0;border-radius:var(--r);font:inherit;background:#fff}
.err-t{color:#B3261E;font-size:.85rem;font-weight:400}
.alert{padding:.9rem 1.1rem;border-radius:var(--r);margin-bottom:1rem}.ok{background:#E6F4EA;color:#14532D}.err{color:#B3261E}
.hp{position:absolute;inset-inline-start:-9999px;height:0;overflow:hidden}
/* footer */
.foot{background:var(--navy2);color:#C3CCDF;padding:3.5rem 0 1.5rem;font-size:.95rem}
.foot h3{color:#fff;font-size:1rem}.foot a,.foot span{display:block;color:#C3CCDF;text-decoration:none;padding:.15em 0}.foot a:hover{color:var(--gold)}
.foot-logo{background:#fff;padding:.4rem .8rem;border-radius:var(--r)}
.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem;padding-top:1.2rem;font-size:.85rem}
.wa{position:fixed;inset-inline-start:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:30}
@media(max-width:1100px){
  .burger{display:block}
  .nav{display:none;position:absolute;top:100%;inset-inline:0;background:#fff;flex-direction:column;align-items:flex-start;padding:1rem 4%;border-bottom:1px solid var(--line)}
  .nav.open{display:flex}
  .arcs{opacity:.35}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:600}
html[lang=en] body{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}
.thumb{width:100%;max-height:260px;object-fit:cover;border-radius:var(--r);margin-bottom:.8rem}
.logo-box img{max-height:70px;max-width:100%;object-fit:contain;margin-inline:auto}
.meta.light{color:#D5DCEB}.article p{max-width:70ch}
.item h3 a{text-decoration:none}.item h3 a:hover{border-bottom:2px solid var(--gold)}
.alert ul{margin:0;padding-inline-start:1.2rem}