/* Clean light visual system — loaded after the legacy stylesheet intentionally. */
:root{--navy-deep:#18314f;--navy:#23466d;--navy-light:#eaf1f8;--gold:#bd8a36;--gold-bright:#d7a954;--teal:#287d7a;--coral:#c47648;--cream:#fcfaf6;--paper:#fff;--ink:#1e324a;--muted:#617185;--line:#e4e9ef;--shadow:0 14px 36px rgba(31,57,84,.09)}
body{background:var(--cream);color:var(--ink);line-height:1.65}
.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(31,57,84,.04)}
.nav{max-width:1160px;padding:13px 24px}.brand-text .name{color:var(--navy-deep);font-size:17px}.brand-text .sub{color:var(--gold);font-size:8.5px}.logo-image{background:transparent!important;padding:0!important;border-radius:0!important}
.nav-links{gap:26px;color:#53647a;font-size:13px}.nav-links a{opacity:1}.nav-links a::after{background:var(--gold)}.nav-cta{background:var(--navy-deep);color:#fff;border-radius:7px;box-shadow:none;padding:10px 17px;font-size:12px}.nav-cta:hover{background:var(--navy);box-shadow:none}
.language-toggle{border:1px solid #ccd8e2;background:#fff;color:var(--navy-deep);padding:8px 11px;border-radius:7px;font:600 12px Inter,sans-serif;cursor:pointer}.language-toggle:hover{border-color:var(--teal);color:var(--teal)}html[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}html[dir="rtl"] .nav,html[dir="rtl"] .hero .wrap,html[dir="rtl"] .study-layout,html[dir="rtl"] .saudi .wrap{direction:rtl}html[dir="rtl"] .hero-modes{direction:rtl}html[dir="rtl"] .mode-card:hover{transform:translateX(3px)}
.partner-strip{background:#f7f9fc;color:#64758b;border-color:var(--line);font-size:11px}
.hero{min-height:620px;padding:104px 0 82px;background:#18314f;border:0;display:block}.hero-bg,.hero-overlay{display:none}.hero::before{background:linear-gradient(90deg,rgba(15,39,68,.91) 0%,rgba(19,47,80,.82) 45%,rgba(20,48,79,.56) 100%),url('image_e618bd11.png') center/cover no-repeat!important;z-index:0}.hero::after{display:none}.hero-grid,.hero .wrap{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr .83fr!important;min-height:0;padding:0!important;align-items:center;gap:42px}.hero-copy{max-width:610px;padding:0!important}.hero .eyebrow{color:#8ed8cf;font-size:11px;letter-spacing:1.7px;margin-bottom:15px}.hero h1,h1.headline{color:#fff;font-size:clamp(44px,5.4vw,73px);line-height:.98;letter-spacing:-2.3px;text-shadow:none}.hero h1 span,h1.headline em{color:#edc36f;background:none;-webkit-text-fill-color:currentColor}.hero .lead,.hero-desc{color:#e0e9f0;font-size:15px;line-height:1.75;margin:22px 0 26px;max-width:490px}.hero .button,.btn-primary{background:#fff;color:var(--navy-deep);border-radius:7px;box-shadow:none;padding:13px 20px;font-size:12px}.hero .button:hover,.btn-primary:hover{background:#edf4f6;transform:translateY(-2px)}.hero .text-link,.btn-ghost{color:#fff;border-color:rgba(255,255,255,.55);border-radius:7px;padding:12px 18px;font-size:12px;background:rgba(255,255,255,.08)}.hero-modes{gap:12px}.mode-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);box-shadow:none;border-radius:12px;padding:17px 18px}.mode-card:hover{border-color:rgba(255,255,255,.65);transform:translateX(-3px)}.mode-card .mode-ic{width:40px;height:40px;border:0;background:rgba(255,255,255,.14)}.mode-card h4{color:#fff;font-size:14px}.mode-card p{color:#d7e4ed;font-size:12px}.hero-stats,.stat-row{margin-top:38px;gap:0}.hero-stats div,.stat{border-left:1px solid rgba(255,255,255,.35)!important;padding:0 20px!important}.hero-stats div:first-child{padding-left:0!important;border-left:0!important}.hero-stats strong,.stat b{color:#fff;font-size:20px}.hero-stats span,.stat span{color:#d7e4ed;font-size:10px}.hero-visual{display:block!important;min-height:300px;height:390px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(35,70,109,.08)),url('image_e618bd11.png') center/cover!important;box-shadow:var(--shadow)}
.study-way,.saudi,.programs,.testimonials,.faq{padding:90px 0;border:0;background:var(--cream)}.section-title{color:var(--teal);font-size:11px;letter-spacing:2.4px}.section-heading{font-size:38px;margin-bottom:38px}.study-layout,.saudi .wrap{gap:45px}.tab-btn{background:#fff;border:1px solid var(--line);box-shadow:none;border-radius:10px;padding:17px}.tab-btn h3{color:var(--navy-deep);font-size:16px}.tab-btn p{color:var(--muted)}.tab-btn.active{background:#f4f8fb;border-color:#a9c5d5}.tab-btn .num{color:var(--teal)}.tab-visual{border:0;border-radius:16px;box-shadow:var(--shadow)}.tab-visual::after{background:linear-gradient(180deg,transparent,rgba(24,49,79,.64))}
.why{padding:90px 0;background:#f1f6f9;border:0}.why-grid{gap:18px}.why-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 24px;box-shadow:none}.why-card:hover{border-color:#b7ccd9;transform:translateY(-5px);box-shadow:var(--shadow)}.why-icon{background:#eef6f5;border:0;border-radius:10px;width:46px;height:46px}.why-card h3{color:var(--navy-deep)}.why-card p{color:var(--muted)}
.campus-feature{min-height:420px;padding:92px 0;border:0}.campus-overlay{background:linear-gradient(90deg,rgba(20,45,72,.9),rgba(20,45,72,.66),rgba(20,45,72,.2))}.campus-content h2{font-size:38px}.campus-content p{font-size:15px}.campus-stats .stat b{color:#fff}.campus-stats .stat span{color:#dbe6ee}
.saudi-map svg{filter:none}.saudi-map svg path{fill:#eaf2f7;stroke:#9eb8ca}.city-label{fill:var(--navy-deep)}.city-chip{border-color:#d6e0e8;background:#fff;color:var(--navy);padding:8px 15px}.city-chip:hover{color:var(--teal);border-color:var(--teal)}.saudi-copy h2{color:var(--navy-deep)}.saudi-copy p{color:var(--muted)!important}
.programs{background:#fff}.programs-grid{gap:16px}.prog-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:none;transition:.25s}.prog-card:hover{border-color:#aac7d5;box-shadow:var(--shadow);transform:translateY(-4px)}.prog-card .ico{font-size:22px;filter:saturate(.75)}.prog-card span{color:var(--navy-deep)}.prog-card small{color:var(--muted)}
.testimonials{background:#f1f6f9}.test-track{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:none}.test-slide p{color:var(--ink)}.test-slide b{color:var(--navy-deep)}.test-slide span{color:var(--muted)}.test-dots .test-dot{background:#c6d4df}.test-dots .test-dot.active{background:var(--teal)}
.faq{background:var(--cream)}.faq-list{max-width:820px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:10px}.faq-q{color:var(--navy-deep)}.faq-a p{color:var(--muted)}.faq-item.open{border-color:#bfd2dd}.plus{color:var(--teal)}
.cta-band{padding:76px 0;background:#e9f2f2;border:0}.cta-band .wrap{background:#fff;border:1px solid #d6e5e5;border-radius:18px;padding:48px;text-align:center;box-shadow:var(--shadow)}.cta-band h2{color:var(--navy-deep);font-size:34px}.cta-band p{color:var(--muted)}
footer{background:#18314f;padding:52px 0 22px}.foot-col h4{color:#fff}.foot-col a,.foot-brand p,.foot-bottom{color:#c8d4df}.foot-bottom{border-color:#42607c}
.program-page{padding:90px 0!important;min-height:0!important;background:#eef4f7!important}.program-page .wrap{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center;min-height:0!important;padding-top:0!important;padding-bottom:0!important}.program-page h1{color:var(--navy-deep)!important;font-size:clamp(42px,5vw,66px)!important;line-height:1.02!important;margin:13px 0!important}.program-page h1 em{color:var(--gold)!important}.program-page h2{color:var(--teal)!important;font-size:16px!important}.program-page p{color:var(--muted)!important;font-size:15px}.program-visual{min-height:370px!important;border:0!important;border-radius:16px!important;box-shadow:var(--shadow)!important}.program-back{color:var(--navy)!important;margin-left:18px!important}.program-facts{padding:64px 0!important;background:#fff!important;color:var(--ink)!important}.program-facts .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.program-fact{padding:24px!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}.program-fact b{color:var(--teal)!important}.program-fact span{color:var(--muted)}
@media(max-width:760px){.nav{padding:12px 18px}.nav-cta{display:none}.burger{display:flex}.burger span{background:var(--navy-deep)}.nav-links{display:none}.hero{min-height:0;padding:70px 0 56px}.hero::before{background:linear-gradient(180deg,rgba(15,39,68,.82),rgba(15,39,68,.93)),url('image_e618bd11.png') center/cover!important}.hero-grid,.hero .wrap{grid-template-columns:1fr!important}.hero-visual{display:none!important}.hero h1,h1.headline{font-size:46px}.hero-stats{flex-wrap:wrap;gap:15px}.hero-stats div,.stat{padding:0 12px!important}.study-way,.saudi,.programs,.testimonials,.faq,.why{padding:60px 0}.section-heading{font-size:31px}.study-layout,.saudi .wrap{grid-template-columns:1fr;gap:28px}.why-grid{grid-template-columns:1fr}.campus-feature{padding:72px 0;min-height:380px}.campus-content h2{font-size:31px}.cta-band .wrap{padding:32px 20px}.cta-band h2{font-size:28px}}

/* Direct image layer in the hero: image first, then the transparent navy overlay. */
.hero::before{display:none!important}.hero-bg{display:block!important;z-index:0!important}.hero-bg img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.hero-overlay{display:block!important;z-index:1!important;background:linear-gradient(90deg,rgba(15,39,68,.78),rgba(19,47,80,.69) 45%,rgba(20,48,79,.38))!important}.hero .wrap{position:relative!important;z-index:2!important}
@media(max-width:760px){.hero-overlay{background:linear-gradient(180deg,rgba(15,39,68,.78),rgba(15,39,68,.9))!important}}

/* Prevent legacy desktop layout rules from creating blank or clipped space on phones. */
@media(max-width:760px){.partner-strip{display:none}.hero{padding:54px 0 48px!important}.hero .wrap{display:block!important;width:100%!important;margin:0!important;padding:0 24px!important;direction:ltr!important}.hero-copy{display:block!important;width:100%!important;max-width:none!important}.hero-modes{display:flex!important;width:100%!important;margin-top:30px}.mode-card{width:100%!important}.hero h1,.hero h1.headline{font-size:44px!important}.hero-desc{font-size:14px!important}.hero-ctas{margin-bottom:0!important}html[dir="rtl"] .hero .wrap,html[dir="rtl"] .hero-copy,html[dir="rtl"] .hero-modes{direction:rtl!important;text-align:right}}

/* The supplied photo has empty space on its right edge; crop into the building. */
.hero-bg img{object-position:20% center!important;transform:scale(1.18);transform-origin:20% center}
@media(max-width:760px){.hero-bg img{object-position:14% center!important;transform:scale(1.42);transform-origin:14% center}}

/* Programme section uses the same image-and-overlay treatment as the hero. */
.programs{position:relative!important;isolation:isolate;background:#18314f!important;overflow:hidden}.programs::before{content:"";position:absolute;inset:0;z-index:-2;background:url('image_e618bd11.png') center/cover no-repeat}.programs::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(15,39,68,.84)}.programs .section-title{color:#8ed8cf}.programs .section-heading{color:#fff}.programs-grid{position:relative;z-index:1}.programs .prog-card{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.55)}
