@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Urbanist:wght@300;400;600;700;800&display=swap";
:root{--deep-twilight:#03045e;--french-blue:#023e8a;--bright-teal-blue:#0077b6;--blue-green:#0096c7;--turquoise-surf:#00b4d8;--sky-aqua:#48cae4;--frosted-blue:#90e0ef;--frosted-blue-2:#ade8f4;--light-cyan:#caf0f8;--emerald:#5bba6f;--medium-jungle:#3fa34d;--forest-green:#2a9134;--turf-green:#137547;--deep-forest:#054a29;--page-bg:#0a0c10;--panel-bg:#060c18d9;--panel-border:#caf0f840;--logo-font:"Urbanist", "Poppins", "Space Grotesk", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--logo-scrimba-color:#fff;--logo-journey-color:var(--accent);--logo-journey-glow:var(--glow-2);--logo-journey-glow-strong:var(--glow-1)}[data-theme=blue]{--accent:var(--turquoise-surf);--accent-2:var(--sky-aqua);--text:var(--light-cyan);--muted:var(--frosted-blue-2);--card:#90e0ef12;--border:#caf0f829;--border-strong:#00b4d8a6;--shadow:#03045e40;--shadow-strong:#03045e59;--glow-1:#00b4d8a6;--glow-2:#48cae499;--glow-3:#0096c799;--glow-4:#90e0ef80;--tag-bg:#00b4d829;--tag-border:#caf0f838;--button-text:var(--deep-twilight)}[data-theme=green]{--accent:var(--emerald);--accent-2:var(--medium-jungle);--text:#e7f7eb;--muted:#d8f3dce6;--card:#5bba6f12;--border:#5bba6f29;--border-strong:#5bba6fa6;--shadow:#054a2940;--shadow-strong:#054a2959;--glow-1:#5bba6fa6;--glow-2:#3fa34d99;--glow-3:#2a913499;--glow-4:#13754780;--tag-bg:#5bba6f29;--tag-border:#5bba6f38;--button-text:#000}[data-mode=light]{--page-bg:#f3f9fc;--text:#0b1a2b;--muted:#2f4b61;--card:#ffffff8c;--border:#0a172614;--shadow:#0a172614;--shadow-strong:#0a17261f;--panel-bg:#ffffffd1;--panel-border:#0a172614;--tag-bg:#00000008;--tag-border:#0a172614;--button-text:#08131f;--logo-scrimba-color:#0b1a2b;--logo-journey-glow:transparent;--logo-journey-glow-strong:transparent}[data-mode=light][data-theme=blue]{--logo-journey-color:#023e8a}[data-mode=light][data-theme=green]{--logo-journey-color:#137547}*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{height:100%}body{background:var(--page-bg);color:var(--text);background-image:radial-gradient(1200px 800px at 10% -20%,#00b4d814,#0000 60%),radial-gradient(900px 600px at 90% 10%,#48cae414,#0000 55%);background-repeat:no-repeat;background-attachment:fixed;flex-direction:column;align-items:center;min-height:100vh;padding:50px 20px;line-height:1.6;display:flex;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(560px 320px at 8% 18%, var(--glow-1), transparent 62%), radial-gradient(520px 280px at 65% 22%, var(--glow-2), transparent 60%), radial-gradient(420px 260px at 30% 70%, #ffffff0d, transparent 65%);pointer-events:none;z-index:0;filter:blur(4px);animation:20s ease-in-out infinite drift-one;position:fixed;inset:-30% -20%}body:after{content:"";background:radial-gradient(620px 340px at 82% 72%, var(--glow-3), transparent 62%), radial-gradient(520px 300px at 18% 82%, var(--glow-4), transparent 60%), radial-gradient(380px 220px at 70% 45%, #ffffff0a, transparent 65%);pointer-events:none;z-index:0;filter:blur(6px);animation:26s ease-in-out infinite drift-two;position:fixed;inset:-30% -25% -40%}.nav-btn,.settings-toggle{appearance:none;background:var(--card);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-flex}.nav-btn:hover,.settings-toggle:hover{border-color:var(--border-strong);box-shadow:0 12px 24px var(--shadow);transform:translateY(-1px)}.nav-btn[aria-current=page]{border-color:var(--border-strong);color:var(--accent)}.header-container{z-index:10;width:100%;max-width:1100px;margin-bottom:36px;position:relative}.settings-panel{z-index:30;width:290px;color:var(--text);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 48px var(--shadow), 0 0 0 1px var(--panel-border), 0 0 25px -8px var(--accent);transform-origin:100% 0;will-change:transform, opacity;background:linear-gradient(165deg,#080e1ccc,#040810f2);border:1px solid #ffffff14;border-radius:20px;margin-top:12px;padding:18px;transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:absolute;top:100%;right:0;transform:translateY(-8px)scale(.96)}[data-mode=light] .settings-panel{box-shadow:0 24px 48px #0a17261f, 0 0 0 1px #0a172614, 0 0 20px -8px var(--accent);background:linear-gradient(165deg,#ffffffeb,#f4fbfff5);border-color:#0a17261a}.settings-panel:before{content:"";z-index:1;background:#080e1ccc;border-top:1px solid #ffffff14;border-left:1px solid #ffffff14;width:12px;height:12px;position:absolute;top:-6px;right:36px;transform:rotate(45deg)}[data-mode=light] .settings-panel:before{background:#ffffffeb;border-top:1px solid #0a17261a;border-left:1px solid #0a17261a}body.panel-open .settings-panel{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.panel-header{letter-spacing:.3px;border-bottom:1px solid #ffffff0f;margin-bottom:14px;padding-bottom:8px;font-size:1.05rem;font-weight:700}[data-mode=light] .panel-header{border-bottom-color:#0a17260f}.panel-section{gap:8px;margin-bottom:14px;display:grid}.panel-section:last-child{margin-bottom:0}.panel-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.color-picker{gap:10px;display:flex}.color-swatch{cursor:pointer;color:var(--muted);font:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}[data-mode=light] .color-swatch{background:#00000005;border-color:#0a17260f}.color-swatch:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-1px)}[data-mode=light] .color-swatch:hover{background:#0000000d;border-color:#0a17261f}.swatch-color{border-radius:50%;width:14px;height:14px;transition:transform .25s;position:relative}.blue-swatch .swatch-color{background:var(--turquoise-surf);box-shadow:0 0 10px #00b4d866}.green-swatch .swatch-color{background:var(--emerald);box-shadow:0 0 10px #5bba6f66}.color-swatch.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 14px -3px var(--accent);background:#ffffff14}[data-mode=light] .color-swatch.active{border-color:var(--accent);box-shadow:0 4px 10px -2px #0a172614, 0 0 10px -2px var(--accent);background:#fffc}.color-swatch.active .swatch-color{transform:scale(1.2)}.segmented-control{background:#00000038;border:1px solid #ffffff0d;border-radius:12px;gap:2px;padding:3px;display:flex}[data-mode=light] .segmented-control{background:#0a17260d;border-color:#0a17260f}.segment-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.segment-btn:hover{color:var(--text)}.segment-icon{stroke:currentColor;width:18px;height:18px;transition:transform .2s}.segment-btn:hover .segment-icon{transform:scale(1.1)}.segment-btn.active{color:var(--button-text);background:var(--accent);box-shadow:0 4px 12px #00000026, 0 0 8px var(--glow-2)}[data-theme=green] .segment-btn.active{color:#000}[data-theme=blue] .segment-btn.active{color:#fff}@keyframes drift-one{0%{opacity:.9;transform:translate(0,0)scale(1)}50%{opacity:.7;transform:translate(6%,-4%)scale(1.05)}to{opacity:.9;transform:translate(0,0)scale(1)}}@keyframes drift-two{0%{opacity:.8;transform:translate(0,0)scale(1)}50%{opacity:.6;transform:translate(-5%,6%)scale(1.08)}to{opacity:.8;transform:translate(0,0)scale(1)}}.top-nav{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin-bottom:36px;display:flex;position:relative}.logo{color:var(--text);font-family:var(--logo-font);letter-spacing:.2px;align-items:center;gap:12px;font-size:clamp(1.5rem,2.2vw,1.75rem);text-decoration:none;transition:transform .3s,filter .3s;display:inline-flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:38px;height:38px;color:var(--button-text);letter-spacing:.02em;box-shadow:0 12px 24px var(--shadow);border-radius:12px;place-items:center;font-weight:700;display:grid}.logo-image{object-fit:cover;width:36px;height:36px;box-shadow:0 10px 20px var(--shadow);border-radius:10px;display:block}.logo-text{align-items:baseline;gap:6px;display:inline-flex}.logo-word{color:var(--logo-scrimba-color);font-weight:800}.logo-accent{letter-spacing:.8px;color:var(--logo-journey-color);text-shadow:0 0 18px var(--logo-journey-glow);font-weight:400;transition:transform .3s,text-shadow .3s}.logo:hover{transform:scale(1.02)}.logo:hover .logo-accent{text-shadow:0 0 22px var(--logo-journey-glow-strong)}.nav-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nav-toggle{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:36px;height:36px;padding:6px;transition:border-color .2s,box-shadow .2s,transform .2s;display:none}.nav-toggle:hover{border-color:var(--border-strong);box-shadow:0 12px 24px var(--shadow);transform:translateY(-1px)}.nav-toggle-bar{background:var(--text);border-radius:999px;width:20px;height:2px;display:block}h1{color:var(--accent);letter-spacing:.2px;margin-bottom:10px;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15}p.subtitle{color:var(--muted);text-align:center;max-width:620px;margin-bottom:40px;line-height:1.7}.hero h1,.hero .subtitle{margin-left:auto;margin-right:auto}.page{z-index:1;opacity:1;will-change:opacity, transform;width:100%;max-width:1100px;transition:opacity .18s,transform .18s;position:relative;transform:translateY(0)}.page-motion{z-index:1;width:100%;max-width:1100px;position:relative}.page.is-loading,body.booting .page{opacity:0;transform:translateY(8px)}.hero{text-align:center;border:1px solid var(--border);background:linear-gradient(160deg, #ffffff14, #fff0), var(--card);box-shadow:0 28px 60px var(--shadow), 0 0 35px -10px var(--accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;margin-bottom:48px;padding:clamp(28px,4vw,46px);position:relative;overflow:hidden}.hero:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(220px 120px at 50% 20%,#ffffff14,#0000 70%);height:180px;position:absolute;inset:-30% 10% auto}.hero.compact{margin-bottom:36px}.hero.compact .subtitle{margin-bottom:8px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:14px;font-size:.75rem;font-weight:600}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.ghost-btn:hover{border-color:var(--border-strong);box-shadow:0 12px 24px var(--shadow);transform:translateY(-2px)}.section{margin-bottom:48px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title{margin-bottom:8px;font-size:clamp(1.5rem,2.2vw,1.9rem);line-height:1.3}.section-subtitle{color:var(--muted);max-width:680px;margin-top:6px;margin-bottom:18px;line-height:1.7}.progress-pill{background:var(--card);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 14px;font-weight:600}.progress-card{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow), 0 0 30px -12px var(--accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:24px}.progress-bar{background:#ffffff14;border:1px solid #ffffff0f;border-radius:999px;width:100%;height:12px;margin-bottom:20px;overflow:hidden}[data-mode=light] .progress-bar{background:#0000000f;border-color:#0a17261a}[data-mode=light] .progress-tabs{border-color:#0a17261f}[data-mode=light] .module-line{background:#0a17261f}.progress-fill{border-radius:inherit;background:linear-gradient(135deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 20px var(--glow-2)}.progress-fill-14{width:14%}.progress-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.progress-hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.progress-hero-title h1{margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.6rem)}.progress-meta{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.meta-pill{border:1px solid var(--border);color:var(--muted);background:#00000040;border-radius:999px;padding:4px 10px;font-size:.75rem}.progress-desc{max-width:640px;color:var(--muted);line-height:1.6}.progress-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.resume-btn{color:#bdf7df;cursor:pointer;background:#2ab97d33;border:1px solid #2ab97db3;border-radius:999px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s}.resume-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #10a06e40}.progress-percent{color:#d6f4a9;font-weight:600}.progress-tabs{border-bottom:1px solid #ffffff14;gap:16px;margin-bottom:18px;display:inline-flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 6px;font-weight:600}.tab-btn.active{color:var(--text);border-color:var(--accent)}.progress-list{gap:28px;display:grid}.module{padding-left:28px;position:relative}.module-line{background:#ffffff14;width:2px;position:absolute;top:12px;bottom:0;left:10px}.module:last-child .module-line{bottom:24px}.module-head{margin-bottom:14px}.module-title{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;margin-bottom:6px;display:grid}.module-title h2{font-size:1.2rem}.module-desc{color:var(--muted);margin-left:28px;font-size:.95rem;line-height:1.6}.status-icon{border:2px solid #fff3;border-radius:999px;flex-shrink:0;width:18px;height:18px;position:relative}.status-icon:after{content:"";border:2px solid #0000;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.status-icon.done{background:#1aa37a;border-color:#1aa37a;box-shadow:0 0 12px #1aa37a99}.status-icon.done:after{border-color:#0b1c16}.status-icon.active{background:#29c2ff;border-color:#29c2ff;box-shadow:0 0 12px #29c2ff80}.status-icon.active:after{border-color:#08131f}.module-percent,.module-time,.module-count{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.module-percent{color:#7ceaa6}.module-lessons{gap:10px;margin-left:28px;list-style:none;display:grid}.lesson-row{color:var(--muted);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;font-size:.92rem;display:grid}.lesson-row.done,.lesson-row.active{color:var(--text)}.lesson-duration{color:var(--muted);font-size:.8rem}.badge{color:#9fe4ff;text-transform:uppercase;letter-spacing:.08em;background:#29c2ff33;border:1px solid #29c2ff99;border-radius:999px;padding:2px 8px;font-size:.7rem}.progress-sidebar{gap:20px;display:grid}.side-card{background:var(--card);border:1px solid var(--border);box-shadow:0 18px 36px var(--shadow);border-radius:16px;padding:18px}.side-title{margin-bottom:12px;font-weight:700}.side-list{gap:10px;list-style:none;display:grid}.side-item{color:var(--muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.side-item:before{content:"";border:2px solid var(--border);background:0 0;border-radius:999px;width:10px;height:10px}.side-item.done{color:var(--text)}.side-item.done:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--glow-2)}.side-item.active{color:var(--text)}.side-item.active:before{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 12px var(--glow-2)}.side-stats{gap:16px;margin-top:14px;display:grid}.progress-track{gap:24px;display:grid}.track-group{align-items:stretch;gap:16px;display:flex}.track-rail{justify-content:center;width:26px;display:flex;position:relative}.track-rail:before{content:"";background:#ffffff14;width:2px;position:absolute;top:6px;bottom:6px}[data-mode=light] .track-rail:before{background:#0a17261f}.track-dot{border:2px solid var(--border);z-index:1;background:#fff3;border-radius:999px;width:12px;height:12px;margin-top:6px}.track-group.done .track-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--glow-2)}.track-group.active .track-dot{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 16px var(--glow-2)}.track-body{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);border-radius:16px;flex:1;padding:20px}.track-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.track-title{margin-bottom:4px;font-size:1.2rem}.track-meta{color:var(--muted);font-size:.9rem}.status-pill{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#00000040;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.status-pill.active{border-color:var(--border-strong);color:var(--accent);background:#00b4d82e}.status-pill.muted{color:var(--muted)}.lesson-list{gap:8px;list-style:none;display:grid}.lesson{color:var(--muted);align-items:center;gap:10px;font-size:.92rem;display:flex}.lesson:before{content:"";border:2px solid var(--border);background:0 0;border-radius:999px;width:8px;height:8px}.lesson.done{color:var(--text)}.lesson.done:before{background:var(--accent);border-color:var(--accent)}.lesson.active{color:var(--text)}.lesson.active:before{background:var(--accent-2);border-color:var(--accent-2);box-shadow:0 0 10px var(--glow-2)}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:.8rem}.stat-value{font-size:1.1rem;font-weight:600}.feature-section{position:relative}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:22px;display:grid}.feature-card{background:linear-gradient(160deg, #ffffff14, #fff0) , var(--card);border:1px solid var(--border);box-shadow:0 18px 36px var(--shadow);text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;flex-direction:column;height:100%;padding:32px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";border-radius:inherit;opacity:.6;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0}.feature-card:hover{border-color:var(--border-strong);box-shadow:0 26px 48px var(--shadow-strong);transform:translateY(-6px)}.feature-kicker{width:36px;height:36px;color:var(--button-text);background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 12px 22px var(--shadow);border-radius:12px;place-items:center;margin-bottom:20px;font-size:.8rem;font-weight:700;display:grid}.feature-card h3{margin-bottom:12px;font-size:1.1rem;line-height:1.35}.feature-card p{color:var(--muted);margin:0;font-size:.98rem;line-height:1.6}.progress-simple{gap:24px;display:grid}.progress-simple-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.progress-simple-title{max-width:820px}.progress-simple-desc{color:var(--muted);max-width:820px;font-size:1rem;line-height:1.65}.progress-simple-meta{flex-wrap:wrap;gap:10px;display:flex}.progress-simple-card{background:linear-gradient(160deg, #ffffff14, #fff0) , var(--card);border:1px solid var(--border);box-shadow:0 22px 44px var(--shadow);border-radius:20px;gap:20px;padding:26px;display:grid;position:relative}.progress-simple-card:before{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:20px;position:absolute;inset:0}.progress-simple-row{justify-content:space-between;align-items:center;font-weight:600;display:flex}.progress-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:.7rem}.progress-value{color:var(--text);font-size:1.5rem;font-weight:700}.progress-badge{border:1px solid var(--border);color:var(--text);background:#0003;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600}.progress-simple-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.progress-highlights{flex-wrap:wrap;gap:12px;width:100%;display:flex}.progress-highlights>.highlight-card{flex:0 0 calc(25% - 9px);min-width:0;max-width:100%}.progress-highlights>.highlight-card:nth-child(5){flex:0 0 100%}.highlight-card{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.highlight-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.highlight-meta{color:var(--muted);font-size:.85rem}.highlight-card.done{border-color:#2ab97d73}.highlight-card.active{border-color:var(--border-strong);box-shadow:0 12px 24px var(--shadow)}.progress-simple-btn{width:fit-content}.container{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:100%;display:grid;position:relative}.site-footer{border-top:1px solid var(--border);width:100%;max-width:1100px;color:var(--muted);z-index:1;margin-top:40px;padding:20px 0 10px;position:relative}.onboarding{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:6;background:#020a1673;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.onboarding.is-open{opacity:1;pointer-events:auto}.onboarding-card{background:linear-gradient(160deg, #ffffff14, #fff0) , var(--card);border:1px solid var(--border);width:min(420px,90vw);box-shadow:0 24px 48px var(--shadow-strong), 0 0 30px -10px var(--accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;gap:12px;padding:24px;transition:transform .25s;display:grid;transform:translateY(10px)scale(.98)}.onboarding.is-open .onboarding-card{transform:translateY(0)scale(1)}.onboarding-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.7rem}.onboarding-text{color:var(--muted);line-height:1.6}.onboarding-progress{color:var(--muted);font-size:.8rem}.onboarding-actions{justify-content:flex-end;gap:10px;display:flex}.onboarding-actions .ghost-btn{border-color:var(--border-strong);color:var(--text);background:0 0}.footer-content{flex-direction:column;gap:6px;font-size:.95rem;display:flex}.footer-meta{color:var(--muted);font-size:.85rem}.card{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow), 0 0 25px -12px var(--accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;flex-direction:column;justify-content:space-between;padding:25px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.card:hover{border-color:var(--border-strong);box-shadow:0 28px 50px var(--shadow-strong), 0 0 35px -8px var(--accent);transform:translateY(-5px)}.card h2{color:var(--text);margin-bottom:12px;font-size:1.5rem}.card p{color:var(--muted);margin-bottom:20px;font-size:.95rem;line-height:1.6}.tags{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.tag{background:var(--tag-bg);color:var(--accent);border:1px solid var(--tag-border);border-radius:5px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.link-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--button-text);text-align:center;box-shadow:0 10px 20px var(--shadow);border-radius:8px;padding:10px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.link-btn.primary{border:1px solid #0000}.link-btn.outline{color:var(--text);border:1px solid var(--border);box-shadow:inset 0 0 0 1px #ffffff0a, 0 10px 20px var(--shadow);background:#ffffff0d}.link-btn:hover{box-shadow:0 16px 30px var(--shadow-strong);transform:translateY(-2px)}.link-btn.outline:hover{border-color:var(--border-strong)}@media (max-width:900px){.progress-highlights>.highlight-card{flex:calc(50% - 6px)}}@media (max-width:700px){.progress-highlights>.highlight-card{flex:calc(50% - 6px)}}@media (max-width:600px){.progress-highlights>.highlight-card{flex:100%}body{padding:12px 16px}h1{text-align:center;font-size:clamp(1.75rem,6vw,2.4rem)}.progress-page h1{text-align:left}.progress-highlights{grid-template-columns:1fr}p.subtitle{margin-bottom:28px;font-size:.95rem}.top-nav{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding-top:10px}.logo{order:1;gap:10px;font-size:1.35rem}.logo-text{gap:4px}.nav-toggle{order:2;align-self:center;display:inline-flex}.nav-links{background:var(--card);border:1px solid var(--border);width:100%;box-shadow:0 16px 32px var(--shadow);opacity:0;pointer-events:none;border-radius:16px;flex-direction:column;order:3;align-items:stretch;gap:10px;max-height:0;padding:12px;transition:max-height .3s,opacity .25s,transform .25s;display:flex;overflow:hidden;transform:translateY(-6px)}body.menu-open .nav-links{opacity:1;pointer-events:auto;max-height:320px;transform:translateY(0)}.nav-links{gap:10px}.section-header{flex-direction:column;align-items:flex-start}.progress-card{padding:20px}.module-title{grid-template-columns:auto 1fr;row-gap:6px}.module-desc,.module-lessons{margin-left:0}.lesson-row{grid-template-columns:auto 1fr;row-gap:4px}.progress-hero{flex-direction:column;align-items:flex-start}.progress-simple-row{flex-direction:column;align-items:flex-start;gap:6px}.progress-simple-meta{margin-top:10px}.progress-simple-btn{width:100%}.item-head{grid-template-columns:1fr}.container{grid-template-columns:1fr;gap:18px}.card{border-radius:14px;padding:20px}.card h2{font-size:1.3rem}.card p{font-size:.92rem}.link-btn{width:100%}.settings-panel{width:min(290px,100%);margin-top:10px;top:100%;right:0}}