@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#101418;--panel:#171d22;--line:#29323a;--text:#f2f6f8;--muted:#9aa7b2;--blue:#2563eb;--green:#00c896;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.nav{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font:700 25px "Space Grotesk";letter-spacing:-1px}.brand span,h1 span,h2 span{color:var(--green)}nav{display:flex;gap:20px}nav a{color:var(--muted);font-size:12px}nav a:hover{color:var(--text)}.nav-btn{border:1px solid var(--line);padding:9px 15px;border-radius:9px;font-size:13px}.hero,.section,.contact{max-width:var(--max);margin:auto;padding:100px 24px}.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin:0 0 16px}.hero h1{font:700 clamp(48px,6vw,76px)/1.02 "Space Grotesk";letter-spacing:-4px;margin:0 0 25px}.lead{font-size:18px;color:var(--muted);max-width:680px}.actions,.contact-actions{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;padding:12px 19px;border-radius:10px;font-weight:700;font-size:14px}.primary{background:var(--blue)}.ghost{border:1px solid var(--line)}.stats{display:flex;gap:35px;margin-top:48px}.stats b{display:block;font:600 20px "Space Grotesk"}.stats small{color:var(--muted);font-size:12px}.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 25px 80px #0005}.terminal-top{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 15px;color:var(--muted);font-size:11px}.terminal-top i{width:8px;height:8px;border-radius:50%;background:var(--line)}.terminal-top span{margin-left:8px}pre{margin:0;padding:32px;overflow:auto;color:#dce6ec;font:14px/2 "SFMono-Regular",Consolas,monospace}.kw{color:#b9a7ff}.fn{color:#67b7ff}.str{color:#8fe2c8}h2{font:600 clamp(34px,4vw,50px)/1.1 "Space Grotesk";letter-spacing:-2px;margin:0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.about-copy{color:var(--muted);font-size:17px}.skills-grid,.projects,.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.skills-grid article,.project,.overview-grid div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.skills-grid b{font-family:"Space Grotesk";font-size:16px}.skills-grid p,.project p,.overview-grid p{color:var(--muted);font-size:13px}.timeline{margin-top:45px;border-left:1px solid var(--line);padding-left:28px;display:grid;gap:25px}.timeline article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:27px}.date{color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.4px}.timeline h3{font:600 25px "Space Grotesk";margin:9px 0 0}.timeline h4{color:var(--muted);margin:3px 0 16px}.timeline ul{color:var(--muted);padding-left:18px;margin-bottom:0;font-size:14px}.overview{border-top:1px solid var(--line)}.overview-grid{grid-template-columns:repeat(3,1fr)}.overview-grid div{font-size:11px;color:var(--blue)}.overview-grid b{display:block;color:var(--text);font:600 17px "Space Grotesk";margin-top:15px}.overview-grid p{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-note{color:var(--muted);font-size:12px}.projects{grid-template-columns:repeat(3,1fr)}.project{min-height:215px;transition:.25s}.project:hover{transform:translateY(-4px);border-color:#3c4b58}.project.featured{grid-column:span 2}.project h3{font:600 25px "Space Grotesk";margin:16px 0 5px}.project-meta{display:flex;gap:8px;color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:1px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:4px 8px;color:var(--muted)}.education{border-top:1px solid var(--line)}.degree{margin-top:40px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;justify-content:space-between;align-items:center}.degree h3{font:600 25px "Space Grotesk";margin:8px 0 2px}.degree p{color:var(--muted);margin:0}.degree strong{font-family:"Space Grotesk"}.contact{text-align:center;border-top:1px solid var(--line)}.contact h2{font-size:clamp(42px,6vw,72px)}.contact>p:not(.eyebrow){color:var(--muted)}.contact-actions{justify-content:center}.social{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:13px}.location{font-size:12px}.section+.section{border-top:0}footer{max-width:var(--max);margin:auto;padding:30px 24px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}footer a{margin-left:16px}
@media(max-width:900px){nav{display:none}.hero,.about{grid-template-columns:1fr}.hero{padding-top:70px}.skills-grid,.projects{grid-template-columns:1fr 1fr}.project.featured{grid-column:span 2}.overview-grid{grid-template-columns:1fr 1fr}.section,.contact{padding:75px 20px}}@media(max-width:560px){.hero h1{letter-spacing:-2px}.skills-grid,.projects,.overview-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.contact-actions,.actions{flex-direction:column}.btn{justify-content:center}.degree{display:block}.degree strong{display:block;margin-top:20px}footer{flex-direction:column;gap:12px}}