:root{--ink:#071f46;--ink-2:#0e3768;--blue:#155da8;--sky:#e9f4fb;--gold:#d7a63e;--gold-light:#f4dfaa;--red:#c63b36;--paper:#fbfaf6;--muted:#64748b;--line:#d8e3ed;--shadow:0 22px 60px rgba(7,31,70,.12);font-family:Cairo,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px}.nav-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px}.brand-mark{width:38px;height:38px;border-radius:13px 13px 13px 4px;background:linear-gradient(145deg,var(--gold),#bd7927);display:grid;place-items:center;color:var(--ink);box-shadow:0 8px 18px #d7a63e45}.brand-mark svg{width:21px}.nav-link{font-size:14px;color:#45617f;font-weight:700}.nav-link:hover{color:var(--ink)}.hero{background:linear-gradient(118deg,#071f46,#103d75 58%,#0b6d8f);color:#fff;position:relative;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(244,223,170,.16);border-radius:50%;pointer-events:none}.hero:before{width:720px;height:720px;left:-260px;top:-350px}.hero:after{width:480px;height:480px;right:-220px;bottom:-300px}.hero-inner{max-width:1240px;margin:auto;padding:58px 28px 74px;display:grid;grid-template-columns:1.14fr .86fr;gap:34px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold-light);font-weight:700;font-size:13px;letter-spacing:.2px}.eyebrow:before{content:"";display:block;width:36px;height:2px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:Noto Kufi Arabic,Cairo,sans-serif;font-size:clamp(2rem,5vw,4.35rem);line-height:1.28;letter-spacing:-1.5px;margin:15px 0 18px;max-width:760px}.hero h1 span{color:var(--gold)}.hero-copy{color:#dce9f5;font-size:17px;line-height:2;max-width:650px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:13px 20px;font-weight:800;transition:.2s transform,.2s box-shadow,.2s background}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:var(--ink);box-shadow:0 9px 20px #071f4638}.btn-primary:hover{background:#edc363;box-shadow:0 12px 24px #071f4650}.btn-ghost{background:#ffffff14;color:#fff;border:1px solid #ffffff30}.btn-ghost:hover{background:#fff2}.hero-art{min-height:330px;position:relative;display:grid;place-items:center}.art-sun{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a1 0,#ffe9a1 5%,#e5b751 55%,#a86e29);box-shadow:0 0 0 18px #d7a63e14,0 0 80px #e8b44942;position:relative}.art-sun:before{content:"";position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:50%;border:1px solid #fff5ca99}.art-roof{position:absolute;bottom:46px;width:280px;height:80px;background:#092a59;clip-path:polygon(50% 0,100% 70%,84% 70%,76% 100%,24% 100%,16% 70%,0 70%);filter:drop-shadow(0 15px 8px #02132966)}.art-roof:after{content:"";position:absolute;left:50%;top:-37px;height:44px;border-left:5px solid var(--gold);transform:translate(-50%)}.art-flag{position:absolute;right:27px;top:43px;width:72px;height:47px;background:#bf2b2d;border-radius:2px;box-shadow:0 7px 13px #02132955}.art-flag:before{content:"✦";position:absolute;color:#f8cf4f;font-size:17px;top:4px;left:8px}.art-line{position:absolute;width:310px;height:110px;border:1px solid #d7a63e66;border-left:0;border-bottom:0;transform:rotate(-18deg);top:54px;left:24px}.content{max-width:1240px;margin:auto;padding:0 28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;margin-top:-31px}.stat{background:#fff;border:1px solid #e3eaf1;border-radius:18px;padding:20px 22px;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--sky);color:var(--blue)}.stat b{display:block;font-size:24px;line-height:1.2}.stat span{font-size:12px;color:var(--muted)}.directory-head{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:72px 0 24px}.section-kicker{color:var(--blue);font-size:13px;font-weight:800;margin-bottom:8px}.directory-head h2{font-family:Noto Kufi Arabic,Cairo,sans-serif;font-size:clamp(1.35rem,3vw,2.25rem);margin-bottom:0;letter-spacing:-.5px}.directory-head p{color:var(--muted);margin:10px 0 0;font-size:14px}.search-wrap{position:relative;width:min(390px,100%)}.search-wrap input{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 45px 14px 16px;outline:0;color:var(--ink);box-shadow:0 6px 18px #071f4608}.search-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #155da812}.search-wrap svg{position:absolute;right:15px;top:16px;color:#7891aa}.filters{display:flex;gap:9px;overflow:auto;padding-bottom:19px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid var(--line);color:#57708c;background:#fff;padding:9px 14px;border-radius:100px;font-size:12px;font-weight:700}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.university-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:75px}.card{background:#fff;border:1px solid #e0e9f0;border-radius:20px;padding:20px;position:relative;overflow:hidden;transition:.25s transform,.25s box-shadow,.25s border}.card:before{content:"";height:4px;position:absolute;top:0;right:0;left:0;background:linear-gradient(90deg,var(--gold),#6cb8c8,var(--ink))}.card:hover{transform:translateY(-5px);border-color:#c3d7e8;box-shadow:0 18px 34px #071f4618}.card-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.number{color:#a17a25;font-weight:800;font-size:13px}.location{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.card h3{font-size:17px;line-height:1.65;margin:0 0 5px}.en-name{font-size:11px;color:#8294a7;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}.rank{background:#f6f9fb;border:1px solid #e4edf4;border-radius:12px;padding:10px 11px}.rank small{display:block;color:#73879b;font-size:10px;margin-bottom:4px}.rank strong{font-size:17px;color:var(--ink)}.rank.qs{background:#f5f0df;border-color:#eee0b8}.rank.qs strong{color:#986c16}.card-link{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-weight:800;font-size:12px;padding-top:3px}.arrow{font-size:20px;line-height:0;transition:.2s}.card:hover .arrow{transform:translate(-4px)}.empty{grid-column:1/-1;text-align:center;padding:55px 20px;color:var(--muted);border:1px dashed #cbd9e5;border-radius:18px}.footer{background:#071f46;color:#d3e0ee;padding:32px 28px}.footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer strong{color:#fff}.footer p{font-size:12px;margin:6px 0 0;color:#9fb5cb}.footer-note{font-size:11px;text-align:left;color:#9fb5cb}.detail-hero{background:linear-gradient(120deg,#071f46,#155d86);color:#fff;padding-bottom:48px}.detail-nav{max-width:1240px;margin:auto;padding:23px 28px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#dce9f5;font-size:13px;font-weight:800}.detail-head{max-width:1240px;margin:auto;padding:32px 28px 25px}.detail-head .eyebrow{margin-bottom:15px}.detail-head h1{font-family:Noto Kufi Arabic,Cairo,sans-serif;font-size:clamp(1.75rem,4vw,3.55rem);line-height:1.4;max-width:850px;margin:0 0 12px}.detail-head .en-name{font-size:14px;color:#b6cedf}.detail-content{max-width:1240px;margin:-26px auto 0;padding:0 28px 80px;position:relative}.detail-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;align-items:start}.detail-main,.side-card{background:#fff;border:1px solid #e0e9f0;border-radius:20px;box-shadow:var(--shadow)}.detail-main{padding:28px}.detail-main h2{font-size:20px;margin:0 0 14px}.detail-main p{line-height:2.05;color:#425970;margin-bottom:24px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fbfdfe}.info-item small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.info-item b{font-size:15px}.side-card{padding:22px;position:sticky;top:20px}.side-card h3{font-size:16px;margin:0 0 18px}.big-rank{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.big-rank:first-of-type{border-top:0;padding-top:0}.big-rank span{font-size:12px;color:var(--muted)}.big-rank strong{font-size:23px;color:var(--ink)}.big-rank:last-of-type strong{color:#a3751f}.apply-btn{width:100%;margin-top:20px}.official-link{display:flex;align-items:center;gap:7px;justify-content:center;color:var(--blue);font-size:12px;font-weight:800;margin-top:16px}.official-link svg,.btn svg,.back-link svg,.card-link svg{width:16px;height:16px;flex:none}.deadline-mini{border-top:1px solid #e4edf4;padding:11px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.deadline-mini span{font-size:10px;color:#73879b;white-space:nowrap}.deadline-mini strong{font-size:11px;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deadline-panel{margin-top:28px;border:1px solid #e1eaf1;border-radius:17px;background:linear-gradient(135deg,#f8fbfd,#fffaf0);padding:20px}.deadline-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.deadline-heading h2{font-size:17px;margin:0}.deadline-status{font-size:10px;font-weight:800;color:#8a671d;background:var(--gold-light);border-radius:99px;padding:7px 10px;white-space:nowrap}.deadline-date{font-size:22px;font-weight:800;color:var(--ink);margin:18px 0 8px}.deadline-panel p{font-size:12px!important;line-height:1.9!important;color:#64788c!important;margin:0 0 12px!important}.source-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:800}.source-link svg{width:15px;height:15px;flex:none}.source-note{color:#8a9aac;font-size:11px;line-height:1.8;margin:22px 0 0;padding-top:15px;border-top:1px solid var(--line)}.not-found{max-width:600px;margin:100px auto;padding:35px;text-align:center}.not-found h1{font-size:28px}.not-found p{color:var(--muted)}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;padding-top:40px}.hero-art{min-height:210px;order:-1}.art-sun{width:170px;height:170px}.art-roof{bottom:26px;transform:scale(.75)}.art-flag{top:10px;right:20%}.art-line{top:15px}.university-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.side-card{position:static}.footer-inner{align-items:flex-start;flex-direction:column}.footer-note{text-align:right}}@media(max-width:620px){.topbar{height:67px;padding:0 18px}.nav-link{display:none}.hero-inner,.content,.detail-nav,.detail-head,.detail-content{padding-left:18px;padding-right:18px}.hero-inner{padding-top:34px;padding-bottom:55px}.hero h1{font-size:2rem}.hero-copy{font-size:14px;line-height:1.9}.hero-art{min-height:170px}.stats{grid-template-columns:1fr;margin-top:-22px}.stat{padding:15px}.stat b{font-size:21px}.directory-head{align-items:stretch;flex-direction:column;padding-top:54px}.search-wrap{width:100%}.university-grid{grid-template-columns:1fr;gap:13px}.card{padding:18px}.detail-head h1{font-size:1.7rem}.detail-main{padding:20px}.info-grid{grid-template-columns:1fr}.side-card{padding:20px}.btn{width:100%}.hero-actions{flex-direction:column}.footer{padding:28px 18px}}