
:root{--bg:#06101c;--bg2:#091827;--panel:#10263d;--panel2:#0b1a2b;--line:#26394d;--text:#f4f8fb;--muted:#b9c7d6;--blue:#38bdf8;--gold:#fbbf24}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:radial-gradient(circle at 85% 5%,rgba(56,189,248,.14),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.75}.container{width:min(1180px,92%);margin:auto}a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:rgba(6,16,28,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{min-height:88px;display:flex;align-items:center;gap:20px}.home{width:54px;height:54px;border:1px solid #3b4b5c;border-radius:15px;display:grid;place-items:center;font-size:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800}.brand img{width:48px;height:48px;border-radius:50%}.brand span{font-size:1.1rem;line-height:1.35}.brand b{color:var(--blue)}.navlinks{margin-left:auto;display:flex;gap:25px}.navlinks a{text-align:center}.navlinks small{display:block;direction:rtl;font-size:.84rem}
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:42px;padding:65px 0 35px}.badge{display:inline-flex;padding:7px 13px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:rgba(56,189,248,.08);color:#dff7ff}.hero h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.05;margin:18px 0}.gradient{background:linear-gradient(90deg,var(--blue),#60a5fa,var(--gold));-webkit-background-clip:text;color:transparent}.hero-ar{direction:rtl;font-size:1.5rem}.hero p{color:var(--muted);max-width:760px}.hero-logo{text-align:center}.hero-logo img{width:min(300px,75vw);border-radius:28%;filter:drop-shadow(0 26px 60px rgba(0,0,0,.42))}
section{padding:48px 0}.title{text-align:center;margin-bottom:30px}.title h2{font-size:clamp(2rem,4vw,2.7rem);margin:0}.title .ar{direction:rtl;font-size:1.25rem}.title p{color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.course{position:relative;display:block;min-height:260px;padding:27px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:19px;transition:.2s}.course:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.65);box-shadow:0 20px 48px rgba(0,0,0,.27)}.course:nth-child(even){border-color:rgba(251,191,36,.34);background:radial-gradient(circle at 90% 10%,rgba(251,191,36,.09),transparent 35%),linear-gradient(180deg,#172333,#0d1926)}.code{color:var(--blue);font-size:.82rem;font-weight:800;letter-spacing:.08em}.course:nth-child(even) .code{color:var(--gold)}.course h3{font-size:1.45rem;margin:9px 0 3px}.course .ar{direction:rtl;text-align:right;font-size:1.25rem;font-weight:700}.course p{color:var(--muted)}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-right:155px}.pill{padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:#dff7ff}.open{position:absolute;right:25px;bottom:20px;color:#bae6fd;font-weight:800}.course:nth-child(even) .open{color:#fcd34d}.planned{opacity:.82}.planned .open{color:var(--muted)}.add-course{border-style:dashed;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.add-course strong{display:block;color:#fff;font-size:2rem}footer{border-top:1px solid var(--line);padding:48px 0;text-align:center;color:#c8d9ec}.footer-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:1rem}.site-footer a{color:#55bdf7}.site-footer strong{font-weight:800}
@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-logo{order:-1}.hero-logo img{width:220px}}@media(max-width:680px){.course-grid{grid-template-columns:1fr}.brand span{font-size:.9rem}.course{padding-bottom:86px}.meta{padding-right:0;margin-bottom:8px}.open{left:27px;right:auto;bottom:22px}}

/* Central footer: exact layout and typography of homepage assets/shared/ag-theme.css */
#ag-central-footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.12);background:#06101c;color:#aebfd0;font-family:Arial,Helvetica,sans-serif}
#ag-central-footer .ag-central-footer-inner{width:min(1120px,calc(100% - 32px));margin-inline:auto;text-align:center}
#ag-central-footer .ag-central-footer-line{margin:0;line-height:1.8}
#ag-central-footer .ag-central-footer-line + .ag-central-footer-line{margin-top:8px}
#ag-central-footer .ag-central-footer-ar{color:#fff;direction:rtl;unicode-bidi:isolate;font-family:Tahoma,Arial,sans-serif}
#ag-central-footer .ag-central-footer-sep{margin-inline:6px;color:#7dd3fc}
#ag-central-footer .ag-central-footer-link{color:#7dd3fc;text-decoration:none;font-weight:700}
#ag-central-footer .ag-central-footer-link:hover{color:#fff;text-decoration:underline}
@media(max-width:680px){#ag-central-footer{padding:30px 0}#ag-central-footer .ag-central-footer-inner{width:min(1120px,calc(100% - 24px));font-size:.92rem}}

.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{display:inline-block;padding:10px 18px;border:1px solid var(--blue);border-radius:10px;color:#dff7ff}.button:hover{background:#16364d}.ar{direction:rtl;text-align:right}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:25px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,var(--panel),var(--panel2));margin:18px 0}.panel h3{margin-top:0}.panel p{color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:99;background:#10263d;padding:15px}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}summary{cursor:pointer;font-weight:700;padding:8px}.hero{padding-top:45px}.hero h1{font-size:clamp(2.3rem,5vw,4.3rem)}.navlinks{gap:18px}.open{position:static;display:block;margin-top:20px}.meta{padding-right:0}.course{min-height:250px}.subnav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:20px}.subnav a{color:var(--blue)}@media(max-width:900px){nav{flex-wrap:wrap;padding:12px 0;gap:12px}.navlinks{display:flex;width:100%;justify-content:center;gap:16px;font-size:.85rem}.hero-logo img{width:170px}.pair{grid-template-columns:1fr;gap:4px}.hero{gap:15px;padding-top:25px}.actions{justify-content:center}header{position:relative}}
/* Research introduction and complete bilingual areas */
.research-intro{margin-top:24px}.hero .research-intro p{font-family:Arial,Tahoma,sans-serif;font-size:1.08rem;line-height:1.9;font-weight:400;margin:0;max-width:none}.hero .research-intro p+p{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.research-intro [lang="en"]{text-align:left}.research-intro [lang="ar"]{text-align:right}.research-areas{padding-top:24px}.research-area-list{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:linear-gradient(180deg,var(--panel),var(--panel2))}.research-area-list li{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center;padding:21px 25px}.research-area-list li+li{border-top:1px solid var(--line)}.research-area-list li:nth-child(even){background:rgba(251,191,36,.035)}.research-area-list li>span:not(.area-number){font-family:Arial,Tahoma,sans-serif;font-size:1.05rem;line-height:1.8;font-weight:500;overflow-wrap:anywhere}.research-area-list [lang="ar"]{text-align:right}.area-number{font-size:.85rem;font-weight:700;color:var(--blue)}.research-area-list li:nth-child(even) .area-number{color:var(--gold)}@media(max-width:680px){.research-area-list li{grid-template-columns:28px minmax(0,1fr);gap:7px 12px;padding:18px}.area-number{grid-row:1 / 3;align-self:start}.research-area-list [lang="ar"]{grid-column:2}.hero .research-intro p{font-size:1rem}}

/* Academic progression across five research levels. */
#programs .course{opacity:1;border-color:var(--program-border);background:radial-gradient(circle at 90% 8%,var(--program-glow),transparent 65%),linear-gradient(160deg,var(--program-top),#0b1a2b)}
#programs .course:nth-child(1){--program-accent:#38bdf8;--program-border:#327da0;--program-glow:rgba(56,189,248,.13);--program-top:#102d43}
#programs .course:nth-child(4){--program-accent:#d5d2a4;--program-border:#858565;--program-glow:rgba(213,210,164,.12);--program-top:#252e32}
#programs .course:nth-child(5){--program-accent:#fbbf24;--program-border:#b58a2b;--program-glow:rgba(251,191,36,.20);--program-top:#3b3020}
#programs .course .code,#programs .course .open{color:var(--program-accent)}
#programs .course .pill{border-color:var(--program-border);color:var(--program-accent)}
#programs .course:hover{border-color:var(--program-accent)}

#programs .course:nth-child(2){--program-accent:#8ecfc6;--program-border:#5b9694;--program-glow:rgba(142,207,198,.14);--program-top:#19343c}

#programs .course:nth-child(3){--program-accent:#b4d0b5;--program-border:#748d78;--program-glow:rgba(180,208,181,.14);--program-top:#233531}
.academic-timeline{list-style:none;padding:0 0 0 28px;margin:30px 0 0 10px;border-left:3px solid #489ebd}
.academic-timeline>li{position:relative;padding:20px 24px;margin-bottom:18px;background:linear-gradient(120deg,#10263d,#0b1a2b);border:1px solid var(--line);border-radius:14px}
.academic-timeline>li:before{content:"";position:absolute;left:-37px;top:29px;width:13px;height:13px;border-radius:50%;background:#38bdf8;border:2px solid var(--bg)}
#academic-path h3{font-size:1.15rem;margin:0 0 10px}#academic-path p{color:var(--muted);margin:8px 0;line-height:1.85}#academic-path .ar{font-size:inherit;font-weight:inherit}
.path-junction{padding:22px;margin:25px 0;border:1px solid #739485;border-radius:12px;background:#172b30}
.postgraduate-routes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.postgraduate-routes article{padding:24px;border:1px solid #748d78;border-radius:16px;background:linear-gradient(135deg,#233531,#0b1a2b)}
.postgraduate-routes .pair{grid-template-columns:1fr;gap:14px}.postgraduate-routes .pair>div+div{border-top:1px solid var(--line);padding-top:14px}
.postgraduate-routes .path-master{border-color:#858565;background:linear-gradient(135deg,#35352a,#0b1a2b)}
.postgraduate-routes .path-doctorate{border-color:#b58a2b;background:linear-gradient(135deg,#3b3020,#0b1a2b)}
#academic-path .duration{color:#e5dbb4;font-weight:700}.path-doctorate h3{color:#fbbf24}.path-arrow{text-align:center;font-size:2rem;color:#fbbf24;padding:10px}.path-note{margin-top:24px;padding:18px 22px;border-top:1px solid var(--line);font-size:.9rem}
@media(max-width:680px){.postgraduate-routes{grid-template-columns:1fr}.academic-timeline{padding-left:21px;margin-left:6px}.academic-timeline>li{padding:18px}.academic-timeline>li:before{left:-30px}.path-junction{padding:18px}}
