@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#050505;--text-primary:#ededed;--text-secondary:#888;--text-dim:#444;--accent:#4ade80;--border:#222;--border-hover:#333;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background-color:var(--accent);color:#000}a{color:inherit;text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}.hover-underline:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.mono{font-family:var(--font-mono)}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.container{justify-content:flex-start;align-items:flex-start;gap:8vw;width:100%;max-width:100%;margin:0;padding:3rem 4vw;display:flex}.container>main{flex:1;min-width:0;max-width:800px;margin:0 auto}nav{font-family:var(--font-mono);border-bottom:none;flex-direction:column;flex-shrink:0;gap:1rem;width:200px;margin-bottom:0;padding-bottom:0;font-size:.85rem;display:flex;position:sticky;top:3rem}nav a{color:var(--text-secondary)}nav a.active,nav a:hover{color:var(--text-primary)}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:500}h1{margin-bottom:1.5rem;font-size:1.5rem}h2{margin-top:2rem;margin-bottom:1rem;font-size:1.25rem}p{color:#ccc;margin-bottom:1rem}ul{list-style-type:none}li{margin-bottom:.5rem}.terminal-wrapper{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.terminal-input-container{font-family:var(--font-mono);color:var(--text-primary);align-items:center;display:flex}.terminal-prompt{color:var(--accent);margin-right:.75rem}.terminal-input{color:inherit;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1rem}.terminal-output{font-family:var(--font-mono);color:var(--text-secondary);white-space:pre-wrap;margin-top:1rem;font-size:.85rem}.project-card{border:1px solid var(--border);background-color:#0a0a0a;margin-bottom:1.5rem;padding:1.5rem;transition:border-color .15s,transform .15s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.meta-info{font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-bottom:1rem;font-size:.75rem;display:flex}.section-title{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:.85rem}.cmd-k-hint{font-family:var(--font-mono);color:var(--text-dim);font-size:.75rem;position:fixed;bottom:1.5rem;right:1.5rem}.cmd-k-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0009;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.cmd-k-modal{background:var(--bg-color);border:1px solid var(--border);width:100%;max-width:500px;box-shadow:0 10px 40px #00000080}.cmd-k-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-mono);background:0 0;outline:none;padding:1rem;font-size:1rem}.cmd-k-results{max-height:300px;padding:.5rem;overflow-y:auto}.cmd-k-item{color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.cmd-k-item.selected,.cmd-k-item:hover{color:var(--text-primary);background:#111}.cmd-k-item .icon{color:var(--text-dim)}.cmd-k-item.selected .icon{color:var(--accent)}.data-row{align-items:baseline;margin-bottom:.5rem;display:flex}.data-label{width:140px;color:var(--text-secondary);font-family:var(--font-mono);flex-shrink:0;font-size:.85rem}.data-value{color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem}.log-entry{margin-bottom:2rem}.log-date{font-family:var(--font-mono);color:var(--text-accent);margin-bottom:.25rem;font-size:.85rem}.q-and-a{margin-bottom:1.5rem}.q-and-a-q{font-family:var(--font-mono);color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem}.q-and-a-a{color:var(--text-secondary);text-align:justify;max-width:800px;line-height:1.8}.home-container{grid-template-columns:1fr 200px;align-items:flex-start;gap:8vw;display:grid}@media (width<=768px){.home-container{grid-template-columns:1fr;gap:2rem}.container{flex-direction:column;gap:3rem;padding:2rem 5vw}nav{width:100%;position:static}.container>main{max-width:100%;margin:0}}.status-panel{border-left:1px solid var(--border);padding-left:1.5rem}.status-group{margin-bottom:1.5rem}.status-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem}.status-value{color:var(--text-secondary);font-size:.9rem}.ambient-logs-container{z-index:0;pointer-events:none;width:250px;font-family:var(--font-mono);color:var(--text-secondary);opacity:.05;flex-direction:column;justify-content:flex-end;gap:.5rem;font-size:.65rem;display:flex;position:fixed;bottom:2rem;left:2rem}@media (width<=1200px){.ambient-logs-container{display:none}}.ambient-log-line{white-space:nowrap;animation:10s ease-out forwards log-fade-up}@keyframes log-fade-up{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.topology-line{animation:8s ease-in-out infinite alternate line-breathe}@keyframes line-breathe{0%{stroke:#ffffff14;stroke-width:1px}to{stroke:#ffffff40;stroke-width:1.5px}}.boot-sequence{background-color:var(--bg-color);z-index:9999;color:var(--text-secondary);font-family:var(--font-mono);justify-content:center;align-items:center;font-size:.9rem;transition:opacity .5s;display:flex;position:fixed;inset:0}.boot-sequence.fade-out{opacity:0;pointer-events:none}.boot-terminal{width:100%;max-width:600px;padding:2rem}.boot-line{justify-content:space-between;margin-bottom:.5rem;display:flex}.boot-cursor{animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.route-transition{animation:.25s ease-out forwards page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.timeline-status-badge{color:var(--accent);background:#00ff000d;border:1px solid #00ff001a;border-radius:4px;align-items:center;gap:.5rem;margin-left:1rem;padding:.2rem .5rem;font-size:.7rem;animation:4s ease-in-out infinite status-fade;display:inline-flex}.timeline-dot{background-color:var(--accent);width:6px;height:6px;box-shadow:0 0 5px var(--accent);border-radius:50%}@keyframes status-fade{0%,to{opacity:.8}50%{opacity:1}}
