:root{color-scheme:dark}html,body{height:100%;margin:0;padding:0}body{display:block;min-width:320px}#root{width:100%;max-width:none;margin:0;padding:0}:root{--bg0:#050712;--bg1:#0d1230;--ink:#f3f5ff;--muted:#adb4db;--stroke:rgba(255,255,255,.14);--surface:rgba(17,23,50,.68);--surface-2:rgba(255,255,255,.05);--brand:#7363ff;--brand2:#4da6ff}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(900px 520px at 12% -10%,rgba(115,99,255,.2),transparent 62%),radial-gradient(800px 500px at 86% 0%,rgba(77,166,255,.14),transparent 60%),linear-gradient(180deg,#070b1f,#111632);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app.lang-ar{font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 148px)}.page{width:min(1200px,94vw);margin:0 auto;padding:28px 0 64px}.section{padding:42px 0}.section.tightTop{padding-top:16px}.sectionHeader{display:grid;gap:10px;margin-bottom:22px}.muted{margin:0;color:var(--muted);line-height:1.75;max-width:74ch}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.navWrap{position:sticky;top:0;z-index:40;background:#060919b8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-bottom:1px solid var(--stroke)}.navInner{width:min(1200px,94vw);margin:0 auto;padding:14px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px}.brandLogo{width:40px;height:40px;object-fit:contain}.brandName{font-weight:900;letter-spacing:.08em;line-height:1}.brandSub{font-size:12px;color:var(--muted);margin-top:3px}.navLinks{justify-self:center;display:flex;gap:8px;border:1px solid var(--stroke);border-radius:999px;padding:6px;background:var(--surface-2)}.navLink{border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:700}.navLink.active{background:#ffffff1c;color:var(--ink)}.navActions{justify-self:end;display:flex;gap:10px}.pill{border:1px solid var(--stroke);border-radius:999px;padding:10px 14px;background:#ffffff0a;color:var(--ink);font-weight:800;cursor:pointer;transition:.2s ease}.pill:hover{transform:translateY(-2px) scale(1.01);border-color:#ffffff4d}.pill.primary{border:0;background:linear-gradient(130deg,var(--brand2),var(--brand));box-shadow:0 14px 30px #5a76ff5c}.h1{font-size:clamp(2rem,4.8vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:12px 0 10px}.h2{font-size:clamp(1.45rem,3vw,2.25rem);letter-spacing:-.02em;margin:0}.lead{margin:0 0 18px;color:var(--muted);line-height:1.78}.badge{display:inline-flex;border:1px solid var(--stroke);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:#ffffff0d}.heroV2{position:relative;min-height:540px;border-radius:24px;border:1px solid var(--stroke);overflow:hidden;box-shadow:0 30px 80px #0000005c}.heroV2Bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroV2Overlay{position:absolute;inset:0;background:linear-gradient(110deg,#060814d6,#090c1a94 48%,#0a0d1ca8)}.heroV2Content{position:relative;z-index:2;max-width:760px;padding:34px}.hero{position:relative;border-radius:24px;border:1px solid var(--stroke);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px #0000005c;overflow:hidden}.heroGlow{position:absolute;border-radius:999px;filter:blur(3px);pointer-events:none}.heroGlowA{width:260px;height:260px;background:#7363ff57;inset:-80px auto auto -80px}.heroGlowB{width:260px;height:260px;background:#4da6ff38;inset:auto -70px -90px auto}.heroInner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:24px;padding:30px}.heroBrand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.heroBrandLogo{width:36px;height:36px;object-fit:contain}.heroBrandName{font-size:13px;font-weight:900;letter-spacing:.08em}.heroBrandSub{font-size:12px;color:var(--muted);margin-top:2px}.heroBtns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.statsRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.statItem{padding:10px;border:1px solid var(--stroke);border-radius:12px;background:#ffffff0a;color:var(--muted);font-size:13px}.metricStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metricCard{padding:16px;border:1px solid var(--stroke);border-radius:16px;background:#ffffff0a;transition:.2s ease}.metricCard:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff40}.metricNum{font-size:13px;font-weight:900;color:#d2d8ff}.metricLabel{margin-top:8px;color:var(--muted);line-height:1.6}.heroVisualImage{height:330px;border-radius:18px;border:1px solid var(--stroke);overflow:hidden;position:relative}.heroVisualImage img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.heroVisualImage:hover img{transform:scale(1.04)}.heroVisualContent{position:absolute;inset:auto 18px 18px;border:1px solid var(--stroke);border-radius:14px;padding:14px;background:#060a1c9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.heroVisualTitle{font-weight:800}.heroVisualSub{margin-top:6px;color:var(--muted);line-height:1.62}.floating{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--stroke);border-radius:999px;padding:8px 10px;background:#ffffff0a;color:var(--muted);font-size:13px}.aboutGrid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:16px;align-items:start}.para{color:var(--muted);line-height:1.75;margin:0 0 12px}.aboutActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.aboutCards{display:grid;gap:12px}.card,.stepCard{border:1px solid var(--stroke);border-radius:16px;background:#ffffff0a;padding:14px;transition:.22s ease}.card:hover,.stepCard:hover{transform:translateY(-3px);border-color:#ffffff3d}.cardImage{width:100%;height:146px;object-fit:cover;border-radius:12px;margin-bottom:10px}.cardTitle{font-weight:800}.cardBody{margin-top:6px;color:var(--muted);line-height:1.65}.bentoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bentoCard{position:relative;border-radius:18px;border:1px solid var(--stroke);overflow:hidden;background:#ffffff0a;min-height:260px;transition:.24s ease}.bentoCard:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff3d}.bentoCard img{width:100%;height:100%;object-fit:cover;display:block}.bentoLarge{min-height:260px}.bentoOverlay{position:absolute;inset:auto 14px 14px;padding:14px;border:1px solid var(--stroke);border-radius:12px;background:#070a18b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bentoOverlay h3,.bentoCopy h3{margin:0;font-size:18px;letter-spacing:-.01em}.bentoOverlay p,.bentoCopy p{margin:8px 0 0;color:var(--muted);line-height:1.65}.bentoCopy{padding:14px}@media(min-width:981px){.bentoOverlay,.bentoCopy{opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.bentoCard:hover .bentoOverlay,.bentoCard:hover .bentoCopy{opacity:1;transform:translateY(0)}}.processV2{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:stretch}.processLeft{border:1px solid var(--stroke);border-radius:18px;background:#ffffff0a;padding:20px}.processSteps{margin-top:16px;display:grid;gap:12px}.processStep{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:10px;border:1px solid var(--stroke);border-radius:12px;background:#ffffff08}.processStep span{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#ffffff1a;font-weight:900;font-size:12px}.processStep h4{margin:0;font-size:16px}.processStep p{margin:6px 0 0;color:var(--muted);line-height:1.62}.processImageWrap{border:1px solid var(--stroke);border-radius:18px;overflow:hidden}.processImageWrap img{width:100%;height:100%;object-fit:cover;display:block;min-height:260px}.processImageWrap{transition:.2s ease}.processImageWrap:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff3d}.stepsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stepNum{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#ffffff17;border:1px solid var(--stroke);font-weight:900;margin-bottom:10px}.pathways{border:1px solid var(--stroke);border-radius:18px;padding:24px;background:linear-gradient(145deg,#ffffff0a,#ffffff12)}.pathGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pathCard{border:1px solid var(--stroke);border-radius:14px;padding:14px;background:#ffffff0d;font-weight:700}.pathCard{transition:.2s ease}.pathCard:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff42}.pathways .heroBtns{margin-top:16px}.ctaBanner{border:1px solid var(--stroke);border-radius:18px;padding:26px;background:linear-gradient(130deg,#7363ff3d,#4da6ff1f)}.ctaInner{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.coursesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.courseSlot{border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:#ffffff0a;transition:.24s ease}.courseSlot:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff3d}.coursePoster{width:100%;height:180px;display:block}.posterPlaceholder{display:grid;place-items:center;border-bottom:1px solid var(--stroke);background:linear-gradient(145deg,#ffffff12,#ffffff08)}.posterSoon{border:1px dashed rgba(255,255,255,.3);border-radius:999px;padding:10px 14px;color:var(--muted);font-weight:700}.courseMeta{padding:12px 14px 14px}.courseSub{margin-top:6px;color:var(--muted);font-size:13px}.courseBtn{display:inline-flex;margin-top:10px}.noteBox{margin-top:14px;border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;color:var(--muted);background:#ffffff0a}.contactGrid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px}.form,.sideCard{border:1px solid var(--stroke);border-radius:16px;background:#ffffff0d;padding:16px}.label{display:block;margin:10px 0 8px;font-weight:700}.input,.textarea{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:11px;background:#0003;color:var(--ink);outline:none}.input:focus,.textarea:focus{border-color:var(--brand2)}.submitBtn{width:100%;margin-top:12px}.formSuccess{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(95,224,145,.45);background:#3ab76929;color:#c7ffe0}.formError{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,150,150,.42);background:#ff5a5a29;color:#ffd8d8}.hpInput{position:absolute;left:-99999px;width:1px;height:1px;opacity:0}.sideTitle{font-weight:900;font-size:18px}.sideSub,.sideLine{color:var(--muted)}.sideSub{margin-top:8px;line-height:1.72}.sideDivider{height:1px;background:var(--stroke);margin:14px 0}.sideLine{margin:10px 0}.form{background:linear-gradient(170deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 36px #00000038}.sideCard{background:linear-gradient(170deg,#ffffff12,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer{border-top:1px solid var(--stroke);background:#070a18bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footerInner{width:min(1200px,94vw);margin:0 auto;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.footerLeft{display:flex;gap:10px;align-items:center}.footerLogo{width:34px;height:34px;object-fit:contain}.footerTitle{font-weight:800}.footerSub{margin-top:4px;color:var(--muted);font-size:13px}.footerRight{display:flex;gap:14px}.footerLink{color:var(--muted)}.footerLink:hover{color:var(--ink)}.app.lang-ar .sectionHeader,.app.lang-ar .h1,.app.lang-ar .h2,.app.lang-ar .lead,.app.lang-ar .muted,.app.lang-ar .para,.app.lang-ar .cardTitle,.app.lang-ar .cardBody,.app.lang-ar .courseMeta,.app.lang-ar .noteBox,.app.lang-ar .form,.app.lang-ar .label,.app.lang-ar .sideCard,.app.lang-ar .footerSub,.app.lang-ar .bentoCopy,.app.lang-ar .bentoOverlay,.app.lang-ar .processLeft{direction:rtl;unicode-bidi:plaintext;text-align:right}.app.lang-ar .muted,.app.lang-ar .lead,.app.lang-ar .heroV2Content,.app.lang-ar .heroBrandText,.app.lang-ar .metricLabel,.app.lang-ar .processStep p,.app.lang-ar .processStep h4,.app.lang-ar .bentoOverlay h3,.app.lang-ar .bentoOverlay p,.app.lang-ar .bentoCopy h3,.app.lang-ar .bentoCopy p{text-align:right}.app.lang-ar .heroV2Content{margin-inline-start:auto;padding-top:36px;padding-bottom:38px}.app.lang-ar .heroV2 .h1{letter-spacing:0;line-height:1.32}.app.lang-ar .heroV2 .lead{line-height:1.82}.app.lang-ar .heroBrand{justify-content:flex-end}.app.lang-ar .coursesGrid{direction:rtl}.app.lang-ar .pathways .heroBtns{justify-content:flex-end}@media(max-width:980px){.heroInner,.aboutGrid,.contactGrid,.pathGrid,.stepsGrid,.ctaInner,.metricStrip,.bentoGrid,.processV2{grid-template-columns:1fr}.coursesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.heroV2{min-height:500px}.bentoLarge{min-height:260px}.heroVisualImage{height:280px}}@media(max-width:560px){.navLinks{display:none}.coursesGrid,.statsRow{grid-template-columns:1fr}.heroV2{min-height:460px}.heroV2Content{padding:22px}.heroVisualImage{height:230px}.app.lang-ar .heroV2Content{padding:24px 20px 32px}}
