.progress-card--empty:where(.astro-7kxsngvw){grid-template-columns:1fr}.progress-card--empty:where(.astro-7kxsngvw) .progress-info:where(.astro-7kxsngvw){max-width:56ch}.progress-card-cta:where(.astro-7kxsngvw){margin-top:22px}.container{max-width:var(--container);margin:0 auto;padding:0 28px}.hero{padding:96px 0 72px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-160px -10% auto;height:620px;background:radial-gradient(ellipse 50% 50% at 50% 0%,rgba(167,139,250,.35),transparent 70%),radial-gradient(ellipse 30% 40% at 20% 20%,rgba(217,122,168,.25),transparent 70%),radial-gradient(ellipse 30% 40% at 80% 30%,rgba(91,184,184,.2),transparent 70%);filter:blur(20px);pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;border-radius:999px;background:#ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 1px #ffffff2e inset,0 -1px #00000040 inset,0 8px 20px -10px #a78bfa80;color:var(--purple);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;margin-bottom:28px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 4px var(--purple-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(48px,6.4vw,84px);line-height:1.04;letter-spacing:-.025em;margin:0 0 22px;max-width:14ch}.hero h1 em{font-style:italic;font-weight:400;color:var(--purple)}.hero p.lead{font-size:18px;line-height:1.55;color:var(--text-muted);max-width:56ch;margin:0 0 36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-meta{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px 28px;background:#ffffff0a;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px #ffffff1f inset,0 -1px #00000040 inset,0 24px 50px -25px #0009;position:relative}.hero-meta-item{padding:0 24px;border-left:1px solid rgba(255,255,255,.06)}.hero-meta-item:first-child{border-left:none;padding-left:0}.hero-meta-item:last-child{padding-right:0}.hero-meta-item .label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px}.hero-meta-item .value{font-family:var(--font-serif);font-size:22px;letter-spacing:-.01em;color:var(--text)}.hero-meta-item .value small{font-family:var(--font-sans);font-size:13px;color:var(--text-muted);margin-left:4px}.section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px;gap:24px}.section-title{font-family:var(--font-serif);font-weight:500;font-size:36px;letter-spacing:-.02em;margin:0}.section-kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--purple);margin-bottom:8px}.section-sub{color:var(--text-muted);font-size:15px;max-width:52ch;margin:8px 0 0}.progress-card{background:linear-gradient(180deg,rgba(167,139,250,.1),transparent 50%),#ffffff0a;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--border);border-radius:22px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:0 1px #ffffff29 inset,0 -1px #00000040 inset,0 30px 60px -25px #0000008c,0 0 60px -20px #a78bfa40;position:relative;overflow:hidden}.progress-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff1a,#fff0 30%);pointer-events:none;border-radius:inherit;mix-blend-mode:plus-lighter}.progress-info .label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px}.progress-info h3{font-family:var(--font-serif);font-weight:500;font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.progress-info p{margin:0;color:var(--text-muted);font-size:13.5px}.progress-bar-wrap{margin-top:14px;display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background:var(--surface);border-radius:3px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--purple-deep),var(--purple));border-radius:3px;transition:width 1.4s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 12px var(--purple-glow)}.progress-pct{font-family:var(--font-mono);font-size:13px;color:var(--text);min-width:44px;text-align:right}.progress-stats{display:flex;gap:28px}.progress-stat .num{font-family:var(--font-serif);font-size:28px;letter-spacing:-.02em;color:var(--text)}.progress-stat .num span{color:var(--text-dim);font-size:18px}.progress-stat .lbl{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:2px}.syllabus{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.level-card{position:relative;display:block;background:#ffffff09;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:20px;padding:26px 28px 24px;text-decoration:none;color:inherit;transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s,background .28s,box-shadow .28s;overflow:hidden;box-shadow:0 1px #ffffff1a inset,0 -1px #0003 inset,0 18px 36px -22px #00000080}.level-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff1a,#fff0 35%);pointer-events:none;mix-blend-mode:plus-lighter;opacity:.85}.level-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 transparent;transition:box-shadow .22s}.level-card:hover{transform:translateY(-3px);border-color:#a78bfa59;background:#ffffff0f;box-shadow:0 1px #ffffff2e inset,0 -1px #00000040 inset,0 30px 60px -22px #000000b3,0 0 50px -10px #a78bfa59}.level-card .arrow{position:absolute;top:24px;right:26px;color:var(--text-dim);transition:transform .22s,color .22s}.level-card:hover .arrow{transform:translate(2px,-2px);color:var(--purple)}.level-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.level-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;font-weight:600;color:#1a1726;flex-shrink:0}.level-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.level-title{font-family:var(--font-serif);font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0 0 6px;color:var(--text)}.level-desc{color:var(--text-muted);font-size:14px;line-height:1.55;margin:0 0 18px}.level-meta{display:flex;gap:14px;align-items:center;padding-top:14px;border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:.04em}.level-meta .sep{opacity:.5}.level-meta .pill{padding:2px 8px;border-radius:999px;background:var(--surface);color:var(--text-muted)}.level-meta .pill-done{background:#6cb88a1f;color:#9bd2b1}.level-meta .pill-active{background:var(--purple-tint);color:var(--purple)}.level-meta .pill-soon{background:#ffffff0a;color:var(--text-dim)}.level-peek{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.2,.7,.2,1),opacity .22s ease 60ms,margin .22s;margin:0;list-style:none;padding:0}.level-card:hover .level-peek{max-height:200px;opacity:1;margin:0 0 16px}.level-peek li{font-size:13px;color:var(--text-muted);padding:4px 0;display:flex;align-items:center;gap:8px;font-family:var(--font-mono)}.level-peek li:before{content:"·";color:var(--purple);font-weight:700}.tabs{display:inline-flex;gap:2px;padding:4px;background:#ffffff0d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:999px;box-shadow:0 1px #ffffff1a inset,0 -1px #00000040 inset}.tab{padding:6px 12px;border-radius:999px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;border:none;background:transparent;transition:all .16s;text-transform:uppercase}.tab:hover{color:var(--text)}.tab.active{background:linear-gradient(180deg,#ffffff2e,#ffffff0f);color:#fff;box-shadow:0 1px #ffffff40 inset,0 -1px #0003 inset,0 4px 14px -4px #a78bfa66}.code-section{padding:0 0 80px}.code-frame{background:#16131e99;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 1px #ffffff1a inset,0 -1px #0000004d inset,0 30px 60px -25px #0009;position:relative}.code-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.code-title{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.code-dots{display:inline-flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%;background:var(--surface-3)}.code-dots span:nth-child(1){background:#d4736a}.code-dots span:nth-child(2){background:#d4a647}.code-dots span:nth-child(3){background:#6cb88a}.code-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--code-frame);padding:0 8px}.code-tab{padding:9px 14px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;transition:all .14s}.code-tab:hover{color:var(--text-muted)}.code-tab.active{color:var(--text);border-bottom-color:var(--purple)}.code-body{display:none;padding:18px 0;font-family:var(--font-mono);font-size:13px;line-height:1.7;overflow-x:auto}.code-body.active{display:block}.code-body pre{margin:0;padding:0}.code-body table{border-collapse:collapse;width:100%}.code-line-num{display:inline-block;width:36px;text-align:right;padding-right:16px;color:var(--text-dim);user-select:none}.code-line{padding:0 18px 0 0}.code-line.hl{background:linear-gradient(90deg,var(--purple-tint),transparent 80%);border-left:2px solid var(--purple);padding-left:16px;margin-left:-2px}.t-key{color:#c792ea}.t-fn{color:#82aaff}.t-str{color:#c3e88d}.t-num{color:#f78c6c}.t-com{color:#6f6a87;font-style:italic}.t-typ{color:#ffcb6b}.t-prop{color:#89ddff}.t-punct{color:#a39ebd}.compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#ffffff09;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 1px #ffffff1a inset,0 -1px #00000040 inset,0 24px 50px -25px #0000008c}.compare-table th,.compare-table td{padding:16px 18px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--border)}.compare-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-weight:500;background:#ffffff0a}.compare-table tr:last-child td{border-bottom:none}.compare-table .fw-name{font-family:var(--font-serif);font-size:16px;color:var(--text);letter-spacing:-.01em}.compare-table .fw-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.compare-table tr:hover td{background:#ffffff05}.score{display:inline-flex;gap:3px}.score span{width:8px;height:8px;border-radius:2px;background:var(--surface-3)}.score span.on{background:var(--purple)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,.7,.2,1);text-decoration:none;position:relative;isolation:isolate}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff38,#fff0 50%);pointer-events:none;mix-blend-mode:plus-lighter;opacity:.9}.btn-primary{background:linear-gradient(180deg,#a78bfa,#6d5bc8);color:#fff;border-color:#ffffff2e;box-shadow:0 1px #ffffff59 inset,0 -2px 8px #00000040 inset,0 10px 24px -8px #6d5bc88c,0 0 0 1px #a78bfa59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 1px #ffffff73 inset,0 -2px 8px #0000004d inset,0 18px 36px -10px #6d5bc8b3,0 0 0 1px #a78bfa80}.btn-secondary{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);border-color:#ffffff24;box-shadow:0 1px #ffffff24 inset,0 -1px #00000040 inset}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 1px #fff3 inset,0 12px 24px -10px #00000080}@media(max-width:880px){.syllabus{grid-template-columns:1fr}.hero-meta{grid-template-columns:repeat(2,1fr);gap:20px}.progress-card{grid-template-columns:1fr}}