*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--surface:#111118;--surface2:#16161f;--border:#1e1e2e;--text:#c8c8d4;--text-dim:#556;--heading:#eeeef4;--accent:#7c6af6;--accent-dim:#7c6af61f;--accent2:#5b9cf6;--radius:10px;--max-w:1000px;--nav-h:64px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.nav{z-index:100;height:var(--nav-h);border-bottom:1px solid #0000;transition:background .2s,border-color .2s;position:fixed;top:0;left:0;right:0}.nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--border);background:#0a0a0fe6}.nav__inner{max-width:var(--max-w);align-items:center;gap:2rem;height:100%;margin:0 auto;padding:0 1.5rem;display:flex}.nav__logo{color:var(--accent);letter-spacing:-.5px;margin-right:auto;font-size:1.3rem;font-weight:700}.nav__links{gap:1.75rem;display:flex}.nav__links a{color:var(--text-dim);font-family:Fira Code,monospace;font-size:.875rem;transition:color .15s}.nav__links a:hover{color:var(--heading)}.nav__socials{align-items:center;gap:1rem;display:flex}.nav__socials a{color:var(--text-dim);transition:color .15s;display:flex}.nav__socials a:hover{color:var(--accent)}.nav__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav__burger span{background:var(--text);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav__burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav__burger.open span:nth-child(2){opacity:0}.nav__burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__mobile{border-bottom:1px solid var(--border);background:#0a0a0ff7;flex-direction:column;gap:.25rem;padding:1rem 1.5rem 1.5rem;display:flex}.nav__mobile a{color:var(--text);border-bottom:1px solid var(--border);padding:.6rem 0;font-size:1rem}.nav__mobile a:last-child{border-bottom:none}.nav__mobile-socials{border-top:1px solid var(--border);gap:1rem;margin-top:.5rem;padding-top:1rem;display:flex}.nav__mobile-socials a{color:var(--text-dim);border-bottom:none;padding:0;display:flex}.nav__mobile-socials a:hover{color:var(--accent)}@media (width<=700px){.nav__links,.nav__socials{display:none}.nav__burger{display:flex}}.section-heading{align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.section-heading__text{color:var(--heading);white-space:nowrap;font-family:Fira Code,monospace;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700}.section-heading__line{background:var(--border);flex:1;height:1px}.section{max-width:var(--max-w);margin:0 auto;padding:8rem 1.5rem}.hero{max-width:var(--max-w);padding:calc(var(--nav-h) + 3rem) 1.5rem 6rem;flex-direction:column;align-items:flex-start;margin:0 auto;display:flex}.hero__avatar{justify-content:center;width:100%;margin-bottom:3rem;display:flex}.hero__avatar canvas{max-width:100%;height:auto}.hero__greeting{color:var(--accent);margin-bottom:1.25rem;font-family:Fira Code,monospace;font-size:1rem;font-weight:500}.hero__name{color:var(--heading);letter-spacing:-2px;margin-bottom:.75rem;font-size:clamp(3rem,10vw,5.5rem);font-weight:700;line-height:1}.hero__cursor{color:var(--accent)}.hero__cursor--blink{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__subtitle{color:var(--text-dim);letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;line-height:1.1}.hero__bio{max-width:540px;color:var(--text);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.hero__cta{border:1px solid var(--accent);color:var(--accent);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:Fira Code,monospace;font-size:.9rem;transition:background .15s;display:inline-flex}.hero__cta:hover{background:var(--accent-dim)}@media (width<=700px){.hero__cta{align-self:center}}.about{max-width:700px}.about__text p{color:var(--text);margin-bottom:1rem;font-size:.975rem;line-height:1.7}.about__tech{grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-top:.5rem;display:grid}.about__tech li{color:var(--text);opacity:0;padding-left:1.25rem;font-family:Fira Code,monospace;font-size:.875rem;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(0)rotate(45deg)}.about__tech--visible li{opacity:1;transform:scale(1)rotate(0)}.about__tech li:before{content:">";color:var(--accent);font-weight:700;position:absolute;left:0}.exp{gap:2rem;display:flex}.exp__tabs{border-left:2px solid var(--border);flex-direction:column;flex-shrink:0;min-width:150px;display:flex}.exp__tab{text-align:left;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;margin-left:-2px;padding:.75rem 1.25rem;font-family:Fira Code,monospace;font-size:.85rem;transition:all .2s}.exp__tab--active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.exp__tab-short{display:none}.exp__tab:not(.exp__tab--active):hover{background:var(--accent-dim);color:var(--heading)}.exp__panel{animation:.35s ease-out slideIn;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.exp__role{color:var(--heading);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.exp__at{color:var(--accent)}.exp__period{color:var(--text-dim);margin-bottom:1.25rem;font-family:Fira Code,monospace;font-size:.8rem}.exp__bullets{flex-direction:column;gap:.6rem;display:flex}.exp__bullets li{color:var(--text);padding-left:1.25rem;font-size:.9rem;line-height:1.6;position:relative}.exp__bullets li:before{content:">";color:var(--accent);font-family:Fira Code,monospace;font-weight:700;position:absolute;left:0}@media (width<=700px){.exp{flex-direction:column}.exp__tabs{border-left:none;border-bottom:2px solid var(--border);flex-direction:row;min-width:0;overflow-x:auto}.exp__tab{text-align:center;border-bottom:2px solid #0000;border-left:none;flex:1;margin-bottom:-2px;margin-left:0}.exp__tab--active{border-bottom-color:var(--accent);border-left-color:#0000}.exp__tab-full{display:none}.exp__tab-short{display:inline}}.creds{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.cred{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;padding:1.75rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex}.cred:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 0 15px #7c6af64d,0 0 40px #7c6af626,0 20px 40px #7c6af61a,0 30px 60px #0000004d}.cred__type{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:Fira Code,monospace;font-size:.7rem}.cred__name{color:var(--heading);margin-bottom:.35rem;font-size:1.15rem;font-weight:700;line-height:1.3}.cred__field{color:var(--text);margin-bottom:.75rem;font-size:.85rem}.cred__issuer{color:var(--text-dim);margin-bottom:.15rem;font-size:.8rem}.cred__year{color:var(--text-dim);font-family:Fira Code,monospace;font-size:.8rem}.section--contact{text-align:center}.contact__title{color:var(--heading);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:700}.contact__text{max-width:500px;color:var(--text);margin:0 auto 2.5rem;font-size:.975rem;line-height:1.7}.contact__btn{border:1px solid var(--accent);color:var(--accent);border-radius:4px;align-items:center;padding:.75rem 1.75rem;font-family:Fira Code,monospace;font-size:.9rem;transition:background .15s;display:inline-flex}.contact__btn:hover{background:var(--accent-dim)}.footer{text-align:center;padding:2rem 1.5rem}.footer p{color:var(--text-dim);font-family:Fira Code,monospace;font-size:.8rem}