:root{--teal-50:#d4eff2;--teal-100:#b6e4ea;--teal-300:#6fcad5;--teal-500:#0a97a8;--teal-600:#0a7a88;--teal-700:#08606c;--teal-900:#063a42;--coral-50:#ffe6e1;--coral-500:#ff6f5e;--coral-700:#b23e2e;--amber-50:#fdf1da;--amber-500:#f5a524;--amber-700:#9a6206;--green-50:#ddf5ec;--green-500:#12b27a;--green-700:#0a6e4c;--rose-50:#fce1e6;--rose-500:#ef4a63;--rose-700:#a81f3b;--sky-50:#e2f0fd;--sky-500:#2e90fa;--sky-700:#175cd3;--n0:#fff;--n25:#fafbfb;--n50:#f4f6f7;--n100:#eaedee;--n200:#dce0e2;--n400:#a3a6aa;--n600:#676a70;--n800:#33363a;--n900:#1b1d21;--dv1:#0a97a8;--dv2:#f5a524;--dv3:#e23a6d;--dv4:#2e90fa;--dv5:#12b27a;--dv6:#7c5cf0;--dv7:#ff7a45;--dv8:#64748b;--bg:#f4f6f7;--surface:#fff;--surface-2:#fafbfb;--text:#1b1d21;--text-2:#676a70;--text-3:#a3a6aa;--text-inv:#fff;--border:#eaedee;--border-2:#dce0e2;--primary:#0a97a8;--primary-hover:#0a7a88;--primary-contrast:#fff;--primary-subtle:#d4eff2;--on-primary-subtle:#086572;--accent:#ff6f5e;--accent-subtle:#ffe6e1;--on-accent-subtle:#b23e2e;--success:#12b27a;--success-subtle:#ddf5ec;--on-success-subtle:#0a6e4c;--warning:#f5a524;--warning-subtle:#fdf1da;--on-warning-subtle:#9a6206;--danger:#ef4a63;--danger-subtle:#fce1e6;--on-danger-subtle:#a81f3b;--info:#2e90fa;--info-subtle:#e2f0fd;--on-info-subtle:#175cd3;--focus:#0a97a8;--shadow-sm:0 1px 2px rgba(16,26,28,.06),0 1px 3px rgba(16,26,28,.05);--shadow-md:0 6px 16px -4px rgba(16,26,28,.12),0 2px 6px -2px rgba(16,26,28,.07);--shadow-lg:0 22px 48px -14px rgba(8,60,68,.28);--r-sm:12px;--r-md:16px;--r-lg:24px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--disp:"Bricolage Grotesque",-apple-system,"Segoe UI",Roboto,sans-serif;--body:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--brand-grad:linear-gradient(140deg,var(--primary),#2fbccb)}[data-theme=dark]{--bg:#0d1517;--surface:#16211f;--surface-2:#1d2927;--text:#eff3f2;--text-2:#aeb6b4;--text-3:#74807d;--text-inv:#0d1517;--border:#263230;--border-2:#354240;--primary:#2fbccb;--primary-hover:#4ccbd8;--primary-contrast:#062227;--primary-subtle:#123033;--on-primary-subtle:#8bdce5;--accent:#ff8574;--accent-subtle:#3a211c;--on-accent-subtle:#ffc3b8;--success:#3ed09a;--success-subtle:#13341f;--on-success-subtle:#a6efce;--warning:#f6b54c;--warning-subtle:#3a2d18;--on-warning-subtle:#fbd79a;--danger:#f86c86;--danger-subtle:#3b1b22;--on-danger-subtle:#fbc1cc;--info:#5aaafb;--info-subtle:#152a40;--on-info-subtle:#b6d9fd;--focus:#2fbccb;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 8px 20px -6px rgba(0,0,0,.55);--shadow-lg:0 24px 50px -14px rgba(0,0,0,.7)}@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--body);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--primary-subtle);outline-offset:2px}.font-disp{font-family:var(--disp)}.font-mono{font-family:var(--mono)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.display{font-family:var(--disp);font-weight:800;font-size:clamp(38px,6vw,58px);line-height:1.02;letter-spacing:-.03em}.h1{font-size:clamp(26px,4vw,32px);line-height:1.1;letter-spacing:-.02em}.h1,.h2{font-family:var(--disp);font-weight:700}.h2{font-size:clamp(22px,3vw,24px);line-height:1.2}.h2,.h3{letter-spacing:-.01em}.h3{font-family:var(--disp);font-weight:600;font-size:19px;line-height:1.3}.lead{font-size:16px}.lead,.muted{color:var(--text-2)}.dim{color:var(--text-3)}.small{font-size:13px}.caption{font-size:12px;color:var(--text-3);font-weight:600}.num{font-family:var(--disp);font-weight:700;letter-spacing:-.02em}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.grow{flex:1 1}.gap1{gap:4px}.gap2{gap:8px}.gap3{gap:12px}.gap4{gap:16px}.gap5{gap:24px}.gap6{gap:32px}.mt1{margin-top:4px}.mt2{margin-top:8px}.mt3{margin-top:12px}.mt4{margin-top:16px}.mt5{margin-top:24px}.mt6{margin-top:32px}.grid{display:grid;grid-gap:14px;gap:14px}.g2{grid-template-columns:1fr}.g3,.g4{grid-template-columns:1fr 1fr}@media (min-width:720px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px}.card.pad-sm{padding:14px}.card.pad-lg{padding:24px}.card.hover{transition:border-color .15s,transform .15s,box-shadow .15s}.card.hover:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.surface-2{background:var(--surface-2)}.divider{height:1px;background:var(--border);border:0}.btn{border:none;cursor:pointer;font-family:var(--body);font-weight:700;font-size:14px;padding:12px 18px;border-radius:13px;background:var(--primary);color:var(--primary-contrast);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,filter .15s,transform .1s;text-decoration:none}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}.btn.sub{color:var(--on-primary-subtle)}.btn.sub,.btn.sub:hover{background:var(--primary-subtle)}.btn.sub:hover{filter:brightness(.97)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border-2)}.btn.ghost:hover{background:var(--surface-2)}.btn.dng{color:#fff}.btn.dng,.btn.dng:hover{background:var(--danger)}.btn.dng:hover{filter:brightness(.95)}.btn.accent{background:var(--accent);color:var(--on-accent-subtle)}.btn.accent:hover{filter:brightness(.97);background:var(--accent)}.btn.sm{padding:8px 13px;font-size:12.5px;border-radius:10px}.btn.lg{padding:15px 22px;font-size:15px;border-radius:15px}.btn.block{width:100%}.btn.icon{padding:10px;border-radius:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s}.chip:hover{border-color:var(--border-2)}.chip.on{border-color:var(--primary);background:var(--primary-subtle);color:var(--on-primary-subtle)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:var(--r-pill)}.badge svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2}.b-p{background:var(--primary-subtle);color:var(--on-primary-subtle)}.b-a{background:var(--accent-subtle);color:var(--on-accent-subtle)}.b-s{background:var(--success-subtle);color:var(--on-success-subtle)}.b-w{background:var(--warning-subtle);color:var(--on-warning-subtle)}.b-d{background:var(--danger-subtle);color:var(--on-danger-subtle)}.b-i{background:var(--info-subtle);color:var(--on-info-subtle)}.b-n{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.field,.field label{display:block}.field label{font-size:12.5px;font-weight:700;color:var(--text-2);margin:0 0 6px 2px}.field input,.field select,.field textarea{width:100%;font-family:var(--body);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:12px;padding:12px 13px;transition:border-color .12s,box-shadow .12s}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.field.err input,.field.err textarea{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-subtle)}.field .msg{color:var(--danger);font-weight:600}.field .hint,.field .msg{font-size:11.5px;margin:6px 0 0 2px}.field .hint{color:var(--text-3)}.search{position:relative}.search input{padding-left:38px}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2}.bar2{height:9px;background:var(--border);overflow:hidden}.bar2,.bar2>span{border-radius:99px}.bar2>span{display:block;height:100%;background:var(--primary);transition:width .4s ease}.bar2.thin{height:6px}.ring{--p:0%;--c:var(--primary);position:relative;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--c) var(--p),var(--border) 0);display:grid;place-items:center;align-content:center}.ring:before{content:"";position:absolute;inset:9px;background:var(--surface);border-radius:50%}.ring b{position:relative;z-index:1;font-family:var(--disp);font-weight:700;font-size:18px}.ring.sm{width:56px;height:56px}.ring.sm:before{inset:7px}.ring.sm b{font-size:14px}.ring.lg{width:108px;height:108px}.ring.lg:before{inset:11px}.ring.lg b{font-size:26px}.alert{display:flex;gap:12px;padding:13px 14px;border-radius:13px;font-size:13.5px}.alert svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;flex:0 0 auto;margin-top:1px}.alert b{font-weight:700}.a-s{background:var(--success-subtle);color:var(--on-success-subtle)}.a-d{background:var(--danger-subtle);color:var(--on-danger-subtle)}.a-i{background:var(--info-subtle);color:var(--on-info-subtle)}.a-w{background:var(--warning-subtle);color:var(--on-warning-subtle)}.avatar{width:40px;height:40px;border-radius:12px;background:var(--brand-grad);display:grid;place-items:center;color:#fff;font-family:var(--disp);font-weight:700;flex:0 0 auto}.avatar.sm{width:32px;height:32px;border-radius:10px;font-size:13px}.avatar.lg{width:56px;height:56px;border-radius:16px;font-size:20px}.avatar.round{border-radius:50%}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.stat .k{font-size:12px;font-weight:700;color:var(--text-2);display:flex;align-items:center;gap:6px}.stat .k svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.stat .v{font-family:var(--disp);font-weight:800;font-size:28px;letter-spacing:-.02em;margin-top:6px}.stat .sub{font-size:12px;color:var(--text-3);margin-top:2px}.listrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.listrow:first-child{border-top:none}.listrow .lead-ic{width:40px;height:40px;border-radius:12px;background:var(--primary-subtle);display:grid;place-items:center;flex:0 0 auto}.listrow .lead-ic svg{width:20px;height:20px;stroke:var(--on-primary-subtle);fill:none;stroke-width:2}.tabbar{display:flex;background:var(--surface);border-top:1px solid var(--border)}.tabbar .t{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--text-3);padding:10px 0 max(10px,env(safe-area-inset-bottom));background:none;border:none;cursor:pointer;text-decoration:none}.tabbar .t svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}.tabbar .t.on{color:var(--primary)}.sideitem{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--text-2);cursor:pointer;transition:background .12s,color .12s}.sideitem svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}.sideitem:hover{background:var(--surface-2);color:var(--text)}.sideitem.on{background:var(--primary-subtle);color:var(--on-primary-subtle)}.toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--body);font-weight:600;font-size:12.5px;padding:8px 12px;border-radius:10px;cursor:pointer}.toggle svg{width:15px;height:15px;stroke:var(--text-2);fill:none;stroke-width:2}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:700;color:var(--text-3);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:12px;color:var(--text)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.mark{width:30px;height:30px;border-radius:9px;background:var(--brand-grad);display:grid;place-items:center;flex:0 0 auto}.mark svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2}.mark.lg{width:44px;height:44px;border-radius:13px}.mark.lg svg{width:26px;height:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:16px;letter-spacing:-.01em}.fade-in{animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pop{animation:pop .25s ease both}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-mobile{min-height:100dvh;background:var(--bg);display:flex;justify-content:center}.app-mobile .phone{width:100%;max-width:460px;min-height:100dvh;background:var(--surface-2);display:flex;flex-direction:column;position:relative;border-left:1px solid var(--border);border-right:1px solid var(--border)}@media (min-width:500px){.app-mobile{padding:24px 0;align-items:flex-start}.app-mobile .phone{min-height:calc(100dvh - 48px);border-radius:28px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg)}}.m-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 18px;display:flex;align-items:center;gap:12px}.m-header .title{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.01em}.m-body{flex:1 1;overflow-y:auto;padding:18px 18px 96px;display:flex;flex-direction:column;gap:16px}.m-tabbar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--text-2);flex:0 0 auto}.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.icon-btn.badge-dot{position:relative}.icon-btn.badge-dot:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.fab{position:fixed;right:max(18px,calc(50vw - 230px + 18px));bottom:92px;z-index:30;height:52px;padding:0 18px 0 16px;border-radius:999px;border:none;background:var(--brand-grad);color:#fff;font-family:var(--body);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-lg)}.fab svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2}.app-portal{min-height:100dvh;display:flex;background:var(--bg)}.p-sidebar{width:244px;flex:0 0 auto;background:var(--surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto}.p-sidebar .brand{padding:6px 8px 16px}.p-sidebar .sec-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:14px 12px 6px}.p-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.p-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;gap:16px}.p-topbar .page-title{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.01em}.p-content{padding:28px;max-width:1240px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.p-sidebar-toggle{display:none}@media (max-width:860px){.p-sidebar{position:fixed;z-index:60;left:0;top:0;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.p-sidebar.open{transform:none}.p-sidebar-toggle{display:grid}.p-content{padding:18px}.p-topbar{padding:12px 16px}}.p-scrim{display:none}@media (max-width:860px){.p-scrim.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55}}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sec-head .h2{margin:0}.container{max-width:1180px;margin:0 auto;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-subtle);color:var(--on-primary-subtle);font-weight:700;font-size:12.5px;padding:7px 13px;border-radius:999px}.w-app{min-height:100dvh;background:var(--bg);display:flex;flex-direction:column}.w-main{flex:1 1}.w-container{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.w-section{padding:clamp(24px,4vw,40px) 0}.w-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.w-topbar .inner{display:flex;align-items:center;gap:18px;height:62px}.w-brand{display:inline-flex}.w-brand,.w-nav{align-items:center}.w-nav{display:none;gap:4px;margin-left:8px}.w-nav a{font-size:14px;font-weight:600;color:var(--text-2);padding:8px 12px;border-radius:10px;transition:color .15s,background .15s}.w-nav a:hover{color:var(--text);background:var(--surface-2)}.w-nav a.on{color:var(--primary);background:var(--primary-subtle)}@media (min-width:700px){.w-nav{display:flex}}.w-topbar .spacer{flex:1 1}.w-user{display:inline-flex;align-items:center;gap:10px}.w-user .nm{font-size:13.5px;font-weight:700;display:none}@media (min-width:560px){.w-user .nm{display:inline}}.w-head{margin-bottom:clamp(18px,3vw,28px)}.w-head h1{font-family:var(--disp);font-weight:700;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em}.w-head p{color:var(--text-2);font-size:15px;margin-top:6px}.w-courses{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px}@media (min-width:560px){.w-courses{grid-template-columns:1fr 1fr}}@media (min-width:900px){.w-courses{grid-template-columns:1fr 1fr 1fr}}.w-course{display:flex;flex-direction:column;height:100%}.w-course .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--primary-subtle);color:var(--on-primary-subtle);margin-bottom:14px}.w-course .ic svg{width:23px;height:23px;fill:none;stroke-width:2}.w-course h3{font-family:var(--disp);font-weight:700;font-size:17px}.w-course .meta{font-size:12.5px;color:var(--text-3);font-weight:600;margin-top:4px}.w-course .prog{margin-top:14px}.w-course .prog .row{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:6px}.w-course .actions{margin-top:auto;padding-top:16px}.w-empty{text-align:center;padding:clamp(36px,6vw,64px) 20px;border:1px dashed var(--border-2);border-radius:var(--r-lg);background:var(--surface)}.w-empty .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--primary-subtle);color:var(--on-primary-subtle);margin:0 auto 16px}.w-empty .ic svg{width:28px;height:28px;fill:none;stroke-width:2}.w-empty h3{font-family:var(--disp);font-weight:700;font-size:18px}.w-empty p{color:var(--text-2);font-size:14px;margin:8px auto 20px;max-width:380px}.w-lessons{display:flex;flex-direction:column;gap:10px}.w-lesson{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color .15s,background .15s;cursor:pointer;text-align:left}.w-lesson:hover{border-color:var(--border-2);background:var(--surface-2)}.w-lesson .st{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.w-lesson .st svg{width:16px;height:16px;fill:none;stroke-width:2.4}.w-lesson .st.done{background:var(--success-subtle);color:var(--on-success-subtle)}.w-lesson .st.todo{background:var(--surface-2);color:var(--text-3)}.w-lesson .st.in-progress{background:var(--primary-subtle);color:var(--on-primary-subtle)}.w-lesson .tx{flex:1 1;min-width:0}.w-lesson .tx .t{font-weight:700;font-size:14.5px}.w-lesson .tx .d{font-weight:600;margin-top:2px}.w-lesson .num,.w-lesson .tx .d{font-size:12px;color:var(--text-3)}.w-lesson .num{font-weight:800;flex:0 0 auto}.w-player{display:grid;grid-template-columns:1fr;grid-gap:clamp(20px,4vw,32px);gap:clamp(20px,4vw,32px)}@media (min-width:900px){.w-player{grid-template-columns:1.6fr .9fr;align-items:start}}.w-video{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#0b1416;border:1px solid var(--border-2)}.w-video iframe,.w-video video{position:absolute;inset:0;width:100%;height:100%;border:0}.w-video .placeholder{position:absolute;inset:0;display:grid;place-items:center;background:var(--primary-subtle);color:var(--on-primary-subtle)}.w-video .placeholder svg{width:40px;height:40px;fill:currentColor;stroke:none}.w-notes{line-height:1.7;color:var(--text)}.w-notes h2{font-family:var(--disp);font-size:18px;margin:22px 0 10px}.w-notes p{margin:0 0 14px;color:var(--text-2)}.w-player-aside{position:-webkit-sticky;position:sticky;top:78px}.w-lessonnav{display:flex;gap:10px;margin-top:20px}.w-auth{min-height:100dvh;display:grid;grid-template-columns:1fr;background:var(--surface-2)}@media (min-width:900px){.w-auth{grid-template-columns:1.05fr 1fr}}.w-auth-panel{display:grid;place-items:center;padding:24px}.w-auth-card{width:100%;max-width:420px}.w-auth-head{text-align:center;margin-bottom:22px}.w-auth-head .t{font-family:var(--disp);font-weight:700;font-size:22px;margin-top:16px}.w-auth-head .s{color:var(--text-2);font-size:14px;margin-top:6px}.w-auth-alt{text-align:center;font-size:13.5px;color:var(--text-2);margin-top:18px}.w-auth-alt a{color:var(--primary);font-weight:700}.w-head-logo{display:inline-flex}.w-auth-brand{display:none}@media (min-width:900px){.w-head-logo{display:none}.w-auth-brand{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:clamp(40px,5vw,72px);color:#fff;background:radial-gradient(120% 120% at 100% 0,#12b1c4 0,transparent 55%),linear-gradient(150deg,#0a97a8,#077483 60%,#0a5b66)}}.w-brand-inner{position:relative;z-index:1;max-width:460px}.w-brand-logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;color:#fff}.w-brand-logo,.w-brand-title{font-family:var(--disp);font-weight:800}.w-brand-title{font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.02em;margin-top:28px}.w-brand-sub{color:hsla(0,0%,100%,.85);font-size:15px;line-height:1.55;margin-top:16px}.w-brand-points{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:14px}.w-brand-points li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}.w-brand-points .ic{width:34px;height:34px;border-radius:10px;background:hsla(0,0%,100%,.16);display:grid;place-items:center;flex:0 0 auto}.w-brand-points .ic svg{stroke:#fff}.w-brand-decor{position:absolute;border-radius:50%;filter:blur(2px);z-index:0;pointer-events:none}.w-brand-decor.d1{width:340px;height:340px;right:-90px;top:-80px;background:hsla(0,0%,100%,.1);filter:blur(8px)}.w-brand-decor.d2{width:240px;height:240px;right:40px;bottom:-70px;background:hsla(0,0%,100%,.07);filter:blur(6px)}.w-link-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-weight:700;color:var(--primary)}.w-loading{min-height:60vh;display:grid;place-items:center;color:var(--text-3);font-weight:600}