:root{--void: #0a0a0a;--ash: #1a1a1a;--ash-light: #2a2a2a;--ash-muted: #363636;--text-primary: #ffffff;--text-secondary: #cccccc;--text-dim: #999999;--text-muted: #777777;--text-subtle: #555555;--text-faint: #444444;--text-ghost: #333333;--cobalt: #10b981;--cobalt-bright: #34d399;--cobalt-dim: rgba(16, 185, 129, .18);--cobalt-glow: rgba(16, 185, 129, .35);--crimson: #ef4444;--crimson-dim: rgba(239, 68, 68, .18);--crimson-glow: rgba(239, 68, 68, .35);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .18);--amber-glow: rgba(245, 158, 11, .35);--border-strong: rgba(255, 255, 255, .18);--border-medium: rgba(255, 255, 255, .12);--border-faint: rgba(255, 255, 255, .08);--border-ultra: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .07);--hover-bg-strong: rgba(255, 255, 255, .11);--dot-color: rgba(255, 255, 255, .12);--shadow-popup: 0 16px 48px rgba(0, 0, 0, .4);--shadow-window: 0 0 18px rgba(16, 185, 129, .15), 0 25px 50px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .3);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3)}html.light{--void: #f6f1eb;--ash: #ede7df;--ash-light: #e1d9d0;--ash-muted: #d2c9be;--text-primary: #0d1117;--text-secondary: #2a3347;--text-dim: #4a5568;--text-muted: #64748b;--text-subtle: #94a3b8;--text-faint: #b0bec5;--text-ghost: #c8d0d8;--cobalt: #047857;--cobalt-bright: #059669;--cobalt-dim: rgba(4, 120, 87, .18);--cobalt-glow: rgba(4, 120, 87, .35);--crimson: #b91c1c;--crimson-dim: rgba(185, 28, 28, .18);--crimson-glow: rgba(185, 28, 28, .35);--amber: #b45309;--amber-dim: rgba(180, 83, 9, .18);--amber-glow: rgba(180, 83, 9, .35);--border-strong: rgba(0, 0, 0, .18);--border-medium: rgba(0, 0, 0, .12);--border-faint: rgba(0, 0, 0, .08);--border-ultra: rgba(0, 0, 0, .04);--hover-bg: rgba(0, 0, 0, .07);--hover-bg-strong: rgba(0, 0, 0, .11);--dot-color: rgba(101, 77, 55, .14);--shadow-popup: 0 16px 48px rgba(0, 0, 0, .15);--shadow-window: 0 0 18px rgba(4, 120, 87, .1), 0 25px 50px rgba(0, 0, 0, .15), 0 8px 24px rgba(0, 0, 0, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;scroll-behavior:smooth}body{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--void);color:var(--text-secondary);line-height:1.5;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);background-size:40px 40px;transition:background-color .2s ease-out,color .2s ease-out}.text-hero{font-size:32px;line-height:1.1;font-family:Geist,sans-serif}.text-display{font-size:20px;line-height:1.3;font-family:Geist,sans-serif}.text-title{font-size:15px;line-height:1.4;font-family:Geist,sans-serif}.text-body{font-size:13px;line-height:1.5;font-family:Geist,sans-serif}.text-micro{font-size:10px;line-height:1.4;letter-spacing:.05em;font-family:Geist,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.mono-section{font-family:IBM Plex Mono,monospace;font-size:10px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.mono-badge{font-family:IBM Plex Mono,monospace;font-size:9px}.mono-meta{font-family:IBM Plex Mono,monospace;font-size:10px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.text-faint{color:var(--text-faint)}.text-ghost{color:var(--text-ghost)}.text-cobalt{color:var(--cobalt)}.rounded-none{border-radius:0}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.menu-row{background:transparent;transition:background .15s ease-out;cursor:pointer}.menu-row:hover{background:var(--hover-bg)}.menu-row.active{background:var(--cobalt-dim);border-left:2px solid var(--cobalt);color:var(--cobalt)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popupEntry{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes windowSpawn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--cobalt-glow)}50%{box-shadow:0 0 20px var(--cobalt-glow),0 0 40px var(--cobalt-dim)}}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-spawn{animation:windowSpawn .2s cubic-bezier(.16,1,.3,1) forwards}.anim-fade{animation:fadeSlideIn .2s ease-out forwards}.anim-pulse{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}@media (max-width: 768px){.how-it-works-grid{grid-template-columns:1fr!important;gap:40px!important}}@media (max-width: 560px){.taskbar-nav-label,.taskbar-new-agent,.taskbar-search-label{display:none!important}}@media (max-width: 480px){#hero{padding-top:60px!important;padding-bottom:100px!important}#modules,#curriculum,#how-it-works,#philosophy,#access{padding-left:16px!important;padding-right:16px!important}}@media (max-width: 560px){#curriculum .feature-grid,.features-grid{grid-template-columns:1fr!important}}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}