:root{
  --bg:#0b0b0b;--panel:#111;--text:#f2f0ea;--muted:#9a9993;
  --line:#292929;--accent:#d7ff3f;--max:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;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='.7'/%3E%3C/svg%3E")}
.nav{height:78px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font-weight:900;font-size:22px;letter-spacing:-1px}.logo span,.eyebrow,.tag{color:var(--accent)}
.nav nav{display:flex;gap:28px;font-size:13px;color:var(--muted)}
.nav nav a:hover,.contact-links a:hover{color:var(--accent)}
.nav-btn{border:1px solid var(--line);padding:10px 14px;font-size:12px}
.hero{max-width:var(--max);margin:auto;padding:110px 28px 130px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;margin-bottom:22px}
.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 16px var(--accent)}
h1{font-size:clamp(70px,11vw,150px);line-height:.82;letter-spacing:-7px;font-weight:900}
h1 span,h2 span{color:var(--accent)}
.hero-text{max-width:610px;color:var(--muted);font-size:17px;margin-top:30px}
.hero-actions{display:flex;gap:12px;margin-top:32px}.primary,.secondary{padding:13px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.primary{background:var(--accent);color:#0b0b0b}.secondary{border:1px solid var(--line)}
.hero-card{border:1px solid var(--line);background:linear-gradient(145deg,#151515,#0e0e0e);box-shadow:20px 20px 0 #161616;transform:rotate(2deg)}
.terminal-top{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#444}.terminal-top small{margin-left:auto;color:#666;font-family:monospace}
.terminal-body{padding:32px;font-family:"SFMono-Regular",Consolas,monospace;font-size:14px;line-height:2}.terminal-body b{color:#444;margin-right:22px}.terminal-body em{color:var(--accent);font-style:normal}.cursor{color:var(--accent)}
.ticker{border-block:1px solid var(--line);padding:15px;display:flex;justify-content:center;gap:28px;color:#777;font-size:11px;letter-spacing:2px}
.ticker i{color:var(--accent);font-style:normal}
.section{max-width:var(--max);margin:auto;padding:125px 28px;display:grid;grid-template-columns:190px 1fr;gap:55px;border-bottom:1px solid var(--line)}
.section-label{font:11px monospace;color:#666;text-transform:uppercase;letter-spacing:1px}
h2{font-size:clamp(42px,6vw,76px);line-height:.94;letter-spacing:-3px;margin-bottom:28px}
.section>div:nth-child(2)>p,.section-intro{max-width:740px;color:var(--muted);font-size:16px}
.about-second{margin-top:18px}
.stats{display:flex;gap:50px;margin-top:50px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:34px;letter-spacing:-2px}.stats span{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}
.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:45px}
.skill-grid article{padding:28px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:160px}
.skill-grid article:nth-child(3n){border-right:0}.skill-grid small{color:var(--accent);font-family:monospace}.skill-grid h3{font-size:21px;margin:18px 0 7px}.skill-grid p{color:#777;font-size:13px}
.project-list{margin-top:42px}.project{display:grid;grid-template-columns:80px 1fr;padding:42px 0;border-top:1px solid var(--line)}
.project-no{font:13px monospace;color:var(--accent)}.project-content{max-width:800px}
.project-image{width:100%;height:270px;margin-bottom:25px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#101010}
.project-image img{width:100%;height:100%;object-fit:cover}
.placeholder{background:repeating-linear-gradient(135deg,#111 0,#111 12px,#151515 12px,#151515 24px);flex-direction:column;color:#666;font:12px monospace;letter-spacing:2px}
.placeholder small{margin-top:8px;color:#444;letter-spacing:0}.coming-soon{background:#121212;color:var(--accent);font:11px monospace;letter-spacing:3px}
.tag{font:10px monospace;letter-spacing:1.5px;margin-bottom:10px}.project h3{font-size:34px;letter-spacing:-1px}.project p:not(.tag){max-width:700px;color:#777;margin:10px 0 16px}
.project-meta{display:flex;flex-wrap:wrap;gap:8px}.project-meta span{border:1px solid var(--line);padding:6px 9px;color:#777;font:10px monospace;text-transform:uppercase}
.timeline{border-left:1px solid var(--line);margin-top:42px}.timeline>div{display:grid;grid-template-columns:100px 1fr;padding:0 0 38px 28px;position:relative}.timeline>div:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--accent)}.timeline span{font:12px monospace;color:var(--accent)}.timeline p{color:#777}.timeline b{color:var(--text)}
.contact{max-width:var(--max);margin:auto;padding:150px 28px}.contact h2{font-size:clamp(55px,9vw,115px)}.contact>p:not(.eyebrow){color:var(--muted)}.contact-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px}.contact-links a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.edit-note{font-size:11px!important;color:#555!important;margin-top:24px}
footer{max-width:var(--max);margin:auto;padding:25px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#555;font-size:11px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:800px){.nav{padding:0 18px}.nav nav{display:none}.nav-btn{font-size:10px}.hero{grid-template-columns:1fr;padding:75px 20px 90px;gap:55px}h1{letter-spacing:-4px}.hero-card{transform:none}.section{grid-template-columns:1fr;padding:85px 20px;gap:28px}.skill-grid{grid-template-columns:1fr 1fr}.skill-grid article:nth-child(3n){border-right:1px solid var(--line)}.skill-grid article:nth-child(2n){border-right:0}.stats{gap:25px;flex-wrap:wrap}.project{grid-template-columns:45px 1fr}.project-image{height:210px}.contact{padding:100px 20px}.ticker{gap:14px;overflow:hidden;white-space:nowrap}footer{padding:22px 20px;gap:20px;flex-direction:column}}