@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500&family=Fraunces:ital,wght@0,300;0,400;1,300&display=swap";.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:100;transition:background .4s,border-bottom-color .4s;border-bottom:1px solid transparent}.navbar.scrolled{background:#080a0fe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;gap:3rem}.nav-logo{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:2px}.logo-bracket{color:var(--accent);font-weight:400;font-family:var(--font-mono)}.logo-name{color:var(--text);margin:0 3px}.logo-cursor{width:2px;height:1em;background:var(--accent);display:inline-block;animation:blink 1.1s step-end infinite}.nav-links{list-style:none;display:flex;gap:.25rem;margin-left:auto}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--text-muted);border-radius:6px;transition:color .2s,background .2s;letter-spacing:.03em}.nav-link:hover,.nav-link.active{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--accent)}.link-num{color:var(--text-dim);font-size:.65rem}.nav-link.active .link-num{color:#5ac8b480}.nav-cta{font-size:.75rem;padding:.55rem 1.1rem;white-space:nowrap}@media (max-width: 768px){.nav-links{display:none}.nav-inner{gap:1.5rem}.nav-cta{margin-left:auto}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding-top:var(--nav-h)}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8}.hero-grid-label{position:absolute;display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);z-index:2;letter-spacing:.05em}.hero-grid-label.top-left{top:1.5rem;left:2rem;top:calc(var(--nav-h) + 1.5rem)}.hero-grid-label.top-right{top:1.5rem;right:2rem;top:calc(var(--nav-h) + 1.5rem)}.hero-content{position:relative;z-index:2;padding-top:3rem;padding-bottom:3rem}.hero-eyebrow{margin-bottom:1.5rem}.mono-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.05em}.hero-name{font-family:var(--font-display);font-weight:800;line-height:1;margin-bottom:1.25rem}.name-line-1{display:block;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;color:var(--text-muted);font-family:var(--font-serif);font-style:italic;margin-bottom:.25rem}.name-line-2{display:block;font-size:clamp(2.4rem,10vw,8rem);letter-spacing:-.03em;line-height:.9}.name-first{color:var(--text)}.name-last{color:var(--accent)}.hero-role{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;font-family:var(--font-mono);font-size:clamp(.85rem,1.5vw,1.05rem)}.role-prefix{color:var(--text-muted)}.role-text{font-weight:500;min-width:12ch}.role-cursor{width:2px;height:1.1em;background:var(--accent);display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-bio{max-width:520px;font-size:.9rem;line-height:1.8;color:var(--text-muted);margin-bottom:2.5rem}.hero-bio .text-muted{font-size:.8rem;color:var(--text-dim)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:4rem}.hero-stats{display:flex;gap:2.5rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--border)}.stat-item{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.hero-scroll-hint{position:absolute;bottom:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}.hero-scroll-hint span{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--border),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{opacity:0;transform:scaleY(0);transform-origin:top}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width: 768px){.hero-grid-label,.hero-scroll-hint{display:none}.hero-stats{gap:1.5rem}.stat-value{font-size:1.4rem}}.about-grid{display:grid;grid-template-columns:1fr 380px;gap:5rem;align-items:start}.about-text{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.about-text p{font-size:.9rem;line-height:1.85;color:var(--text-muted)}.about-text strong{color:var(--text);font-weight:500}.about-links{display:flex;gap:1rem;flex-wrap:wrap}.about-link{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);padding:.4rem .75rem;border:1px solid var(--border);border-radius:6px;transition:all .2s}.about-link:hover{color:var(--accent);border-color:#5ac8b44d}.link-icon{font-style:normal;font-size:.75rem}.about-right{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.avatar-block{position:relative}.avatar-frame{position:relative;width:240px;height:240px}.avatar-placeholder{width:100%;height:100%;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--text-dim);letter-spacing:-.05em}.avatar-border{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:20px;border:1px solid rgba(90,200,180,.2);pointer-events:none}.avatar-badge{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border-active);border-radius:50px;padding:.4rem .85rem;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);position:absolute;bottom:-16px;left:50%;transform:translate(-50%);white-space:nowrap}.about-facts{width:100%;border:1px solid var(--border);border-radius:12px;overflow:hidden}.fact-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.75rem;transition:background .2s}.fact-row:last-child{border-bottom:none}.fact-row:hover{background:var(--surface)}.fact-label{color:var(--text-dim);min-width:80px}.fact-sep{color:var(--accent)}.fact-value{color:var(--text)}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-right{align-items:center}}.exp-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem;margin-top:3rem}.exp-tabs{display:flex;flex-direction:column;border-left:1px solid var(--border)}.exp-tab{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;text-align:left;background:none;border:none;border-left:2px solid transparent;margin-left:-1px;cursor:none;transition:all .2s}.exp-tab:hover{background:var(--surface)}.exp-tab.active{border-left-color:var(--accent);background:var(--surface)}.tab-company{font-family:var(--font-mono);font-size:.82rem;color:var(--text);font-weight:500}.exp-tab.active .tab-company{color:var(--accent)}.tab-period{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.exp-detail{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.exp-role{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:.2rem}.exp-company-name{font-family:var(--font-mono);font-size:.82rem;color:var(--accent)}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.exp-period{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.exp-items{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}.exp-item{display:flex;gap:.75rem;font-size:.88rem;color:var(--text-muted);line-height:1.6}.item-arrow{flex-shrink:0;margin-top:2px}.exp-tags{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 720px){.exp-layout{grid-template-columns:1fr}.exp-tabs{flex-direction:row;border-left:none;border-bottom:1px solid var(--border);overflow-x:auto}.exp-tab{border-left:none;border-bottom:2px solid transparent;margin-left:0;margin-bottom:-1px;white-space:nowrap}.exp-tab.active{border-bottom-color:var(--accent)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:3rem;margin-bottom:2.5rem}.skill-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.skill-icon{font-size:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#5ac8b414;border-radius:8px;border:1px solid rgba(90,200,180,.12);font-style:normal;font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}.skill-category{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text)}.skill-list{display:flex;flex-direction:column;gap:1rem}.skill-row-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.skill-name{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.skill-level{font-family:var(--font-mono);font-size:.68rem;font-weight:500}.skill-bar{height:2px;background:var(--surface-2);border-radius:2px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),rgba(90,200,180,.5));border-radius:2px;width:0%;transition:width 1s cubic-bezier(.16,1,.3,1)}.tech-strip{border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1.25rem;flex-wrap:wrap}.strip-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);white-space:nowrap;padding-top:.15rem}.strip-tags{display:flex;flex-wrap:wrap;gap:.5rem}.strip-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);padding:.2rem .6rem;border-radius:4px;background:var(--surface);border:1px solid var(--border);transition:all .2s}.strip-tag:hover{color:var(--accent-2);border-color:#a78bfa4d}.certs-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;align-items:start}.col-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.col-icon{font-style:normal;font-size:1rem}.cert-card{display:flex;gap:1.25rem;align-items:flex-start}.cert-badge{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#5ac8b414;border:1px solid rgba(90,200,180,.15);border-radius:12px;font-size:1.5rem;flex-shrink:0}.cert-info{display:flex;flex-direction:column;gap:.3rem}.cert-level{align-self:flex-start}.cert-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.cert-issuer{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.edu-col{display:flex;flex-direction:column;gap:0}.edu-card{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.edu-card:last-child{margin-bottom:0}.edu-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#a78bfa14;border:1px solid rgba(167,139,250,.15);border-radius:10px;font-size:1rem;color:var(--accent-2);flex-shrink:0}.edu-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.edu-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.edu-status{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.edu-status.active{color:var(--accent)}.edu-period{font-family:var(--font-mono);font-size:.65rem;color:var(--text-dim)}.edu-degree{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text);line-height:1.2}.edu-school{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}@media (max-width: 720px){.certs-grid{grid-template-columns:1fr}}.contact-sub{max-width:520px;font-size:.9rem;color:var(--text-muted);line-height:1.75;margin-bottom:3rem}.contact-channels{display:flex;flex-direction:column;gap:.75rem;max-width:480px}.channel-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all .2s}.channel-card:hover{border-color:#5ac8b440;background:var(--surface-2)}.channel-icon{font-size:1rem;font-style:normal;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#5ac8b414;border-radius:8px;border:1px solid rgba(90,200,180,.12);flex-shrink:0;font-family:var(--font-mono);font-size:.78rem}.channel-label{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-bottom:.15rem}.channel-value{font-family:var(--font-mono);font-size:.78rem;color:var(--text)}.channel-arrow{margin-left:auto;color:var(--text-dim);transition:color .2s,transform .2s}.channel-card:hover .channel-arrow{color:var(--accent);transform:translate(3px)}.cursor-dot{position:fixed;top:-4px;left:-4px;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;will-change:transform;transition:width .2s,height .2s,background .2s}.cursor-ring{position:fixed;top:-18px;left:-18px;width:36px;height:36px;border:1px solid rgba(90,200,180,.5);border-radius:50%;pointer-events:none;z-index:9998;will-change:transform;transition:width .3s var(--ease-out),height .3s var(--ease-out),border-color .3s}.cursor-dot.hover{width:6px;height:6px;background:var(--accent-2)}.cursor-ring.hover{width:52px;height:52px;top:-26px;left:-26px;border-color:#a78bfa99}:root{--bg: #080A0F;--bg-2: #0D1018;--bg-3: #12151E;--surface: #181C26;--surface-2: #1E2330;--border: rgba(255,255,255,.07);--border-active: rgba(90,200,180,.4);--text: #E8EAF0;--text-muted: #6B7280;--text-dim: #3A3F4C;--accent: #5AC8B4;--accent-2: #A78BFA;--accent-3: #F59E0B;--accent-warm: #FB7185;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-serif: "Fraunces", serif;--nav-h: 68px;--max-w: 1100px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}::selection{background:#5ac8b440;color:var(--accent)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.accent{color:var(--accent)}.accent-2{color:var(--accent-2)}.accent-warm{color:var(--accent-warm)}.container{max-width:var(--max-w);margin:0 auto;padding:0 2rem}section{padding:7rem 0;position:relative}.section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:400;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-active),transparent);max-width:80px}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;color:var(--text);margin-bottom:1rem}.divider{width:100%;height:1px;background:var(--border);margin:4rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem;transition:border-color .3s,transform .3s var(--ease-out)}.card:hover{border-color:#5ac8b433;transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:4px;font-size:.7rem;font-family:var(--font-mono);letter-spacing:.05em;background:#5ac8b414;color:var(--accent);border:1px solid rgba(90,200,180,.15)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:6px;font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.05em;cursor:none;transition:all .25s var(--ease-out);border:1px solid}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background:transparent;color:var(--accent);box-shadow:0 0 20px #5ac8b426}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.footer{text-align:center;padding:2.5rem;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);font-family:var(--font-mono)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:999;opacity:.4}.glow-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 20px #5ac8b466;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@media (max-width: 768px){section{padding:5rem 0}.container{padding:0 1.25rem}}