.slide-detail-page,
.slide-detail-page .app-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04)),
    linear-gradient(180deg, rgba(9, 18, 34, 0.78), rgba(7, 13, 26, 0.92));
}

.slide-detail-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 68px 24px 28px;
  min-height: 304px;
  border-radius: 0;
  box-shadow: var(--shadow);
  background:
    radial-gradient(circle at 78% 20%, rgba(255, 255, 255, 0.18), transparent 20%),
    linear-gradient(135deg, rgba(104, 242, 211, 0.26), rgba(12, 23, 42, 0.94));
}

.slide-detail-hero > * {
  position: relative;
  z-index: 2;
}

.slide-detail-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), transparent 44%);
  z-index: 1;
  pointer-events: none;
}

.slide-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(90deg, rgba(16, 44, 52, 0.94) 0%, rgba(14, 39, 48, 0.72) 38%, rgba(12, 23, 42, 0.14) 72%, transparent 100%),
    url("../images/slide1.png");
  background-repeat: no-repeat;
  background-position: center, right center;
  background-size: cover, cover;
  opacity: 0.82;
  z-index: 0;
  pointer-events: none;
  transform-origin: top left;
  transform: scale(1.08);
}

.slide-detail-hero h1 {
  margin: 18px 0 0;
  max-width: 10ch;
  font-size: 2.3rem;
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.slide-detail-hero__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
}

.back-link {
  position: absolute;
  top: 22px;
  left: 24px;
  z-index: 4;
}

.slide-detail-content {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 240px);
  margin-top: -18px;
  padding: 42px 20px 120px;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.slide-detail-content h2 {
  margin: 0;
  font-size: 1.45rem;
  letter-spacing: -0.04em;
}

.slide-detail-content p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.45;
}