@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--bg:#080b0d;--panel:#0e1316;--panel2:#11181c;--line:#202a2f;--text:#eef4f6;--muted:#8b9aa2;--accent:#7cff6b;--cyan:#67e8f9;--mono:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif}.app{overflow:hidden}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#080b0deb;justify-content:space-between;align-items:center;height:72px;padding:0 max(5vw,24px);display:flex;position:fixed;top:0;left:0;right:0}.brand{font:700 18px var(--mono);color:var(--text);text-decoration:none}.brand span,.hero h1 span,h2 span{color:var(--accent)}nav{gap:28px;display:flex}nav a{font:500 12px var(--mono);color:var(--muted);text-transform:uppercase;text-decoration:none}nav a:hover{color:var(--accent)}.menuBtn{color:#fff;background:0 0;border:0;font-size:24px;display:none}main{max-width:1200px;margin:auto;padding:0 5vw}.hero{min-height:100vh;padding:160px 0 100px;position:relative}.eyebrow,.sectionTag{font:600 12px var(--mono);color:var(--accent);letter-spacing:.12em}.hero h1{letter-spacing:-.065em;max-width:1000px;margin:28px 0;font-size:clamp(52px,8vw,108px);line-height:.92}.lead,.intro{max-width:720px;color:var(--muted);font-size:19px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.actions a{font:600 13px var(--mono);border:1px solid var(--line);padding:14px 18px;text-decoration:none}.primary{background:var(--accent);color:#071007!important;border-color:var(--accent)!important}.secondary{color:var(--text)}.terminal{border:1px solid var(--line);background:#050708;max-width:720px;margin-top:60px;box-shadow:0 30px 100px #00000059}.termTop{border-bottom:1px solid var(--line);align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.termTop i{background:#364149;border-radius:50%;width:9px;height:9px}.termTop span{font:11px var(--mono);color:#66757d;margin-left:8px}.termBody{font:13px/1.8 var(--mono);color:#a9b5bb;padding:22px}.termBody p{margin:3px}.termBody b{color:var(--cyan)}.termBody em{color:var(--accent);font-style:normal}.result{color:#6f7d84!important}section:not(.hero){border-top:1px solid var(--line);padding:120px 0}h2{letter-spacing:-.05em;margin:22px 0 28px;font-size:clamp(40px,6vw,76px);line-height:1}.cards{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:60px;display:grid}.cards article,.skillGrid article{background:var(--panel);padding:28px}.cards b{font:600 12px var(--mono);color:var(--accent)}h3{margin:20px 0 10px;font-size:21px}.cards p,.project p,.timeline p{color:var(--muted);line-height:1.65}.projects{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px;display:grid}.project{background:var(--panel);border:1px solid var(--line);padding:28px;transition:all .25s}.project:hover{border-color:#3c4d55;transform:translateY(-5px)}.projectHead{font:600 10px var(--mono);color:var(--accent);justify-content:space-between;display:flex}.projectHead small{color:#718087}.project h3{font-size:30px}.flow{font:10px/1.5 var(--mono);color:var(--cyan);border:1px solid var(--line);background:#080c0e;margin:22px 0;padding:12px}.project ul{margin:0;padding:0;list-style:none}.project li{font:12px/2 var(--mono);color:#aebbc1}.skillGrid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px;display:grid}.skillGrid article{border:1px solid var(--line)}.skillGrid h3{margin-top:0}.skillGrid article div{flex-wrap:wrap;gap:8px;display:flex}.skillGrid span{font:11px var(--mono);color:#b5c0c5;border:1px solid #2a363c;padding:9px 11px}.timeline{max-width:800px;margin-top:60px}.timeline article{border-top:1px solid var(--line);grid-template-columns:70px 1fr;padding:24px 0;display:grid}.timeline b{font:600 12px var(--mono);color:var(--accent)}.timeline h3{margin:0}.timeline p{margin-bottom:0}.contact{text-align:center}.contact .sectionTag{display:inline-block}.contact p{color:var(--muted)}.contact .actions{justify-content:center}.contact small{color:#55636a;font:10px var(--mono)}footer{border-top:1px solid var(--line);color:#647178;font:11px var(--mono);justify-content:space-between;padding:35px 5vw;display:flex}footer span{color:var(--accent)}footer p{margin:0}@media (width<=850px){.menuBtn{display:block}nav{background:var(--panel);border-bottom:1px solid var(--line);flex-direction:column;padding:24px;display:none;position:absolute;top:72px;left:0;right:0}nav.open{display:flex}.cards,.projects{grid-template-columns:1fr 1fr}.hero{padding-top:135px}}@media (width<=600px){main{padding:0 22px}.hero h1{font-size:50px}.lead,.intro{font-size:16px}.cards,.projects,.skillGrid{grid-template-columns:1fr}section:not(.hero){padding:85px 0}.terminal{margin-top:40px}.projectHead{gap:12px}.timeline article{grid-template-columns:45px 1fr}footer{flex-direction:column;gap:10px}}
