:root{--bg:#090b10;--panel:#11141b;--text:#f2f4f8;--muted:#8e96a6;--line:rgba(255,255,255,.11);--acid:#b8ff57;--violet:#8c72ff;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.orb{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.17}
.orb-one{width:470px;height:470px;background:var(--violet);right:-150px;top:100px}
.orb-two{width:330px;height:330px;background:var(--acid);left:-230px;top:570px;opacity:.09}
.nav{height:92px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{display:flex;align-items:center;font:700 17px var(--mono);letter-spacing:-1px}.brand-mark{color:var(--bg);background:var(--acid);padding:2px 5px;margin-right:4px}
nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:13px;color:var(--muted);transition:.2s}nav a:hover{color:var(--text)}
.status{font:11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:7px 11px}.status i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--acid)}
.hero{min-height:calc(100vh - 92px);padding:90px 0 76px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow,.section-number{font:11px var(--mono);letter-spacing:.16em;color:var(--muted)}.eyebrow span{color:var(--acid);margin-right:10px}
h1{font-size:clamp(52px,8.4vw,110px);line-height:.92;letter-spacing:-.065em;margin:28px 0 30px;max-width:1050px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(242,244,248,.6)}
.lead{max-width:650px;font-size:clamp(17px,2vw,21px);color:#aeb5c1;margin:0 0 38px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:14px 19px;border:1px solid var(--line);font:600 13px var(--mono);transition:.25s}.button span{margin-left:20px}.button.primary{background:var(--acid);border-color:var(--acid);color:#10130d}.button.primary:hover{box-shadow:0 0 35px rgba(184,255,87,.18);transform:translateY(-2px)}.button.ghost:hover{border-color:#fff}
.scroll-hint{position:absolute;right:0;bottom:60px;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.18em;color:var(--muted)}.scroll-hint span{height:48px;width:1px;background:var(--line);margin:0 auto 10px}
.manifesto,.terminal-section{display:grid;grid-template-columns:1fr 2.2fr;gap:60px;padding:140px 0;border-top:1px solid var(--line)}
h2{font-size:clamp(37px,5vw,65px);line-height:1.04;letter-spacing:-.05em;margin:0 0 30px}h2 span{color:var(--muted)}
.manifesto>div p,.terminal-copy>p:last-child{font-size:18px;color:var(--muted);max-width:660px}.manifesto strong{color:var(--text)}
.skills{padding:130px 0}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border:1px solid var(--line)}
.card{position:relative;padding:44px 34px;min-height:390px;background:rgba(17,20,27,.55);border-right:1px solid var(--line);transition:.3s}.card:last-child{border-right:0}.card:hover{background:#151922;transform:translateY(-5px)}
.card-index{position:absolute;right:20px;top:18px;font:10px var(--mono);color:#626a79}.icon{font-size:34px;color:var(--acid);margin:25px 0 70px}.card h3{font-size:25px;margin:0 0 14px;letter-spacing:-.03em}.card p{color:var(--muted);font-size:14px}.card small{position:absolute;left:34px;bottom:26px;font:9px var(--mono);letter-spacing:.08em;color:#6f7785}
.terminal-section{grid-template-columns:1.25fr 1fr;align-items:center}.terminal{background:#0d1016;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.3)}.terminal-bar{height:42px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 14px;gap:7px}.terminal-bar span{width:8px;height:8px;border-radius:50%;background:#343944}.terminal-bar span:first-child{background:#ff6c5f}.terminal-bar span:nth-child(2){background:#f6c751}.terminal-bar span:nth-child(3){background:#65c466}.terminal-bar b{font:9px var(--mono);color:#606977;margin:auto}.terminal-body{padding:36px;font:13px/1.9 var(--mono)}.terminal-body p{margin:0}.terminal-body i{font-style:normal;color:var(--acid);margin-right:9px}.terminal-body .muted{color:#626b79;padding-left:22px}.terminal-body .success{color:var(--acid);padding:12px 0 0 22px}.cursor{animation:blink 1s steps(2) infinite}
footer{border-top:1px solid var(--line);min-height:150px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:11px var(--mono)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes blink{50%{opacity:0}}
@media(max-width:800px){.nav{height:76px}.nav nav{display:none}.status{margin-left:auto}.hero{min-height:calc(100svh - 76px);padding:70px 0}.scroll-hint{display:none}.manifesto,.terminal-section{grid-template-columns:1fr;padding:95px 0;gap:28px}.skills{padding:90px 0}.skill-grid{grid-template-columns:1fr}.card{border-right:0;border-bottom:1px solid var(--line);min-height:330px}.card:last-child{border-bottom:0}.icon{margin-bottom:45px}.terminal-section{display:flex;flex-direction:column-reverse;align-items:stretch}footer{padding:45px 0;gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.cursor{animation:none}}