:root{--bg:#f6f7f3;--surface:#ffffff;--ink:#15201c;--muted:#5e6a65;--line:#dfe4df;--soft:#ecf1ec;--accent:#1f4a40;--accent-ink:#ffffff;--mint:#9be3c7;--night:#0a100e;--ok:#1e8a5a;--bad:#b3261e;--display:"Sora",system-ui,sans-serif;--body:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r:16px}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.03em;line-height:1.1;margin:0;font-weight:600}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}.muted{color:var(--muted)}.small{font-size:13px}.err{color:var(--bad);font-size:14px}.stack{display:grid;grid-gap:14px;gap:14px}.row{gap:10px}.row,.spread{display:flex;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between;gap:12px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.card{background:var(--surface);border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:22px}.notice{border-radius:12px;padding:12px 14px;font-size:14px;background:var(--soft)}.notice.ok{background:color-mix(in srgb,var(--ok) 12%,var(--surface))}.notice.warn{background:#fff4cc;color:#4d3d00}.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--soft);color:var(--muted)}.tag.ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.tag.warn{background:#fff0c2;color:#6b5200}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 20px;font:600 15px/1 var(--body);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s,opacity .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn-line:hover{box-shadow:inset 0 0 0 1px var(--ink)}.btn-ghost{color:var(--muted)}.btn-danger,.btn-ghost{background:none;padding-inline:8px}.btn-danger{color:var(--bad)}.btn-sm{padding:9px 14px;font-size:14px;border-radius:10px}.btn-lg{padding:16px 28px;font-size:16px}.field{display:grid;grid-gap:6px;gap:6px;font-size:14px;font-weight:600}.field small{font-weight:400;color:var(--muted)}input[type=email],input[type=number],input[type=text],input[type=url],select,textarea{width:100%;border:0;box-shadow:0 0 0 1px var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:11px 12px;font:400 15px/1.4 var(--body)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}[aria-invalid=true]{box-shadow:0 0 0 2px var(--bad)!important}.grid2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid2,.grid3{display:grid;gap:14px}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:14px}@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.toggle{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;cursor:pointer}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.colour{display:flex;gap:8px;align-items:center}.colour input[type=color]{width:42px;height:42px;border:0;padding:0;background:none;border-radius:10px;cursor:pointer}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topnav .wrap{justify-content:space-between;height:64px}.topnav .links,.topnav .wrap{display:flex;align-items:center}.topnav .links{gap:22px;font-size:15px}.topnav .links a:not(.btn){text-decoration:none;color:var(--muted)}.topnav .links a:not(.btn):hover{color:var(--ink)}@media (max-width:640px){.topnav .links a:not(.btn):not(:nth-last-child(2)){display:none}}.logo{display:inline-flex;align-items:center;gap:8px;font:600 22px/1 var(--display);letter-spacing:-.04em;text-decoration:none;color:var(--ink)}.hero{background:var(--night);color:#fff;padding:110px 0 120px;text-align:center}.hero h1{font-size:clamp(40px,7vw,82px);letter-spacing:-.05em;max-width:14ch;margin:18px auto 0}.hero h1 em{font-style:normal;color:var(--mint)}.hero p{color:rgba(255,255,255,.72);font-size:19px;max-width:56ch;margin:22px auto 0}.hero .row{justify-content:center;margin-top:34px}.hero .eyebrow{color:var(--mint)}.btn-white{background:#fff;color:var(--night)}.section{padding:96px 0}.section .head{max-width:640px;display:grid;grid-gap:12px;gap:12px;margin-bottom:40px}.section .head h2{font-size:clamp(30px,4.4vw,48px)}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.features .card{display:grid;grid-gap:8px;gap:8px;padding:26px}.features h3{font-size:20px}@media (max-width:860px){.features{grid-template-columns:1fr}}.plans{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.plans .card{display:grid;grid-gap:10px;gap:10px;padding:28px;align-content:start}.plans .card.hl{box-shadow:0 0 0 2px var(--accent)}.plans .price{font:600 44px/1 var(--display);letter-spacing:-.04em}.plans .price small{font:400 15px var(--body);color:var(--muted);letter-spacing:0}.plans ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:15px}@media (max-width:860px){.plans{grid-template-columns:1fr}}.foot{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--muted)}.auth{min-height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:22px;gap:22px;padding:24px}.auth-logo{text-decoration:none}.auth-card{width:min(420px,92vw);display:grid;grid-gap:12px;gap:12px;padding:30px}.auth-card h1{font-size:28px}.dash{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.dash-side{background:var(--surface);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.dash-side .logo{padding:4px 10px 18px;font-size:20px}.dash-side a.nav{text-decoration:none;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:500;font-size:15px}.dash-side a.nav.on,.dash-side a.nav:hover{background:var(--soft);color:var(--ink)}.dash-side a.nav.on{font-weight:600}.dash-side .bottom{margin-top:auto;display:grid;grid-gap:8px;gap:8px;font-size:13px}.dash-main{padding:34px clamp(18px,4vw,48px) 80px;min-width:0}.dash-main>h1{font-size:32px;margin-bottom:6px}.dash-main>.lead{color:var(--muted);margin-bottom:26px}@media (max-width:860px){.dash{grid-template-columns:1fr}.dash-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line);padding:12px}.dash-side .logo{padding:4px 10px;width:100%}.dash-side .bottom{margin:0;width:100%}}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:22px}.kpis .card{padding:18px;display:grid;grid-gap:4px;gap:4px}.kpis b{font:600 28px/1 var(--display);letter-spacing:-.03em}.kpis span{font-size:13px;color:var(--muted)}@media (max-width:860px){.kpis{grid-template-columns:1fr 1fr}}.checklist{display:grid;grid-gap:8px;gap:8px}.checklist a,.checklist div{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--bg);text-decoration:none;font-size:15px}.checklist i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;box-shadow:inset 0 0 0 1.5px var(--line);flex:none}.checklist .done i{background:var(--ok);color:#fff;box-shadow:none}.checklist .done span{color:var(--muted);text-decoration:line-through}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px}table.list td,table.list th{border-bottom:1px solid var(--line)}table.list td{padding:12px 10px;vertical-align:middle}.table-wrap{overflow-x:auto}.course-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.course-card{text-decoration:none;display:grid;background:var(--surface);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line)}.course-card .im{aspect-ratio:16/10;background:linear-gradient(135deg,var(--soft),color-mix(in srgb,var(--accent) 30%,var(--soft))) 50%/cover}.course-card .tx{padding:14px 16px 16px;display:grid;grid-gap:6px;gap:6px}.course-card b{font-family:var(--display);font-size:18px;letter-spacing:-.02em}.imgup{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:var(--bg);box-shadow:0 0 0 1px var(--line)}.imgup .pv{width:64px;height:48px;border-radius:8px;background:var(--soft) center/cover;flex:none}.imgup .lab{flex:1 1;min-width:0}.imgup .lab,.imgup label{font-size:14px;font-weight:600}.imgup label{color:var(--accent);cursor:pointer}.imgup input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:1100px){.editor{grid-template-columns:1fr}}.mod{border-radius:14px;box-shadow:0 0 0 1px var(--line);background:var(--surface);padding:12px;display:grid;grid-gap:8px;gap:8px}.mod-h{display:flex;gap:6px;align-items:center}.mod-h .n{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.mod-h input{font-weight:600}.ic{border:0;background:var(--bg);width:32px;height:32px;border-radius:8px;cursor:pointer;color:var(--muted);display:grid;place-items:center;flex:none;font-size:14px}.ic:hover:not(:disabled){color:var(--ink);background:var(--soft)}.ic:disabled{opacity:.35;cursor:default}.les{display:flex;gap:6px;align-items:center;border-radius:10px;background:var(--bg);padding:4px 4px 4px 12px}.les.on{box-shadow:0 0 0 2px var(--accent)}.les button.nm{flex:1 1;min-width:0;text-align:left;border:0;background:none;cursor:pointer;padding:6px 0;display:grid;grid-gap:2px;gap:2px;color:var(--ink);font:inherit}.les .nm b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.les .nm small{font-size:12px;color:var(--muted)}.les .nm small.ok{color:var(--ok)}.add{border:1.5px dashed color-mix(in srgb,var(--ink) 22%,transparent);background:none;border-radius:10px;padding:9px;font:600 14px var(--body);color:var(--accent);cursor:pointer}.drop{display:grid;grid-gap:4px;gap:4px;place-items:center;text-align:center;border:1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent);border-radius:12px;padding:26px 14px;cursor:pointer;background:var(--bg)}.drop:hover{border-color:var(--accent)}.drop b{color:var(--accent)}.bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);transition:width .3s}.saved{font-size:13px;color:var(--muted)}.store{--s-bg:#f7f4ee;--s-ink:#1b1b1b;--s-accent:#1f4a40;background:var(--s-bg);color:var(--s-ink);font-family:var(--s-body);min-height:100vh;--s-muted:color-mix(in srgb,var(--s-ink) 64%,var(--s-bg));--s-line:color-mix(in srgb,var(--s-ink) 13%,var(--s-bg));--s-alt:color-mix(in srgb,var(--s-ink) 5%,var(--s-bg))}.store h1,.store h2,.store h3{font-family:var(--s-head);letter-spacing:-.02em;font-weight:600}.store .wrap{max-width:1120px}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 26px;font:600 15px/1 var(--s-body);cursor:pointer;text-decoration:none;background:var(--s-accent);color:#fff}.s-btn.alt{background:transparent;color:var(--s-ink);box-shadow:inset 0 0 0 1.5px currentColor}.s-btn:disabled{opacity:.6}.s-head{border-bottom:1px solid var(--s-line)}.s-head .wrap{justify-content:space-between;gap:16px;height:74px}.s-head .wrap,.s-logo{display:flex;align-items:center}.s-logo{font:600 24px/1 var(--s-head);text-decoration:none;color:inherit;gap:10px}.s-logo img{height:40px;width:auto}.s-nav{display:flex;gap:22px;font-size:15px;align-items:center}.s-nav a{text-decoration:none;color:var(--s-muted)}.s-nav a:hover{color:var(--s-ink)}@media (max-width:640px){.s-nav a.hide-sm{display:none}}.s-hero{padding:clamp(56px,9vw,110px) 0}.s-hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:48px;gap:48px;align-items:center}.s-hero.noimg .wrap{grid-template-columns:1fr;text-align:center;justify-items:center}.s-hero h1{font-size:clamp(40px,6.4vw,76px);line-height:1.02}.s-hero p{font-size:19px;color:var(--s-muted);margin-top:20px;max-width:46ch}.s-hero .row{margin-top:30px}.s-hero .pic{aspect-ratio:4/5;border-radius:28px;background:50%/cover}@media (max-width:820px){.s-hero .wrap{grid-template-columns:1fr}.s-hero .pic{aspect-ratio:4/3}}.s-sec{padding:clamp(56px,8vw,96px) 0}.s-sec.alt{background:var(--s-alt)}.s-sec h2{font-size:clamp(30px,4.4vw,48px);margin-bottom:30px}.s-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:22px;gap:22px}.s-card{text-decoration:none;color:inherit;display:grid;background:var(--s-bg);border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--s-line);transition:transform .2s}.s-card:hover{transform:translateY(-3px)}.s-card .im{aspect-ratio:16/11;background:linear-gradient(135deg,color-mix(in srgb,var(--s-accent) 30%,var(--s-bg)),var(--s-alt)) 50%/cover}.s-card .tx{padding:18px 20px 22px;display:grid;grid-gap:6px;gap:6px}.s-card h3{font-size:22px}.s-card .pr{font-weight:700;margin-top:6px}.s-about .wrap{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:48px;gap:48px;align-items:center}.s-about .pic{aspect-ratio:1;border-radius:50%;background:50%/cover}.s-about.noimg .wrap{grid-template-columns:1fr;max-width:760px}.s-about p{white-space:pre-line;font-size:17px;color:var(--s-muted)}@media (max-width:820px){.s-about .wrap{grid-template-columns:1fr}.s-about .pic{max-width:280px}}.s-faq{max-width:760px}.s-faq details{border-bottom:1px solid var(--s-line);padding:18px 0}.s-faq summary{cursor:pointer;font-weight:600;font-size:17px}.s-faq details p{margin-top:10px;color:var(--s-muted);white-space:pre-line}.s-foot{border-top:1px solid var(--s-line);padding:26px 0;font-size:14px;color:var(--s-muted)}.s-foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.s-foot a{color:inherit}.s-banner{background:#fff4cc;color:#4d3d00;text-align:center;font:500 14px/1.4 var(--body);padding:10px 16px}.s-course{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:48px;gap:48px;align-items:start}@media (max-width:900px){.s-course{grid-template-columns:1fr}}.s-course .cover{aspect-ratio:16/9;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--s-accent) 30%,var(--s-bg)),var(--s-alt)) 50%/cover;margin-bottom:28px}.s-course .desc{white-space:pre-line;font-size:17px;color:var(--s-muted)}.s-buy{position:-webkit-sticky;position:sticky;top:24px;border-radius:22px;padding:26px;box-shadow:0 0 0 1px var(--s-line),0 30px 60px -40px rgba(0,0,0,.4);display:grid;grid-gap:14px;gap:14px;background:var(--s-bg)}.s-buy .pr{font:600 40px/1 var(--s-head)}.s-buy .s-btn{width:100%}.s-buy ul{margin:0;padding-left:18px;color:var(--s-muted);font-size:15px}.outline{display:grid;grid-gap:12px;gap:12px;margin-top:36px}.outline .m{border-radius:16px;box-shadow:0 0 0 1px var(--s-line);overflow:hidden}.outline .m>b{display:block;padding:14px 18px;background:var(--s-alt)}.outline .l{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--s-line);font-size:15px}.outline .l small{color:var(--s-muted)}.outline .free{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--s-accent);margin-left:8px}.class{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:calc(100vh - 64px)}.class-side{border-right:1px solid var(--s-line);padding:22px 16px;display:grid;grid-gap:16px;gap:16px;align-content:start;background:var(--s-alt)}.class-side .prog{display:grid;grid-gap:8px;gap:8px}.class-side .prog .bar{background:color-mix(in srgb,var(--s-ink) 10%,transparent)}.class-side .prog .bar i{background:var(--s-accent)}.class-side .mt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--s-muted);padding:6px 10px}.class-side a.l{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;text-decoration:none;padding:9px 10px;border-radius:10px;font-size:15px}.class-side a.l:hover{background:color-mix(in srgb,var(--s-ink) 6%,transparent)}.class-side a.l.on{background:color-mix(in srgb,var(--s-accent) 16%,transparent);font-weight:600}.class-side a.l i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;background:color-mix(in srgb,var(--s-ink) 8%,transparent)}.class-side a.l.done i{background:var(--s-accent);color:#fff}.class-side a.l small{color:var(--s-muted);font-size:12px}.class-main{padding:28px clamp(18px,4vw,56px) 80px;display:grid;grid-gap:18px;gap:18px;align-content:start;max-width:1080px}.class-main h1{font-size:clamp(28px,3.6vw,42px)}.player{border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9}.player mux-player{width:100%;height:100%;display:block;--media-object-fit:contain}.locked,.novideo{aspect-ratio:16/9;border-radius:18px;display:grid;place-content:center;justify-items:center;grid-gap:14px;gap:14px;text-align:center;padding:24px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--s-ink) 88%,var(--s-accent)),color-mix(in srgb,var(--s-accent) 60%,var(--s-ink)))}.locked .s-btn,.novideo .s-btn{background:#fff;color:#111}.lnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.notes{white-space:pre-line;font-size:17px;line-height:1.75;max-width:72ch}@media (max-width:900px){.class{grid-template-columns:1fr}.class-side{order:2;border-right:0;border-top:1px solid var(--s-line)}}.mycourses{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px}