: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}}


/* University services: preserve the shared AG palette and bilingual structure. */
.home{width:auto;height:auto;min-height:54px;padding:8px 15px;display:flex;gap:10px;font-size:1rem;flex-shrink:0}
.home>span:first-child{font-size:1.6rem}.brand{margin-left:auto}.brand small{display:block;font-size:.85rem;color:var(--muted);font-weight:400}
.title>.ar{text-align:center}.course .pair .ar{font-size:1rem;font-weight:400}
section[id]{scroll-margin-top:110px}.site-note{margin-bottom:48px;border-color:#72602e}.site-note h2{font-size:1.25rem}
li{padding:5px 0}p{overflow-wrap:break-word}.pair>div{min-width:0}
@media(max-width:540px){nav{justify-content:space-between;gap:8px}.home{padding:8px 10px;font-size:.85rem}.brand{gap:7px}.brand img{width:38px;height:38px}.brand span{font-size:.8rem}.brand small{font-size:.75rem}.badge{font-size:.8rem}.hero h1{font-size:2.6rem}.course{padding-bottom:27px}section{padding:30px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.course{transition:none}.course:hover{transform:none}}