@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg:#0a0f0d;--color-surface:#111916;--color-surface-raised:#161f1b;--color-surface-hover:#1c2622;--color-text:#e8ede9;--color-text-secondary:#8a9690;--color-text-muted:#5c6b64;--color-accent:#2dd4a0;--color-accent-muted:#1a9e74;--color-accent-subtle:#2dd4a014;--color-accent-hover:#2dd4a01f;--color-border:#1e2a24;--color-border-active:#2dd4a0;--color-focus:#2dd4a0;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--content-width:720px;--content-width-narrow:560px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--bp-mobile:640px;--bp-tablet:900px;--bp-desktop:1200px}.signature{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);letter-spacing:.05em}.period{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:.02em}.tech-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary)}:root{--font-primary:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.8;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:100%}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{line-height:var(--leading-tight);font-weight:var(--weight-semibold)}h1{font-size:var(--text-3xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-muted)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}#app{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{max-width:var(--content-width);padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}main{max-width:var(--content-width);padding:var(--space-3xl) var(--space-lg);flex:1;width:100%;margin:0 auto}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg)}.footer-inner{max-width:var(--content-width);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.footer-contact{gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-contact a{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color .2s;display:inline-flex}.footer-contact a:hover{color:var(--color-accent)}.footer-copy{font-size:var(--text-xs);color:var(--color-text-muted)}.site-logo{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);letter-spacing:.05em;flex-shrink:0;text-decoration:none}.site-logo:hover{color:var(--color-accent-muted)}.nav-toggle{cursor:pointer;padding:var(--space-xs);z-index:110;color:var(--color-text);background:0 0;border:none;display:none}.nav-toggle svg{width:24px;height:24px}.nav-toggle svg line{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.nav-menu{align-items:center;gap:var(--space-xl);display:flex}.nav-menu a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-2xs) 0;text-decoration:none;transition:color .2s;position:relative}.nav-menu a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.nav-menu a:hover{color:var(--color-text)}.nav-menu a:hover:after{width:100%}.nav-menu a.active:after{width:100%}.timeline{padding-left:var(--space-xl);position:relative}.timeline:before{content:"";left:7px;top:var(--space-xs);bottom:var(--space-xs);background-color:var(--color-border);width:2px;position:absolute}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-node{left:calc(-1 * var(--space-xl) + 2px);background-color:var(--color-surface);border:2px solid var(--color-border);z-index:1;border-radius:50%;width:12px;height:12px;transition:border-color .2s,background-color .2s;position:absolute;top:6px}.timeline-item.expanded .timeline-node,.timeline-item:hover .timeline-node{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.timeline-header{gap:var(--space-2xs);flex-direction:column;display:flex}.timeline-period{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:.02em}.timeline-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.timeline-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.expand-trigger{align-items:center;gap:var(--space-xs);text-align:left;width:100%;padding:var(--space-xs) 0;cursor:pointer;color:inherit;font:inherit;background:0 0;border:none;display:flex}.expand-trigger:hover{color:var(--color-text)}.expand-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.expand-trigger[aria-expanded=true] .expand-icon{color:var(--color-accent);transform:rotate(90deg)}.expand-content{opacity:0;max-height:0;margin-top:0;transition:max-height .3s,opacity .2s,margin .2s;overflow:hidden}.expand-content[aria-hidden=false]{opacity:1;max-height:2000px;margin-top:var(--space-sm)}.expand-body{padding:var(--space-md) 0;padding-left:var(--space-lg);border-left:2px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.expand-body p{margin-bottom:var(--space-sm)}.expand-body p:last-child{margin-bottom:0}.expand-body h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin-top:var(--space-md);margin-bottom:var(--space-xs)}.expand-body ul{padding-left:var(--space-lg);margin-bottom:var(--space-sm)}.expand-body ul li{margin-bottom:var(--space-2xs);list-style:outside}.tech-tags{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent);background-color:var(--color-accent-subtle);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm)}.projects-list{gap:var(--space-2xl);flex-direction:column;display:flex}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color .2s}.project-card:hover{border-color:var(--color-surface-hover)}.project-card-header{margin-bottom:var(--space-md)}.project-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2xs)}.project-summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.project-expand-trigger{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);cursor:pointer;padding:var(--space-xs) 0;background:0 0;border:none;transition:color .2s;display:flex}.project-expand-trigger:hover{color:var(--color-accent-muted)}.project-expand-trigger .expand-icon{width:14px;height:14px;transition:transform .2s}.project-expand-trigger[aria-expanded=true] .expand-icon{transform:rotate(90deg)}.project-details{opacity:0;max-height:0;transition:max-height .3s,opacity .2s,margin .2s;overflow:hidden}.project-details[aria-hidden=false]{opacity:1;max-height:2000px;margin-top:var(--space-lg)}.project-detail-section{margin-bottom:var(--space-md)}.project-detail-section:last-child{margin-bottom:0}.project-detail-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2xs)}.project-detail-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.project-link{align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent);margin-top:var(--space-sm);display:inline-flex}.project-link:hover{color:var(--color-accent-muted)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}a:hover,button:hover{transition:color .2s}.nav-menu a.active{color:var(--color-text)}.project-card:hover,.project-card:focus-within{border-color:var(--color-surface-hover)}.timeline-item:hover .timeline-node,.timeline-item.expanded .timeline-node,.timeline-item:focus-within .timeline-node{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.nav-toggle{display:flex}.nav-menu{background-color:var(--color-surface);width:75%;max-width:280px;height:100dvh;padding:5rem var(--space-xl) var(--space-xl);align-items:flex-start;gap:var(--space-lg);z-index:100;flex-direction:column;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 24px #0000004d}.nav-menu.open{right:0}.nav-menu a{font-size:var(--text-base);padding:var(--space-xs) 0}.nav-overlay{z-index:90;background-color:#00000080;width:100%;height:100dvh;display:none;position:fixed;top:0;left:0}.nav-overlay.visible{display:block}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}main{padding:var(--space-2xl) var(--space-lg)}.hero{padding:var(--space-2xl) 0 var(--space-xl)}.hero-name{font-size:var(--text-2xl)}.hero-positioning,.hero-intro{font-size:var(--text-base)}.page-nav{gap:var(--space-md);grid-template-columns:1fr}.page-nav-card{padding:var(--space-lg)}.timeline{padding-left:var(--space-lg)}.timeline:before{left:5px}.timeline-node{left:calc(-1 * var(--space-lg) + 2px);width:10px;height:10px}.timeline-title{font-size:var(--text-base)}.timeline-subtitle{font-size:var(--text-xs)}.timeline-narrative{font-size:var(--text-sm)}.expand-body{padding-left:var(--space-md)}.project-card{padding:var(--space-lg)}.project-name{font-size:var(--text-lg)}.footer-inner{text-align:center;flex-direction:column;align-items:center}.footer-contact{justify-content:center}}@media (width>=641px) and (width<=900px){main{padding:var(--space-3xl) var(--space-xl)}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.timeline{padding-left:var(--space-xl)}.timeline:before{left:7px}.timeline-node{left:calc(-1 * var(--space-xl) + 2px);width:12px;height:12px}.project-card{padding:var(--space-xl)}}@media (width>=901px){.header-inner{padding:var(--space-md) var(--space-2xl)}main{padding:var(--space-4xl) var(--space-2xl)}.hero{padding:var(--space-4xl) 0 var(--space-3xl)}}@media (width>=1200px){.header-inner{padding:var(--space-lg) var(--space-3xl)}main{padding:var(--space-4xl) var(--space-3xl)}}.hero{text-align:center;padding:var(--space-3xl) 0 var(--space-2xl)}.hero-name{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-sm)}.hero-positioning{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-xl)}.hero-intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:640px;line-height:var(--leading-relaxed);margin:0 auto}.page-nav{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=540px){.page-nav{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.page-nav-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);text-decoration:none;transition:border-color .2s,transform .2s;display:block}.page-nav-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.page-nav-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.page-nav-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.page-intro{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.page-sobre h2,.page-experiencia h2{margin-bottom:var(--space-xl)}