@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--bg:#0a0e14;--bg-soft:#0d1219;--surface:#111722;--surface-hover:#161e2c;--border:#1e2836;--border-strong:#2a3648;--text:#e6e9ee;--text-secondary:#9aa5b1;--text-muted:#5c6b7a;--accent:#f59e0b;--accent-soft:rgba(245,158,11,.12);--accent-line:rgba(245,158,11,.35);--green:#34d399;--red:#f87171;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--max-w:1080px;--radius:10px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);background-image:radial-gradient(ellipse 60% 40% at 70% -10%,rgba(245,158,11,.06),transparent),radial-gradient(ellipse 50% 35% at 10% 110%,rgba(245,158,11,.04),transparent);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-w);margin:0 auto;padding:0 32px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(10,14,20,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;height:60px;justify-content:space-between}.nav-inner,.nav-left{display:flex;align-items:center}.nav-left{gap:10px;text-decoration:none;color:var(--text)}.nav-logo-box{width:30px;height:30px;background:var(--accent-soft);border:1px solid var(--accent-line);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent);border-radius:6px}.nav-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:4px 0;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;gap:10px}.btn,.nav-right{align-items:center}.btn{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-flex;gap:6px;transition:all .2s;border:1px solid transparent}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn-ghost:hover{color:var(--text);border-color:var(--accent-line);background:var(--accent-soft)}.btn-solid{background:var(--accent);color:#0a0e14;font-weight:600}.btn-solid:hover{background:#fbbf24;transform:translateY(-1px);box-shadow:0 4px 16px rgba(245,158,11,.25)}.hero{padding:72px 0 56px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:56px;gap:56px;align-items:center}.hero-label{font-family:var(--font-mono);font-size:12px;color:var(--accent);letter-spacing:.1em;margin-bottom:16px}.hero-label:before{content:"// ";opacity:.6}.hero h1{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}.hero h1 .accent{color:var(--accent)}.hero-role{font-family:var(--font-mono);font-size:14px;margin-bottom:24px}.hero-desc,.hero-role{color:var(--text-secondary)}.hero-desc{font-size:15px;max-width:460px;line-height:1.8;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.terminal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.45);overflow:hidden}.terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:var(--red);opacity:.9}.terminal-dot.yellow{background:var(--accent);opacity:.9}.terminal-dot.green{background:var(--green);opacity:.9}.terminal-title{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-left:10px;letter-spacing:.03em}.terminal-body{padding:20px 22px;font-family:var(--font-mono);font-size:12.5px;line-height:2}.term-line{display:flex;gap:10px;flex-wrap:wrap}.term-prompt{color:var(--accent);font-weight:600}.term-cmd{color:var(--text)}.term-out{color:var(--text-secondary)}.term-key{color:var(--text-muted)}.term-val{color:var(--text)}.term-status{color:var(--green)}.term-status:before{content:"● ";font-size:10px}.term-cursor{display:inline-block;width:8px;height:15px;background:var(--accent);vertical-align:text-bottom;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding-bottom:72px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:all .2s}.stat-card:hover{border-color:var(--accent-line);background:var(--surface-hover)}.stat-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85;margin-bottom:10px}.stat-label,.stat-value{font-family:var(--font-mono)}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.2;margin-bottom:6px}.stat-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat-company{font-size:15px;font-weight:600;color:var(--text)}.live-badge,.stat-company{font-family:var(--font-mono)}.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--green);background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);padding:2px 8px;border-radius:999px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.stat-sub{font-size:12px;color:var(--text-muted);line-height:1.6}.section{border-top:1px solid var(--border)}.section-inner{padding:64px 0}.section-head{display:flex;align-items:baseline;gap:16px;margin-bottom:40px}.section-index{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.1em}.section-title{font-size:30px;font-weight:700;letter-spacing:-.02em}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:linear-gradient(to bottom,var(--accent-line),var(--border))}.timeline-item{position:relative;margin-bottom:24px}.timeline-item:before{content:"";position:absolute;left:-24px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;transition:all .2s}.timeline-card:hover{border-color:var(--accent-line);transform:translateX(4px)}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.timeline-num{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--accent)}.timeline-badges{display:flex;gap:8px}.badge{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px}.badge-live{color:var(--green);border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.08)}.badge-ft{color:var(--text-muted);border:1px solid var(--border-strong)}.timeline-company{font-size:19px;font-weight:700;letter-spacing:-.01em;margin-bottom:2px}.timeline-role{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.timeline-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.timeline-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.8;margin-bottom:14px;max-width:760px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tag{font-size:10.5px;padding:3px 10px;border-radius:4px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);letter-spacing:.03em}.tag,.timeline-expand{font-family:var(--font-mono);font-weight:500}.timeline-expand{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 0;transition:color .2s}.timeline-expand:hover{color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:all .2s}.skill-card:hover{border-color:var(--accent-line);background:var(--surface-hover)}.skill-card-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0}.skill-name{font-size:13.5px;font-weight:500;color:var(--text)}.skill-dots{display:flex;gap:4px}.skill-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.skill-dot.filled{background:var(--accent)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.portfolio-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;transition:all .2s;position:relative;overflow:hidden}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{border-color:var(--accent-line);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.35)}.portfolio-num{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px}.portfolio-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.portfolio-desc{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px;flex:1 1}.portfolio-link{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-decoration:none;margin-top:4px;transition:opacity .2s}.portfolio-link:hover{opacity:.8}.portfolio-link:after{content:" ↗"}.contact-card{background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(245,158,11,.02));border:1px solid var(--accent-line);border-radius:var(--radius);padding:56px 40px;text-align:center}.contact-label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.contact-heading{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.contact-desc{font-size:14px;color:var(--text-secondary);max-width:440px;margin:0 auto 28px;line-height:1.7}.contact-links{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.footer p{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.footer .heart{color:var(--accent)}@media (max-width:860px){.nav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:40px}.portfolio-grid,.skills-grid,.stats{grid-template-columns:1fr}.section-inner{padding:48px 0}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}