: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:#070816;--bg1:#0b0c22;--ink:#eef0ff;--muted:#b9bddf;--stroke: rgba(255,255,255,.12);--glass: rgba(255,255,255,.06);--glass2: rgba(255,255,255,.1);--brand1:#7c3aed;--brand2:#d946ef;--brand3:#60a5fa;--ok:#22c55e}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(1200px 650px at 20% 10%,rgba(217,70,239,.18),transparent 60%),radial-gradient(1100px 650px at 80% 12%,rgba(96,165,250,.14),transparent 62%),radial-gradient(900px 700px at 50% 92%,rgba(124,58,237,.14),transparent 62%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow-x:hidden}.app[dir=rtl]{font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}main{min-height:calc(100vh - 140px)}.page{width:min(1180px,94vw);margin:0 auto;padding:26px 0 56px}.section{padding:34px 0}.section.tightTop{padding-top:14px}.sectionHeader{display:grid;gap:10px;margin-bottom:18px}.muted{color:var(--muted);line-height:1.65;margin:0;max-width:760px}.navWrap{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07081699;border-bottom:1px solid var(--stroke)}.navInner{width:min(1180px,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:12px;min-width:0}.brandLogo{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.45))}.brandText{line-height:1}.brandName{font-weight:900;letter-spacing:.1em}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.navLinks{justify-self:center;display:flex;align-items:center;gap:10px;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.navLink{padding:10px 12px;border-radius:12px;color:var(--muted);transition:.16s ease;font-weight:800;font-size:14px}.navLink:hover{background:var(--glass);color:var(--ink)}.navLink.active{background:var(--glass2);border:1px solid var(--stroke);color:var(--ink)}.navActions{justify-self:end;display:flex;align-items:center;gap:10px}.pill{padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);color:var(--ink);cursor:pointer;transition:.16s ease;font-weight:900;font-size:14px}.pill:hover{transform:translateY(-1px);background:var(--glass2)}.pill.primary{border:none;background:linear-gradient(90deg,var(--brand1),var(--brand2));box-shadow:0 18px 44px #7c3aed38}.pill.ghost{background:#ffffff0a}.h1{font-size:44px;letter-spacing:-.02em;margin:14px 0 10px;line-height:1.08}.h2{font-size:30px;letter-spacing:-.02em;margin:0}.lead{color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 18px}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0d;color:var(--muted);font-weight:900;font-size:13px}.hero{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0d,#ffffff05);box-shadow:0 60px 140px #00000059}.hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(600px 420px at 14% 20%,rgba(217,70,239,.2),transparent 65%),radial-gradient(600px 420px at 86% 18%,rgba(96,165,250,.16),transparent 65%);pointer-events:none}.heroGrid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:58px 58px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 30% 12%,#000,#0000);mask-image:radial-gradient(circle at 30% 12%,#000,#0000);pointer-events:none}.heroInner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:26px;padding:30px 28px 26px;align-items:start}.heroLeft{min-width:0;max-width:720px}.heroRight{min-width:0;justify-self:end;width:100%}.heroBtns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}.stat{padding:12px 14px;border-radius:16px;background:#ffffff0d;border:1px solid var(--stroke)}.statNum{font-weight:900;font-size:14px;color:#eef0ffdb}.statLabel{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}.heroPanel{border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;overflow:hidden;box-shadow:0 34px 76px #00000061}.panelTop{display:flex;gap:7px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.dot{width:10px;height:10px;border-radius:999px}.d1{background:#ef4444}.d2{background:#f59e0b}.d3{background:#22c55e}.panelBody{padding:18px;display:grid;gap:12px}.panelIconWrap{width:72px;height:72px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#d946ef59,#7c3aed38);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.panelLogo{width:44px;height:44px;object-fit:contain;border-radius:10px}.panelText{display:grid;gap:6px}.panelTitle{font-weight:900;font-size:18px}.panelSub{color:var(--muted);line-height:1.6}.panelHint{padding:10px 12px;border-radius:14px;border:1px dashed rgba(255,255,255,.18);background:#ffffff0a;color:#eef0ffcc;line-height:1.55;font-size:13px}.floating{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eef0ffd1;transition:.16s ease;font-weight:800;font-size:13px}.chip:hover{transform:translateY(-1px);background:#ffffff12}.aboutGrid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:18px;align-items:start}.aboutText{max-width:640px}.para{color:#eef0ffd1;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{position:relative;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;overflow:hidden}.cardGlow{position:absolute;inset:-70px -70px auto auto;width:190px;height:190px;background:radial-gradient(circle,rgba(217,70,239,.28),transparent 60%);filter:blur(4px)}.cardTitle{position:relative;font-weight:900}.cardBody{position:relative;color:#eef0ffc7;line-height:1.6;margin-top:8px}.coursesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.courseSlot{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;overflow:hidden;transition:.16s ease}.courseSlot:hover{transform:translateY(-2px);background:#ffffff0f}.coursePoster{height:176px;background:radial-gradient(700px 240px at 20% 20%,rgba(124,58,237,.26),transparent 60%),radial-gradient(700px 240px at 80% 10%,rgba(217,70,239,.22),transparent 60%),#0003;display:flex;align-items:center;justify-content:center}.posterPlaceholder{width:78%;border-radius:14px;border:1px dashed rgba(255,255,255,.2);padding:14px;background:#ffffff0a}.posterLine{height:10px;border-radius:999px;background:#ffffff1a;margin:10px 0}.posterLine.short{width:60%}.courseMeta{padding:12px 14px 16px}.courseTitle{font-weight:900}.courseSub{color:var(--muted);margin-top:6px;font-size:13px}.noteBox{margin-top:14px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#eef0ffd1}.contactGrid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:14px}.form{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.label{display:block;margin:10px 0 8px;color:#eef0ffd1;font-weight:900}.input,.textarea{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0003;color:var(--ink);outline:none}.input:focus,.textarea:focus{border-color:#d946ef75}.submitBtn{margin-top:12px;width:100%}.formSuccess{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(34,197,94,.3);background:#22c55e1a;color:#eef0ffeb}.sideCard{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.sideTitle{font-weight:900;font-size:18px}.sideSub{color:var(--muted);line-height:1.6;margin-top:8px}.sideDivider{height:1px;background:#ffffff1a;margin:14px 0}.sideLine{color:#eef0ffd1;margin:10px 0}.footer{border-top:1px solid rgba(255,255,255,.12);background:#07081699;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.footerInner{width:min(1180px,94vw);margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footerLeft{display:flex;gap:12px;align-items:center}.footerLogo{width:34px;height:34px;object-fit:contain}.footerTitle{font-weight:900}.footerSub{color:var(--muted);font-size:13px;margin-top:4px}.footerRight{display:flex;gap:14px}.footerLink{color:#eef0ffd1}.footerLink:hover{color:var(--ink)}@media(max-width:980px){.heroInner{grid-template-columns:1fr;padding:26px 20px 22px}.heroRight{justify-self:stretch}.stats{grid-template-columns:1fr;max-width:520px}.aboutGrid{grid-template-columns:1fr}.coursesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.contactGrid{grid-template-columns:1fr}.h1{font-size:38px}}@media(max-width:540px){.navLinks{display:none}.coursesGrid{grid-template-columns:1fr}.h1{font-size:34px}}
