/* Class Zaban private speaking/writing top hero v98
 * Existing texts, photo, controls and events remain unchanged.
 * Visual style matches owner-private Education, Practice, Translation and Homework.
 */
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:15px!important;
  width:100%!important;
  max-width:1260px!important;
  min-width:0!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel {
  order:-100!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:220px!important;
  margin:0!important;
  padding:clamp(22px,2.6vw,35px)!important;
  border:1px solid #2c3b78!important;
  border-radius:19px!important;
  background:linear-gradient(112deg,#151b45,#202d62 68%,#151d47)!important;
  box-shadow:0 10px 27px rgba(21,27,69,.15)!important;
  color:#fff!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel > .learning-photo-backdrop {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center 44%!important;
  opacity:.48!important;
  filter:brightness(.75) saturate(.74)!important;
  pointer-events:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel::before {
  content:""!important;
  position:absolute!important;
  display:block!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:linear-gradient(270deg,rgba(14,23,56,.97) 0%,rgba(21,33,74,.91) 48%,rgba(32,45,91,.74) 100%)!important;
  pointer-events:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:42%!important;
  height:3px!important;
  background:linear-gradient(270deg,#6073ff,#b4c5ff,transparent)!important;
  pointer-events:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-pro-hero-copy {
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  text-align:right!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .page-eyebrow {
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:fit-content!important;
  margin:0 0 6px!important;
  padding:6px 12px!important;
  border:1px solid rgba(225,235,255,.31)!important;
  border-radius:10px!important;
  background:rgba(222,232,255,.10)!important;
  color:#e5ecff!important;
  font-size:11px!important;
  font-weight:800!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero h2 {
  margin:8px 0!important;
  color:#fff!important;
  font-size:clamp(22px,2.3vw,30px)!important;
  line-height:1.7!important;
  font-weight:900!important;
  text-shadow:0 3px 12px rgba(8,14,43,.35)!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero p {
  max-width:680px!important;
  margin:0!important;
  color:#e4ebff!important;
  font-size:12px!important;
  line-height:1.95!important;
  text-shadow:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-coverage-points {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  margin:18px 0 0!important;
  position:relative!important;
  z-index:2!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-coverage-points span {
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  border:1px solid rgba(220,232,255,.29)!important;
  color:#f8faff!important;
  background:rgba(225,236,255,.1)!important;
  backdrop-filter:none!important;
  font-size:11px!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-coverage-points svg {
  color:#c7d3ff!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header {
  order:-90!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:104px!important;
  margin:0!important;
  padding:15px 23px!important;
  border:1px solid #d1ddf2!important;
  border-radius:17px!important;
  background:linear-gradient(116deg,#f7f9ff,#eaf0fc)!important;
  box-shadow:0 4px 15px rgba(21,27,69,.06)!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header > div:first-child {
  min-width:0!important;
  max-width:100%!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header h1 {
  margin:3px 0!important;
  color:#151b45!important;
  font-size:clamp(19px,2vw,24px)!important;
  font-weight:850!important;
  text-shadow:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header p {
  margin:0!important;
  color:#506183!important;
  font-size:11px!important;
  line-height:1.85!important;
  text-shadow:none!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header .page-eyebrow {
  color:#343f87!important;
  background:#e7edff!important;
  border:1px solid #d3def6!important;
  border-radius:9px!important;
  padding:5px 9px!important;
}
html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header .page-header-visual {
  display:none!important;
}
@media(max-width:700px) {
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro {
    gap:12px!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero.learning-photo-panel {
    min-height:195px!important;
    padding:20px 17px!important;
    border-radius:16px!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero h2 {
    font-size:clamp(21px,5vw,25px)!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero p {
    font-size:11px!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-coverage-points {
    margin-top:12px!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero .idea-coverage-points span {
    font-size:10px!important;
    padding:5px 7px!important;
  }
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .page-header {
    min-height:90px!important;
    padding:13px 16px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html.cz-private-speaking-writing-hero-v98 .app-shell--student .idea-page.idea-page--pro > .idea-pro-hero {
    transition:none!important;
  }
}