:root{--navy:#052b54;--navy2:#031e3b;--blue:#0b6fc2;--sky:#119fe7;--gold:#d7a945;--soft:#f5f8fc;--ink:#13324e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1240px,92%);margin:auto}
.topnav{position:sticky;top:0;z-index:50;background:rgba(4,37,72,.97);backdrop-filter:blur(14px);color:#fff;border-bottom:1px solid #ffffff14}.navrow{height:86px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:265px}.brand img{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}.brand b,.brand small{display:block}.brand small{font-size:10px;color:#d4e0ec}.topnav nav{display:flex;justify-content:center;gap:22px;flex:1}.topnav nav a{font-size:12px;font-weight:700;color:#dfe9f2}.topnav nav a.active{color:#f1c66b}.register-top{background:linear-gradient(135deg,#c99432,#efc96d);padding:10px 18px;border-radius:999px;font-weight:800;font-size:12px}
.catalog-hero{padding:75px 0;background:radial-gradient(circle at 18% 20%,#dff3ff,transparent 30%),linear-gradient(135deg,#f8fcff,#fff);border-bottom:1px solid #dfe9f2}.hero-grid{display:grid;grid-template-columns:1.15fr .72fr;gap:45px;align-items:center}.eyebrow{color:#0c80cb;font-size:11px;font-weight:800}.catalog-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.2;color:var(--navy);margin:10px 0 18px}.catalog-hero h1 em{font-style:normal;color:var(--blue)}.catalog-hero p{line-height:2;color:#64798c;font-size:16px;max-width:750px}.hero-actions{display:flex;gap:10px;margin-top:24px}.primary-btn,.ghost-btn{padding:12px 19px;border-radius:999px;font-size:12px;font-weight:800}.primary-btn{background:var(--blue);color:#fff}.ghost-btn{border:1px solid #a7c4da;color:var(--navy);background:#fff}
.hero-search{background:linear-gradient(145deg,#052c55,#0a5088);color:#fff;padding:28px;border-radius:26px;box-shadow:0 22px 55px rgba(5,43,84,.18)}.hero-search h2{margin-top:0}.searchbox{position:relative}.searchbox input{width:100%;padding:13px 40px 13px 12px;border:0;border-radius:12px;font-family:inherit}.searchbox span{position:absolute;right:14px;top:8px;font-size:22px;color:#0b6fc2}.quick-filters{display:flex;gap:7px;margin:13px 0}.quick-filters button{border:1px solid #ffffff38;background:#ffffff0f;color:#fff;border-radius:999px;padding:6px 10px;font-family:inherit;cursor:pointer}.quick-filters button.active{background:#d7aa4c;color:#062c54}.search-stats{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff1f;padding-top:15px}.search-stats b{font-size:30px;color:#f0c66b}.search-stats span{font-size:11px;color:#c8d9e7}
.fields-section{padding:70px 0;background:#f5f8fb}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{font-size:34px;color:var(--navy);margin:4px 0}.section-head p{color:#718296;max-width:520px;line-height:1.8}.fields-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.field-card{position:relative;height:230px;border-radius:20px;overflow:hidden;cursor:pointer;border:2px solid transparent;box-shadow:0 10px 25px rgba(6,45,84,.08);transition:.3s;background:#062c54}.field-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.field-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(2,27,53,.92) 88%)}.field-card .field-content{position:absolute;z-index:2;right:18px;left:18px;bottom:14px;color:#fff}.field-card small{color:#efc66d}.field-card h3{font-size:17px;margin:4px 0}.field-card p{font-size:10px;color:#d6e5f1;margin:0}.field-card:hover,.field-card.active{transform:translateY(-5px);border-color:#e3b551}.field-card:hover img,.field-card.active img{transform:scale(1.08)}.field-card.active:before{content:"✓";position:absolute;z-index:3;top:12px;left:12px;width:30px;height:30px;border-radius:50%;background:#e0b14e;color:#062c54;display:grid;place-items:center;font-weight:900}
.programs-panel{padding:70px 0;background:#fff}.selected-field-head{display:grid;grid-template-columns:130px 1fr 110px;gap:22px;align-items:center;background:#f4f8fb;border:1px solid #e0e9f2;border-radius:22px;padding:20px}.selected-image-wrap{width:130px;height:90px;border-radius:15px;overflow:hidden}.selected-image-wrap img{width:100%;height:100%;object-fit:cover}.selected-copy h2{font-size:28px;color:var(--navy);margin:4px 0}.selected-copy p{font-size:12px;color:#64788b;line-height:1.8}.selected-count{text-align:center}.selected-count b{display:block;font-size:34px;color:#0b6fc2}.selected-count span{font-size:11px;color:#6f8294}
.program-toolbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:22px 0}.program-toolbar input,.program-toolbar select,.program-toolbar button{font-family:inherit;border:1px solid #cfdeea;border-radius:10px;padding:11px 12px;background:#fff}.program-toolbar button{cursor:pointer;color:#0b5f9e;font-weight:800}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.program-card{border:1px solid #e0e8f0;border-radius:19px;padding:22px;background:#fff;box-shadow:0 8px 22px rgba(5,43,84,.05);transition:.25s}.program-card:hover{transform:translateY(-4px);box-shadow:0 17px 36px rgba(5,43,84,.1)}.program-meta{display:flex;gap:7px;flex-wrap:wrap}.program-meta span{font-size:10px;background:#eef7fd;color:#0a68aa;border-radius:999px;padding:5px 8px}.program-card h3{font-size:18px;line-height:1.7;color:var(--navy);min-height:62px}.program-card p{font-size:12px;line-height:1.8;color:#65788a;min-height:65px}.program-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f5;padding-top:14px}.program-actions a{font-size:11px;font-weight:800;color:#0a65a7}.program-actions .reg{background:#0b6fc2;color:#fff;padding:7px 11px;border-radius:8px}.empty-state{text-align:center;padding:45px;color:#748596}.empty-state b,.empty-state span{display:block}
.all-programs-search{padding:65px 0;background:#f5f8fb}.global-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.global-card{background:#fff;border:1px solid #e1e9f1;border-radius:16px;padding:18px}.global-card small{color:#0c75bb;font-weight:800}.global-card h3{font-size:15px;color:var(--navy);line-height:1.6}.global-card a{display:inline-block;margin-top:8px;color:#0b6fc2;font-size:11px;font-weight:800}
.institutional-cta{padding:65px 0;background:#fff}.cta-box{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#052b54,#0a548d);color:#fff;border-radius:26px;padding:34px}.cta-box span{color:#efc369;font-size:11px;font-weight:800}.cta-box h2{margin:6px 0}.cta-box p{color:#d3e2ef}.cta-box>a{background:#d9aa48;color:#062b54;padding:12px 18px;border-radius:999px;font-weight:800;font-size:12px}
footer{background:#031d39;color:#fff;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:30px}.footer-grid img{width:110px;filter:brightness(0) invert(1)}.footer-grid p,.footer-grid a,.footer-grid span{color:#b8cada;font-size:11px;display:block;margin:7px 0}
@media(max-width:1000px){.topnav nav{display:none}.hero-grid{grid-template-columns:1fr}.fields-grid{grid-template-columns:repeat(2,1fr)}.global-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.brand span{display:none}.brand{min-width:auto}.fields-grid,.program-grid,.global-results{grid-template-columns:1fr}.selected-field-head{grid-template-columns:90px 1fr}.selected-count{grid-column:1/-1}.program-toolbar{grid-template-columns:1fr}.section-head{display:grid}.cta-box{display:grid}.footer-grid{grid-template-columns:1fr}}