@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800;900&display=swap');
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:'Tajawal',Arial,sans-serif!important}
html[lang="en"] body,html[lang="en"] button,html[lang="en"] input,html[lang="en"] select,html[lang="en"] textarea{font-family:'Inter',Arial,sans-serif!important;letter-spacing:0}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,html[lang="en"] strong,html[lang="en"] b{font-family:'Inter',Arial,sans-serif!important;letter-spacing:-.02em}
html[lang="en"] .k6Nav a{font-weight:600}
html[lang="en"] .v9Copy h1{line-height:1.12;max-width:760px}
html[lang="en"] .v9Copy p{line-height:1.75;max-width:760px}
.kfac-global-lang{position:fixed;z-index:99999;top:16px;left:18px;border:1px solid rgba(10,58,105,.22);background:#fff;color:#0a3768;border-radius:12px;padding:9px 15px;font:700 14px 'Tajawal',Arial,sans-serif;box-shadow:0 8px 24px rgba(7,45,89,.14);cursor:pointer;min-width:82px}.kfac-global-lang:hover{background:#f6f9fc}
html[dir=ltr] .kfac-global-lang{left:auto;right:18px}
html[dir=ltr] body{direction:ltr}
html[dir=ltr] .adminSide{right:auto!important;left:0!important;box-shadow:12px 0 40px rgba(7,27,54,.08)!important}
html[dir=ltr] .adminMain{margin-right:0!important;margin-left:300px!important}
html[dir=ltr] .adminSide nav a{border-right:0!important;border-left:3px solid transparent!important}
html[dir=ltr] .adminSide nav a:hover,html[dir=ltr] .adminSide nav a.active{border-left-color:#e4b548!important}
html[dir=ltr] .pathRow.active{box-shadow:inset 4px 0 #e0ab3e!important}
html[dir=ltr] .decisionNote{border-right:0!important;border-left:4px solid #e0ab3e!important}
html[dir=ltr] .studentSide{right:auto!important;left:0!important;box-shadow:12px 0 40px rgba(7,27,54,.08)!important}
html[dir=ltr] .studentMain{margin-right:0!important;margin-left:270px!important}
html[dir=ltr] .studentSide nav a:hover,html[dir=ltr] .studentSide nav a.active{box-shadow:inset 3px 0 #d9b65b!important}
html[dir=ltr] .studentHero,html[dir=ltr] .identityHero,html[dir=ltr] .cadetTwin,html[dir=ltr] .academicCommand,html[dir=ltr] .panel,html[dir=ltr] .adminMain,html[dir=ltr] .loginForm{text-align:left}
html[dir=ltr] .journeyLine:before{right:6%;left:6%}
html[dir=ltr] .semesters{direction:ltr!important}
html[dir=ltr] .topStats{direction:ltr!important}
html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{text-align:left}
@media(max-width:1200px){html[dir=ltr] .adminMain{margin-left:255px!important}}
@media(max-width:1050px){html[dir=ltr] .studentMain{margin-left:0!important}html[dir=ltr] .studentSide{transform:translateX(-100%)!important}html[dir=ltr] .menuOpen .studentSide{transform:none!important}}
@media(max-width:820px){html[dir=ltr] .adminSide{position:relative!important;width:100%!important}html[dir=ltr] .adminMain{margin-left:0!important}.kfac-global-lang{top:10px;right:10px!important;left:auto!important}}

/* V21.5 — Hero safe positioning: keep English copy off the cadet image */
@media (min-width:761px){
  html[dir=ltr] .v9HeroInner{
    justify-content:flex-end!important;
  }
  html[dir=ltr] .v9Copy{
    width:min(650px,46%)!important;
    max-width:650px!important;
    margin-left:auto!important;
    margin-right:2.5%!important;
    text-align:left!important;
  }
  html[dir=ltr] .v9Copy h1,
  html[dir=ltr] .v9Copy p{
    max-width:620px!important;
  }
  html[dir=ltr] .v9Kicker,
  html[dir=ltr] .v9Actions{
    justify-content:flex-start!important;
  }
  html[dir=ltr] .v9HeroBg:after{
    background:linear-gradient(270deg,#f8fafc 0%,#f8fafcfb 32%,#f8fafcf1 48%,#f8fafca8 61%,#082f5e26 78%,#062e5948 100%)!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  html[dir=ltr] .v9Copy{
    width:48%!important;
    margin-right:1.5%!important;
  }
  html[dir=ltr] .v9Copy h1{
    font-size:clamp(38px,4.3vw,48px)!important;
  }
}

@media (max-width:760px){
  html[dir=ltr] .v9HeroInner{
    justify-content:flex-start!important;
  }
  html[dir=ltr] .v9Copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    text-align:left!important;
  }
  html[dir=ltr] .v9HeroBg img{
    object-position:58% center!important;
  }
  html[dir=ltr] .v9HeroBg:after{
    background:linear-gradient(180deg,#f8fafc 0%,#f8fafcf8 50%,#f8fafcc7 68%,#062e596e 100%)!important;
  }
}