@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0a0a0a;--bg-elevated:#111;--bg-card:#0d0d0d;--border:#1a1a1a;--border-hover:#2a2a2a;--cyber-green:#0f8;--cyber-green-dim:#00cc6a;--cyber-green-glow:#00ff8826;--cyber-blue:#00d4ff;--cyber-blue-glow:#00d4ff1a;--cyber-red:#f36;--cyber-yellow:#fc0;--text-primary:#e0e0e0;--text-secondary:#666;--text-muted:#444;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-display:"Space Grotesk", sans-serif;--nav-height:56px}[data-theme=light]{--bg:#f5f5f4;--bg-elevated:#fff;--bg-card:#fff;--border:#e0e0de;--border-hover:#c8c8c5;--cyber-green:#00875a;--cyber-green-dim:#064;--cyber-green-glow:#00875a14;--cyber-blue:#0077b6;--cyber-blue-glow:#0077b60f;--cyber-red:#c24;--cyber-yellow:#b38600;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#999}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg);color:var(--text-primary);line-height:1.6;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);transition:opacity .3s;position:fixed;inset:0}[data-theme=light] body:after{opacity:0}::selection{background:var(--cyber-green);color:#000}a{color:inherit;text-decoration:none}.top-nav{height:var(--nav-height);background:var(--bg);border-bottom:1px solid var(--border);z-index:100;align-items:center;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyber-green);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.nav-logo-icon{background:var(--cyber-green);width:8px;height:8px;box-shadow:0 0 8px var(--cyber-green);animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--cyber-green)}50%{opacity:.5;box-shadow:0 0 4px var(--cyber-green)}}.nav-links{gap:.25rem;display:flex}.nav-link{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);border:1px solid #0000;padding:.375rem .75rem;font-size:.75rem;transition:all .15s}.nav-link:hover,.nav-link.active{color:var(--cyber-green);border-color:var(--border);background:var(--cyber-green-glow)}.nav-status{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.nav-status-dot{background:var(--cyber-green);width:6px;height:6px;box-shadow:0 0 6px var(--cyber-green);border-radius:50%;animation:2s infinite pulse-dot}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:4rem 0}.flex-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.cyber-card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;transition:border-color .2s;position:relative}.cyber-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyber-green-glow), transparent);opacity:0;width:100%;height:1px;transition:opacity .3s;position:absolute;top:0;left:0}.cyber-card:hover{border-color:var(--border-hover)}.cyber-card:hover:before{opacity:1}.cyber-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.cyber-card-header-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.6875rem;display:flex}.grid-layout{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.grid-layout>*{background:var(--bg)}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}@media (width<=900px){.col-4,.col-6,.col-8{grid-column:span 12}}.heading-xl{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.05}.heading-lg{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.1}.heading-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.6875rem}.mono-value{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:600}.cyber-text{color:var(--cyber-green)}.cyber-text-blue{color:var(--cyber-blue)}.tag{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.6875rem;display:inline-flex}.tag-active{color:var(--cyber-green);background:#00ff880d;border-color:#00ff884d}.tag-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--cyber-green);color:var(--cyber-green);background:#00ff880d;box-shadow:0 0 12px #00ff8814}.btn-primary{border-color:var(--cyber-green);color:#000;background:var(--cyber-green)}.btn-primary:hover{color:#000;background:#00e67a;box-shadow:0 0 20px #0f83}.data-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.8125rem;display:flex}.data-row:last-child{border-bottom:none}.data-label{color:var(--text-secondary)}.data-value{color:var(--text-primary);font-weight:500}.progress-bar{background:var(--border);width:100%;height:2px;position:relative;overflow:hidden}.progress-fill{background:var(--cyber-green);height:100%;box-shadow:0 0 8px var(--cyber-green);transition:width .5s}.terminal-block{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);background:#000;padding:1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.terminal-block .prompt{color:var(--cyber-green);-webkit-user-select:none;user-select:none}.terminal-block .comment{color:var(--text-muted)}.terminal-block .output{color:var(--text-primary)}.divider{background:var(--border);width:100%;height:1px;margin:2rem 0}.divider-dashed{border-top:1px dashed var(--border);width:100%;height:1px;margin:1rem 0}.corner-marker{border-color:var(--text-muted);width:8px;height:8px;position:absolute}.corner-marker.tl{border-top:1px solid;border-left:1px solid;top:-1px;left:-1px}.corner-marker.tr{border-top:1px solid;border-right:1px solid;top:-1px;right:-1px}.corner-marker.bl{border-bottom:1px solid;border-left:1px solid;bottom:-1px;left:-1px}.corner-marker.br{border-bottom:1px solid;border-right:1px solid;bottom:-1px;right:-1px}.markdown-body{color:var(--text-primary);font-size:.875rem}.markdown-body h1,.markdown-body h2,.markdown-body h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:2rem;margin-bottom:.75rem;font-weight:600}.markdown-body h1{border-bottom:1px solid var(--border);padding-bottom:.5rem;font-size:1.75rem}.markdown-body h2{font-size:1.25rem}.markdown-body h3{font-size:1rem}.markdown-body p{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.8}.markdown-body a{color:var(--cyber-green)}.markdown-body a:hover{text-decoration:underline}.markdown-body code{color:var(--cyber-green);font-family:var(--font-mono);background:#00ff880f;border:1px solid #00ff881a;padding:.15em .4em;font-size:.8125em}.markdown-body pre{border:1px solid var(--border);background:#000;margin-bottom:1.5rem;padding:1.25rem;font-size:.8125rem;overflow-x:auto}.markdown-body pre code{color:var(--text-primary);background:0 0;border:none;padding:0}.markdown-body ul,.markdown-body ol{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.25rem}.markdown-body li{margin-bottom:.375rem}.markdown-body li::marker{color:var(--text-muted)}.markdown-body blockquote{border-left:2px solid var(--cyber-green);color:var(--text-muted);margin-left:0;padding-left:1rem}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.8125rem}.markdown-body th,.markdown-body td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .75rem}.markdown-body th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}@keyframes glitch-small{0%,95%,to{transform:translate(0)}96%{transform:translate(-1px,1px)}97%{transform:translate(1px,-1px)}98%{transform:translate(-1px)}}.glitch-hover:hover{animation:.5s glitch-small}@media (width<=768px){.container{padding:0 1rem}.section-padding{padding:3rem 0}.hide-mobile{display:none}}[data-theme=light] .top-nav{-webkit-backdrop-filter:blur(12px);background:#f5f5f4d9}[data-theme=light] .grid-layout>*{background:var(--bg)}[data-theme=light] .terminal-block{border-color:var(--border);color:#999;background:#1a1a1a}[data-theme=light] .terminal-block .prompt{color:#00cc6a}[data-theme=light] .terminal-block .output{color:#e0e0e0}[data-theme=light] .terminal-block .comment{color:#555}[data-theme=light] .tag-active{color:var(--cyber-green);background:#00875a0f;border-color:#00875a66}[data-theme=light] .btn{color:var(--text-secondary);border-color:var(--border)}[data-theme=light] .btn:hover{border-color:var(--cyber-green);color:var(--cyber-green);box-shadow:none;background:#00875a0d}[data-theme=light] .btn-primary{background:var(--cyber-green);color:#fff;border-color:var(--cyber-green)}[data-theme=light] .btn-primary:hover{background:var(--cyber-green-dim);color:#fff;box-shadow:none}[data-theme=light] .progress-fill{box-shadow:none}[data-theme=light] .cyber-card:before{background:linear-gradient(90deg,#0000,#00875a1f,#0000)}[data-theme=light] .markdown-body code{color:var(--cyber-green);background:#00875a0f;border-color:#00875a26}[data-theme=light] .markdown-body pre{border-color:var(--border);background:#1a1a1a}[data-theme=light] .markdown-body pre code{color:#e0e0e0;background:0 0;border:none}[data-theme=light] ::selection{background:var(--cyber-green);color:#fff}.theme-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);background:0 0;justify-content:center;align-items:center;font-size:.875rem;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.theme-toggle:hover{border-color:var(--cyber-green);color:var(--cyber-green)}.theme-toggle-icon{transition:transform .3s,opacity .3s}.top-nav,.cyber-card,.terminal-block,.tag,.btn,.grid-layout,.data-row,.progress-bar,.card,.divider{transition:background-color .3s,border-color .3s,color .3s}