/* Education page — page-specific sections. Loaded after css/style.css. */

/* Hero */
.edu-hero{padding:60px 0 24px;}
.edu-hero h1{font-size:52px;color:var(--blue);line-height:1.18;font-weight:800;max-width:720px;}
.edu-hero .btn{margin-top:30px;}

/* Feature cards (2x2) */
.edu-cards{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px;margin-top:20px;}
.edu-card{
  position:relative;border-radius:16px;padding:30px 28px;color:#fff;
  box-shadow:0 20px 50px rgba(30,40,80,.10);display:flex;flex-direction:column;
}
.edu-card.blue{background:var(--blue);}
.edu-card.teal{background:var(--teal);}
.edu-card.mint{background:var(--mint);color:#0d3b30;}
.edu-card .sticker{position:absolute;top:-22px;right:-8px;width:88px;height:88px;}
.edu-card h3{font-size:22px;font-weight:700;margin-bottom:14px;padding-right:70px;}
.edu-card > p{font-size:13px;line-height:1.7;margin-bottom:16px;opacity:.95;}
.edu-card ul{margin:0 0 18px;}
.edu-card li{font-size:13px;line-height:1.9;position:relative;padding-left:16px;}
.edu-card li::before{content:"\2022";position:absolute;left:0;}
.edu-card .note{font-weight:700;font-size:13px;margin-top:auto;line-height:1.6;}
.edu-card .btn{align-self:stretch;margin-top:auto;text-align:center;}

/* What can you expect */
.expect-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 44px;margin-top:40px;}
.expect{display:flex;gap:22px;align-items:center;}
.expect img{width:78px;height:78px;object-fit:contain;flex-shrink:0;}
.expect p{font-size:14px;color:#000;line-height:1.6;}

/* Past cohorts slider */
.cohorts{position:relative;margin-top:24px;padding:0 34px;}
.cohorts-viewport{overflow:hidden;}
.cohorts-track{display:flex;gap:24px;transition:transform .45s ease;}
.cohort-card{
  flex:0 0 calc(50% - 12px);background:#F1F1EC;border-radius:14px;padding:28px;
}
.cohort-card .year{color:var(--orange);font-size:34px;font-weight:800;margin-bottom:16px;}
.cohort-card .photo{border-radius:8px;overflow:hidden;background:#2b2b2b;aspect-ratio:16/9;}
.cohort-card .photo img{width:100%;height:100%;object-fit:cover;display:block;}
.cohort-card .photo.stack{aspect-ratio:auto;background:transparent;display:flex;flex-direction:column;gap:8px;}
.cohort-card .photo.stack img{height:auto;}
.cohort-card .foot{display:flex;align-items:center;gap:16px;margin-top:20px;}
.cohort-card .foot img{height:70px;width:auto;max-width:120px;object-fit:contain;}
.cohort-card .foot .name{font-weight:700;font-size:15px;color:var(--ink);}
.cohorts .c-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;border:none;cursor:pointer;
  font-size:22px;display:flex;align-items:center;justify-content:center;z-index:2;line-height:0;
  box-shadow:0 8px 20px rgba(67,97,238,.35);
}
.cohorts .c-arrow:hover{background:#3550d8;}
.cohorts .c-arrow.prev{left:-4px;}
.cohorts .c-arrow.next{right:-4px;}

@media(max-width:900px){
  .edu-hero h1{font-size:38px;}
  .edu-cards, .expect-grid{grid-template-columns:1fr;}
  .expect-grid{gap:26px;}
  .cohorts{padding:0 26px;}
  .cohort-card{flex:0 0 100%;}
  .cohorts .c-arrow{width:44px;height:44px;font-size:20px;}
  .cohorts .c-arrow.prev{left:-6px;}
  .cohorts .c-arrow.next{right:-6px;}
}
@media(max-width:600px){
  .edu-hero h1{font-size:30px;}
  .expect img{width:60px;height:60px;}
}