:root{--navy:#263248;--orange:#ff9800;--bg:#f4f6fa;--surface:#fff;--text:#1c2433;--border:color-mix(in srgb, var(--text) 15%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161c28;--surface:#1e2636;--text:#e8ecf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{margin:0 auto}.card,.wide{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;padding:28px}.card{max-width:400px;margin-top:8vh}.wide{max-width:860px}h1{margin-top:0;font-size:1.5rem}.card h1:after{content:"";background:var(--orange);border-radius:2px;width:48px;height:4px;margin-top:8px;display:block}h2{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:28px 0 8px;font-size:1.15rem;display:flex}h2 small{opacity:.65;font-size:.8rem;font-weight:400}h3{margin:0 0 6px}form{gap:12px;margin:16px 0;display:grid}input{border:1px solid color-mix(in srgb, var(--text) 30%, transparent);color:inherit;font:inherit;background:0 0;border-radius:8px;padding:10px 12px}button{background:var(--navy);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;width:100%;padding:10px 14px}button:hover{background:#3f5378}a{color:#b85f00}@media (prefers-color-scheme:dark){a{color:var(--orange)}}.error{color:#d93025;margin:0}.muted{text-align:center;opacity:.7;margin:12px 0 0}.muted-left{opacity:.65;margin:0 0 4px}.logo-link{background:#fff;border-radius:10px;padding:4px 8px;line-height:0;display:inline-block}.logo-link img{max-width:100%;height:auto;display:block}.card .logo-link{margin-bottom:8px}.hero{padding:28px 0 8px}.hero h1{font-size:2rem;line-height:1.2}.hero h1:after{content:"";background:var(--orange);border-radius:2px;width:56px;height:4px;margin-top:10px;display:block}.hero p{opacity:.9;max-width:60ch;font-size:1.05rem}.cta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn{background:var(--navy);border-radius:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.btn:hover{background:#3f5378}.btn.ghost{border:1px solid var(--border);background:0 0;color:var(--text)!important}.btn.ghost:hover{border-color:var(--orange)}.features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:24px;display:grid}.features>div{border:1px solid var(--border);border-radius:10px;padding:14px 16px}.features h3{font-size:1rem}.features p{opacity:.8;margin:0;font-size:.9rem}.badge{background:color-mix(in srgb, var(--orange) 25%, transparent);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;font-weight:600}.unlock{border-left:4px solid var(--orange);background:color-mix(in srgb, var(--orange) 10%, transparent);border-radius:6px;margin-top:16px;padding:12px 14px}.gate{text-align:center;border:1px dashed var(--border);border-radius:12px;padding:32px 16px}.gate .cta{justify-content:center}.meta{opacity:.65!important;margin-top:8px!important;font-size:.8rem!important}ul.previews{padding:0;list-style:none}.progress{margin:8px 0}.progress .bar{background:color-mix(in srgb, var(--text) 15%, transparent);border-radius:999px;height:8px;overflow:hidden}.progress .bar>div{background:var(--orange);border-radius:999px;height:100%;transition:width .3s}.progress span{opacity:.75;margin-top:4px;font-size:.8rem;display:block}.progress-panel{border:1px solid var(--border);border-radius:10px;gap:10px;margin:16px 0;padding:14px 16px;display:grid}.course-card.static:hover{border-color:var(--border)}.course-card .btn{margin-top:8px;font-size:.9rem}ul.lessons li.done a{opacity:.7}.complete-row{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.complete-row button{width:auto}.complete-row button.done-btn{background:#2e7d32}.perks ul{padding-left:20px}.perks li{padding:4px 0}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.course-card{border:1px solid var(--border);color:inherit;border-radius:10px;padding:16px;text-decoration:none;display:block}.course-card:hover{border-color:var(--orange)}.course-card p{opacity:.75;margin:0;font-size:.9rem}ul.lessons{margin:0;padding-left:20px}ul.lessons li{padding:3px 0}.video{aspect-ratio:16/9;background:#000;border-radius:10px;position:relative;overflow:hidden}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.notes{margin-top:16px;line-height:1.6}.prevnext{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:24px;display:flex}