:root{--bg: #fafafa;--card-bg: #1a1a1a;--fg: #f0ece4;--accent: #c9ff47;--purple: #5928b4;--muted: #2a2a2a;--muted-fg: #e6e6e6;--dark-fg: #1a1a1a;--dark-muted-fg: #5c5c5c;--content-width: 1300px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;overflow-x:hidden;cursor:url(/arrow.cur),auto;background-color:var(--bg);color:var(--dark-fg);font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:url(/arrow.cur),auto}.logo{width:80px;height:80px;filter:brightness(0)}.container{width:100%;max-width:var(--content-width);margin-inline:auto}::selection{background-color:var(--accent);color:var(--dark-fg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.layout-main{width:100%}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:.85rem 4rem;background:#fafafab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:transform .35s ease}.navbar--hidden{transform:translateY(-100%)}.navbar-inner .logo{width:44px;height:44px}.navbar-inner{width:100%;max-width:var(--content-width);margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;z-index:110}.hamburger span{display:block;width:24px;height:1px;background:var(--dark-fg);transition:transform .3s ease,opacity .3s ease}.hamburger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav{display:flex;align-items:center;gap:2rem}.nav-list{display:flex;gap:2rem;list-style:none}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--dark-muted-fg);font-family:DM Mono,monospace;font-size:14px;position:relative;transition:color .2s}.nav-item:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:transparent;transition:background .2s}.nav-item:hover,.nav-item--active{color:var(--dark-fg)}.nav-item--active:after{background:var(--dark-fg)}.nav-label{text-transform:uppercase;letter-spacing:.1em}@media(max-width:768px){.navbar{padding:.75rem 1.5rem}.hamburger{display:flex}.nav{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);flex-direction:column;justify-content:center;transform:translate(100%);transition:transform .4s cubic-bezier(.77,0,.175,1);z-index:105}.nav--open{transform:translate(0)}.nav-list{flex-direction:column;align-items:center;gap:2rem}.nav-item,.nav-label{font-size:1.2rem}}.footer{width:100%;background:var(--card-bg);color:var(--fg);border-top:1px solid rgba(255,255,255,.055);padding:2.8rem 4rem 2rem}@media(max-width:768px){.footer{padding:2.2rem 1.5rem 1.5rem}}.footer-card{width:100%;max-width:var(--content-width);margin-inline:auto}.footer-top{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:1rem;max-width:320px}.footer-logo{width:56px;height:56px;filter:brightness(0) invert(1)}.footer-tagline{font-size:.85rem;line-height:1.6;color:var(--muted-fg)}.footer-columns{display:flex;gap:4rem}.footer-col{display:flex;flex-direction:column;gap:.85rem}.footer-col-title{font-family:DM Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);margin-bottom:.25rem}.footer-link{font-size:.85rem;color:var(--fg);transition:color .2s;width:fit-content}.footer-link:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);font-family:DM Mono,monospace;font-size:.7rem;color:var(--muted-fg)}.footer-version{opacity:.55}@media(max-width:768px){.footer-top{flex-direction:column;gap:2rem}.footer-columns{gap:2.5rem}.footer-brand{max-width:none}}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:6.5rem 4rem 4rem;position:relative}@media(max-width:768px){.hero{padding:7rem 1.5rem 2rem}}.hero-card{position:relative;z-index:1;background:var(--card-bg);color:var(--fg);border:1px solid rgba(255,255,255,.055);border-radius:10px;overflow:hidden;flex-shrink:0;max-width:var(--content-width);width:100%;padding:2.8rem 3rem}.hero-wireframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:3rem}.hero-text{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.hero-photo{flex-shrink:0;width:260px;height:320px;border-radius:16px;overflow:hidden;background:var(--muted)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-title{display:flex;flex-direction:column;align-items:flex-start;gap:.1em;margin-bottom:1.5rem;position:relative}.hero-name{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,3.75rem);line-height:1;position:relative;opacity:0;animation:slide-up 1s cubic-bezier(.77,0,.175,1) forwards .3s,glitch-shake 5s step-end infinite 1.5s}.hero-name:before,.hero-name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;pointer-events:none;opacity:.9;clip-path:inset(0 0 100% 0)}.hero-name:before{color:var(--accent);animation:glitch-r 5s step-end infinite 1.5s}.hero-name:after{color:var(--purple);animation:glitch-c 5s step-end infinite 1.5s}.hero-name--outline{-webkit-text-stroke:1px var(--fg);color:transparent;animation-delay:.42s}.hero-name--outline:before{color:transparent;-webkit-text-stroke:1px var(--accent)}.hero-name--outline:after{color:transparent;-webkit-text-stroke:1px var(--purple)}.hero-label{font-family:DM Mono,monospace;font-size:.75rem;color:var(--muted-fg);margin-bottom:1rem;opacity:0;animation:fade-in .6s ease forwards .1s;position:relative}.hero-sub{font-family:DM Mono,monospace;font-size:.8rem;color:var(--muted-fg);margin-bottom:2rem;opacity:0;animation:fade-up .6s ease forwards .7s;position:relative}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:DM Mono,monospace;font-size:.8rem;color:var(--fg);background:#252525;border:none;border-radius:8px;padding:.7rem 1.2rem;width:fit-content;opacity:0;animation:fade-up .6s ease forwards .9s;transition:background .2s ease;position:relative}.hero-cta:hover{background:#2e2e2e}.hero-cta-arrow{display:inline-block;color:var(--accent);filter:drop-shadow(0 0 5px var(--accent));transition:transform .2s ease,filter .2s ease}.hero-cta:hover .hero-cta-arrow{transform:translate(4px);filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 20px var(--accent))}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes glitch-shake{0%,79%,91%,to{transform:translate(0);filter:none}80%{transform:translate(-3px,1px);filter:brightness(1.4)}82%{transform:translate(3px,-1px);filter:brightness(.8)}84%{transform:translate(-2px,2px);filter:brightness(1.2) contrast(1.3)}86%{transform:translate(2px,-2px);filter:brightness(.9)}88%{transform:translate(-3px);filter:brightness(1.5)}90%{transform:translate(0);filter:none}}@keyframes glitch-r{0%,79%,91%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}80%{clip-path:inset(15% 0 60% 0);transform:translate(-6px)}82%{clip-path:inset(55% 0 20% 0);transform:translate(5px)}84%{clip-path:inset(5% 0 80% 0);transform:translate(-4px)}86%{clip-path:inset(70% 0 5% 0);transform:translate(6px)}88%{clip-path:inset(30% 0 50% 0);transform:translate(-5px)}90%{clip-path:inset(0 0 100% 0)}}@keyframes glitch-c{0%,79%,92%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}81%{clip-path:inset(40% 0 30% 0);transform:translate(6px)}83%{clip-path:inset(10% 0 75% 0);transform:translate(-5px)}85%{clip-path:inset(65% 0 15% 0);transform:translate(4px)}87%{clip-path:inset(20% 0 55% 0);transform:translate(-6px)}89%{clip-path:inset(80% 0 8% 0);transform:translate(5px)}91%{clip-path:inset(0 0 100% 0)}}@media(max-width:768px){.hero-card{padding:2rem 1.5rem;border-radius:14px}.hero-content{flex-direction:column-reverse;text-align:center;gap:1.5rem}.hero-text,.hero-title{align-items:center}.hero-name{font-size:clamp(1.8rem,9vw,2.75rem)}.hero-photo{width:200px;height:240px}}.wire-tri{animation-name:wire-flicker;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes wire-flicker{0%,to{transform:translate(0);opacity:.65}50%{transform:translate(var(--dx),var(--dy));opacity:1}}.about{display:flex;flex-direction:column;align-items:center;padding:2rem 4rem 5rem}@media(max-width:768px){.about{padding:1.5rem 1.5rem 3rem}}.bio-layout{width:100%;max-width:var(--content-width);display:flex;align-items:flex-start;gap:3rem}@media(max-width:900px){.bio-layout{flex-direction:column;gap:2rem}}.bio{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.5rem}.bio-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.bio-meta{font-family:DM Mono,monospace;font-size:.8rem;color:var(--dark-muted-fg);margin-top:-1rem}.bio-intro{font-size:.95rem;line-height:1.75;color:var(--dark-fg)}.bio-section{display:flex;flex-direction:column;gap:.6rem}.bio-section-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--muted);padding-bottom:.4rem}.bio-section-text{font-size:.9rem;line-height:1.75;color:var(--dark-muted-fg)}.infobox{width:280px;flex-shrink:0;display:flex;flex-direction:column;border:1px solid var(--muted);background:#00000008;padding:1rem}@media(max-width:900px){.infobox{width:100%}}.infobox-row{display:flex;flex-direction:column;gap:.2rem;padding:.65rem 0;border-bottom:1px solid var(--muted)}.infobox-row:first-child{padding-top:0}.infobox-row:last-child{border-bottom:none;padding-bottom:0}.infobox-label{font-family:DM Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dark-muted-fg)}.infobox-value{display:flex;flex-direction:column;font-family:Syne,sans-serif;font-size:.85rem;line-height:1.45;color:var(--dark-fg)}.infobox-icon{width:.9rem;height:.9rem;margin-left:.35rem;vertical-align:middle}.projects{display:flex;flex-direction:column;min-height:100vh;padding:8.5rem 4rem 4rem;gap:2rem}@media(max-width:768px){.projects{padding:7rem 1.5rem 2rem}}.projects-header{display:flex;align-items:baseline;gap:2rem;flex-wrap:wrap}.projects-filters{display:flex;gap:0;flex-wrap:wrap}.projects-filter{display:flex;align-items:center;gap:.4rem;background:none;border:none;font-family:DM Mono,monospace;font-size:.65rem;color:var(--dark-muted-fg);padding:.3rem .8rem;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.projects-filter:hover{color:var(--dark-fg)}.projects-filter--active{color:var(--dark-fg);border-bottom-color:var(--dark-fg)}.projects-filter--empty{opacity:.35}.projects-filter-count{font-size:.55rem;color:var(--dark-muted-fg);opacity:.6}.projects-filter--active .projects-filter-count{color:var(--dark-fg);opacity:1}.projects-empty{font-family:DM Mono,monospace;font-size:.7rem;color:var(--dark-muted-fg);opacity:.5}.projects-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.card{background:var(--bg);color:var(--dark-fg);border:1px solid var(--muted);border-radius:12px;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;transition:border-color .2s ease,background .2s ease,color .2s ease;position:relative}.card:hover{color:var(--fg);border-color:#f0ece459;background:color-mix(in srgb,var(--card-bg) 96%,white 4%)}.card-carousel{position:relative;width:100%;height:240px;overflow:hidden;background:var(--muted);flex-shrink:0}.card-carousel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;transition:opacity .4s ease}.card-carousel-img--active{opacity:1}.card-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0f0f0fb3;border:none;color:var(--fg);font-size:1.1rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,color .2s ease;z-index:2}.card-carousel:hover .card-carousel-btn{opacity:1}.card-carousel-btn--prev{left:.4rem}.card-carousel-btn--next{right:.4rem}.card-carousel-btn:hover{color:var(--fg)}.card-carousel-dots{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);display:flex;gap:.3rem;z-index:2}.card-carousel-dot{width:4px;height:4px;background:var(--muted-fg);transition:background .2s ease,width .2s ease}.card-carousel-dot--active{background:var(--fg);width:10px}.card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem 1rem;flex:1}.card-top{display:flex;align-items:center;justify-content:space-between}.card-year{font-family:DM Mono,monospace;font-size:.6rem;color:var(--dark-muted-fg);transition:color .2s ease}.card:hover .card-year{color:var(--muted-fg)}.card-badges{display:flex;gap:.4rem}.card-badge{font-family:DM Mono,monospace;font-size:.55rem;font-weight:700;opacity:1}.card-badge--private{color:#b8860a}.card-badge--public{color:#0288d1}.card-badge--opensource{color:color-mix(in srgb,var(--accent) 65%,black 35%)}.card-title{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700}.card-desc{font-size:.85rem;color:var(--dark-muted-fg);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.card:hover .card-desc{color:var(--muted-fg)}.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:auto}.card-tag-icon{width:2rem;height:2rem;opacity:.7;transition:opacity .2s ease}.card:hover .card-tag-icon{opacity:1}.card-more{display:block;font-family:DM Mono,monospace;font-size:.65rem;color:var(--fg);padding:.75rem 1.5rem;border-top:1px solid var(--muted);opacity:0;transition:opacity .2s ease}.card:hover .card-more{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:#141414;color:var(--fg);border:1px solid var(--muted);width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;animation:modal-in .25s cubic-bezier(.77,0,.175,1);overflow:hidden}@keyframes modal-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--muted);flex-shrink:0}.modal-year{font-family:DM Mono,monospace;font-size:.6rem;color:var(--muted-fg);display:block;margin-bottom:.2rem}.modal-title{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700}.modal-close{background:none;border:1px solid var(--muted);color:var(--muted-fg);font-size:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,border-color .2s ease}.modal-close:hover{color:var(--fg);border-color:var(--fg)}.modal-scroll{overflow-y:auto;flex:1;display:flex;flex-direction:column}.modal-carousel{position:relative;width:100%;height:220px;overflow:hidden;background:var(--muted);flex-shrink:0}.modal-carousel-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0;transition:opacity .4s ease}.modal-carousel-img--active{opacity:1}.modal-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0f0f0fbf;border:none;color:var(--fg);font-size:1.4rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;z-index:2}.modal-carousel-btn--prev{left:.75rem}.modal-carousel-btn--next{right:.75rem}.modal-carousel-btn:hover{color:var(--accent)}.modal-carousel-dots{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);display:flex;gap:.4rem;z-index:2}.modal-carousel-dot{width:5px;height:5px;background:var(--muted-fg);transition:background .2s ease,width .2s ease}.modal-carousel-dot--active{background:var(--accent);width:14px}.modal-body{display:flex;flex-direction:column;padding:1.25rem;gap:0}.modal-section{display:flex;flex-direction:column;gap:.6rem;padding:1rem 0;border-bottom:1px solid var(--muted)}.modal-section:last-child{border-bottom:none}.modal-section-label{font-family:DM Mono,monospace;font-size:.6rem;color:var(--accent);opacity:.7}.modal-desc{font-size:.875rem;color:var(--muted-fg);line-height:1.7}.modal-contact-text{font-size:.8rem;color:var(--muted-fg);line-height:1.5}.modal-contact-email{font-family:DM Mono,monospace;font-size:.75rem;color:var(--accent);transition:opacity .2s ease}.modal-contact-email:hover{opacity:.7}.modal-link{font-family:DM Mono,monospace;font-size:.75rem;color:var(--accent);border:1px solid var(--accent);padding:.5rem 1rem;width:fit-content;transition:opacity .2s ease}.modal-link:hover{opacity:.7}@media(max-width:600px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:92dvh;border-left:none;border-right:none;border-bottom:none;border-radius:0;animation:modal-in-mobile .3s cubic-bezier(.77,0,.175,1)}@keyframes modal-in-mobile{0%{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}.modal-close{width:40px;height:40px;font-size:.9rem}.modal-carousel{height:180px}.modal-carousel-btn{width:44px;height:44px;font-size:1.6rem}}.skills{display:flex;flex-direction:column;min-height:100vh;padding:8.5rem 4rem 4rem;gap:2.5rem}@media(max-width:768px){.skills{padding:7rem 1.5rem 2rem}}.skills-header{display:flex;flex-direction:column;gap:.75rem;max-width:720px}.skills-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.skills-intro{font-size:.9rem;line-height:1.75;color:var(--dark-muted-fg)}.skills-tldr{font-family:DM Mono,monospace;font-size:.75rem;color:var(--dark-muted-fg)}.skills-tldr a{color:var(--dark-fg);text-decoration:underline;text-underline-offset:2px}.skills-tldr a:hover{color:color-mix(in srgb,var(--accent) 70%,black 30%)}.skills-group{display:flex;flex-direction:column;gap:1rem}.skills-group-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--muted);padding-bottom:.4rem}.skills-business-text{font-size:.85rem;line-height:1.75;color:var(--dark-muted-fg);max-width:720px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.skill-item{display:flex;flex-direction:column;gap:.6rem;padding:1rem;border:1px solid var(--muted);border-radius:10px;transition:border-color .2s ease,background .2s ease}.skill-item:hover{border-color:#1a1a1a40;background:#00000005}.skill-item-top{display:flex;align-items:center;gap:.7rem}.skill-icon{width:2rem;height:2rem;flex-shrink:0}.skill-item-heading{display:flex;flex-direction:column;gap:.15rem;min-width:0}.skill-name{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700}.skill-level{font-family:DM Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.skill-level--basico{color:var(--dark-muted-fg)}.skill-level--intermediario{color:color-mix(in srgb,var(--accent) 70%,black 30%)}.skill-level--avancado{color:var(--purple)}.skill-level--estudando{color:var(--dark-muted-fg);font-style:italic;opacity:.7}.skill-text{font-size:.8rem;line-height:1.6;color:var(--dark-muted-fg)}.skill-item--focus{border-color:var(--accent)}.skill-item--focus:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.skill-focus-tag{font-family:DM Mono,monospace;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--accent) 70%,black 30%);margin-left:auto;align-self:flex-start;white-space:nowrap}.blog{display:flex;flex-direction:column;min-height:100vh;padding:8.5rem 4rem 4rem;gap:2rem}@media(max-width:768px){.blog{padding:7rem 1.5rem 2rem}}.blog-header{display:flex;align-items:baseline;gap:1rem}.blog-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.blog-placeholder{font-family:DM Mono,monospace;font-size:.85rem;color:var(--dark-muted-fg)}