:root{--ink: #1c2430;--muted: #5c6b7c;--cyan: #3ec4ee;--cyan-deep: #129ec8;--yellow: #f6e56a;--cream: #f3fafc;--card: #ffffff;--line: rgba(28, 36, 48, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow: 0 18px 50px rgba(28, 55, 72, .08);color:var(--ink);font-family:Manrope,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{background:#d9eef5}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;padding:0}h1,h2,h3,p{margin:0}h1,.prompt,.brand b,.top-title{font-family:Unbounded,sans-serif;letter-spacing:-.04em}.shell{min-height:100dvh;display:flex;justify-content:center;position:relative;overflow:hidden}.symbols{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.symbols span{position:absolute;font-family:Unbounded,sans-serif;color:#1c24300f;animation:drift 14s ease-in-out infinite}.symbols span:nth-child(1){top:12%;left:8%;font-size:64px}.symbols span:nth-child(2){top:28%;right:10%;font-size:48px;animation-delay:-4s}.symbols span:nth-child(3){bottom:18%;left:14%;font-size:80px;animation-delay:-8s}.symbols span:nth-child(4){bottom:8%;right:18%;font-size:56px;animation-delay:-2s}.phone{width:min(100%,440px);height:100dvh;max-height:100dvh;overflow:hidden;background:radial-gradient(520px 280px at 100% -10%,rgba(246,229,106,.55),transparent 60%),radial-gradient(420px 320px at -20% 8%,rgba(62,196,238,.28),transparent 60%),var(--cream);position:relative;display:flex;flex-direction:column;box-shadow:0 0 0 1px #ffffffb3,0 30px 80px #143c501f}.topbar{display:flex;align-items:center;gap:12px;padding:calc(14px + var(--safe-top)) 20px 8px;position:relative;z-index:2}.brand{display:flex;flex-direction:column;gap:1px}.brand b{font-size:18px;font-weight:600}.brand span,.eyebrow,.fine,.card-kicker,.lesson-row em{color:var(--muted);font-size:13px;font-weight:650}.video-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.video-copy small{color:var(--muted);font-size:13px;font-weight:700}.price-chip,.back{margin-left:auto}.price-chip{height:36px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:750;font-size:13px;white-space:nowrap}.back{width:40px;height:40px;margin-left:0;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center}.back svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.top-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-spacer{width:40px;flex:none}.scroll{flex:1;overflow:auto;scrollbar-width:none;position:relative;z-index:1}.scroll::-webkit-scrollbar{display:none}.screen{min-height:100%;padding:8px 20px calc(28px + var(--safe-bottom));animation:settle .48s cubic-bezier(.22,1,.36,1)}.home,.pay,.finale,.lesson,.lesson-list{display:flex;flex-direction:column}.stage{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column}.stage.is-waiting{opacity:0}.stage.is-in{animation:rise .62s cubic-bezier(.22,1,.36,1) both}.intro-layer{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:flex-start;padding:calc(12px + var(--safe-top)) 20px calc(14px + var(--safe-bottom));background:radial-gradient(520px 280px at 100% -10%,rgba(246,229,106,.55),transparent 60%),radial-gradient(420px 320px at -20% 8%,rgba(62,196,238,.28),transparent 60%),var(--cream)}.intro-layer.is-leaving{animation:intro-out .55s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}.intro-top{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;text-align:center;scrollbar-width:none}.intro-top::-webkit-scrollbar{display:none}.intro-top h1{font-size:34px;margin:2px 0 8px}.intro-top .lede{max-width:32ch}.intro-topics{list-style:none;width:100%;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.intro-topics li{display:flex;align-items:center;gap:8px;min-width:0;text-align:left;background:#fff;border-radius:16px;padding:8px 10px 8px 8px;box-shadow:var(--shadow);font-weight:800;font-size:13px}.intro-topics b{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e7f7fc;color:var(--cyan-deep);font-family:Unbounded,sans-serif;font-size:11px;letter-spacing:-.04em}.intro-topics span{min-width:0}.intro-action{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px}.nudge{margin:0;min-height:22px;color:var(--cyan-deep);font-size:14px;font-weight:800;letter-spacing:.01em;opacity:0}.nudge.is-on{animation:nudge-in .4s ease forwards,nudge 1.15s ease-in-out .4s infinite}.start-btn{position:relative;overflow:hidden;width:100%;height:56px;border-radius:999px;background:#e4eef2;color:#8ea0ab;font-weight:800;font-size:16px}.start-btn span{position:relative;z-index:1}.start-btn i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#b7e7f6,#8fd8ef)}.start-btn.is-ready{color:#07303a;box-shadow:0 12px 28px #129ec847;animation:invite 1.25s ease-in-out infinite}.start-btn.is-ready i{background:linear-gradient(180deg,#5fd4f6,var(--cyan-deep))}.start-btn:disabled{cursor:default}.intro h1,.home h1,.pay h1,.finale h1{font-size:40px;line-height:.98;font-weight:600;margin:6px 0 10px}.lede{color:var(--muted);font-size:16px;line-height:1.45;max-width:34ch}.lede.tight{margin-bottom:16px}.sticker{display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.intro-sticker,.hero-sticker{width:min(72%,280px);max-height:250px;margin:0 auto 4px;filter:drop-shadow(0 18px 28px rgba(28,90,110,.16));animation:float 4.8s ease-in-out infinite}.intro-sticker{width:min(52%,190px);max-height:156px;margin:0 auto 6px}.pay-sticker{width:210px;margin:0 auto 4px;filter:drop-shadow(0 16px 24px rgba(28,90,110,.14))}.card{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:18px}.continue-card{margin-top:16px}.continue-card h2,.note h2,.annual h2,.remind h3{font-size:22px;letter-spacing:-.03em;margin:6px 0 14px}.card-kicker,.stats{display:flex;justify-content:space-between;gap:12px}.track{height:8px;border-radius:99px;background:#e7eef2;overflow:hidden;margin-bottom:16px}.track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),#7adcf3);transition:width .8s cubic-bezier(.22,1,.36,1)}.btn{width:100%;height:56px;border-radius:999px;background:linear-gradient(180deg,#5fd4f6,var(--cyan-deep));color:#07303a;font-weight:800;font-size:16px;box-shadow:0 10px 24px #129ec847;transition:transform .18s ease,opacity .18s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;box-shadow:none}.btn.dark{background:var(--ink);color:#fff;box-shadow:none}.stats{margin:14px 0}.stats div{flex:1;background:#ffffffb8;border-radius:22px;padding:14px 12px;display:flex;flex-direction:column;gap:2px}.stats strong{font-family:Unbounded,sans-serif;font-size:22px}.stats span{color:var(--muted);font-size:12px;font-weight:700}.toast{position:absolute;z-index:12;top:calc(70px + var(--safe-top));left:16px;right:16px;animation:toast-in .45s cubic-bezier(.22,1,.36,1) both}.toast.is-leaving{animation:toast-out .4s ease forwards;pointer-events:none}.remind{position:relative;display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:center;padding:10px 34px 10px 6px}.remind-close{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#eef6f8;display:grid;place-items:center}.remind-close svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.remind img{width:92px;height:92px;object-fit:contain}.remind h3{font-size:16px;margin:0 0 4px}.remind p,.note p,.annual p,.sheet p,.perks{color:var(--muted);font-size:14.5px;line-height:1.45}.text-link{margin:18px auto 0;font-weight:800;color:var(--cyan-deep)}.lesson-row{width:100%;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;text-align:left;background:#fff;border-radius:24px;padding:12px;margin-bottom:10px;box-shadow:var(--shadow);animation:rise .55s cubic-bezier(.22,1,.36,1) both}.lesson-row strong,.video-copy strong{display:block;font-size:16px}.lesson-row em{font-style:normal}.study{display:flex;flex-direction:column;gap:14px}.topic-card{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:14px 14px 6px}.topic-head{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;margin-bottom:6px}.topic-head h2{font-size:18px;letter-spacing:-.03em}.topic-head p{color:var(--muted);font-size:13px;font-weight:650}.chip{font-size:11px;font-weight:800;line-height:1.2;text-align:center;border-radius:999px;padding:6px 8px;background:#e7f7fc;color:var(--cyan-deep)}.chip.pay{background:var(--ink);color:#fff}.chip.now{background:#e7f7fc;color:var(--cyan-deep)}.chip.seq{background:#eef2f4;color:#6d7d8c}.chip.done{background:var(--yellow);color:var(--ink)}.study-row{width:100%;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;text-align:left;padding:11px 2px;border-top:1px solid var(--line)}.study-row.is-here{grid-template-columns:36px minmax(0,1fr) auto}.study-row strong{display:block;font-size:15px}.go{height:34px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#5fd4f6,var(--cyan-deep));color:#07303a;font-size:13px;font-weight:800;box-shadow:0 6px 14px #129ec838}.study-row em{color:var(--muted);font-style:normal;font-size:12px;font-weight:700}.mini{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#e7f7fc;color:var(--cyan-deep);font-family:Unbounded,sans-serif;font-size:13px}.mini svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.study-row.done .mini{background:var(--yellow);color:var(--ink)}.study-row.seq .mini{background:#eef2f4;color:#7d8c9a}.study-row.pay .mini{background:var(--ink);color:#fff}.dot{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#e7f7fc;color:var(--cyan-deep);font-family:Unbounded,sans-serif;font-size:16px}.dot.mark{font-size:13px;letter-spacing:-.05em}.lesson-row.done .dot{background:var(--yellow);color:var(--ink)}.lesson-page{display:flex;flex-direction:column;animation:settle .45s cubic-bezier(.22,1,.36,1)}.lesson-step{margin-top:14px}.lesson-page .video-block{margin:12px 0 16px}.text-link.back-text{margin:16px 0 8px;align-self:flex-start}.video-block .video-copy{margin-top:10px}.video{position:relative;overflow:hidden;border-radius:26px;background:#1c2430;line-height:0}.video video{display:block;width:100%;height:auto;aspect-ratio:516 / 360;background:#1c2430}.video-overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#0c141c14,#0c141c47)}.play-face{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-weight:800;font-size:18px;box-shadow:0 10px 24px #10203047}.video-block.is-watched .play-face{background:#fff}.note{margin-bottom:18px}.note h2{margin-top:4px}.note ul,.perks{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.note li,.perks li{background:#f4fbfc;border-radius:14px;padding:10px 12px;color:var(--ink);font-weight:700}.test{margin-top:4px}.prompt{font-size:30px;line-height:1.25;margin:12px 0 16px}.log sub{font-size:.55em;margin-right:1px}.options{display:grid;gap:8px;margin-bottom:14px}.options button{height:58px;border-radius:18px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:0 14px;font-weight:750;font-size:17px;text-align:left;transition:transform .18s ease,background .18s ease,color .18s ease}.options button i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef6f8;font-style:normal;font-size:13px;color:var(--muted)}.options button.is-on{background:var(--ink);color:#fff;transform:scale(.985)}.options button.is-on i{background:#ffffff24;color:#fff}.backdrop{position:absolute;inset:0;z-index:5;background:#121c2647;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end;animation:fade .28s ease}.backdrop.is-leaving{animation:fade-out .42s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.sheet{position:relative;width:100%;background:#fff;border-radius:32px 32px 0 0;padding:8px 22px calc(18px + var(--safe-bottom));box-shadow:0 -20px 60px #10203029;overflow:hidden;animation:sheet-in .5s cubic-bezier(.22,1,.36,1)}.backdrop.is-leaving .sheet{animation:sheet-out .42s cubic-bezier(.22,1,.36,1) forwards}.sheet-close{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;border-radius:50%;background:#eef6f8;display:grid;place-items:center}.sheet-close svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round}.sheet-sticker{width:210px;height:190px;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 12px 18px rgba(28,90,110,.14));animation:pop .55s cubic-bezier(.2,.85,.2,1.15)}.sheet h2{font-family:Unbounded,sans-serif;font-size:28px;letter-spacing:-.04em;margin-bottom:8px}.sheet p{margin-bottom:16px}.burst{position:absolute;left:0;right:0;top:20px;height:180px;pointer-events:none}.burst i{position:absolute;top:70%;width:9px;height:9px;border-radius:99px;animation:burst .8s ease-out forwards}.pay h1 small{font-size:.42em}.perks{margin:18px 0}.fine{text-align:center;margin-top:10px}.annual{margin-top:18px}.annual .btn{margin-top:14px}.lesson-title{font-size:34px;line-height:1.05;margin-top:6px}.lift{animation:lift .6s cubic-bezier(.22,1,.36,1) both}.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.32s}@keyframes settle{0%{transform:translateY(14px)}to{transform:none}}@keyframes lift{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-14px)}}@keyframes intro-out{to{opacity:0;transform:translateY(-18px)}}@keyframes nudge-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes invite{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.015)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(48px)}to{transform:none}}@keyframes sheet-out{to{transform:translateY(110%);opacity:0}}@keyframes pop{0%{transform:scale(.72) rotate(-6deg)}70%{transform:scale(1.04) rotate(1deg)}to{transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes burst{to{transform:translateY(-110px) scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-sticker,.intro-sticker,.nudge.is-on,.start-btn.is-ready,.symbols span,.lesson-row,.burst i,.track i{animation:none!important}}