/* =========================================================
   LEARNEXAA — FINAL VISUAL POLISH
   Typography, student imagery, university pages and footer
   ========================================================= */
:root{
  --lx-navy:#082b55;
  --lx-deep:#041d38;
  --lx-blue:#087ebd;
  --lx-teal:#10aeb3;
  --lx-gold:#ffbd24;
  --lx-text:#183957;
  --lx-muted:#657d95;
  --lx-pale:#f0f8ff;
  --lx-line:#e1edf6;
  --lx-heading:"Manrope",sans-serif;
  --lx-body:"DM Sans",sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--lx-body)!important;font-size:16px!important;color:var(--lx-text)}
h1,h2,h3,h4,h5,h6,
.hero h1,.section-head h2,.about-copy h2,
.page-hero h1,.section-heading,.uni-hero h1,
.uni-heading h2,.uni-about h2,.modal h2{
  font-family:var(--lx-heading)!important;
  font-feature-settings:"ss01" on;
}
p{ text-wrap:pretty }
.container{width:min(1260px,calc(100% - 48px))}
.topbar{font-size:11px!important;letter-spacing:.15px}
.navlinks{font-size:13px!important;font-weight:800!important}
.navlinks>a,.nav-mega-trigger{transition:color .2s ease}
.navlinks>a:hover,.nav-mega-trigger:hover{color:var(--lx-blue)!important}
.brand img{width:205px}
.btn{font-size:13px!important;padding:15px 25px!important;font-weight:800!important;letter-spacing:.05px}
.btn-gold{background:linear-gradient(110deg,#ffd34b,#ffb400)!important;box-shadow:0 10px 24px #efa90030!important}
.btn-gold:hover{box-shadow:0 14px 28px #efa90045!important}
.eyebrow,.uni-eyebrow,.uni-kicker{font-size:10px!important;letter-spacing:2px!important}
.hero{padding-top:74px;padding-bottom:40px}
.hero h1{font-size:clamp(48px,5.4vw,74px)!important;line-height:1.02!important;letter-spacing:-3.1px!important}
.hero-copy{font-size:16px!important;line-height:1.85!important;max-width:520px}
.hero-art{min-height:430px}
.hero-photo{height:395px!important;width:93%!important;object-position:center 38%;border-radius:34px 18px 34px 18px!important;clip-path:none!important;border:7px solid #ffffffa8;box-shadow:0 25px 60px #07365b30!important}
.hero-blob{width:86%;height:355px;left:0;bottom:5px}
.hero-float,.hero-student-tag{font-size:12px!important;padding:14px 17px!important}
.hero-stats{bottom:-4px!important;padding:17px 10px!important;border-radius:20px!important}
.hero-stats strong{font-size:25px!important}
.hero-stats small{font-size:10px!important}
.hero-trust{gap:24px}
.trust-item{font-size:11px!important}
.trust-item i{width:39px;height:39px;font-size:14px}
.logo-carousel{margin-top:32px;padding:14px 48px;border-radius:28px}
.logo-track a{height:55px}
.logo-track img{max-height:48px}
.section{padding-top:82px!important;padding-bottom:82px!important}
.section-head{margin-bottom:40px}
.section-head h2{font-size:clamp(32px,3.5vw,45px)!important;letter-spacing:-1.4px!important}
.section-head p{font-size:15px!important;line-height:1.85!important}
.about-copy h2{font-size:clamp(34px,3.7vw,47px)!important}
.about-copy p{font-size:15px!important;line-height:1.9!important}
.stat-card b{font-size:20px!important}
.stat-card small{font-size:10px!important}
.step-card{padding:26px 20px!important}
.step-card h3,.program-card h3{font-size:15px!important}
.step-card p,.program-card p{font-size:12px!important;line-height:1.75!important}
.program-card{padding:19px!important;min-height:88px}
.program-card h3{font-size:14px!important}
.program-card p{font-size:11px!important}
.inspiration-card{min-height:285px!important}
.inspiration-card.inspiration-large{min-height:420px!important}
.inspiration-overlay{left:25px;right:25px;bottom:25px}
.inspiration-overlay h3{font-size:24px!important}
.inspiration-overlay p{font-size:13px!important}
.university-card{border-radius:19px!important;overflow:hidden;box-shadow:0 12px 30px #082b5515!important}
.university-image{height:150px!important}
.university-info{padding:14px!important}
.university-logo{height:48px!important}
.university-logo img{max-height:43px!important}
.university-info a{font-size:12px!important;padding:11px 15px!important}
.testimonial{padding:28px!important}
.testimonial p{font-size:14px!important;line-height:1.9!important}
.reviewer b{font-size:12px!important}
.reviewer small{font-size:10px!important}
.final-cta{border-radius:25px!important;padding:40px!important}
.final-cta h2{font-size:clamp(30px,3.5vw,44px)!important}
.final-cta p{font-size:14px!important;line-height:1.8!important}

/* University detail pages */
.uni-hero{padding:78px 0 70px!important}
.uni-hero-grid{gap:48px!important}
.uni-hero h1{font-size:clamp(42px,4.8vw,64px)!important;line-height:1.06!important;letter-spacing:-2px!important}
.uni-hero p{font-size:16px!important;line-height:1.9!important}
.uni-campus{height:390px!important;border-radius:24px!important;box-shadow:0 26px 55px #001a3455!important}
.uni-logo-float{width:205px!important;height:88px!important;border-radius:16px!important}
.uni-float{font-size:11px!important;padding:15px 18px!important}
.uni-points{font-size:12px!important;gap:20px!important}
.uni-section{padding-top:78px!important;padding-bottom:78px!important}
.uni-about{gap:52px!important}
.uni-about>img{height:390px!important;border-radius:24px!important}
.uni-about h2{font-size:clamp(33px,3.5vw,44px)!important;line-height:1.15!important}
.uni-about p{font-size:15px!important;line-height:1.9!important}
.uni-checks{font-size:13px!important;gap:14px!important}
.uni-heading h2{font-size:clamp(32px,3.5vw,44px)!important}
.uni-heading p{font-size:15px!important;line-height:1.85!important}
.uni-life-section{background:linear-gradient(135deg,#eff8ff 0%,#fff 55%,#f6fbff 100%)!important}
.uni-life-gallery{gap:20px!important}
.uni-life-card{height:315px!important;border-radius:22px!important;box-shadow:0 18px 38px #092f531e!important}
.uni-life-card img{object-position:center}
.uni-life-caption{left:22px!important;right:22px!important;bottom:22px!important}
.uni-life-caption h3{font-size:20px!important}
.uni-life-caption span{font-size:10px!important}
.uni-course{border-radius:19px!important;box-shadow:0 14px 32px #082b5510!important}
.uni-course h3{font-size:17px!important;padding:21px 24px!important}
.uni-course ul{padding:12px 24px 22px!important}
.uni-course li{font-size:14px!important;padding:15px 0!important}
.uni-feature{padding:26px!important;border-radius:18px!important}
.uni-feature h3{font-size:17px!important}
.uni-feature p{font-size:13px!important;line-height:1.8!important}
.uni-step{padding:21px 14px!important;border-radius:17px!important}
.uni-step h4{font-size:13px!important}
.uni-step p{font-size:11px!important;line-height:1.7!important}
.uni-cta{padding:38px!important;border-radius:23px!important}
.uni-cta h2{font-size:29px!important}
.uni-cta p{font-size:14px!important}

/* Footer — stronger hierarchy, spacing and legibility */
footer.site-footer{
  background:
    radial-gradient(circle at 88% 8%,#0d668b 0,transparent 28%),
    radial-gradient(circle at 0% 100%,#0b4771 0,transparent 30%),
    linear-gradient(130deg,#031a34 0%,#082d52 57%,#063e63 100%)!important;
  padding:52px 0 20px!important;
}
.footer-topline{padding-bottom:25px!important;margin-bottom:34px!important}
.footer-pill{font-size:11px!important;padding:11px 17px!important}
.footer-top-note{font-size:15px!important}
.footer-grid{gap:42px!important;grid-template-columns:1.45fr .9fr 1.3fr 1.15fr!important}
.footer-brand img{width:205px!important;padding:8px 12px!important;border-radius:12px!important}
footer.site-footer .footer-about p{font-size:13px!important;line-height:1.9!important;max-width:330px!important}
footer.site-footer h4{font-size:15px!important;margin-bottom:19px!important;letter-spacing:.15px}
footer.site-footer .footer-grid>div:not(:first-child)>a:not(.footer-cta){font-size:12px!important;line-height:1.9!important;margin-bottom:9px!important}
.footer-contact p{font-size:12px!important;line-height:1.7!important;margin-bottom:14px!important}
.footer-contact p i{width:34px!important;height:34px!important;flex-basis:34px!important}
.footer-cta{font-size:12px!important;padding:13px 18px!important}
.footer-bottom{margin-top:36px!important;padding-top:20px!important;font-size:12px!important}
.footer-bottom a{font-size:12px!important;margin-left:20px!important}
footer.site-footer .socials a{width:39px!important;height:39px!important;font-size:14px!important}

/* Mega menu matches upgraded type scale */
.mega-panel{font-family:var(--lx-body)!important}
.mega-panel-head h3{font-family:var(--lx-heading)!important;font-size:22px!important}
.mega-university-copy strong{font-family:var(--lx-heading)!important;font-size:11px!important}
.mega-university-copy small{font-size:9px!important}
.mega-panel-foot{font-size:10px!important}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}
  .hero h1{font-size:clamp(42px,5.2vw,58px)!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}
}
@media(max-width:800px){
  .hero-grid,.uni-hero-grid,.about-grid,.uni-about{grid-template-columns:1fr!important}
  .hero-content{max-width:700px}
  .hero-art{max-width:680px;width:100%;margin:10px auto 0}
  .uni-hero-visual{max-width:700px;width:100%;margin:auto}
  .uni-campus{height:340px!important}
  .uni-about>img{height:330px!important}
  .uni-features{grid-template-columns:1fr 1fr!important}
  .uni-steps{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
  body{font-size:15px!important}
  .container{width:calc(100% - 32px)!important}
  .nav{height:70px!important}
  .brand img{width:170px!important}
  .navlinks{font-size:13px!important}
  .hero{padding:48px 0 28px!important}
  .hero h1{font-size:clamp(40px,10vw,56px)!important;letter-spacing:-2px!important}
  .hero-copy{font-size:14px!important}
  .hero-art{min-height:340px!important}
  .hero-photo{height:310px!important;width:100%!important}
  .hero-blob{height:275px!important}
  .hero-stats{left:2%!important;right:2%!important}
  .hero-stats strong{font-size:19px!important}
  .hero-stats small{font-size:8px!important}
  .section{padding-top:58px!important;padding-bottom:58px!important}
  .section-head h2,.uni-heading h2{font-size:30px!important}
  .section-head p,.about-copy p{font-size:13px!important}
  .inspiration-grid{grid-template-columns:1fr!important}
  .inspiration-card,.inspiration-card.inspiration-large{min-height:260px!important;grid-row:auto!important}
  .program-grid{grid-template-columns:1fr 1fr!important}
  .uni-hero{padding:52px 0!important}
  .uni-hero h1{font-size:40px!important}
  .uni-hero p,.uni-about p{font-size:14px!important}
  .uni-campus{height:270px!important}
  .uni-section{padding:54px 0!important}
  .uni-life-gallery{grid-template-columns:1fr 1fr!important}
  .uni-life-card{height:230px!important}
  .uni-courses{grid-template-columns:1fr!important}
  .uni-features{grid-template-columns:1fr!important}
  .uni-steps{grid-template-columns:1fr 1fr!important}
  .uni-cta{padding:27px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .footer-about{grid-column:1/-1}
  .footer-bottom{display:block!important;line-height:2.3}
  .footer-bottom div{margin-top:8px}
  .footer-bottom a{margin:0 14px 0 0!important}
}
@media(max-width:480px){
  .hero-art{min-height:285px!important}
  .hero-photo{height:255px!important}
  .hero-stats{padding:10px 3px!important}
  .hero-stats strong{font-size:16px!important}
  .hero-stats small{font-size:7px!important}
  .hero-trust{gap:12px!important}
  .trust-item{font-size:9px!important}
  .logo-carousel{padding:10px 38px!important}
  .logo-track a{width:105px!important;height:38px!important}
  .logo-track img{max-height:33px!important}
  .program-grid{grid-template-columns:1fr!important}
  .uni-life-gallery{grid-template-columns:1fr!important}
  .uni-life-card{height:245px!important}
  .uni-steps{grid-template-columns:1fr!important}
  .uni-actions .btn{width:100%}
  .uni-checks{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-about{grid-column:auto}
  .footer-brand img{width:180px!important}
  .footer-bottom a{display:inline-block!important;margin-right:10px!important}
}


/* =========================================================
   LEARNEXAA — REQUESTED FINISHING FIXES
   Equal student cards, rounded CTA portrait, footer logo and buttons
   ========================================================= */

/* Three matching-height student experience cards */
.inspiration-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:22px!important;
}
.inspiration-card,
.inspiration-card.inspiration-large{
  height:360px!important;
  min-height:360px!important;
  grid-row:auto!important;
  border-radius:24px!important;
}
.inspiration-card img{object-fit:cover!important}
.inspiration-overlay{z-index:2}

/* Rounded student portrait in the final call-to-action */
.final-cta .cta-person{
  width:200px!important;
  height:300px!important;
  object-fit:cover!important;
  object-position:center 30%!important;
  border-radius:22px!important;
  align-self:center!important;
  border:5px solid #ffffff24!important;
  box-shadow:0 16px 35px #001a344d!important;
}

/* White Learnexaa logo on the dark footer — no white badge */
footer.site-footer .footer-brand{
  display:inline-flex!important;
  align-items:center!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
footer.site-footer .footer-brand img{
  display:block!important;
  width:215px!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  filter:brightness(0) invert(1)!important;
}

/* Accessible, consistent button contrast */
.btn-gold,
.btn-gold:visited{
  color:#062b55!important;
  background:linear-gradient(110deg,#ffd34b 0%,#ffb400 100%)!important;
}
.btn-white,
.btn-white:visited{
  color:#082b55!important;
  background:#fff!important;
}
.footer-cta,
.footer-cta:visited{
  color:#062b55!important;
  background:linear-gradient(110deg,#ffd34b 0%,#ffb400 100%)!important;
  border:1px solid #ffd34b!important;
  font-weight:800!important;
  box-shadow:0 10px 24px #001a3433!important;
}
.footer-cta i{color:#062b55!important}
.footer-cta:hover{
  color:#fff!important;
  background:#087ebd!important;
  border-color:#087ebd!important;
  transform:translateY(-2px);
}
.footer-cta:hover i{color:#fff!important}

@media(max-width:900px){
  .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .inspiration-card,
  .inspiration-card.inspiration-large{
    height:300px!important;
    min-height:300px!important;
    grid-row:auto!important;
  }
}
@media(max-width:700px){
  .inspiration-grid{grid-template-columns:1fr!important}
  .inspiration-card,
  .inspiration-card.inspiration-large{
    height:270px!important;
    min-height:270px!important;
  }
  .final-cta .cta-person{
    width:120px!important;
    height:165px!important;
    border-radius:18px!important;
  }
  footer.site-footer .footer-brand img{width:195px!important}
}
@media(max-width:500px){
  .final-cta .cta-person{display:none!important}
}


/* =========================================================
   HOMEPAGE HERO + HIGH-CONTRAST CTA BUTTON FINISH
   ========================================================= */

/* Make every gold CTA readable, including footer/contact variants */
html body .btn-gold,
html body .btn-gold:link,
html body .btn-gold:visited,
html body a.footer-cta,
html body a.footer-cta:link,
html body a.footer-cta:visited,
html body .footer-contact .footer-cta{
  color:#06284f!important;
  -webkit-text-fill-color:#06284f!important;
  font-weight:800!important;
}
html body .btn-gold i,
html body a.footer-cta i,
html body .footer-contact .footer-cta i{
  color:#06284f!important;
  -webkit-text-fill-color:#06284f!important;
}
html body .btn-white,
html body .btn-white:link,
html body .btn-white:visited{
  color:#082b55!important;
  -webkit-text-fill-color:#082b55!important;
  font-weight:800!important;
}

/* A more polished, confident hero layout */
.hero{
  padding:76px 0 44px!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(116,207,255,.25),transparent 28%),
    linear-gradient(112deg,#f7fcff 0%,#eaf7ff 52%,#def2ff 100%)!important;
}
.hero-grid{
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  gap:44px!important;
}
.hero-content{max-width:650px!important}
.hero .eyebrow{
  font-size:11px!important;
  letter-spacing:2px!important;
  color:#bd7c00!important;
  margin-bottom:7px!important;
}
.hero h1{
  max-width:700px!important;
  font-size:clamp(42px,4.3vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:-2.6px!important;
  font-weight:800!important;
  margin:18px 0 20px!important;
  color:#082d59!important;
  text-wrap:balance;
}
.hero h1 span{
  display:inline!important;
  background:linear-gradient(95deg,#0864b3 0%,#0b9eaa 85%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.hero-copy{
  max-width:570px!important;
  font-size:16px!important;
  line-height:1.85!important;
  color:#526f8d!important;
}
.hero-actions{gap:14px!important;margin-top:26px!important}
.hero-actions .btn{
  min-height:54px!important;
  padding:15px 27px!important;
  border-radius:999px!important;
  font-size:14px!important;
  letter-spacing:.05px!important;
}
.hero-actions .btn-gold{
  background:linear-gradient(110deg,#ffd34b 0%,#ffb400 100%)!important;
  color:#06284f!important;
  box-shadow:0 12px 25px rgba(231,165,15,.22)!important;
}
.hero-actions .btn-white{
  background:#fff!important;
  color:#082b55!important;
  box-shadow:0 10px 25px rgba(8,45,89,.08)!important;
}
.hero-actions .btn:hover{transform:translateY(-3px)!important}
.hero-trust{gap:24px!important;margin-top:30px!important}
.trust-item{
  font-size:12px!important;
  line-height:1.5!important;
  gap:10px!important;
}
.trust-item i{
  width:46px!important;
  height:46px!important;
  font-size:17px!important;
  flex:0 0 46px!important;
}

/* Refine the student photograph and floating information cards */
.hero-art{
  min-height:455px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hero-photo{
  width:94%!important;
  height:420px!important;
  border-radius:30px!important;
  clip-path:none!important;
  object-position:center!important;
  border:8px solid rgba(255,255,255,.88)!important;
  box-shadow:0 25px 60px rgba(8,57,98,.18)!important;
}
.hero-blob{
  width:88%!important;
  height:385px!important;
  left:0!important;
  bottom:25px!important;
  border-radius:38px!important;
  transform:rotate(-3deg)!important;
  opacity:.96!important;
}
.hero-float{
  top:28px!important;
  left:7%!important;
  padding:13px 18px!important;
  font-size:12px!important;
  border:1px solid #e8f2fa!important;
}
.hero-float small{font-size:11px!important}
.hero-student-tag{
  right:0!important;
  bottom:56px!important;
  font-size:12px!important;
  padding:14px 17px!important;
}
.hero-student-tag small{font-size:10px!important}
.hero-stats{
  left:4%!important;
  right:4%!important;
  bottom:0!important;
  padding:16px 10px!important;
  border-radius:22px!important;
  box-shadow:0 18px 45px rgba(9,50,87,.14)!important;
}
.hero-stats strong{font-size:27px!important}
.hero-stats small{font-size:10px!important}

@media(max-width:1100px){
  .hero{padding:62px 0 38px!important}
  .hero-grid{gap:26px!important}
  .hero h1{font-size:clamp(40px,4.6vw,54px)!important}
  .hero-photo{height:370px!important}
  .hero-art{min-height:415px!important}
  .hero-blob{height:340px!important}
}
@media(max-width:800px){
  .hero{padding:52px 0 34px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  .hero-content{max-width:720px!important}
  .hero h1{font-size:clamp(42px,7vw,58px)!important;letter-spacing:-2px!important}
  .hero-art{max-width:690px!important;min-height:400px!important}
  .hero-photo{height:365px!important}
  .hero-blob{height:330px!important}
}
@media(max-width:560px){
  .hero{padding:42px 0 28px!important}
  .hero h1{font-size:clamp(37px,10vw,48px)!important;line-height:1.1!important;letter-spacing:-1.7px!important}
  .hero-copy{font-size:14px!important;line-height:1.75!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important;min-height:52px!important}
  .hero-trust{gap:12px!important}
  .trust-item{font-size:10px!important}
  .trust-item i{width:38px!important;height:38px!important;flex-basis:38px!important}
  .hero-art{min-height:310px!important;margin-top:4px!important}
  .hero-photo{width:96%!important;height:280px!important;border-width:5px!important;border-radius:23px!important}
  .hero-blob{height:250px!important;bottom:18px!important;border-radius:25px!important}
  .hero-float{top:12px!important;left:3%!important;padding:8px 10px!important;font-size:10px!important}
  .hero-float i{width:27px!important;height:27px!important}
  .hero-student-tag{right:0!important;bottom:42px!important;padding:9px 11px!important;font-size:9px!important}
  .hero-stats{left:1%!important;right:1%!important;padding:10px 3px!important;border-radius:14px!important}
  .hero-stats strong{font-size:17px!important}
  .hero-stats small{font-size:7px!important}
}


/* =========================================================
   LEARNEXAA — MODERN HOMEPAGE HERO (HTML-BASED LAYOUT)
   ========================================================= */
.hero-modern{
  isolation:isolate;
  overflow:hidden;
  padding:58px 0 28px!important;
  background:
    radial-gradient(ellipse at 80% 15%,rgba(115,207,255,.25),transparent 30%),
    linear-gradient(112deg,#f8fcff 0%,#eaf7ff 48%,#dff3ff 100%)!important;
}
.hero-modern:before,
.hero-modern:after{pointer-events:none}
.hero-modern-container{position:relative;z-index:2}
.hero-modern-orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none}
.hero-modern-orb-one{
  width:520px;height:520px;right:-170px;top:-340px;
  background:linear-gradient(140deg,#b6e8ff,#e7f8ff);
  opacity:.85;
}
.hero-modern-orb-two{
  width:350px;height:350px;left:-275px;bottom:-230px;
  border:1px solid #9edcff;
  box-shadow:0 0 0 18px rgba(255,255,255,.25),0 0 0 38px rgba(255,255,255,.2);
}
.hero-modern .hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.hero-modern .hero-content{max-width:690px!important;position:relative;z-index:3}
.hero-modern .eyebrow{
  font-size:11px!important;letter-spacing:2px!important;
  color:#bd8000!important;margin-bottom:10px!important;
}
.hero-modern h1{
  font:800 clamp(44px,4.55vw,68px)/1.04 Manrope,sans-serif!important;
  letter-spacing:-2.7px!important;
  color:#092d58!important;
  margin:18px 0 18px!important;
  max-width:690px!important;
  text-wrap:balance;
}
.hero-modern h1 span{
  background:linear-gradient(95deg,#1267bd 0%,#08a8b2 90%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;
}
.hero-modern h1 .hero-brand-word{
  background:linear-gradient(95deg,#0876bd 0%,#08b6ad 95%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
}
.hero-modern .hero-copy{
  max-width:620px!important;font-size:16px!important;
  line-height:1.8!important;color:#557391!important;
}
.hero-modern .hero-actions{gap:14px!important;margin-top:26px!important}
.hero-modern .hero-actions .btn{
  min-height:58px!important;padding:16px 28px!important;
  border-radius:999px!important;font-size:14px!important;
  font-weight:800!important;letter-spacing:0!important;
}
.hero-modern .hero-actions .btn-gold{
  color:#082b55!important;-webkit-text-fill-color:#082b55!important;
  background:linear-gradient(110deg,#ffd84d,#ffb400)!important;
  box-shadow:0 13px 28px rgba(237,173,17,.22)!important;
}
.hero-modern .hero-actions .btn-white{
  color:#082b55!important;-webkit-text-fill-color:#082b55!important;
  background:#fff!important;box-shadow:0 12px 28px rgba(8,45,89,.09)!important;
}
.hero-modern .hero-actions .btn i{color:#082b55!important;-webkit-text-fill-color:#082b55!important}
.hero-modern .hero-trust{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;margin-top:30px!important;
}
.hero-modern .trust-item{
  gap:9px!important;font-size:11px!important;line-height:1.45!important;
  min-width:0!important;
}
.hero-modern .trust-item i{
  width:46px!important;height:46px!important;flex:0 0 46px!important;
  font-size:17px!important;background:#d9f0ff!important;
  color:#087dbb!important;box-shadow:0 7px 18px rgba(8,99,163,.08)!important;
}
.hero-modern-art{
  min-height:500px!important;position:relative!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  isolation:isolate;
}
.hero-modern-shape{
  position:absolute;z-index:-1;left:2%;bottom:44px;
  width:83%;height:390px;border-radius:48% 35% 32% 45%;
  background:linear-gradient(145deg,#0b8bd0 0%,#08b5b0 100%);
  transform:rotate(-7deg);
  box-shadow:0 20px 50px rgba(5,117,171,.13);
}
.hero-modern-image-wrap{
  position:relative;z-index:1;width:88%;height:405px;
  overflow:hidden;border:8px solid rgba(255,255,255,.9);
  border-radius:34px 34px 75px 34px;
  box-shadow:0 24px 60px rgba(8,52,91,.16);
  background:#d9efff;
}
.hero-modern .hero-photo{
  display:block!important;width:100%!important;height:100%!important;
  max-width:none!important;object-fit:cover!important;
  object-position:center 42%!important;border:0!important;
  border-radius:0!important;clip-path:none!important;box-shadow:none!important;
}
.hero-modern-note{
  position:absolute;z-index:4;top:26px;left:1%;
  display:flex;align-items:center;gap:12px;padding:13px 18px;
  background:rgba(255,255,255,.97);border:1px solid #e7f1f9;
  border-radius:18px;box-shadow:0 15px 38px rgba(8,43,85,.12);
  color:#0b315b;font-size:12px;
}
.hero-modern-note b,.hero-modern-note small{display:block}
.hero-modern-note b{font-size:12px;font-weight:800}
.hero-modern-note small{font-size:11px;color:#6a8198;margin-top:4px}
.hero-note-icon{
  display:grid;place-items:center;width:42px;height:42px;
  border-radius:50%;background:#e5f5ff;color:#087fc3;font-size:17px;
}
.hero-modern-benefits{
  position:absolute;z-index:4;right:-1%;top:31%;
  display:grid;gap:9px;width:190px;
}
.hero-modern-benefits div{
  display:flex;align-items:center;gap:11px;padding:12px 14px;
  border-radius:15px;background:rgba(255,255,255,.97);
  box-shadow:0 12px 30px rgba(8,43,85,.1);
  color:#102f56;font-size:11px;font-weight:800;
}
.hero-modern-benefits i{
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border-radius:50%;background:#e5f4ff;color:#087fc3;font-size:14px;
}
.hero-modern-stats{
  left:5%!important;right:3%!important;bottom:0!important;
  padding:17px 10px!important;border-radius:23px!important;
  box-shadow:0 20px 45px rgba(8,43,85,.15)!important;
  border:1px solid rgba(221,237,249,.95)!important;
}
.hero-modern-stats div{padding:0 5px!important}
.hero-modern-stats strong{font-size:27px!important;color:#092e5c!important}
.hero-modern-stats small{font-size:10px!important;color:#71869e!important}
.hero-modern .logo-carousel{
  margin-top:34px!important;padding:12px 48px!important;
  border-radius:999px!important;background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 12px 32px rgba(8,65,105,.08)!important;
}
.hero-modern .logo-track{gap:24px!important}
.hero-modern .logo-track a{width:15%!important;height:54px!important}
.hero-modern .logo-track img{max-height:46px!important}
.hero-modern .carousel-arrow{
  width:34px!important;height:34px!important;
  background:#eff8ff!important;border:0!important;
  color:#0b3c6d!important;box-shadow:none!important;
}
@media(max-width:1150px){
  .hero-modern{padding-top:48px!important}
  .hero-modern .hero-grid{gap:20px!important}
  .hero-modern h1{font-size:clamp(42px,4.8vw,58px)!important}
  .hero-modern-art{min-height:450px!important}
  .hero-modern-image-wrap{height:365px!important;width:90%!important}
  .hero-modern-shape{height:340px!important}
  .hero-modern-benefits{width:165px!important;right:-2%!important}
  .hero-modern-benefits div{padding:10px!important;font-size:10px!important}
  .hero-modern-stats strong{font-size:23px!important}
}
@media(max-width:900px){
  .hero-modern .hero-grid{grid-template-columns:1fr!important;gap:22px!important}
  .hero-modern .hero-content{max-width:760px!important}
  .hero-modern h1{font-size:clamp(48px,7vw,66px)!important}
  .hero-modern-art{max-width:740px!important;width:100%!important;margin:0 auto!important;min-height:465px!important}
  .hero-modern-image-wrap{width:85%!important;height:380px!important}
  .hero-modern-benefits{right:0!important}
  .hero-modern .hero-trust{max-width:760px!important}
}
@media(max-width:600px){
  .hero-modern{padding:38px 0 24px!important}
  .hero-modern h1{font-size:clamp(39px,10.2vw,52px)!important;line-height:1.08!important;letter-spacing:-1.9px!important}
  .hero-modern .hero-copy{font-size:14px!important;line-height:1.75!important}
  .hero-modern .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-modern .hero-actions .btn{width:100%!important;min-height:54px!important}
  .hero-modern .hero-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin-top:23px!important}
  .hero-modern .trust-item{font-size:10px!important}
  .hero-modern .trust-item i{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:14px!important}
  .hero-modern-art{min-height:345px!important;margin-top:5px!important}
  .hero-modern-image-wrap{width:91%!important;height:285px!important;border-width:5px!important;border-radius:25px 25px 50px 25px!important}
  .hero-modern-shape{width:87%!important;height:260px!important;bottom:28px!important}
  .hero-modern-note{top:8px!important;left:0!important;padding:8px 10px!important;gap:8px!important;border-radius:12px!important}
  .hero-modern-note b{font-size:10px!important}
  .hero-modern-note small{font-size:9px!important}
  .hero-note-icon{width:30px!important;height:30px!important;font-size:13px!important}
  .hero-modern-benefits{right:-2px!important;top:auto!important;bottom:55px!important;width:132px!important;gap:5px!important}
  .hero-modern-benefits div{padding:7px!important;gap:6px!important;font-size:8px!important;border-radius:10px!important}
  .hero-modern-benefits i{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:10px!important}
  .hero-modern-stats{left:1%!important;right:1%!important;bottom:0!important;padding:10px 3px!important;border-radius:15px!important}
  .hero-modern-stats strong{font-size:17px!important}
  .hero-modern-stats small{font-size:7px!important}
  .hero-modern .logo-carousel{margin-top:24px!important;padding:10px 34px!important}
  .hero-modern .logo-track{gap:20px!important}
  .hero-modern .logo-track a{width:42%!important;height:42px!important}
  .hero-modern .logo-track img{max-height:36px!important}
  .hero-modern .carousel-arrow{width:27px!important;height:27px!important}
}


/* HEADLINE REVEAL ANIMATION + CLEAN HD STUDENT PHOTO */
.hero-modern .hero-animated-title{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  gap:0!important;overflow:visible!important;margin:18px 0!important;
}
.hero-modern .hero-animated-title .hero-title-line{
  display:block!important;width:fit-content!important;max-width:100%!important;
  line-height:1.06!important;opacity:0;transform:translate3d(0,24px,0);
  animation:learnexaaTitleReveal .85s cubic-bezier(.2,.75,.25,1) forwards;
  will-change:transform,opacity;
}
.hero-modern .hero-animated-title .hero-title-line-one{animation-delay:.12s}
.hero-modern .hero-animated-title .hero-title-line-two{
  animation-delay:.32s;
  background:linear-gradient(95deg,#1267bd 0%,#079eb4 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.hero-modern .hero-animated-title .hero-title-line-three{
  animation:learnexaaTitleReveal .85s cubic-bezier(.2,.75,.25,1) .52s forwards,
            learnexaaGradientFlow 6s ease-in-out 1.4s infinite;
  background:linear-gradient(95deg,#0876bd 0%,#08b6ad 95%)!important;
  background-size:180% auto!important;-webkit-background-clip:text!important;
  background-clip:text!important;color:transparent!important;
}
@keyframes learnexaaTitleReveal{
  0%{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes learnexaaGradientFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
/* Clean replacement photo has no text or duplicate badges baked into it */
.hero-modern-image-wrap:before,.hero-modern-image-wrap:after{content:none!important;display:none!important}
.hero-modern .hero-photo{
  object-fit:cover!important;object-position:58% 40%!important;
  image-rendering:auto!important;transform:scale(1.005);
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.hero-modern-image-wrap:hover .hero-photo{transform:scale(1.035)}
.hero-modern-note{top:18px!important;left:-1%!important;z-index:5!important}
@media(prefers-reduced-motion:reduce){
  .hero-modern .hero-animated-title .hero-title-line,
  .hero-modern .hero-animated-title .hero-title-line-three{
    animation:none!important;opacity:1!important;transform:none!important;filter:none!important;
  }
  .hero-modern .hero-photo{transition:none!important}
}
@media(max-width:600px){
  .hero-modern .hero-animated-title{margin:14px 0!important}
  .hero-modern .hero-animated-title .hero-title-line{line-height:1.08!important}
  .hero-modern-note{left:0!important;top:8px!important}
}


/* HEADLINE COLOR REFINEMENT — restore the original navy-led palette */
.hero-modern .hero-animated-title .hero-title-line-one{
  color:#082d59!important;
  background:none!important;
  -webkit-text-fill-color:#082d59!important;
  text-shadow:none!important;
}
.hero-modern .hero-animated-title .hero-title-line-two{
  background:linear-gradient(100deg,#0968b8 0%,#087fb9 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.hero-modern .hero-animated-title .hero-title-line-three{
  background:linear-gradient(100deg,#0876bd 0%,#08a9ae 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  animation:learnexaaTitleReveal .85s cubic-bezier(.2,.75,.25,1) .52s forwards!important;
}
.hero-modern .hero-animated-title{
  position:relative!important;
  padding-bottom:10px!important;
}
.hero-modern .hero-animated-title:after{
  content:"";
  display:block;
  width:76px;
  height:5px;
  margin-top:13px;
  border-radius:10px;
  background:linear-gradient(90deg,#ffc32e,#08a9ae);
  transform-origin:left center;
  animation:learnexaaAccentGrow .65s ease-out 1s both;
}
@keyframes learnexaaAccentGrow{
  from{transform:scaleX(.15);opacity:.3}
  to{transform:scaleX(1);opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .hero-modern .hero-animated-title:after{animation:none!important}
}


/* HERO TRUST ROW — balanced spacing, consistent alignment, no cramped wrapping */
.hero-modern .hero-trust{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:100%!important;
  gap:12px!important;
  margin-top:30px!important;
  padding:0!important;
}
.hero-modern .hero-trust .trust-item{
  display:flex!important;
  flex:1 1 0!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:700!important;
  color:#12365f!important;
  white-space:normal!important;
}
.hero-modern .hero-trust .trust-item span{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.hero-modern .hero-trust .trust-item i{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  font-size:15px!important;
  color:#087dbb!important;
  background:#dff2ff!important;
  box-shadow:0 7px 18px rgba(8,99,163,.07)!important;
}
.hero-modern .hero-animated-title .hero-title-line-three{
  background:linear-gradient(100deg,#0876bd 0%,#079fbd 48%,#08b7a6 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
}
@media(max-width:1100px){
  .hero-modern .hero-trust{gap:9px!important}
  .hero-modern .hero-trust .trust-item{font-size:10px!important;gap:7px!important}
  .hero-modern .hero-trust .trust-item i{flex-basis:38px!important;width:38px!important;height:38px!important}
}
@media(max-width:900px){
  .hero-modern .hero-trust{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 18px!important;
    max-width:580px!important;
  }
  .hero-modern .hero-trust .trust-item{font-size:11px!important}
  .hero-modern .hero-trust .trust-item i{flex-basis:42px!important;width:42px!important;height:42px!important}
}
@media(max-width:600px){
  .hero-modern .hero-trust{gap:12px!important;margin-top:22px!important}
  .hero-modern .hero-trust .trust-item{font-size:10px!important;gap:8px!important}
  .hero-modern .hero-trust .trust-item i{flex-basis:38px!important;width:38px!important;height:38px!important;font-size:13px!important}
}


/* =========================================================
   SITE-WIDE MICRO-INTERACTIONS & SCROLL REVEALS
   ========================================================= */
html{scroll-behavior:smooth}
.lx-motion-ready .lx-reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),
             transform .72s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--lx-delay,0ms);
  will-change:opacity,transform;
}
.lx-motion-ready .lx-reveal.lx-is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}
.lx-reveal-card{
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),
             transform .72s cubic-bezier(.2,.7,.2,1),
             box-shadow .28s ease!important;
}
.lx-reveal-card.lx-is-visible:hover{
  transform:translate3d(0,-6px,0)!important;
  box-shadow:0 18px 38px rgba(8,45,85,.12)!important;
}

/* Floating back-to-top button */
.lx-back-to-top{
  position:fixed;right:24px;bottom:24px;z-index:990;
  display:grid;place-items:center;width:50px;height:50px;
  border:0;border-radius:50%;cursor:pointer;
  color:#082d55;background:linear-gradient(135deg,#ffda58,#ffb511);
  box-shadow:0 10px 28px rgba(8,45,85,.22);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(14px) scale(.88);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .25s ease;
}
.lx-back-to-top.lx-visible{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);
}
.lx-back-to-top:hover{
  transform:translateY(-4px) scale(1.04);
  box-shadow:0 15px 32px rgba(8,45,85,.28);
  background:linear-gradient(135deg,#ffe27c,#ffc02b);
}
.lx-back-to-top i{font-size:18px}
.lx-back-to-top:focus-visible{outline:3px solid #0b83c1;outline-offset:4px}

/* Common enquiry popup used on informational pages */
.lx-auto-popup{
  position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(3,24,45,.68);backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .3s ease,visibility .3s ease;
}
.lx-auto-popup.lx-open{opacity:1;visibility:visible;pointer-events:auto}
.lx-auto-popup-card{
  position:relative;width:min(490px,100%);max-height:min(92vh,760px);overflow:auto;
  padding:34px;border-radius:24px;background:#fff;
  box-shadow:0 30px 90px rgba(0,20,44,.3);
  transform:translateY(24px) scale(.97);
  transition:transform .38s cubic-bezier(.2,.8,.2,1);
}
.lx-auto-popup.lx-open .lx-auto-popup-card{transform:translateY(0) scale(1)}
.lx-auto-popup-close{
  position:absolute;right:16px;top:16px;width:36px;height:36px;
  border:0;border-radius:50%;background:#edf6fc;color:#123b62;cursor:pointer;
  font-size:17px;
}
.lx-popup-kicker{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;
  border-radius:999px;background:#eaf6ff;color:#0878b8;
  font-size:10px;font-weight:800;letter-spacing:1px;
}
.lx-auto-popup-card h2{
  margin:18px 30px 8px 0;color:#082d55;
  font:800 25px/1.2 Manrope,sans-serif;
}
.lx-auto-popup-card>p{margin:0 0 20px;color:#6a8096;font-size:13px;line-height:1.7}
.lx-auto-popup-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.lx-auto-popup-form label{font-size:11px;font-weight:800;color:#244968}
.lx-auto-popup-form input{
  display:block;width:100%;margin-top:6px;padding:12px 13px;
  border:1px solid #dce8f1;border-radius:10px;background:#f8fbfd;
  color:#153b5f;font:400 13px "DM Sans",sans-serif;outline:none;
}
.lx-auto-popup-form input:focus{border-color:#0b8fc0;box-shadow:0 0 0 3px rgba(11,143,192,.1)}
.lx-popup-full{grid-column:1/-1}
.lx-popup-submit{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 18px;border:0;border-radius:999px;cursor:pointer;
  color:#082d55;background:linear-gradient(110deg,#ffd84d,#ffb400);
  font:800 13px "DM Sans",sans-serif;
  box-shadow:0 10px 24px rgba(237,173,17,.2);
}
.lx-popup-submit:disabled{opacity:.7;cursor:default}
.lx-popup-note{color:#8799a9;font-size:10px;line-height:1.5}
.lx-popup-success{display:none;margin:0;padding:12px;border-radius:10px;background:#eaf8f1;color:#16734d;font-size:12px}
.lx-popup-success.lx-show{display:block}
body.lx-popup-open{overflow:hidden}
@media(max-width:560px){
  .lx-back-to-top{right:15px;bottom:15px;width:45px;height:45px}
  .lx-auto-popup{padding:12px}
  .lx-auto-popup-card{padding:26px 20px;border-radius:19px}
  .lx-auto-popup-card h2{font-size:22px}
  .lx-auto-popup-form{grid-template-columns:1fr}
  .lx-auto-popup-form label,.lx-popup-full{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lx-motion-ready .lx-reveal,
  .lx-reveal-card,
  .lx-back-to-top,
  .lx-auto-popup,
  .lx-auto-popup-card{transition:none!important;transform:none!important}
  .lx-motion-ready .lx-reveal{opacity:1!important}
}


/* Extra refined interactions across the website */
.site-header .navlinks a,
.site-footer a,
.btn,
.uni-actions .btn{
  transition:color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.btn:hover,.uni-actions .btn:hover{
  transform:translateY(-2px);
}
.hero-modern-image-wrap img,
.uni-about img,
.uni-campus,
.uni-life-gallery img{
  transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.uni-about img:hover,.uni-campus:hover,.uni-life-gallery img:hover{
  transform:scale(1.025);
}