@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:light;--paper:#fcfdff;--ink:#151b27;--muted:#737f93;--line:#e5e9ee;--lime:#d7ff61;--radius:16px;--tg-safe-area-inset-top:0px;--tg-content-safe-area-inset-top:0px;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#eef1f5;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:wait}
button:focus-visible,a:focus-visible{outline:3px solid #455cce;outline-offset:4px}
button,a{transition:background .16s ease,transform .16s ease}
button:active{transform:translateY(1px)}
button:disabled:active{transform:none}
[hidden]{display:none!important}
p,h1,h2,h3{margin:0}
.miniapp{max-width:448px;margin:36px auto;padding:22px 28px 26px;background:var(--paper);border-radius:26px;box-shadow:0 16px 70px #13213b0b;overflow-wrap:break-word}
.author{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.avatar{width:46px;height:46px;object-fit:cover;object-position:center 34%;border-radius:50%}
.author-name{font-size:19px;font-weight:800;letter-spacing:-.55px;line-height:1.3}
.author-detail{font-size:16px;color:var(--muted);line-height:1.6;letter-spacing:-.25px}
.offer{padding-top:20px}
h1{font-size:58px;font-weight:800;line-height:1.01;letter-spacing:-2.6px}
h1 span{display:block}
.promise{font-size:24px;font-weight:400;line-height:1.23;letter-spacing:-.8px;margin-top:18px}
.video-cover{display:block;position:relative;width:100%;padding:0;margin-top:20px;overflow:hidden;border:0;border-radius:var(--radius);background:#111;aspect-ratio:16/9}
.video-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.play-mark{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;background:#1b2a3f8c;border-radius:50%;backdrop-filter:blur(3px);transition:background .16s ease}
.play-mark svg{width:33px;height:33px;fill:#fff;transform:translateX(1px)}
.video-cover:hover .play-mark{background:#1b2a3fd6}
.video-caption{padding-top:13px}
.video-caption h2{font-size:23px;font-weight:800;line-height:1.28;letter-spacing:-.85px}
.video-caption>p{font-size:18px;color:var(--muted);line-height:1.5;margin-top:2px;letter-spacing:-.35px}
.bonus{display:flex;align-items:center;gap:18px;margin-top:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.gift-icon{width:40px;height:40px;flex:none}
.bonus-title{font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.5px}
.bonus-description{font-size:16px;color:var(--muted);line-height:1.45;letter-spacing:-.5px}
.action-area{padding-top:18px;background:var(--paper)}
.primary-button{width:100%;min-height:60px;border:0;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;gap:24px;background:var(--lime);font-size:23px;font-weight:800;line-height:1.25;letter-spacing:-.7px;padding:14px 18px}
.primary-button>svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.primary-button:hover{background:#caf343}
.primary-button:disabled{background:#e3eece;color:#536345}
.primary-button.busy>svg{animation:pulse 1s ease-in-out infinite}
.action-hint{font-size:13px;color:var(--muted);line-height:1.5;text-align:center;padding:9px 0 0;letter-spacing:-.2px}
.status{font-size:14px;line-height:1.5;background:#f0f3f7;border:1px solid var(--line);padding:12px 14px;border-radius:12px;margin-bottom:12px}
.status.error{background:#fff4ed;color:#914318;border-color:#f0d8c6}
.secondary-button{display:block;text-decoration:none;text-align:center;font-size:16px;font-weight:700;line-height:1.4;padding:13px;margin-top:10px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#fff}
footer{color:var(--muted);font-size:12px;text-align:center;margin-top:20px;line-height:1.5}
.noscript{font-size:14px;margin-top:18px}
.back-button{display:inline-flex;align-items:center;gap:9px;border:0;padding:0;background:none;font-size:14px;font-weight:500;line-height:1.4;color:var(--muted);margin:22px 0 20px}
.back-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lesson h1{font-size:32px;line-height:1.12;letter-spacing:-1.25px;margin-bottom:22px}
.lesson h1:focus{outline:none}
.player-frame{width:100%;aspect-ratio:16/9;min-height:200px;background:#10141d;border-radius:var(--radius);overflow:hidden;position:relative}
.player-frame iframe,.player-frame video{display:block;width:100%;height:100%;border:0}
#video-unavailable{color:#fff;font-size:15px;line-height:1.5;padding:24px}
.player-hint{font-size:11px;color:var(--muted);line-height:1.5;margin-top:9px}
.video-external{display:inline-block;color:#536477;font-size:11px;line-height:1.5;margin-top:3px;text-underline-offset:3px}
.connection-card{display:flex;align-items:flex-start;gap:14px;background:#f0f3f7;border:1px solid #e6ebf1;border-radius:var(--radius);padding:18px;margin-top:19px}
.connection-card.connected{background:#eef8d7;border-color:#eef8d7}
.connection-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#e0e6ef;color:#5f6d81;margin-top:1px}
.connected .connection-icon{background:var(--lime);color:var(--ink)}
.connection-icon svg{height:21px;width:21px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.connection-card h2{font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.5px;margin-bottom:5px}
.connection-card p{font-size:13px;line-height:1.5;color:#67768b}
.next-steps{margin-top:26px}
.next-steps>h2{font-size:25px;font-weight:800;line-height:1.25;letter-spacing:-.9px;margin-bottom:16px}
.next-steps ol{list-style:none;padding:0;margin:0}
.next-steps li{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.next-steps li:first-child{padding-top:0}
.next-steps li:last-child{border-bottom:0;padding-bottom:0}
.step-number{font-size:15px;font-weight:800;color:#8490a2;line-height:1.6;min-width:25px;font-variant-numeric:tabular-nums}
.next-steps h3{font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.45px}
.next-steps p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:5px;letter-spacing:-.1px}
.lesson-bot-link{margin-top:23px;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:48px;padding:11px 14px;border:1px solid #8c96a8;border-radius:12px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-.25px}
.lesson-bot-link:hover{background:#edf1f6}
.lesson-bot-link svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lesson-bottom{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin-top:9px}
@keyframes pulse{50%{opacity:.3}}
@media(max-width:500px){
 :root{background:var(--paper)}
 .miniapp{max-width:448px;margin:0 auto;padding:calc(20px + var(--tg-safe-area-inset-top) + var(--tg-content-safe-area-inset-top)) 28px max(20px,env(safe-area-inset-bottom));border-radius:0;box-shadow:none}
 h1{font-size:clamp(39px,12.8vw,56px)}
 .promise{font-size:clamp(19px,5.52vw,24px)}
 .video-caption h2{font-size:clamp(18px,5.2vw,23px)}
 .video-caption>p{font-size:17px}
 .bonus{gap:15px}
 .bonus-description{font-size:15px}
 .primary-button{font-size:22px}
}
@media(max-width:359px){
 .miniapp{padding-left:20px;padding-right:20px}
 h1{letter-spacing:-1.8px}
 .author-name{font-size:17px}.author-detail{font-size:14px}
 .bonus-title{font-size:16px}.bonus-description{font-size:13px}
 .primary-button{font-size:20px;gap:16px}
 .lesson h1{font-size:27px}.connection-card{padding:14px;gap:10px}.connection-card p{font-size:12px}.connection-card h2{font-size:16px}
 .next-steps>h2{font-size:22px}.next-steps li{gap:12px}.next-steps h3{font-size:16px}.next-steps p{font-size:13px}.lesson-bot-link{font-size:13px}
}
@media(max-width:500px) and (max-height:760px){
 .action-area{position:sticky;bottom:0;margin:0 -10px;padding:12px 10px calc(10px + env(safe-area-inset-bottom));z-index:3;border-radius:18px 18px 0 0;box-shadow:0 -10px 20px #fcfdfff0}
 footer{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}