*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#06080d;--panel:#0b1018;--line:#1b2635;--text:#edf4ff;--muted:#8d9aad;--blue:#3ea6ff;--cyan:#58e1ff;--green:#58e29b}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 15%,rgba(62,166,255,.12),transparent 28%),radial-gradient(circle at 15% 50%,rgba(88,225,255,.06),transparent 25%);z-index:-2}
.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
.nav{height:78px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.logo{font:700 25px "JetBrains Mono",monospace;color:white;text-decoration:none}.logo span{color:var(--blue)}
.nav nav{display:flex;gap:34px}.nav nav a{color:var(--muted);text-decoration:none;font-size:14px;transition:.2s}.nav nav a:hover{color:white}
.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:calc(100vh - 78px);max-width:1180px;margin:auto;padding:100px 28px 120px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.eyebrow,.tag,.section-label{font:600 12px "JetBrains Mono",monospace;letter-spacing:.13em;color:var(--blue)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}
.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}
.hero h1 span,h2 span{color:var(--blue)}
.lead{max-width:610px;color:var(--muted);font-size:17px}
.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 19px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:.2s}.btn.primary{background:var(--blue);color:#04101c}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(62,166,255,.2)}.btn.secondary{border:1px solid var(--line);color:white;background:rgba(255,255,255,.02)}.btn.secondary:hover{border-color:#34475d}
.terminal{border:1px solid var(--line);background:rgba(8,13,21,.82);border-radius:12px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.35)}
.terminal-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 15px;color:#718096;font:12px "JetBrains Mono",monospace}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#344154}
.terminal-body{padding:25px;font:13px/2 "JetBrains Mono",monospace;min-height:310px}.terminal-body p{margin:0}.green{color:var(--green)}.blue{color:var(--blue)}.cyan{color:var(--cyan);padding-left:10px}.muted{color:#8793a5;padding-left:10px}.cursor{display:inline-block;width:8px;height:16px;background:var(--blue);vertical-align:-3px;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}
.section{max-width:1180px;margin:auto;padding:105px 28px}.section-label{margin-bottom:30px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.section h2{font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.04em}.about-text{color:var(--muted);max-width:570px}.about-text p+p{margin-top:20px}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading p{color:var(--muted)}
.skills{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-card{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;transition:.25s}.skill-card:hover{background:rgba(62,166,255,.035);transform:translateY(-3px)}.skill-card span,.project-number{font:12px "JetBrains Mono",monospace;color:#536174}.skill-card h3{font-size:19px;margin:38px 0 10px}.skill-card p,.project p{font-size:14px;color:var(--muted)}
.projects{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:70px 1fr 30px;gap:20px;padding:30px 5px;border-bottom:1px solid var(--line);align-items:start;transition:.2s}.project:hover{padding-left:15px;background:rgba(255,255,255,.015)}.project h3{font-size:25px;margin:5px 0 7px}.arrow{font-size:20px;color:var(--blue)}
.cta{max-width:1120px;margin:80px auto 100px;padding:80px 30px;text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(62,166,255,.08),rgba(88,225,255,.02));border-radius:14px}.cta h2{font-size:clamp(35px,5vw,60px);letter-spacing:-.045em;margin:16px auto 12px}.cta p:not(.eyebrow){color:var(--muted);max-width:580px;margin:0 auto 28px}
footer{max-width:1180px;margin:auto;padding:30px 28px 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#647083;font:11px "JetBrains Mono",monospace}
@media(max-width:800px){.nav nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:65px}.terminal{margin-top:10px}.about-grid{grid-template-columns:1fr;gap:30px}.skills{grid-template-columns:1fr 1fr}.section-heading{display:block}.section-heading p{margin-top:10px}.cta{margin:30px 18px 70px}.project{grid-template-columns:40px 1fr 20px}}
@media(max-width:520px){.hero h1{font-size:46px}.skills{grid-template-columns:1fr}.actions{flex-direction:column}.btn{justify-content:center}.terminal-body{font-size:11px}.section{padding:75px 22px}footer{margin:0 22px;padding-left:0;padding-right:0;gap:15px;flex-direction:column}}