.study-hub-shell {
  width:min(1480px,calc(100% - 64px));
  margin:0 auto
}
.study-hub-hero {
  padding:150px 0 90px;
  background:radial-gradient(circle at 74% 18%,rgba(34,211,238,.13),transparent 30%),radial-gradient(circle at 88% 68%,rgba(168,85,247,.14),transparent 32%),linear-gradient(135deg,#080711 0%,#0b0917 56%,#130916 100%);
  border-bottom:1px solid rgba(148,110,255,.18)
}
.study-hub-kicker {
  display:inline-flex;
  padding:10px 18px;
  border:1px solid #8b5cf6;
  border-radius:999px;
  color:#c4b5fd;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:13px;
  font-weight:800
}
.study-hub-hero h1 {
  margin:28px 0 20px;
  font-size:clamp(72px,10vw,156px);
  line-height:.88;
  letter-spacing:-.065em;
  color:#fff;
  max-width:950px
}
.study-hub-hero p {
  max-width:930px;
  color:#adb3c8;
  font-size:clamp(19px,2vw,30px);
  line-height:1.45
}
.study-hub-stats {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:38px
}
.study-hub-stats span {
  padding:14px 18px;
  border:1px solid rgba(148,110,255,.28);
  border-radius:14px;
  background:#0f0d1c;
  color:#aeb4c8
}
.study-hub-stats strong {
  color:#fff;
  font-size:21px;
  margin-right:8px
}
.study-hub-main,.study-meetings-section {
  padding:76px 0 120px
}
.study-meetings-section {
  padding-top:90px;
  border-top:1px solid rgba(148,110,255,.18);
  background:linear-gradient(180deg,#070610,#090713)
}
.study-section-heading {
  display:flex;
  justify-content:space-between;
  gap:32px;
  align-items:flex-end;
  margin-bottom:46px
}
.study-section-heading>div {
  display:flex;
  align-items:flex-start;
  gap:20px
}
.study-section-heading span {
  color:#9c6cff;
  font-weight:800;
  padding-top:10px
}
.study-section-heading h2 {
  margin:0;
  font-size:clamp(42px,5vw,82px);
  line-height:1;
  color:#fff;
  letter-spacing:-.04em
}
.study-section-heading>p {
  max-width:650px;
  color:#9fa5b9;
  line-height:1.7;
  font-size:17px
}
.study-course-groups {
  display:grid;
  gap:70px
}
.study-course-group {
  display:grid;
  gap:22px
}
.study-course-group>header {
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:20px;
  align-items:center;
  padding-bottom:20px;
  border-bottom:1px solid rgba(148,110,255,.18)
}
.study-course-group>header>span {
  color:#9c6cff;
  font-weight:800
}
.study-course-group>header h3 {
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(28px,3vw,46px)
}
.study-course-group>header p {
  margin:0;
  color:#8f95a9
}
.study-course-group>header b {
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid #8555ff;
  border-radius:50%;
  color:#fff
}
.study-course-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}
.study-course-card {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:280px;
  padding:28px;
  border:1px solid color-mix(in srgb,var(--course-accent,#8b5cf6) 36%,transparent);
  border-radius:24px;
  background:linear-gradient(145deg,#0e0c1b,#090812);
  text-decoration:none;
  overflow:hidden;
  transition:.28s
}
.study-course-card:before {
  content:"";
  position:absolute;
  inset:auto -60px -100px auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--course-accent,#8b5cf6) 26%,transparent),transparent 70%)
}
.study-course-card:hover {
  transform:translateY(-5px);
  border-color:var(--course-accent,#8b5cf6)
}
.study-course-code {
  color:var(--course-accent,#5ce1e6);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}
.study-course-card h4 {
  margin:24px 0 12px;
  color:#fff;
  font-size:clamp(25px,2.4vw,38px);
  line-height:1.05
}
.study-course-card p {
  color:#a2a8ba;
  line-height:1.7;
  flex:1
}
.study-course-card-footer {
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#9ea4b8
}
.study-course-card-footer i {
  font-style:normal;
  color:var(--course-accent,#a78bfa);
  font-weight:800
}
.study-meeting-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.study-meeting-card {
  display:grid;
  grid-template-columns:110px 1fr 36px;
  gap:24px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(148,110,255,.25);
  border-radius:22px;
  background:linear-gradient(145deg,#0d0b1b,#090812);
  text-decoration:none;
  transition:.25s
}
.study-meeting-card:hover {
  transform:translateY(-4px);
  border-color:#c84cff
}
.study-meeting-card.is-featured {
  border-color:#ff4fb8
}
.study-meeting-date {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:100px;
  border-radius:18px;
  background:#12101f;
  border:1px solid rgba(148,110,255,.2)
}
.study-meeting-date strong {
  font-size:34px;
  color:#fff
}
.study-meeting-date span {
  color:#9ea4b8;
  font-size:13px;
  text-transform:uppercase
}
.study-meeting-copy>span {
  color:#5ce1e6;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em
}
.study-meeting-copy h3 {
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(22px,2vw,32px);
  line-height:1.15
}
.study-meeting-copy p {
  margin:0;
  color:#9fa5b9;
  line-height:1.65
}
.study-meeting-copy small {
  display:block;
  margin-top:14px;
  color:#7f8599
}
.study-meeting-card>i {
  font-style:normal;
  color:#ff81ce;
  font-size:24px
}
.study-empty {
  padding:60px;
  text-align:center;
  color:#99a0b7;
  border:1px dashed rgba(148,110,255,.25);
  border-radius:22px
}
@media(max-width:1050px) {
  .study-course-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .study-meeting-grid {
    grid-template-columns:1fr
  }
  .study-section-heading {
    align-items:flex-start;
    flex-direction:column
  }
}
@media(max-width:720px) {
  .study-hub-shell {
    width:min(100% - 32px,1480px)
  }
  .study-hub-hero {
    padding:110px 0 70px
  }
  .study-hub-hero h1 {
    font-size:64px
  }
  .study-course-grid {
    grid-template-columns:1fr
  }
  .study-course-group>header {
    grid-template-columns:36px 1fr auto
  }
  .study-meeting-card {
    grid-template-columns:88px 1fr
  }
  .study-meeting-card>i {
    display:none
  }
  .study-section-heading h2 {
    font-size:48px
  }
}
@media(max-width:480px) {
  .study-meeting-card {
    grid-template-columns:1fr
  }
  .study-meeting-date {
    min-height:80px;
    align-items:flex-start;
    padding:16px
  }
  .study-hub-stats {
    display:grid;
    grid-template-columns:1fr
  }
  .study-course-group>header {
    grid-template-columns:1fr
  }
  .study-course-group>header>span {
    display:none
  }
}