

/* V2 refinements — Hilive brand teal, bilingual UI, left-logo/right-controls header */
.hilive-home[data-lang="ar"] .hl-lang--en,
.hilive-home[data-lang="en"] .hl-lang--ar{
  display:none!important;
}
.hilive-home[data-lang="ar"]{direction:rtl}
.hilive-home[data-lang="en"]{direction:ltr}

.hl-home-header__inner{
  direction:ltr;
}
.hl-nav,
.hl-home-header__actions{
  direction:ltr;
}
.hl-nav a,
.hl-home-header__actions,
.hl-language,
.hl-login-link--featured{
  white-space:nowrap;
}
.hl-language{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border:1px solid rgba(56,56,56,.12);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:800;
}
.hl-language button{
  appearance:none;
  border:0;
  background:transparent;
  color:#7a8585;
  font:inherit;
  line-height:1;
  padding:3px 4px;
  cursor:pointer;
}
.hl-language button.is-active{
  color:var(--hl-teal-deep);
}
.hl-language>span{
  color:#bdc4c4;
}
.hl-login-link--featured{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 15px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(64,186,183,.36);
  box-shadow:0 8px 24px rgba(51,150,148,.08);
}
.hl-login-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--hl-yellow);
  box-shadow:0 0 0 5px rgba(242,200,75,.14);
  flex:0 0 auto;
}

.hl-hero{
  background:
    radial-gradient(circle at 82% 14%, rgba(255,255,255,.15), transparent 30%),
    radial-gradient(circle at 16% 75%, rgba(242,200,75,.11), transparent 28%),
    linear-gradient(135deg,var(--hl-teal-dark) 0%,var(--hl-teal-deep) 52%,var(--hl-teal) 100%);
}
.hl-program--max{
  border-top:4px solid var(--hl-teal);
}
.hl-companies__panel{
  background:linear-gradient(135deg,var(--hl-teal-deep),var(--hl-teal));
}

.hl-student-portal{
  padding:18px 0 74px;
  background:var(--hl-off);
}
.hl-student-portal__panel{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:26px;
  padding:26px 30px;
  border-radius:24px;
  background:
    linear-gradient(120deg,rgba(64,186,183,.14),rgba(255,255,255,.82) 48%,rgba(242,200,75,.10));
  border:1px solid rgba(64,186,183,.28);
  box-shadow:0 16px 46px rgba(18,63,64,.08);
}
.hl-student-portal__icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:var(--hl-teal);
  box-shadow:0 12px 28px rgba(64,186,183,.22);
}
.hl-student-portal__icon span{
  position:relative;
  width:20px;
  height:16px;
  border:2px solid #fff;
  border-radius:4px;
}
.hl-student-portal__icon span:before{
  content:"";
  position:absolute;
  left:50%;
  top:-10px;
  width:9px;
  height:9px;
  transform:translateX(-50%);
  border:2px solid #fff;
  border-bottom:0;
  border-radius:8px 8px 0 0;
}
.hl-student-portal__copy h2{
  margin:2px 0 3px;
  font-size:28px;
  line-height:1.25;
  letter-spacing:-.02em;
}
.hl-student-portal__copy p{
  margin:0;
  color:#5b6767;
  line-height:1.7;
}
.hl-btn--portal{
  background:var(--hl-teal);
  color:#fff!important;
  min-width:170px;
}

.hilive-home[data-lang="en"] .hl-hero__copy,
.hilive-home[data-lang="en"] .hl-intro__copy,
.hilive-home[data-lang="en"] .hl-program,
.hilive-home[data-lang="en"] .hl-path-help,
.hilive-home[data-lang="en"] .hl-principle,
.hilive-home[data-lang="en"] .hl-hisham__copy,
.hilive-home[data-lang="en"] .hl-companies__panel,
.hilive-home[data-lang="en"] .hl-student-portal__copy{
  text-align:left;
}
.hilive-home[data-lang="ar"] .hl-hero__copy,
.hilive-home[data-lang="ar"] .hl-intro__copy,
.hilive-home[data-lang="ar"] .hl-program,
.hilive-home[data-lang="ar"] .hl-path-help,
.hilive-home[data-lang="ar"] .hl-principle,
.hilive-home[data-lang="ar"] .hl-hisham__copy,
.hilive-home[data-lang="ar"] .hl-companies__panel,
.hilive-home[data-lang="ar"] .hl-student-portal__copy{
  text-align:right;
}

@media(max-width:1024px){
  .hl-language:not(.hl-language--mobile){display:none}
}
@media(max-width:820px){
  .hl-login-link--featured{display:none}
  .hl-student-portal__panel{
    grid-template-columns:auto 1fr;
  }
  .hl-student-portal__panel .hl-btn{
    grid-column:1/-1;
  }
}
@media(max-width:560px){
  .hl-student-portal{padding-bottom:58px}
  .hl-student-portal__panel{
    grid-template-columns:1fr;
    text-align:center!important;
    padding:24px 20px;
  }
  .hl-student-portal__icon{
    margin-inline:auto;
  }
  .hl-student-portal__copy{
    text-align:center!important;
  }
  .hl-language--mobile{
    width:max-content;
    margin-top:8px;
  }
  .hl-mobile-login{
    display:flex!important;
    align-items:center;
    gap:10px;
    color:var(--hl-teal-deep)!important;
    border-top:1px solid rgba(64,186,183,.18);
    margin-top:4px;
    padding-top:16px!important;
  }
}
