:root{--bg-primary: #1e293b;--bg-secondary: #334155;--bg-terminal: #0f172a;--text-primary: #fbbf24;--text-secondary: #64748b;--text-terminal: #fbbf24;--accent: #fbbf24;--border: #475569;--terminal-green: #22c55e;--terminal-red: #ef4444;--terminal-yellow: #fbbf24}*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,monospace;background:var(--bg-terminal);color:var(--text-terminal);line-height:1.6;min-height:100vh}#app{max-width:1400px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.terminal-window{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;margin:1rem;box-shadow:0 4px 24px #00000080}.terminal-header{background:var(--bg-secondary);padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;border-radius:8px 8px 0 0}.terminal-dots{display:flex;gap:.5rem;margin-right:1rem}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:var(--terminal-red)}.terminal-dot.yellow{background:var(--terminal-yellow)}.terminal-dot.green{background:var(--terminal-green)}.terminal-title{color:var(--text-terminal);font-size:.875rem;font-weight:500}header{padding:2rem;background:var(--bg-terminal)}.header-content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.terminal-prompt{color:var(--terminal-green);font-weight:600}.command{color:var(--text-terminal)}header h1{font-size:2rem;margin:1rem 0;color:var(--text-terminal);font-family:IBM Plex Mono,monospace}header .ascii-art{font-family:IBM Plex Mono,monospace;font-size:.75rem;line-height:1;color:var(--accent);margin:1rem 0;white-space:pre}header p{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.agent-card{animation:fadeInUp .5s ease-out forwards;opacity:0}.terminal-window{animation:slideInFromLeft .3s ease-out}.agent-card{transition:all .2s ease}.agent-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf241a}nav{padding:0 2rem 1rem;background:var(--bg-terminal)}.nav-content{display:flex;gap:0;font-family:IBM Plex Mono,monospace}.nav-prompt{color:var(--terminal-green);font-weight:600}nav a{color:var(--text-terminal);text-decoration:none;padding:.25rem .5rem;margin:0 .5rem;border:1px solid transparent;transition:all .2s;font-family:IBM Plex Mono,monospace}nav a:hover,nav a.active{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}nav a:before{content:"[";color:var(--text-secondary)}nav a:after{content:"]";color:var(--text-secondary)}main{flex-grow:1;padding:0 2rem 2rem;background:var(--bg-terminal)}.terminal-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:1.5rem;min-height:400px}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin-top:1rem}.agent-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;padding:1rem;position:relative;transition:all .2s ease;font-family:IBM Plex Mono,monospace}.agent-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s ease}.agent-card:hover{border-color:var(--accent);background:var(--bg-terminal)}.agent-card:hover:before{transform:scaleX(1)}.agent-card .agent-header{display:flex;align-items:center;margin-bottom:.75rem;gap:.5rem}.agent-card .agent-type{background:var(--bg-primary);color:var(--accent);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border:1px solid var(--border);font-family:IBM Plex Mono,monospace}.agent-card .status-indicator{color:var(--terminal-green);font-size:.75rem}.agent-card h3{color:var(--text-terminal);margin-bottom:.75rem;font-size:1.1rem;font-weight:600;font-family:IBM Plex Mono,monospace}.agent-card .description{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:1rem}.agent-card .capabilities{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem}.capability-tag{background:var(--bg-primary);color:var(--text-secondary);padding:.2rem .4rem;border-radius:0;font-size:.7rem;border:1px solid var(--border);font-family:IBM Plex Mono,monospace;transition:all .2s}.capability-tag:hover{color:var(--accent);border-color:var(--accent)}.agent-card .projects{color:var(--text-secondary);font-size:.75rem;margin-bottom:1rem;font-family:IBM Plex Mono,monospace}.agent-card .projects:before{content:"$ projects: ";color:var(--terminal-green);font-weight:600}.agent-card .view-details{color:var(--accent);text-decoration:none;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;transition:color .2s;font-family:IBM Plex Mono,monospace;border:1px solid var(--border);padding:.25rem .5rem;background:var(--bg-primary)}.agent-card .view-details:hover{color:var(--bg-primary);background:var(--accent);border-color:var(--accent)}.agent-card .view-details:before{content:"> ";color:currentColor}.agent-card .view-details:after{content:" _";animation:blink 1s infinite}.agent-card .type{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.agent-card .description{color:var(--text-primary);margin-bottom:1rem}.agent-card .capabilities{list-style:none;color:var(--text-secondary);font-size:.9rem}.agent-card .capabilities li:before{content:"→ ";color:var(--accent)}footer{padding:1rem 2rem;background:var(--bg-terminal);border-top:1px solid var(--border);font-family:IBM Plex Mono,monospace}.footer-content{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem}.footer-prompt{color:var(--terminal-green);font-weight:600}footer a{color:var(--accent);text-decoration:none;transition:color .2s}footer a:hover{color:var(--terminal-green)}.agent-detail{max-width:1000px;margin:0 auto;font-family:IBM Plex Mono,monospace}.agent-detail h2{color:var(--accent);margin:2rem 0 1rem;font-family:IBM Plex Mono,monospace}.agent-detail h2:before{content:"# ";color:var(--terminal-green)}.agent-detail h3{color:var(--text-terminal);margin:1.5rem 0 .5rem;font-family:IBM Plex Mono,monospace}.agent-detail h3:before{content:"## ";color:var(--terminal-green)}.agent-detail code{background:var(--bg-secondary);padding:.2rem .4rem;border:1px solid var(--border);font-family:IBM Plex Mono,monospace;color:var(--accent)}.agent-detail pre{background:var(--bg-secondary);border:1px solid var(--border);padding:1rem;overflow-x:auto;margin:1rem 0;font-family:IBM Plex Mono,monospace}.agent-detail ul{margin-left:1.5rem;color:var(--text-secondary)}.agent-detail ul li{margin:.5rem 0}.agent-detail ul li:before{content:"→ ";color:var(--accent);margin-left:-1rem}.overview{font-family:IBM Plex Mono,monospace}.overview h2{color:var(--accent);margin-bottom:1rem;font-size:1.5rem}.overview h2:before{content:"$ ";color:var(--terminal-green)}.overview h3{color:var(--text-terminal);margin:1.5rem 0 .5rem}.overview h3:before{content:"> ";color:var(--terminal-green)}.overview ul{list-style:none;margin-left:1rem}.overview ul li{color:var(--text-secondary);margin:.5rem 0}.overview ul li:before{content:"→ ";color:var(--accent);margin-right:.5rem}.overview p{color:var(--text-secondary);margin-bottom:1rem}.overview strong{color:var(--accent)}.protected-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:IBM Plex Mono,monospace}.auth-form{background:var(--bg-primary);padding:2rem;border:1px solid var(--accent);max-width:400px;width:100%;font-family:IBM Plex Mono,monospace}.auth-form h2{color:var(--accent);margin-bottom:1rem;font-family:IBM Plex Mono,monospace}.auth-form input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-terminal);margin-bottom:1rem;font-family:IBM Plex Mono,monospace}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form button{width:100%;padding:.75rem;background:var(--accent);color:var(--bg-primary);border:1px solid var(--accent);font-weight:600;cursor:pointer;transition:all .2s;font-family:IBM Plex Mono,monospace}.auth-form button:hover{background:var(--bg-primary);color:var(--accent)}