@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#07070b;--surface:#101017;--surface2:#15151e;--text:#f4f3f8;--muted:#a4a2b0;--purple:#9b5cff;--purple2:#c58cff;--line:#272632;--green:#64e6a3;--max:1120px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.header{height:76px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(7,7,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.logo{font:700 25px 'Space Grotesk';letter-spacing:-2px}.logo span,.hero h1 span,.contact h2 span,.accent{color:var(--purple)}.nav{display:flex;gap:25px}.nav a{font-size:13px;color:var(--muted);transition:.2s}.nav a:hover{color:#fff}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.section{max-width:var(--max);margin:auto;padding:115px 30px}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-top:150px}.eyebrow{color:var(--purple2);font-size:12px;font-weight:800;letter-spacing:2.4px;margin-bottom:18px}.hero h1{font:700 clamp(60px,9vw,108px)/.9 'Space Grotesk';letter-spacing:-6px;margin-bottom:30px}.hero-text{max-width:600px;color:var(--muted);font-size:18px}.buttons{display:flex;gap:12px;margin-top:35px}.btn{padding:13px 21px;border-radius:7px;font-size:13px;font-weight:700}.primary{background:var(--purple);color:#08070b}.secondary{border:1px solid var(--line);color:#ddd}.terminal{background:#0d0d13;border:1px solid #282632;border-radius:12px;box-shadow:0 25px 80px rgba(0,0,0,.5);overflow:hidden;transform:rotate(2deg)}.terminal-top{height:44px;background:#171720;border-bottom:1px solid #282632;display:flex;align-items:center;gap:7px;padding:0 15px;color:#6f6d79;font-size:11px}.terminal-top i{width:8px;height:8px;border-radius:50%;background:#4c4b55}.terminal-top span{margin-left:8px}.terminal-body{padding:25px;font:14px/2.05 monospace;color:#b9b7c2}.terminal-body b{color:#777583}.success{color:var(--green)}.section-heading{display:flex;gap:16px;align-items:center;margin-bottom:45px}.section-heading span{font:700 13px monospace;color:var(--purple)}h2{font:600 38px 'Space Grotesk';letter-spacing:-1.5px}.alt{max-width:none;background:var(--surface);padding-left:max(30px,calc((100vw - var(--max))/2 + 30px));padding-right:max(30px,calc((100vw - var(--max))/2 + 30px))}.about-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:80px}.about-text{color:var(--muted);font-size:17px}.about-text p+p{margin-top:18px}.about-text strong{color:white}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats div{border:1px solid var(--line);padding:22px;border-radius:8px;background:rgba(255,255,255,.015)}.stats strong{display:block;font:700 38px 'Space Grotesk';color:var(--purple)}.stats span{font-size:11px;color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.skill{border:1px solid var(--line);padding:30px;border-radius:9px;background:var(--surface);transition:.25s}.skill:hover,.project:hover,.education:hover{border-color:#54347e;transform:translateY(-3px)}.skill>span,.project-number{font:12px monospace;color:var(--purple)}.skill h3,.project h3,.education h3{font:600 22px 'Space Grotesk';margin:16px 0 8px}.skill p,.project p,.education span{font-size:13px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags b{font:500 10px monospace;color:#c4c0cf;border:1px solid var(--line);border-radius:4px;padding:4px 7px}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.project{border:1px solid var(--line);padding:30px;border-radius:9px;background:var(--surface);transition:.25s}.featured{grid-row:span 2;background:linear-gradient(135deg,#16121f,#101017)}.project-type,.education p{font:700 10px monospace;color:var(--purple2);letter-spacing:1.4px}.project h3{font-size:28px}.timeline{border-left:1px solid var(--line);margin-left:10px}.job{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:0 0 45px 35px;position:relative}.job:before{content:'';position:absolute;left:-5px;top:6px;width:9px;height:9px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 5px var(--bg)}.date{font:12px monospace;color:var(--purple2)}.job h3{font:600 22px 'Space Grotesk'}.job h4{font-size:12px;color:#d1ceda;margin-bottom:7px}.job p{font-size:13px;color:var(--muted)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.education{border:1px solid var(--line);padding:25px;border-radius:8px;transition:.25s}.education h3{font-size:18px}.education p{margin-bottom:4px}.contact{max-width:none;text-align:center;background:radial-gradient(circle at 50% 20%,#241238 0,#0c0911 38%,var(--bg) 75%);padding-top:150px;padding-bottom:150px}.contact-inner{max-width:750px;margin:auto}.contact h2{font:600 clamp(44px,7vw,75px)/.95 'Space Grotesk';letter-spacing:-4px}.contact-inner>p:not(.eyebrow){color:var(--muted);margin:25px auto;max-width:500px}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.contact-links a{border:1px solid var(--line);padding:10px 14px;border-radius:6px;font-size:12px;transition:.2s}.contact-links a:hover{border-color:var(--purple);color:var(--purple2)}footer{padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#66636e;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0b10;padding:20px 30px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:135px}.hero-card{display:none}.hero h1{font-size:70px}.about-grid,.projects{grid-template-columns:1fr}.featured{grid-row:auto}.skills-grid,.education-grid{grid-template-columns:1fr}.job{grid-template-columns:1fr;gap:5px}.section{padding:90px 22px}.alt{padding-left:22px;padding-right:22px}footer{flex-direction:column;gap:7px}}