:root{--bg:#07100d;--panel:#0c1814;--panel2:#101f1a;--text:#e8f3ee;--muted:#9db2a8;--accent:#55f59a;--border:#1e372e;--shadow:0 20px 60px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.narrow{max-width:850px}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,16,13,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:1.4rem;font-weight:900;letter-spacing:.04em}.brand span,.eyebrow,.ok{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:25px;color:var(--muted)}.nav-links a:hover{color:var(--text)}.icon-btn,.menu-toggle{background:none;border:0;color:var(--text);cursor:pointer;font-size:1.2rem}.menu-toggle{display:none}.hero{padding:110px 0 95px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 30%,rgba(85,245,154,.09),transparent 32%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(3rem,7vw,5.7rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero h1 span{color:var(--accent)}.hero-text{font-size:1.15rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:11px 18px;border-radius:8px;border:1px solid var(--border);font-weight:800}.btn.primary{background:var(--accent);color:#04100a;border-color:var(--accent)}.btn.secondary:hover{border-color:var(--accent)}.terminal{background:#040907;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.terminal-bar{height:38px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 13px;color:#6e877b;font-size:.8rem}.terminal-bar i{width:9px;height:9px;border-radius:50%;background:#29443a}.terminal-bar span{margin-left:8px}.terminal pre{padding:25px;margin:0;color:#b7c9c1;overflow:auto}.section{padding:90px 0}.alt{background:var(--panel)}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:8px 0 25px;letter-spacing:-.035em}.skill-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-grid span,.tags span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:var(--panel2);font-size:.82rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.project-count{color:var(--muted);font-size:.8rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;padding:26px;background:var(--panel);border:1px solid var(--border);border-radius:12px;min-height:300px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#376b55}.card-number{color:var(--accent);font-family:monospace;font-weight:800}.card h3{font-size:1.35rem;margin:20px 0 8px}.card p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.card>a{color:var(--accent);font-weight:800}.contact-links{display:flex;gap:20px;flex-wrap:wrap}.contact-links a{border-bottom:1px solid var(--accent);padding-bottom:3px}footer{border-top:1px solid var(--border);padding:25px 0;color:var(--muted);font-size:.85rem}footer .container{display:flex;justify-content:space-between}@media(max-width:850px){.hero-grid,.project-grid{grid-template-columns:1fr}.hero{padding-top:75px}.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{position:absolute;display:flex;flex-direction:column;top:72px;left:0;right:0;background:var(--panel);padding:20px}.section-heading{align-items:start;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.notice{margin:35px 0;padding:18px 20px;border-left:3px solid var(--accent);background:var(--panel2);color:var(--muted)}li{margin:10px 0;color:var(--muted)}li::marker{color:var(--accent)}