.vsl-page { min-height: 100vh; background: #050506; }
.vsl-page::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 18% 10%,rgba(255,116,23,.13),transparent 35%),radial-gradient(circle at 82% 4%,rgba(165,82,235,.12),transparent 34%),linear-gradient(160deg,#08080a,#050506 58%); }
.vsl-page::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom,#000,transparent 78%); }
.vsl-main { min-height: 100vh; }
.vsl-hero { padding: 42px 0 74px; }
.vsl-hero__brand { display: none; }
.vsl-brand { display: inline-flex; gap: 12px; align-items: center; padding: 9px 13px; color: #fff; background: rgba(12,12,15,.72); border: 1px solid rgba(255,255,255,.11); border-radius: 12px; box-shadow: 0 18px 55px rgba(0,0,0,.28); backdrop-filter: blur(14px); }
.vsl-brand .brand__mark { flex: 0 0 auto; }
.vsl-brand .brand__text { text-align: left; }
.vsl-hero__copy { width: min(900px,100%); margin: 0 auto 30px; text-align: center; }
.vsl-hero__copy .eyebrow { margin-bottom: 17px; }
.vsl-hero__copy h1 { max-width: 880px; margin: 0 auto 17px; font-size: clamp(3rem,7.2vw,6.25rem); line-height: .91; letter-spacing: -.065em; }
.vsl-hero__copy > p { max-width: 760px; margin: 0 auto; color: #aaa49d; font-size: clamp(.88rem,1.45vw,1.08rem); line-height: 1.7; }
.vsl-player-shell { position: relative; width: min(1040px,100%); margin: 0 auto; padding: 5px; background: linear-gradient(115deg,rgba(255,116,23,.9),rgba(34,153,237,.78) 52%,rgba(165,82,235,.88)); border-radius: 20px; box-shadow: 0 34px 90px rgba(0,0,0,.58),0 0 72px rgba(70,91,196,.12); }
.vsl-player-shell::before { content: ""; position: absolute; inset: -30px; z-index: -1; background: linear-gradient(100deg,rgba(255,116,23,.2),rgba(34,153,237,.12),rgba(165,82,235,.2)); filter: blur(38px); }
.vsl-player { overflow: hidden; background: #000; border-radius: 15px; }
.vsl-player vturb-smartplayer { border-radius: 15px; overflow: hidden; }
.vsl-player-note { display: flex; gap: 10px; align-items: center; justify-content: center; margin-top: 20px; color: #78736d; font-size: .67rem; text-align: center; }
.vsl-player-note i { color: var(--orange-soft); }
.vsl-orientation-hint { display: none; width: min(100%,360px); margin: 14px auto 0; padding: 11px 13px; align-items: center; justify-content: center; gap: 10px; color: #f4efe7; background: rgba(255,116,23,.08); border: 1px solid rgba(255,116,23,.28); border-radius: 12px; text-align: left; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.vsl-orientation-hint > i { flex: 0 0 auto; color: var(--orange-soft); font-size: 1rem; }
.vsl-orientation-hint span { min-width: 0; display: grid; gap: 2px; flex: 1 1 auto; }
.vsl-orientation-hint strong { font-size: .75rem; line-height: 1.1; }
.vsl-orientation-hint small { color: #aaa39a; font-size: .62rem; line-height: 1.25; }
.vsl-page.vsl-unlocked .vsl-orientation-hint { display: none !important; }
#conteudo-pos-pitch { border-top: 1px solid rgba(255,255,255,.08); }
#conteudo-pos-pitch::before { content: "A FORMAÇÃO COMPLETA"; display: block; padding: 22px 14px; color: #807a73; font-family: "Space Mono",monospace; font-size: .55rem; font-weight: 700; letter-spacing: .2em; text-align: center; background: #08080a; }
#conteudo-pos-pitch .reveal { opacity: 1; transform: none; }
.vsl-load-error { width: min(760px,calc(100% - 28px)); margin: 60px auto; padding: 28px; color: #e9e4dc; text-align: center; background: #101014; border: 1px solid rgba(255,116,23,.3); border-radius: 16px; }
.vsl-load-error p { margin: 8px 0 0; }
.vsl-offer-loading { width: min(760px,calc(100% - 28px)); margin: 42px auto; padding: 24px; color: #aaa49d; font-family: "Space Mono",monospace; font-size: .68rem; letter-spacing: .06em; text-align: center; background: #101014; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }
@media (max-width: 760px) {
  .vsl-hero { min-height: 100svh; padding: 18px 0 30px; }
  .vsl-hero__copy { margin-bottom: 15px; }
  .vsl-hero__copy .eyebrow { margin-bottom: 10px; font-size: .57rem; }
  .vsl-hero__copy h1 { margin-bottom: 0; font-size: clamp(1.72rem,7.6vw,2.35rem); line-height: 1.02; letter-spacing: -.055em; }
  .vsl-hero__copy > p { display: none; }
  .vsl-player-shell { padding: 3px; border-radius: 13px; }
  .vsl-player,.vsl-player vturb-smartplayer { border-radius: 10px; }
  .vsl-player-note { align-items: flex-start; font-size: .6rem; line-height: 1.5; }
}

@media (max-width: 900px) and (orientation: portrait) {
  .vsl-page:not(.vsl-unlocked) .vsl-orientation-hint { display: flex; }
}

@media (max-width: 900px) and (orientation: landscape) {
  .vsl-hero { min-height: auto; padding: 12px 0 22px; }
  .vsl-hero__copy { margin-bottom: 10px; }
  .vsl-hero__copy h1 { max-width: 760px; font-size: clamp(1.35rem,4.3vw,2rem); }
  .vsl-hero__copy > p,.vsl-player-note { display: none; }
  .vsl-player-shell { width: min(76vw,760px); }
}
