:root{--bg: #0a0a0b;--text: #e7e7ea;--muted: #9aa1aa;--accent: #b6ff00;--ring: rgba(182, 255, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;z-index:50;background:#101012b8;backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}.navbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);pointer-events:none;opacity:.5}.navbar:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fffffff2,#ffffffbf 25%,#ffffff73 40%,#ffffff26 60%,#fff0 70%);background-repeat:no-repeat;background-position:center bottom;background-size:20% 100%;filter:blur(2px);opacity:.85;animation:disperseGlow 3.6s ease-in-out infinite}@keyframes disperseGlow{0%{background-size:20% 100%;filter:blur(2px);opacity:.9}50%{background-size:100% 100%;filter:blur(6px);opacity:.55}80%{background-size:100% 100%;filter:blur(10px);opacity:.25}to{background-size:100% 100%;filter:blur(12px);opacity:0}}@media(prefers-reduced-motion:reduce){.navbar:before{animation:none;opacity:.5;filter:blur(4px);background-size:100% 100%}}.nav-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:14px 0}.nav-links{display:flex;justify-content:space-evenly;align-items:center;gap:clamp(24px,6vw,56px);min-width:min(800px,90vw)}.nav-link{font-size:.88rem;letter-spacing:.11em;color:#d8dae0;opacity:.9;text-transform:uppercase;transition:opacity .15s ease,color .15s ease,transform .15s ease}.nav-link:hover,.nav-link.active{opacity:1;color:#fff;transform:translateY(-1px)}.nav-side{display:flex;align-items:center;justify-content:flex-start}.nav-right{justify-content:flex-end}.contact-chip{padding:10px 14px;border-radius:999px;background:#0b0c0e;border:1.5px solid var(--accent);box-shadow:0 0 18px var(--ring);font-weight:700;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease}.contact-chip:hover{transform:translateY(-1px);box-shadow:0 0 24px #b6ff0073}.hero{text-align:center;padding:120px 0 80px}.kicker{color:var(--muted);letter-spacing:.15em;font-size:.9rem}.hi{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(38px,6vw,64px);letter-spacing:.02em}.roles{font-family:Orbitron,sans-serif;font-weight:800;font-size:clamp(34px,5vw,52px);background:linear-gradient(90deg,#a020f0,#ff2bd1);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:18px auto 36px;max-width:720px;color:var(--muted);line-height:1.6}.cta{display:inline-block;padding:14px 22px;border-radius:12px;background:var(--bg);border:1.5px solid var(--accent);box-shadow:0 0 30px var(--ring);font-weight:800;letter-spacing:.04em}.caret{display:inline-block;width:1ch;margin-left:2px;border-right:2px solid currentColor;animation:blink 1s step-end infinite}.kbd{padding:.05rem .35rem;border:1px solid rgba(255,255,255,.12);border-radius:.375rem;background:#ffffff0a}.terminal-box{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0a;backdrop-filter:blur(6px);box-shadow:0 0 34px var(--ring);min-height:280px}.terminal-screen{background:#0b0b0c;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;min-height:120px;max-height:300px;overflow:auto;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.45}.terminal-bar{display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.terminal-dot{width:10px;height:10px;border-radius:999px;background:#ffffff26}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.btn-terminal{border:1px solid rgba(0,255,255,.45);background:#00ffff14;color:#dffcff;border-radius:12px;padding:10px 14px;font-size:.95rem;transition:border-color .15s ease,background .15s ease,transform .12s ease}.btn-terminal:hover{border-color:#00ffffd9;background:#00ffff29;transform:translateY(-1px)}.btn-terminal[disabled]{cursor:not-allowed;opacity:.55;border-color:#ffffff2e;background:#ffffff0f;color:#ffffffa6}.btn-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cmdbar{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:10px 16px;background:#ffffff05}.typewriter{white-space:pre-wrap;overflow:hidden;border-right:2px solid currentColor;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{50%{border-color:transparent}}.muted{color:var(--muted)}.ok{color:#22c55e}.warn{color:#f59e0b}.err{color:#ef4444}.net-viz{padding:8px 16px 2px}.net-viz svg{width:100%;height:42px}.net-node{fill:#00ffff1a;stroke:#0ff9}.net-label{font:12px JetBrains Mono,monospace;fill:#dffcffe6}.net-path{stroke:#00ffffd9;stroke-width:2;stroke-dasharray:6 8;animation:dash-move 1.2s linear infinite}.net-packet{r:5;fill:#22c55e;filter:drop-shadow(0 0 6px rgba(0,255,255,.65))}.net-path.paused{animation:none!important}@keyframes dash-move{to{stroke-dashoffset:-28}}@keyframes blink{50%{border-color:transparent}}.legend{display:grid;gap:6px;align-self:start}.legend .row{display:grid;grid-template-columns:14px 90px 1fr;gap:8px;align-items:center;color:#c8e6f0d9;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.legend .row.total{margin-top:4px;color:#9bdcff;font-weight:700;grid-template-columns:104px 1fr}.legend .val{justify-self:end;min-width:30px;text-align:right;opacity:.9}
