.seminars-shell {
  width:min(1480px,calc(100% - 64px));
  margin:0 auto
}
.seminar-detail-hero {
  padding:135px 0 84px;
  background:radial-gradient(circle at 76% 24%,rgba(255,79,184,.13),transparent 32%),radial-gradient(circle at 62% 18%,rgba(138,92,246,.14),transparent 36%),#080710;
  border-bottom:1px solid rgba(148,110,255,.18)
}
.seminar-detail-hero-grid {
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);
  gap:56px;
  align-items:end
}
.seminar-detail-topline {
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap
}
.seminar-back {
  color:#b4b9ca;
  text-decoration:none;
  font-weight:750
}
.seminars-eyebrow {
  display:inline-flex;
  padding:10px 18px;
  border:1px solid #9d4edd;
  border-radius:999px;
  color:#f4b7ff;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
  font-size:13px
}
.seminar-detail-hero h1 {
  margin:30px 0 24px;
  font-size:clamp(52px,7.2vw,122px);
  line-height:.88;
  letter-spacing:-.058em;
  max-width:1200px;
  overflow-wrap:anywhere
}
.seminar-detail-hero p {
  max-width:920px;
  color:#aeb4c8;
  font-size:clamp(18px,1.5vw,25px);
  line-height:1.55
}
.seminar-detail-meta {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:30px 0
}
.seminar-detail-meta span {
  padding:13px 17px;
  border:1px solid rgba(148,110,255,.28);
  border-radius:13px;
  background:#0f0d1c;
  color:#b7bdcf
}
.seminar-hero-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px
}
.seminar-hero-actions a,.seminar-video-link {
  padding:13px 18px;
  border:1px solid rgba(255,79,184,.48);
  border-radius:13px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,rgba(138,92,246,.12),rgba(255,79,184,.1));
  font-weight:800
}
.seminar-hero-media {
  margin:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(148,110,255,.28);
  min-height:390px;
  background:#0f0d1c
}
.seminar-hero-media img {
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
  display:block
}
.seminar-detail-main {
  padding:0 0 120px
}
.seminar-detail-nav {
  position:sticky;
  top:88px;
  z-index:10;
  display:flex;
  gap:10px;
  overflow:auto;
  padding:17px 0;
  margin-bottom:10px;
  background:rgba(8,7,16,.9);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,110,255,.15)
}
.seminar-detail-nav a {
  white-space:nowrap;
  padding:10px 15px;
  border:1px solid rgba(148,110,255,.24);
  border-radius:999px;
  color:#b8bed0;
  text-decoration:none;
  font-weight:700
}
.seminar-detail-nav a:hover {
  color:#fff;
  border-color:#ff4fb8
}
.seminar-section {
  display:grid;
  grid-template-columns:70px 1fr;
  gap:30px;
  padding:72px 0;
  border-top:1px solid rgba(148,110,255,.18);
  scroll-margin-top:155px
}
.seminar-section>span {
  color:#9c6cff;
  font-weight:850;
  padding-top:8px
}
.seminar-section-kicker {
  margin:0 0 14px!important;
  color:#5ce1e6!important;
  font-size:13px!important;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:850
}
.seminar-section h2,.seminar-related h2 {
  font-size:clamp(42px,5vw,82px);
  line-height:.96;
  letter-spacing:-.04em;
  margin:0 0 30px
}
.seminar-richtext {
  color:#b8bed0;
  font-size:18px;
  line-height:1.85;
  max-width:1120px
}
.seminar-richtext h3 {
  color:#fff;
  font-size:28px
}
.seminar-richtext a {
  color:#62e7ef
}
.seminar-description-extra {
  margin-top:28px;
  padding-top:28px;
  border-top:1px solid rgba(148,110,255,.18)
}
.seminar-info-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.seminar-info-grid article {
  min-height:140px;
  padding:24px;
  border:1px solid rgba(148,110,255,.24);
  border-radius:20px;
  background:linear-gradient(145deg,#0e0c1a,#0a0914)
}
.seminar-info-grid small,.seminar-resources small {
  display:block;
  color:#5ce1e6;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  margin-bottom:12px
}
.seminar-info-grid strong {
  font-size:20px;
  color:#fff;
  line-height:1.35
}
.seminar-info-grid p {
  color:#9fa5b8;
  line-height:1.5
}
.seminar-layout-panel>div,.seminar-layout-highlight>div {
  padding:34px;
  border:1px solid rgba(148,110,255,.28);
  border-radius:24px;
  background:#0d0b18
}
.seminar-layout-highlight>div {
  border-color:rgba(255,79,184,.45);
  background:linear-gradient(135deg,rgba(255,79,184,.08),rgba(138,92,246,.08))
}
.seminar-gallery {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.seminar-gallery-item {
  position:relative;
  border-radius:19px;
  overflow:hidden;
  border:1px solid rgba(148,110,255,.22);
  background:#0d0b18;
  aspect-ratio:4/3
}
.seminar-gallery-item img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.3s
}
.seminar-gallery-item:hover img {
  transform:scale(1.035)
}
.seminar-gallery-item span {
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:9px 12px;
  border-radius:12px;
  background:rgba(7,6,14,.76);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:13px
}
.seminar-video {
  width:100%;
  max-height:760px;
  border-radius:24px;
  border:1px solid rgba(148,110,255,.28);
  background:#000
}
.seminar-video-frame {
  position:relative;
  padding-top:56.25%;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(148,110,255,.28)
}
.seminar-video-frame iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0
}
.seminar-resources {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px
}
.seminar-resources a {
  position:relative;
  min-height:132px;
  padding:24px;
  border:1px solid rgba(148,110,255,.28);
  border-radius:18px;
  color:#fff;
  text-decoration:none;
  background:#0d0b18;
  transition:.25s
}
.seminar-resources a:hover {
  transform:translateY(-3px);
  border-color:#ff4fb8
}
.seminar-resources strong {
  display:block;
  font-size:19px;
  line-height:1.35;
  padding-right:32px
}
.seminar-resources i {
  position:absolute;
  right:18px;
  top:18px;
  color:#ff7acb;
  font-style:normal
}
.seminar-related {
  padding:78px 0 0;
  border-top:1px solid rgba(148,110,255,.18)
}
.seminar-related-head {
  margin-bottom:30px
}
.seminar-related-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px
}
.seminar-related-card {
  padding:28px;
  border:1px solid rgba(148,110,255,.25);
  border-radius:22px;
  background:linear-gradient(145deg,#0d0b1b,#0a0914);
  color:#fff;
  text-decoration:none
}
.seminar-related-card span {
  color:#5ce1e6;
  font-weight:850
}
.seminar-related-card h3 {
  font-size:25px;
  line-height:1.15;
  margin:20px 0
}
.seminar-related-card p {
  color:#9ea4b8;
  min-height:48px
}
.seminar-related-card strong {
  display:block;
  color:#ff81ce;
  margin-top:20px
}
.seminars-not-found {
  padding:180px 0
}
.seminars-not-found a {
  color:#ff81ce
}
@media(max-width:1100px) {
  .seminar-detail-hero-grid {
    grid-template-columns:1fr
  }
  .seminar-hero-media {
    min-height:320px
  }
  .seminar-info-grid,.seminar-resources,.seminar-related-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:900px) {
  .seminars-shell {
    width:min(100% - 32px,1480px)
  }
  .seminar-detail-hero {
    padding-top:110px
  }
  .seminar-section {
    grid-template-columns:1fr
  }
  .seminar-section>span {
    padding:0
  }
  .seminar-gallery {
    grid-template-columns:1fr 1fr
  }
  .seminar-detail-nav {
    top:70px
  }
}
@media(max-width:620px) {
  .seminar-detail-hero h1 {
    font-size:46px
  }
  .seminar-info-grid,.seminar-resources,.seminar-related-grid,.seminar-gallery {
    grid-template-columns:1fr
  }
  .seminar-hero-media,.seminar-hero-media img {
    min-height:240px
  }
  .seminar-section {
    padding:52px 0
  }
  .seminar-section h2,.seminar-related h2 {
    font-size:42px
  }
}