:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--bg-elevated:#121b2e;--bg-card:#16213a;--border:#26324a;--text:#e7ecf7;--text-muted:#96a3bf;--primary:#6366f1;--secondary:#22d3ee;--accent:#f59e0b;--success:#34d399;--danger:#f43f5e;--icon-os:#6366f1;--icon-network:#22d3ee;--icon-db:#34d399;--icon-security:#f43f5e;--icon-cloud:#38bdf8;--icon-distributed:#c084fc;--icon-programming:#fb923c;--icon-frontend:#2dd4bf;--icon-devops:#a3e635;--icon-ai:#e879f9;--icon-linux:#fbbf24;--icon-microservices:#f472b6}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at 15% -10%, #1b2846 0%, var(--bg) 45%) fixed;color:var(--text);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Segoe UI,system-ui,sans-serif;line-height:1.65}button{font:inherit;color:inherit}.app-shell{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0b1220d9;flex-wrap:wrap;align-items:baseline;gap:16px;padding:20px 28px;display:flex;position:sticky;top:0}.brand{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.brand-tagline{color:var(--text-muted);margin:0;font-size:.9rem}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px}.stack{flex-direction:column;gap:28px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--secondary);margin:0 0 8px;font-size:.75rem;font-weight:700}.hero h1{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.hero-copy{color:var(--text-muted);max-width:640px;margin:0}.category-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.category-card,.topic-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:22px;transition:transform .15s,border-color .15s;display:flex}.category-card:hover,.topic-card:hover{border-color:var(--primary);transform:translateY(-3px)}.category-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:6px;display:flex}.icon-os{background:color-mix(in srgb, var(--icon-os) 20%, transparent);color:var(--icon-os)}.icon-network{background:color-mix(in srgb, var(--icon-network) 20%, transparent);color:var(--icon-network)}.icon-db{background:color-mix(in srgb, var(--icon-db) 20%, transparent);color:var(--icon-db)}.icon-security{background:color-mix(in srgb, var(--icon-security) 20%, transparent);color:var(--icon-security)}.icon-cloud{background:color-mix(in srgb, var(--icon-cloud) 20%, transparent);color:var(--icon-cloud)}.icon-distributed{background:color-mix(in srgb, var(--icon-distributed) 20%, transparent);color:var(--icon-distributed)}.icon-programming{background:color-mix(in srgb, var(--icon-programming) 20%, transparent);color:var(--icon-programming)}.icon-frontend{background:color-mix(in srgb, var(--icon-frontend) 20%, transparent);color:var(--icon-frontend)}.icon-devops{background:color-mix(in srgb, var(--icon-devops) 20%, transparent);color:var(--icon-devops)}.icon-ai{background:color-mix(in srgb, var(--icon-ai) 20%, transparent);color:var(--icon-ai)}.icon-linux{background:color-mix(in srgb, var(--icon-linux) 20%, transparent);color:var(--icon-linux)}.icon-microservices{background:color-mix(in srgb, var(--icon-microservices) 20%, transparent);color:var(--icon-microservices)}.category-card h2{margin:0}.category-tagline{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.category-desc{color:var(--text-muted);margin:4px 0 0;font-size:.9rem}.category-count{color:var(--secondary);margin-top:10px;font-size:.8rem;font-weight:700}.back-button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.back-button:hover{color:var(--text);border-color:var(--primary)}.category-header{align-items:center;gap:18px;display:flex}.category-header h1{margin:0 0 4px}.category-header p{color:var(--text-muted);max-width:560px;margin:0}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.topic-card h3{margin:0}.topic-card p{color:var(--text-muted);margin:0;font-size:.9rem}.topic-detail{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.animation-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:12px;position:sticky;top:100px}.anim-svg{width:100%;height:auto;display:block}.topic-copy{flex-direction:column;gap:10px;display:flex}.category-badge{border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:700}.topic-copy h1{margin:4px 0 0}.topic-summary{color:var(--text);margin:0;font-weight:600}.topic-description{color:var(--text-muted);margin:0}.topic-copy h2{margin:8px 0 0;font-size:1rem}.topic-points{color:var(--text-muted);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.stage-outline{fill:none;stroke:var(--border);stroke-width:1.5px}.stage-node{fill:var(--bg-elevated);stroke:var(--primary);stroke-width:1.5px}.stage-node-outline{fill:var(--bg-elevated);stroke:var(--secondary);stroke-width:1.5px}.stage-node-accent{fill:var(--bg-elevated);stroke:var(--accent)}.stage-node-accent-fill{fill:var(--accent);opacity:.55}.stage-line{stroke:var(--border);stroke-width:1.5px;stroke-dasharray:4 4}.stage-line-active{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:4 4}.stage-pulse{fill:var(--secondary);stroke:none}.stage-label{fill:var(--text-muted);font-size:11px;font-weight:600}.stage-node-label{fill:var(--text);text-anchor:middle;font-size:12px;font-weight:700}.stage-node-sublabel{fill:var(--text-muted);text-anchor:middle;font-size:10px}@media (width<=760px){.topic-detail{grid-template-columns:1fr}.animation-stage{position:static}main{padding:20px}}