@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0f;--bg2: #141416;--bg3: #1c1c1f;--bg4: #242428;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0efe8;--muted: #888884;--muted2: #555552;--accent: #c8f060;--accent2: #a8d040;--accent-dim: rgba(200,240,96,.1);--accent-dim2: rgba(200,240,96,.06);--blue: #60a8f0;--blue-dim: rgba(96,168,240,.1);--purple: #a08cf0;--purple-dim: rgba(160,140,240,.1);--amber: #f0c060;--amber-dim: rgba(240,192,96,.1);--coral: #f07860;--coral-dim: rgba(240,120,96,.1);--teal: #60f0c0;--teal-dim: rgba(96,240,192,.1);--font-display: "Syne", sans-serif;--font-mono: "Space Mono", monospace;--radius: 10px;--radius-lg: 16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px}.nav-logo{font-size:15px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-tabs{display:flex;gap:4px}.nav-tab{font-family:var(--font-mono);font-size:11px;padding:6px 14px;border-radius:6px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s;letter-spacing:.04em}.nav-tab:hover{color:var(--text);background:var(--bg3)}.nav-tab.active{color:var(--accent);background:var(--accent-dim)}.nav-right{display:flex;align-items:center;gap:16px}.nav-streak{font-family:var(--font-mono);font-size:11px;color:var(--amber);display:flex;align-items:center;gap:6px}.streak-fire{font-size:14px}.nav-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-menu-toggle span{width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}@media (max-width: 640px){nav{padding:0 1rem}.nav-logo{font-size:13px}.nav-menu-toggle{display:flex}.nav-tabs{position:absolute;top:56px;left:0;right:0;flex-direction:column;gap:0;background:#0d0d0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:.5px solid var(--border);max-height:0;overflow:hidden;transition:max-height .3s}.nav-tabs.open{max-height:200px}.nav-tab{font-size:12px;padding:12px 1rem;border-radius:0;border-bottom:.5px solid var(--border);width:100%;text-align:left}.nav-tab:hover{background:var(--bg3)}.nav-streak{font-size:10px}.page{padding-top:56px}.hero{padding:1rem 1.5rem 2.5rem}}@media (max-width: 480px){nav{padding:0 .75rem;height:50px}.nav-logo{font-size:12px;gap:5px}.nav-logo-dot{width:6px;height:6px}.nav-streak{font-size:10px;gap:3px;white-space:nowrap}.streak-fire{font-size:12px}.page{padding-top:50px}.nav-tabs{top:50px}.hero{padding:.5rem 1rem 2rem;grid-template-columns:1fr}.hero-stats{align-items:flex-start}}.page{padding-top:56px;min-height:100vh;position:relative;z-index:1}.hero{padding:4rem 2rem 2.5rem;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:start;gap:2rem}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:12px}.hero-title span{color:var(--accent)}.hero-sub{font-size:14px;color:var(--muted);line-height:1.7;max-width:420px;font-family:var(--font-mono)}.hero-link{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(200,240,96,.35)}.hero-link:hover{color:var(--text);border-bottom-color:var(--text)}.hero-stats{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero-stat{text-align:right}.hero-stat-val{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}.hero-stat-label{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.progress-section{max-width:1100px;margin:0 auto;padding:0 2rem 2rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-label{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.06em}.progress-pct{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.progress-track{height:4px;background:var(--bg3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #c8f06066}.phases{max-width:1100px;margin:0 auto;padding:0 2rem 4rem}.phase{margin-bottom:2.5rem}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;border-bottom:.5px solid var(--border)}.phase-num{font-family:var(--font-mono);font-size:10px;color:var(--muted2);letter-spacing:.1em}.phase-name{font-size:14px;font-weight:700;letter-spacing:-.01em;flex:1}.phase-count{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.phase-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.topic-card{border:.5px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--bg2);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-dim2);opacity:0;transition:opacity .15s}.topic-card:hover:before{opacity:1}.topic-card:hover{border-color:var(--border2);transform:translateY(-1px)}.topic-card.done{border-color:#c8f06040;background:#c8f0600d}.topic-card.done:after{content:"";position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.topic-card.current{border-color:#60a8f066;background:#60a8f00f}.topic-card.current:after{content:"→";position:absolute;top:9px;right:10px;font-size:10px;color:var(--blue);font-family:var(--font-mono)}.topic-day{font-family:var(--font-mono);font-size:9px;color:var(--muted2);margin-bottom:4px;letter-spacing:.06em}.topic-name{font-size:12px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:4px}.topic-card.done .topic-name{color:var(--accent)}.topic-card.current .topic-name{color:var(--blue)}.topic-tag{font-family:var(--font-mono);font-size:9px;color:var(--muted2)}.topic-card.done .topic-day{color:#c8f06066}.page-inner{max-width:1100px;margin:0 auto;padding:3rem 2rem 4rem}.page-title{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}.page-sub{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-bottom:2.5rem}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:3rem}.cat-card{border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;background:var(--bg2);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.cat-card:hover{transform:translateY(-2px);border-color:var(--border2)}.cat-icon{font-size:1.5rem;margin-bottom:12px}.cat-name{font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.cat-desc{font-family:var(--font-mono);font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:14px}.cat-bar-wrap{height:3px;background:var(--bg4);border-radius:99px;overflow:hidden;margin-bottom:8px}.cat-bar{height:100%;border-radius:99px}.cat-meta{display:flex;justify-content:space-between}.cat-done{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.cat-pct{font-family:var(--font-mono);font-size:10px}.about-card{border:.5px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(200,240,96,.05) 0%,var(--bg2) 28%);padding:1.75rem;max-width:760px}.about-kicker{font-family:var(--font-mono);color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.about-title{font-size:clamp(1.3rem,3.2vw,2rem);letter-spacing:-.03em;margin-bottom:14px}.about-text{font-family:var(--font-mono);color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:12px}.about-signoff{margin-top:6px;color:var(--text);font-weight:700;letter-spacing:-.02em}.cat-detail{display:none}.cat-detail.active{display:block}.cat-back{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:none;border:.5px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;margin-bottom:1.5rem;transition:all .15s}.cat-back:hover{color:var(--text);border-color:var(--border2)}.cat-detail-header{margin-bottom:2rem}.cat-detail-icon{font-size:2.5rem;margin-bottom:8px}.cat-detail-title{font-size:2rem;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}.cat-detail-desc{font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.7;max-width:500px}.cat-tools{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.cat-tools-label{font-family:var(--font-mono);font-size:10px;color:var(--muted2);letter-spacing:.08em;text-transform:uppercase}.cat-toggle{font-family:var(--font-mono);font-size:10px;color:var(--muted);border:.5px solid var(--border);background:transparent;border-radius:999px;padding:6px 10px;cursor:pointer;transition:all .15s}.cat-toggle:hover{color:var(--text);border-color:var(--border2)}.cat-toggle.active{color:var(--accent);border-color:#c8f0604d;background:#c8f06014}.topic-list-full{display:flex;flex-direction:column;gap:6px}.topic-row{display:flex;align-items:center;gap:14px;border:.5px solid var(--border);border-radius:var(--radius);padding:12px 16px;background:var(--bg2);cursor:pointer;transition:all .15s}.topic-row:hover{border-color:var(--border2);background:var(--bg3)}.topic-row.done{border-color:#c8f06033}.topic-row-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-size:9px}.topic-row.done .topic-row-check{background:var(--accent);border-color:var(--accent);color:var(--bg)}.topic-row-info{flex:1}.topic-row-name{font-size:13px;font-weight:600;letter-spacing:-.01em}.topic-row.done .topic-row-name{color:var(--accent)}.topic-row-tag{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:1px}.topic-row-day{font-family:var(--font-mono);font-size:10px;color:var(--muted2)}.level-badge{font-family:var(--font-mono);font-size:9px;padding:3px 8px;border-radius:4px;letter-spacing:.04em}.level-beginner{background:#c8f0601a;color:var(--accent)}.level-intermediate{background:#60a8f01a;color:var(--blue)}.level-advanced{background:#f078601a;color:var(--coral)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:2rem}.stat-card{background:var(--bg2);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.stat-val{font-size:2.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:4px}.stat-label{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:2rem}.streak-day{aspect-ratio:1;border-radius:3px;background:var(--bg3);border:.5px solid var(--border)}.streak-day.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px #c8f0604d}.streak-day.today{background:var(--accent-dim);border-color:var(--accent)}.section-title{font-size:13px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px;color:var(--muted);text-transform:uppercase;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg3);border:.5px solid var(--border2);border-radius:99px;padding:10px 20px;font-family:var(--font-mono);font-size:12px;color:var(--text);z-index:200;transition:transform .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.toast.show{transform:translate(-50%) translateY(0)}.toast .t-accent{color:var(--accent)}.ph-1{color:var(--accent);background:var(--accent-dim)}.ph-2{color:var(--blue);background:var(--blue-dim)}.ph-3{color:var(--purple);background:var(--purple-dim)}.ph-4{color:var(--amber);background:var(--amber-dim)}.ph-5{color:var(--coral);background:var(--coral-dim)}.ph-6{color:var(--teal);background:var(--teal-dim)}.ph-7{color:var(--text);background:#f0efe814}.phase-dot.ph-1{background:var(--accent)}.phase-dot.ph-2{background:var(--blue)}.phase-dot.ph-3{background:var(--purple)}.phase-dot.ph-4{background:var(--amber)}.phase-dot.ph-5{background:var(--coral)}.phase-dot.ph-6{background:var(--teal)}.phase-dot.ph-7{background:var(--text)}@media (max-width: 600px){.hero{grid-template-columns:1fr}.hero-stats{flex-direction:row;align-items:flex-start}nav{padding:0 1rem}.hero,.progress-section,.phases,.page-inner{padding-left:1rem;padding-right:1rem}.nav-tabs{gap:2px}.nav-tab{padding:6px 10px}.cat-tools{flex-wrap:wrap}}