:root{--primary: #1261d6;--secondary: #041f60;--accent: #1261d6;--navy: #041f60;--bg: #ffffff;--surface: #ffffff;--text: #041f60;--muted: #5b6b86;--line: #e6eaf2;--ok: #1c8a4a;--shadow: 0 10px 30px rgba(4, 31, 96, .08)}:root[data-mode=dark]{--bg: #ffffff;--surface: #ffffff;--text: #041f60;--muted: #5b6b86;--line: #e6eaf2}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;background:#fff;color:var(--text)}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif;margin:0 0 .4em;font-weight:700;letter-spacing:-.02em}p{margin:0 0 .7em}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.kicker{letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--primary);margin:0 0 8px}.lede{color:var(--muted);max-width:46ch}.lede.wide{max-width:62ch}.hint{color:var(--muted);font-size:13px}.meta{color:var(--muted);font-size:14px}.btn{border:0;background:var(--primary);color:#fff;padding:12px 20px;border-radius:8px}.btn.ghost{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1px #c9d4ea;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.ghost.light{color:#fff;box-shadow:inset 0 0 0 1px #ffffff59}.btn:disabled{opacity:.4;cursor:not-allowed}.seal{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--primary);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:20px}.seal.sm{width:40px;height:40px;font-size:18px}.site{min-height:100dvh;display:flex;flex-direction:column;background:#fff}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px;flex:1}.hide-m{display:inline}.mast{background:#041f60;color:#fff;position:sticky;top:0;z-index:40;box-shadow:0 8px 24px #041f602e}.mast-bar{display:flex;flex-wrap:wrap;gap:16px 22px;padding:8px 28px;font-size:13px;background:#041f60}.mast-bar span,.mast-bar a,.mast-main nav button,.who span,.copy{display:inline-flex;align-items:center;gap:6px}.mast-bar a{color:#9ec0ff}.mast-main{display:flex;align-items:center;gap:24px;padding:16px 28px}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;color:#fff;text-align:left}.brand strong{display:block;font-family:Plus Jakarta Sans,sans-serif;font-size:20px}.brand small{display:block;color:#9ec0ff;font-size:12px}.mast-main nav{margin-left:auto;display:flex;gap:6px}.mast-main nav button{border:0;background:transparent;color:#d6e2ff;padding:10px 12px;border-radius:8px}.mast-main nav button:hover{background:#ffffff14;color:#fff}.who{display:flex;align-items:center;gap:10px}.who.muted{margin-left:auto;color:#9ec0ff;display:inline-flex;align-items:center;gap:8px}.foot{margin-top:auto;background:#041f60;color:#d6e2ff;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;padding:36px 28px 20px}.foot strong,.foot button,.foot p,.social a,.social span{display:flex;align-items:center;gap:8px;color:inherit}.foot strong{color:#fff;margin-bottom:8px}.foot button{border:0;background:none;color:#9ec0ff;padding:4px 0;text-align:left}.social{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:10px;color:#9ec0ff;font-size:13px}.row-ics{display:flex;flex-wrap:wrap;gap:8px 14px}.row-ics span{display:inline-flex;align-items:center;gap:6px}.copy{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:13px}.gate,.auth{flex:1;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:40px 0}.auth{display:flex;justify-content:center;align-items:flex-start;padding-top:48px}.gate{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.gate-story h1{font-size:clamp(32px,4vw,48px);line-height:1.1}.gate-card{width:min(420px,100%);background:#fff;padding:32px 28px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column}.login-mark{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#041f60;color:#fff;display:grid;place-items:center}.gate-card label{display:block;font-size:12px;color:var(--muted);margin:12px 0 6px;text-align:left}.field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff;color:#041f60}.field:focus-within{border-color:#1261d6;box-shadow:0 0 0 3px #e8f0ff}.field svg{flex:none;color:#1261d6}.field input{flex:1;border:0;background:transparent;color:var(--text);padding:12px 0;outline:none;width:100%}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.tabs.icons button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:11px 10px;font-weight:600}.tabs button.on{background:#041f60;color:#fff;border-color:#041f60}.gate-card .btn{width:100%;margin-top:14px;display:inline-flex;justify-content:center;align-items:center;gap:8px}.sell{padding-left:18px;color:var(--muted)}.sell li{margin:8px 0}.steps{padding-left:18px;color:var(--muted)}.steps li{margin:8px 0}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;padding:28px 0 8px;border-bottom:1px solid var(--line)}.hero h1{font-size:clamp(32px,4vw,46px)}.hero-box{border:1px solid var(--line);border-radius:16px;padding:22px}.hero-box b{font-family:Plus Jakarta Sans,sans-serif;font-size:40px;color:var(--primary)}.how{padding:28px 0}.how ol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;padding:0}.how li{border:1px solid var(--line);border-radius:14px;padding:16px}.how p{margin:0;font-size:14px}.shelf-title{margin:22px 0 12px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ticket{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 0 16px;cursor:pointer;overflow:hidden}.ticket:hover{box-shadow:var(--shadow)}.ticket-head{background:var(--navy);color:#fff;padding:18px 16px 14px}.ticket-head em{font-style:normal;color:#9ec0ff;font-size:12px}.ticket-head h4{color:#fff;margin:4px 0 0}.ticket>p,.ticket .dots,.ticket .meta{padding:0 16px}.ticket>p{color:var(--muted);font-size:14px;margin-top:14px}.dots{margin:0 0 10px;padding:0 16px 0 32px;color:var(--text);font-size:14px}.ticket footer{display:flex;justify-content:space-between;align-items:center;margin:8px 16px 0;padding-top:12px;border-top:1px solid var(--line)}.ticket footer span{color:var(--primary);font-weight:700}.ticket s{color:var(--muted);font-weight:420}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.price{font-size:32px;font-family:Plus Jakarta Sans,sans-serif}.buybox{border:1px solid var(--line);border-radius:16px;padding:22px;height:fit-content}.buybox .btn{width:100%;margin:8px 0 16px}.curriculum ul{margin:6px 0 16px;padding:0;list-style:none}.curriculum li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.learn-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:20px 0 36px;flex:1}.learn-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.pct{color:var(--primary)}.stage{display:grid;grid-template-columns:1.55fr .8fr;gap:16px}.player{background:#041f60;border-radius:14px;overflow:hidden;aspect-ratio:16 / 9}.player iframe{width:100%;height:100%;border:0}.track{border:1px solid var(--line);border-radius:14px;padding:12px;max-height:58vh;overflow:auto}.track button,.desk aside button,.swatches button{width:100%;text-align:left;display:flex;gap:8px;align-items:center;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:8px}.track button.on{background:#eef4ff;color:var(--navy)}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.on{background:var(--ok)}.learn-bar{display:flex;justify-content:space-between;align-items:end;padding-top:16px}.row{display:flex;gap:8px}.desk{display:grid;grid-template-columns:220px 1fr;flex:1;background:#fff}.desk aside{padding:22px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.desk aside button.on{background:var(--navy);color:#fff}.panel{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 24px}.stats article,.preview{background:#fff;padding:16px;border:1px solid var(--line);border-radius:14px}.stats b{font-family:Plus Jakarta Sans,sans-serif;font-size:28px;display:block}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:14px}.picks{display:flex;gap:18px;margin:18px 0}.picks input{width:64px;height:40px;border:0;background:none}.preview{display:flex;gap:12px;align-items:center}.badge{background:var(--primary);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.bar{flex:1;height:8px;background:var(--line);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--primary)}.dock{display:none;position:fixed;inset:auto 12px 12px;background:var(--navy);border-radius:14px;padding:8px}.dock button{flex:1;border:0;background:none;color:#fff;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px}.profile{display:flex;align-items:center;gap:18px;padding:8px 0 20px;border-bottom:1px solid var(--line);margin-bottom:18px}.avatar.lg{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#1261d6;color:#fff;font-size:26px;font-weight:700}.dtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.dtabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:10px 14px;font-weight:600}.dtabs button.on{background:#041f60;color:#fff;border-color:#041f60}.ctab,.acct{border:1px solid var(--line);border-radius:14px;padding:18px}.ctab-top{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-bottom:16px}.ctab-top img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#041f60}.stats.dash{margin:0 0 22px}.dash-list{display:flex;flex-direction:column;gap:10px}.drow{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.drow.on{border-color:#1261d6}.dhead{width:100%;display:grid;grid-template-columns:88px 1fr 140px 24px;gap:14px;align-items:center;border:0;background:#fff;text-align:left;padding:12px;color:inherit}.dhead img{width:88px;height:50px;object-fit:cover;border-radius:6px;background:#041f60}.dhead h4{margin:0 0 4px;font-size:16px}.bar.wrap.slim{margin:0}.chev{color:var(--muted)}.dbody{padding:0 16px 16px;border-top:1px solid var(--line)}.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 0}.dgrid p{margin:0;color:var(--text)}.dgrid b{display:block;color:var(--muted);font-size:12px;font-weight:560}.vlist{list-style:none;padding:0;margin:0 0 14px}.vlist li{margin-bottom:10px}.vlist button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:#f7f9fc;padding:8px 10px;margin-top:6px;border-radius:8px;text-align:left;color:inherit}.vlist small{margin-left:auto;color:var(--muted)}.intro{color:var(--muted);font-size:13px;font-weight:400;margin:4px 0 8px;display:block}.vmeta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px;margin-bottom:10px}.hello{font-size:22px;font-family:Plus Jakarta Sans,sans-serif;margin:0 0 16px}.continue{display:grid;grid-template-columns:280px 1fr;gap:22px;border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;margin-bottom:28px}.continue img{width:100%;height:100%;object-fit:cover;min-height:170px;background:#041f60}.continue>div{padding:18px 18px 18px 0}.row-head,.learn-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.link{border:0;background:none;color:var(--primary)}.gold{color:#e6b800;letter-spacing:1px}.rate{font-size:13px}.rate b{color:#b4690e}.rate.light,.meta.light{color:#d6e2ff}.rate.light b{color:#ffcd6b}.ccard{cursor:pointer}.ccard .thumb{position:relative;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#041f60;margin-bottom:10px}.ccard img{width:100%;height:100%;object-fit:cover;display:block}.ccard em,.thumb em{position:absolute;top:8px;left:8px;background:#eceb98;color:#3d3c0a;font-style:normal;font-size:11px;font-weight:700;padding:3px 7px;border-radius:4px}.play{position:absolute;inset:auto 10px 10px auto;background:#041f60;color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px}.ccard h4{font-size:16px;line-height:1.3;min-height:2.6em}.ins{color:var(--muted);font-size:13px;margin:0}.amt{font-weight:700}.search{width:min(480px,100%);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:8px 0 14px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chips button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:99px;padding:8px 12px}.chips button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chero{background:var(--navy);color:#fff;padding:28px 0 36px}.chero h1{font-size:clamp(26px,4vw,38px)}.chero .sub{color:#d6e2ff;max-width:60ch}.crumb{color:#9ec0ff;font-size:13px}.split.tight{padding-bottom:0}.learnbox{border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:22px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:0;list-style:none}.checks li:before{content:"✓ ";color:var(--primary);font-weight:700}.includes{padding-left:18px;color:var(--muted);font-size:14px}.buybox.sticky{position:sticky;top:110px;margin-top:-120px;background:#fff}.player.mini{aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#041f60;margin-bottom:12px}.player.mini iframe{width:100%;height:100%;border:0}.rev{border:1px solid var(--line);border-radius:10px;padding:14px;margin:10px 0}.bar.wrap{margin:8px 0}.bar.wrap small{color:var(--muted)}.classroom{width:min(1200px,calc(100% - 24px));margin:0 auto;padding:16px 0 40px;display:grid;grid-template-columns:1.55fr .7fr;gap:16px;flex:1}.tabs.line{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:8px 0 14px}.tabs.line button{width:auto;border:0;background:none;padding:10px 12px;color:var(--muted)}.tabs.line button.on{color:var(--navy);box-shadow:inset 0 -2px 0 var(--primary)}.notes{width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:10px}.track header{margin-bottom:12px}.track header small{display:block;color:var(--muted);margin:4px 0 8px}.track button span{display:flex;flex-direction:column}.track button small{color:var(--muted)}.box{width:14px;height:14px;border:2px solid #c9d4ea;border-radius:3px;flex:none}.box.on{background:var(--ok);border-color:var(--ok)}@media(max-width:860px){.gate,.split,.stage,.desk,.stats,.hero,.how ol,.foot,.continue,.classroom,.checks{grid-template-columns:1fr}.mast-bar,.mast-main nav,.foot,.hide-m{display:none}.mast-main{padding:12px 16px;gap:10px}.brand{min-width:0}.brand strong{font-size:17px}.brand small{font-size:11px}.seal.sm{width:36px;height:36px;font-size:16px}.who{margin-left:auto}.who span{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.btn.ghost.light{padding:8px}.page{width:calc(100% - 28px);padding:18px 0 96px}.gate,.auth{width:calc(100% - 28px);padding:20px 0 96px}.gate-story h1{font-size:26px}.profile{align-items:flex-start;gap:12px;padding-bottom:16px}.avatar.lg{width:52px;height:52px;font-size:22px;flex:none}.profile h1{font-size:22px}.row-ics{gap:8px 10px;font-size:12px}.dtabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.dtabs button{flex:none;white-space:nowrap;padding:9px 12px;font-size:13px}.stats{grid-template-columns:1fr 1fr}.stats b{font-size:22px}.desk aside{flex-direction:row;flex-wrap:wrap;border:0}.dock{display:flex;inset:auto 0 0;border-radius:16px 16px 0 0;padding:8px 8px calc(10px + env(safe-area-inset-bottom));z-index:50}.copy{grid-column:auto}.buybox.sticky{position:static;margin-top:0}.continue>div{padding:14px}.learn-bar,.row{flex-wrap:wrap}.learn-bar .btn,.row .btn{flex:1}.classroom{width:calc(100% - 20px);padding-bottom:96px}.dhead{grid-template-columns:72px 1fr 24px}.dhead .bar.wrap{display:none}.dgrid{grid-template-columns:1fr 1fr}.ctab-top{grid-template-columns:1fr}.chero{padding:20px 0 24px}.chero h1{font-size:22px}.shelf{grid-template-columns:1fr}}