/* =========================================================
   ALIS ACADEMY — EDUCATION LANDING V1
   Scoped to .education-page so it does not affect other Academy pages.
========================================================= */

.education-page{
  background:
    radial-gradient(circle at 88% 18%, rgba(244,124,32,.10), transparent 28%),
    linear-gradient(180deg, #f6f1ea 0%, #fbf8f4 42%, #f3ede6 100%);
}

.education-page .alis-word,
.education-page .brand span{
  font-family:Fredoka, Inter, system-ui, sans-serif;
  text-transform:lowercase;
}

.education-hero{
  width:min(1280px, calc(100% - 44px));
  margin:auto;
  padding:44px 0 18px;
}

.education-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:26px;
  color:var(--text-muted);
  font-size:12px;
  font-weight:800;
}

.education-breadcrumb strong{color:var(--orange)}

.education-hero-grid{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:0 0 42px 42px;
  isolation:isolate;
  display:grid;
  align-items:center;
  border:1px solid rgba(0,0,0,.04);
  box-shadow:0 18px 60px rgba(20,32,44,.08);
}

.education-hero-visual{
  position:absolute;
  inset:0;
  z-index:0;
}

.education-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.education-hero-grid::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,
      rgba(248,243,236,.98) 0%,
      rgba(248,243,236,.92) 28%,
      rgba(248,243,236,.64) 46%,
      rgba(248,243,236,.18) 72%,
      rgba(248,243,236,0) 100%);
  pointer-events:none;
}

.education-hero-copy{
  position:relative;
  z-index:2;
  max-width:610px;
  padding:68px 54px 70px;
}

.education-hero-copy h1{
  font-size:clamp(56px, 6vw, 92px);
  line-height:.92;
  letter-spacing:-.075em;
  color:#0d1828;
}

.education-hero-copy > p:not(.academy-kicker){
  max-width:520px;
  margin-top:24px;
  color:rgba(13,24,40,.78);
  font-size:20px;
  line-height:1.48;
}

.education-shell{
  width:min(1280px, calc(100% - 44px));
  margin:26px auto 0;
  display:grid;
  grid-template-columns:310px 1fr;
  gap:32px;
  align-items:start;
}

.education-sidebar{
  position:sticky;
  top:104px;
  padding:24px;
  border-radius:30px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 18px 46px rgba(20,32,44,.06);
  backdrop-filter:blur(16px);
}

.education-sidebar h2{
  font-size:18px;
  letter-spacing:-.03em;
  margin-bottom:18px;
}

.education-program-list{
  display:grid;
  gap:8px;
}

.education-program-item{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:14px;
  border-radius:20px;
  border:1px solid transparent;
  transition:.2s ease;
}

.education-program-item:hover,
.education-program-item.is-active{
  background:rgba(255,255,255,.86);
  border-color:rgba(244,124,32,.16);
  box-shadow:0 14px 36px rgba(20,32,44,.06);
}

.education-program-item.is-active{
  border-left:3px solid var(--orange);
}

.education-program-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:rgba(23,23,23,.04);
  color:#59616b;
  font-weight:900;
}

.education-program-icon.icon-orange{background:rgba(244,124,32,.10);color:var(--orange)}
.education-program-icon.icon-purple{background:rgba(122,92,255,.10);color:var(--violet)}

.education-program-item strong{
  display:block;
  font-size:14px;
  line-height:1.15;
  letter-spacing:-.02em;
}

.education-program-item small{
  display:block;
  margin-top:5px;
  color:var(--text-muted);
  font-size:11px;
  font-weight:750;
}

.education-program-item.is-coming{opacity:.76}

.education-advisor-card{
  margin-top:22px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(0,0,0,.06);
  background:rgba(255,255,255,.64);
}

.education-advisor-card h3{
  font-size:17px;
  letter-spacing:-.03em;
}

.education-advisor-card p{
  margin-top:10px;
  color:var(--text-soft);
  font-size:13px;
  line-height:1.45;
}

.education-advisor-card a{
  display:inline-flex;
  margin-top:16px;
  color:var(--orange);
  font-size:13px;
  font-weight:900;
}

.education-content{
  display:grid;
  gap:22px;
}

.education-content-head{
  padding:18px 6px 4px;
}

.education-content-head h2{
  font-size:clamp(34px, 4vw, 52px);
  line-height:.98;
  letter-spacing:-.06em;
}

.education-content-head p:not(.academy-kicker){
  max-width:680px;
  margin-top:14px;
  color:var(--text-soft);
  font-size:17px;
  line-height:1.46;
}

.education-program-card{
  display:grid;
  grid-template-columns:1fr 390px;
  gap:30px;
  align-items:center;
  padding:26px;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.70);
  box-shadow:0 18px 52px rgba(20,32,44,.07);
  scroll-margin-top:110px;
  overflow:hidden;
}

.education-card-copy{
  padding:6px 0 6px 0;
}

.education-program-card .program-category{
  margin-bottom:13px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.education-program-card .program-category.orange{color:var(--orange)}
.education-program-card .program-category.purple{color:var(--violet)}

.education-program-card h3{
  max-width:520px;
  font-size:clamp(34px, 4vw, 52px);
  line-height:.98;
  letter-spacing:-.065em;
  color:#101827;
}

.education-program-card p{
  max-width:560px;
  margin-top:18px;
  color:var(--text-soft);
  font-size:16px;
  line-height:1.55;
}

.education-card-facts{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:28px 0;
}

.education-card-facts span{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:10px;
  align-items:center;
  min-width:145px;
  padding:4px 20px 4px 0;
  margin-right:20px;
  border-right:1px solid rgba(0,0,0,.08);
}

.education-card-facts span:last-child{border-right:0;margin-right:0}

.education-card-facts i{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--orange);
  font-style:normal;
  font-weight:900;
  background:rgba(244,124,32,.10);
}

.accent-purple .education-card-facts i{
  color:var(--violet);
  background:rgba(122,92,255,.10);
}

.education-card-facts strong{
  display:block;
  font-size:12px;
  font-weight:900;
}

.education-card-facts small{
  display:block;
  margin-top:2px;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.2;
}

.education-card-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
}

.education-card-actions .btn.primary{
  min-width:150px;
  color:#fff;
}

.education-card-actions .purple-btn{
  background:var(--violet);
}

.text-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:#171717;
  font-size:13px;
  font-weight:900;
}

.education-card-image{
  height:300px;
  border-radius:22px;
  overflow:hidden;
  margin:0;
  position:relative;
  background:#111;
}

.education-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.34) 28%, transparent 58%);
  pointer-events:none;
}

.education-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.education-value-band{
  width:min(1280px, calc(100% - 44px));
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-radius:28px;
  border:1px solid rgba(0,0,0,.07);
  background:rgba(255,255,255,.62);
  box-shadow:0 18px 48px rgba(20,32,44,.05);
  overflow:hidden;
}

.education-value-card{
  min-height:210px;
  padding:34px 28px;
  text-align:center;
  border-right:1px solid rgba(0,0,0,.07);
}

.education-value-card:last-child{border-right:0}

.value-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 auto 22px;
  border-radius:50%;
  background:rgba(244,124,32,.10);
  color:var(--orange);
  font-size:26px;
  font-weight:900;
}

.value-icon.purple{background:rgba(122,92,255,.10);color:var(--violet)}

.education-value-card h3{
  font-size:18px;
  letter-spacing:-.03em;
}

.education-value-card p{
  margin-top:10px;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.45;
}

.education-detail{
  width:min(1280px, calc(100% - 44px));
  margin:34px auto 64px;
  padding:44px;
  border-radius:36px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow:0 18px 56px rgba(20,32,44,.06);
}

.education-detail-head h2{
  font-size:clamp(38px,5vw,70px);
  line-height:.92;
  letter-spacing:-.075em;
}

.education-detail-head p:not(.academy-kicker){
  max-width:760px;
  margin-top:16px;
  color:var(--text-soft);
  font-size:18px;
  line-height:1.48;
}

.education-modules{
  display:grid;
  gap:12px;
  margin-top:30px;
}

.education-modules details{
  border-radius:22px;
  border:1px solid rgba(0,0,0,.07);
  background:#f7f3ef;
  overflow:hidden;
}

.education-modules summary{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  cursor:pointer;
  list-style:none;
}

.education-modules summary::-webkit-details-marker{display:none}

.education-modules summary span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(244,124,32,.12);
  color:var(--orange);
  font-size:12px;
  font-weight:950;
}

.education-modules summary strong{
  display:block;
  font-size:20px;
  letter-spacing:-.04em;
}

.education-modules summary small{
  display:block;
  margin-top:5px;
  color:var(--text-soft);
  font-size:13px;
}

.education-modules details > p{
  padding:0 22px 22px 82px;
  color:var(--text-soft);
  line-height:1.55;
}

.education-footer{
  margin-top:0;
}

html[data-theme="dark"] .education-page,
html[data-theme="dark"] body.education-page{
  background:#0f1014;
}

html[data-theme="dark"] .education-hero-grid::after{
  background:linear-gradient(90deg,rgba(15,16,20,.98) 0%,rgba(15,16,20,.88) 32%,rgba(15,16,20,.56) 54%,rgba(15,16,20,.14) 100%);
}

html[data-theme="dark"] .education-hero-copy h1,
html[data-theme="dark"] .education-program-card h3,
html[data-theme="dark"] .education-content-head h2,
html[data-theme="dark"] .education-detail-head h2{
  color:#f8f5ef;
}

html[data-theme="dark"] .education-hero-copy > p:not(.academy-kicker){
  color:rgba(255,245,235,.74);
}

html[data-theme="dark"] .education-sidebar,
html[data-theme="dark"] .education-program-card,
html[data-theme="dark"] .education-value-band,
html[data-theme="dark"] .education-detail,
html[data-theme="dark"] .education-advisor-card{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
}

html[data-theme="dark"] .education-program-item:hover,
html[data-theme="dark"] .education-program-item.is-active{
  background:rgba(255,255,255,.08);
}

html[data-theme="dark"] .education-card-image::after{
  background:linear-gradient(90deg, rgba(15,16,20,.96) 0%, rgba(15,16,20,.34) 30%, transparent 62%);
}

html[data-theme="dark"] .education-modules details{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.08);
}

@media(max-width:1080px){
  .education-shell{
    grid-template-columns:1fr;
  }

  .education-sidebar{
    position:relative;
    top:auto;
  }

  .education-program-list{
    grid-template-columns:repeat(2,1fr);
  }

  .education-program-card{
    grid-template-columns:1fr;
  }

  .education-card-image{
    height:360px;
  }

  .education-value-band{
    grid-template-columns:repeat(2,1fr);
  }

  .education-value-card:nth-child(2){border-right:0}
  .education-value-card:nth-child(1),
  .education-value-card:nth-child(2){border-bottom:1px solid rgba(0,0,0,.07)}
}

@media(max-width:760px){
  .education-hero,
  .education-shell,
  .education-value-band,
  .education-detail{
    width:min(100% - 28px, 1280px);
  }

  .education-hero{padding-top:26px}

  .education-hero-grid{
    min-height:520px;
    border-radius:32px;
  }

  .education-hero-grid::after{
    background:linear-gradient(90deg,rgba(248,243,236,.98) 0%,rgba(248,243,236,.90) 48%,rgba(248,243,236,.22) 100%);
  }

  .education-hero-copy{
    padding:42px 28px;
  }

  .education-hero-copy h1{
    font-size:clamp(46px, 14vw, 68px);
  }

  .education-hero-copy > p:not(.academy-kicker){
    font-size:16px;
  }

  .education-program-list{
    grid-template-columns:1fr;
  }

  .education-sidebar{
    padding:18px;
  }

  .education-program-card{
    padding:20px;
    border-radius:24px;
  }

  .education-program-card h3{
    font-size:36px;
  }

  .education-card-facts{
    display:grid;
    gap:10px;
  }

  .education-card-facts span{
    border-right:0;
    margin-right:0;
    padding-right:0;
  }

  .education-card-image{
    height:260px;
  }

  .education-value-band{
    grid-template-columns:1fr;
  }

  .education-value-card{
    border-right:0;
    border-bottom:1px solid rgba(0,0,0,.07);
  }

  .education-value-card:last-child{border-bottom:0}

  .education-detail{
    padding:26px;
  }

  .education-modules summary{
    grid-template-columns:40px 1fr;
    padding:16px;
  }

  .education-modules summary span{
    width:40px;
    height:40px;
  }

  .education-modules details > p{
    padding:0 16px 18px 16px;
  }
}

.education-nav {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.education-nav-toggle {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: #0b1f3a;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}

.education-nav-panel {
    margin-top: 12px;
    width: 260px;
    background: #fff;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(0,0,0,.12);
}

.education-nav-panel a {
    display: block;
    padding: 10px 0;
    color: #0b223d;
    text-decoration: none;
    font-weight: 600;
}

.education-nav-panel a:hover {
    color: #f28b1d;
}