@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--text:#7a8a9e;--text-h:#e2eaf4;--bg:#080c14;--bg-2:#0c1220;--border:#00f5ff1f;--border-strong:#00f5ff59;--code-bg:#0e1825;--accent:#00f5ff;--accent-dim:#00f5ff14;--accent-bg:#00f5ff0f;--accent-border:#00f5ff4d;--accent-glow:0 0 20px #00f5ff40, 0 0 60px #00f5ff1a;--accent-glow-sm:0 0 10px #00f5ff4d;--green:#0f8;--green-bg:#00ff880f;--shadow:0 4px 32px #0009, 0 0 0 1px var(--border);--shadow-glow:0 4px 32px #0009, 0 0 20px #00f5ff26;--sans:"Inter", system-ui, sans-serif;--heading:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:17px/155% var(--sans);letter-spacing:.15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}body{background:var(--bg);background-image:linear-gradient(#00f5ff06 1px,#0000 1px),linear-gradient(90deg,#00f5ff06 1px,#0000 1px);background-size:40px 40px;min-height:100vh;margin:0}#root{border-inline:1px solid var(--border);box-sizing:border-box;background:#080c14eb;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;position:relative}h1,h2,h3{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-2px;margin:0;font-size:56px;line-height:1.05}@media (width<=1024px){h1{font-size:36px}}h2{letter-spacing:-.3px;margin:0 0 8px;font-size:24px;line-height:1.2}@media (width<=1024px){h2{font-size:20px}}h3{margin:0;font-size:16px}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);color:var(--accent);border-radius:3px;padding:3px 8px;font-size:13px}::selection{color:var(--text-h);background:#00f5ff33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.section{border-bottom:1px solid var(--border);padding:80px 32px}.section-inner{max-width:900px;margin:0 auto}.section-header{text-align:left;margin-bottom:48px}.section-title{font-family:var(--mono);letter-spacing:4px;text-transform:uppercase;color:var(--accent);text-shadow:var(--accent-glow-sm);align-items:center;gap:12px;margin:0 0 16px;font-size:11px;font-weight:600;display:flex}.section-title:before{content:"";background:var(--accent);width:24px;height:1px;box-shadow:var(--accent-glow-sm);display:inline-block}.section-title:after{content:"";background:var(--border);flex:1;max-width:120px;height:1px;display:block}.section-heading{color:var(--text-h);letter-spacing:-1px;margin:0 0 12px;font-size:36px;font-weight:700}.section-sub{color:var(--text);margin:0;font-size:15px}@media (width<=1024px){.section{padding:56px 20px}.section-header{margin-bottom:32px}.section-heading{font-size:28px}}.navbar{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:56px;padding:0 32px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.navbar.scrolled{border-bottom-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14f2}.navbar-brand{font-family:var(--mono);color:var(--accent);letter-spacing:2px;text-shadow:var(--accent-glow-sm);text-transform:uppercase;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.navbar-logo{object-fit:cover;border:1px solid var(--accent-border);width:28px;height:28px;box-shadow:var(--accent-glow-sm);border-radius:50%;flex-shrink:0}.navbar-nav{gap:2px;display:flex}.navbar-nav a{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--text);border:1px solid #0000;border-radius:2px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s,text-shadow .2s}.navbar-nav a:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg);text-shadow:var(--accent-glow-sm)}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--accent);width:20px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.navbar-toggle.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (width<=1024px){.navbar{padding:0 20px}.navbar-toggle{display:flex}.navbar-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14fa;flex-direction:column;gap:0;padding:8px 0;display:none;position:absolute;top:56px;left:0;right:0}.navbar-nav.open{display:flex}.navbar-nav a{border:none;border-bottom:1px solid var(--border);border-radius:0;padding:12px 20px;font-size:13px}.navbar-nav a:last-child{border-bottom:none}}.hero-section{border-bottom:1px solid var(--border);justify-content:center;padding:96px 32px 80px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 0,#00f5ff0f 0%,#0000 70%),radial-gradient(40% 60% at 80%,#00f5ff0a 0%,#0000 60%);position:absolute;inset:0}.hero-inner{align-items:center;gap:64px;width:100%;max-width:800px;display:flex;position:relative}.hero-avatar-wrap{flex-shrink:0;position:relative}.hero-avatar-wrap:before,.hero-avatar-wrap:after{content:"";border:1px solid var(--accent-border);position:absolute}.hero-avatar-wrap:before{border-top-color:var(--accent);border-bottom-color:#0000;border-right-color:#0000;border-radius:50%;animation:12s linear infinite spin-slow;inset:-8px}.hero-avatar-wrap:after{border-bottom-color:var(--accent);border-top-color:#0000;border-left-color:#0000;border-radius:50%;animation:18s linear infinite reverse spin-slow;inset:-16px}@keyframes spin-slow{to{transform:rotate(360deg)}}.hero-avatar{object-fit:cover;border:2px solid var(--border-strong);filter:brightness(.9)contrast(1.05);border-radius:50%;width:160px;height:160px;display:block}.hero-text{text-align:left;flex:1}.hero-eyebrow{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--accent);opacity:.8;margin:0 0 12px;font-size:12px}.hero-eyebrow:before{content:"// ";opacity:.4}.hero-name{color:var(--text-h);letter-spacing:-2.5px;text-shadow:0 0 60px #00f5ff26;margin:0 0 12px;font-size:64px;font-weight:700;line-height:1}.hero-title{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent);text-shadow:var(--accent-glow-sm);margin:0 0 24px;font-size:14px}.hero-title:before{content:"< ";opacity:.4}.hero-title:after{content:" />";opacity:.4}.hero-bio{color:var(--text);border-left:2px solid var(--accent-border);max-width:480px;margin:0 0 32px;padding-left:16px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.btn{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border-radius:2px;align-items:center;gap:8px;padding:10px 24px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.btn-primary{background:var(--accent);color:#080c14;border:1px solid var(--accent);box-shadow:var(--accent-glow-sm)}.btn-primary:hover{color:var(--accent);box-shadow:var(--accent-glow);background:0 0}.btn-secondary{color:var(--accent);border:1px solid var(--accent-border);background:0 0}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--accent-glow-sm)}.hero-social{gap:8px;display:flex}.hero-social-link{width:36px;height:36px;color:var(--text);border:1px solid var(--border);background:var(--bg-2);border-radius:2px;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.hero-social-link:hover{color:var(--accent);border-color:var(--accent-border);box-shadow:var(--accent-glow-sm)}.hero-social-link svg{width:16px;height:16px}@media (width<=1024px){.hero-section{padding:64px 20px 48px}.hero-inner{text-align:center;flex-direction:column;align-items:center;gap:36px}.hero-text{text-align:center}.hero-name{font-size:42px}.hero-bio{border-left:none;border-top:2px solid var(--accent-border);max-width:100%;padding-top:16px;padding-left:0}.hero-actions,.hero-social{justify-content:center}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.skills-card{background:var(--bg-2);border:1px solid var(--border);border-radius:2px;padding:24px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.skills-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.skills-card:hover{border-color:var(--accent-border);box-shadow:var(--accent-glow-sm), inset 0 0 30px #00f5ff08}.skills-card:hover:before{opacity:1}.skills-category{font-family:var(--mono);letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:10px;font-weight:700}.skills-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.skill-tag{font-family:var(--mono);border:1px solid var(--border);color:var(--text);white-space:nowrap;cursor:default;background:#00f5ff0a;border-radius:2px;padding:4px 10px;font-size:12px;transition:border-color .2s,color .2s,box-shadow .2s}.skill-tag:hover{border-color:var(--accent-border);color:var(--accent);box-shadow:var(--accent-glow-sm)}@media (width<=1024px){.skills-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:2px;flex-direction:column;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow)}.project-card.featured{border-color:#00f5ff40}.project-corner{border-color:var(--accent);opacity:0;border-style:solid;width:10px;height:10px;transition:opacity .25s;position:absolute}.project-card:hover .project-corner{opacity:1}.project-corner-tl{border-width:1px 0 0 1px;top:4px;left:4px}.project-corner-tr{border-width:1px 1px 0 0;top:4px;right:4px}.project-corner-bl{border-width:0 0 1px 1px;bottom:4px;left:4px}.project-corner-br{border-width:0 1px 1px 0;bottom:4px;right:4px}.project-index{font-family:var(--mono);color:var(--accent);opacity:.25;font-size:10px;font-weight:700;position:absolute;top:14px;left:20px}.project-image{aspect-ratio:16/9;background:var(--bg);border-bottom:1px solid var(--border);width:100%;overflow:hidden}.project-image img{object-fit:cover;filter:brightness(.85)contrast(1.05);width:100%;height:100%;transition:filter .3s}.project-card:hover .project-image img{filter:brightness(.95)contrast(1.05)}.project-body{flex-direction:column;flex:1;gap:12px;padding:30px 20px 20px;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-title-row{flex-direction:column;gap:6px;min-width:0;display:flex}.project-featured{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:1px;align-self:flex-start;padding:2px 8px;font-size:9px;font-weight:700}.project-title{color:var(--text-h);margin:0;font-size:17px;font-weight:600;line-height:1.3}.project-links{flex-shrink:0;gap:6px;display:flex}.project-link{width:30px;height:30px;color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:2px;justify-content:center;align-items:center;text-decoration:none;transition:color .2s,border-color .2s,box-shadow .2s;display:flex}.project-link:hover{color:var(--accent);border-color:var(--accent-border);box-shadow:var(--accent-glow-sm)}.project-link svg{width:14px;height:14px}.project-desc{color:var(--text);flex:1;margin:0;font-size:14px;line-height:1.65}.project-tags{flex-wrap:wrap;gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.project-tag{font-family:var(--mono);border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#00f5ff0d;border-radius:1px;padding:2px 8px;font-size:11px;font-weight:500}@media (width<=1024px){.projects-grid{grid-template-columns:1fr}}.exp-list{max-width:700px}.exp-item{gap:28px;display:flex}.exp-timeline{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.exp-dot{background:var(--accent);width:8px;height:8px;box-shadow:var(--accent-glow-sm);border-radius:50%;flex-shrink:0;margin-top:6px;position:relative}.exp-dot:after{content:"";border:1px solid var(--accent-border);border-radius:50%;animation:2.5s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.exp-line{background:linear-gradient(to bottom, var(--accent-border), transparent);flex:1;width:1px;margin-top:8px}.exp-content{flex:1;padding-bottom:48px}.exp-item.last .exp-content{padding-bottom:0}.exp-meta{align-items:center;gap:10px;margin-bottom:8px;display:flex}.exp-period{font-family:var(--mono);letter-spacing:1px;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:1px;padding:2px 10px;font-size:11px;font-weight:600}.exp-location{font-family:var(--mono);color:var(--text);opacity:.6;font-size:11px}.exp-role{color:var(--text-h);letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:600}.exp-company{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--accent);opacity:.7;margin:0 0 14px;font-size:12px;font-weight:500}.exp-desc{color:var(--text);margin:0 0 14px;font-size:14px;line-height:1.7}.exp-highlights{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.exp-highlights li{color:var(--text);padding-left:16px;font-size:13px;line-height:1.5;position:relative}.exp-highlights li:before{content:"▸";color:var(--accent);font-size:10px;position:absolute;top:2px;left:0}@media (width<=1024px){.exp-list{max-width:100%}}.contact-section{position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 50% 100%,#00f5ff0d 0%,#0000 70%);position:absolute;inset:0}.contact-inner{flex-direction:column;align-items:flex-start;max-width:600px;display:flex;position:relative}.contact-heading{color:var(--text-h);letter-spacing:-1px;margin:0 0 16px;font-size:36px;font-weight:700}.contact-sub{color:var(--text);max-width:480px;margin:0 0 24px;font-size:16px;line-height:1.7}.contact-availability{font-family:var(--mono);letter-spacing:.5px;color:var(--green);background:var(--green-bg);border:1px solid #0f83;border-radius:2px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;font-size:12px;display:flex}.availability-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 6px var(--green)}50%{opacity:.5;box-shadow:0 0 12px var(--green)}}.contact-btn{margin-bottom:20px;padding:12px 28px;font-size:13px}.contact-email{font-family:var(--mono);color:var(--text);opacity:.5;font-size:12px}@media (width<=1024px){.contact-inner{text-align:center;align-items:center}.contact-sub{max-width:100%}}.footer{text-align:center;border-top:1px solid var(--border);background:var(--bg-2);padding:24px 32px}.footer p{font-family:var(--mono);letter-spacing:.5px;color:var(--text);opacity:.75;margin:0;font-size:11px}@media (width<=1024px){.footer{padding:20px}}