@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/roboto-v51-latin-regular-BqEyEoaF.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/assets/roboto-v51-latin-500-7RbcRiD8.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:600;src:url(/assets/roboto-v51-latin-600-CzqH9ZEY.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/assets/roboto-v51-latin-700-BZpUvMxY.woff2)format("woff2")}@font-face{font-display:swap;font-family:Archivo Black;font-style:normal;font-weight:400;src:url(/assets/archivo-black-v23-latin-regular-BTVu2TQR.woff2)format("woff2")}:root{--text-heading:#f1e3ff;--text-subtle:#d1d5dc;--text:#99a1af;--bg:#07010c;--social-bg:#1e1931;--border-btn:#34344b;--color-primary:#9715fa;--color-secondary:#285bfb;--sans:"Roboto", system-ui, sans-serif;--heading:"Archivo Black", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;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:16px}}html{scroll-behavior:smooth}#root{min-height:100dvh}body{font-family:var(--sans);width:100%;min-height:100dvh;margin:0;overflow-x:clip}h1,h2{font-family:var(--heading);color:var(--text-heading);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:120px;font-weight:800;line-height:80%}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;color:var(--text-subtle);margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.contact-section{z-index:1;background:radial-gradient(50% 35% at 15% 100%,#c27aff73 0%,#0000 70%),radial-gradient(55% 40% at 50% 105%,#50a2ff66 0%,#0000 70%),radial-gradient(45% 30% at 85% 100%,#05df7259 0%,#0000 70%);justify-content:center;align-items:center;gap:1rem;height:100dvh;display:flex;position:relative;overflow:hidden}.contact-section .title-container h2{color:#d1d5dc;text-shadow:2px 2px 6px #000c,0 0 15px #0009,1px 1px 2px #00000080;font-size:2rem}.title-container{z-index:2;display:inline-block;position:relative}.contact-section .social-icons{flex-direction:column;gap:1rem;display:flex}.contact-section .wave{will-change:transform;contain:strict;background-size:cover;width:100%;height:180px;position:absolute;bottom:0;left:0}.contact-section .wave1{background:url(https://2.bp.blogspot.com/-1jSZdqj1ssE/Xn2hsqQogxI/AAAAAAAAU14/q7Tii6dbcJwO747sjQ1sfPeM6laFhvQVwCK4BGAYYCw/s1600/wave1.png) repeat-x;animation:20s linear infinite wave-animation1,2.5s ease-in-out infinite alternate float1}.contact-section .wave2{background:url(https://1.bp.blogspot.com/-4SEctsJEQBg/Xn2ifdzUbfI/AAAAAAAAU2A/BZTVE6JxDpkJq98VfNkCZMWj1e3jONjXQCLcBGAsYHQ/s1600/wavetrans.png) repeat-x;animation:20s linear infinite reverse wave-animation1,3s ease-in-out infinite alternate float2}.contact-section .wave3{background:url(https://1.bp.blogspot.com/-OAiccVrQc0k/Xn2lrKcD6nI/AAAAAAAAU2M/uAvibBARzkcpmzHCsJyL5B5UDQNFU1YmgCLcBGAsYHQ/s1600/wave3.png) repeat-x;animation:20s linear infinite reverse wave-animation1,2s ease-in-out infinite alternate float3}@keyframes wave-animation1{0%{background-position:0 0}to{background-position:1601px 0}}@keyframes float1{to{transform:translateY(30px)}}@keyframes float2{to{transform:translateY(30px)}}@keyframes float3{to{transform:translateY(30px)}}.contact-section .social-icons .mail-icon .copy{top:50%;left:-150%;transform:translateY(-50%)}.infinity-loader{z-index:-1;width:296px;height:80px;position:absolute}.infinity-loader .particle{filter:url(#goo);offset-path:path("M193,90 C243,150 267,174 312,174 C357,174 393,136.5 393,90 C393,43.5 357,6 312,6 C267,6 243,36 199.5,90 C156,138 132,174 84,174 C39,174 3,136.5 3,90 C3,43.5 39,6 84,6 C129,6 151.5,53.4 193,90 Z");background:#c27aff;border-radius:50%;width:30px;height:30px;animation:12s linear infinite particle-travel;position:absolute;transform:scaleX(-1);box-shadow:2px 2px 8px #c27aff4d}.infinity-loader .particle:before,.infinity-loader .particle:after{content:"";background:inherit;width:20px;height:20px;box-shadow:inherit;border-radius:50%;margin:-10px 0 0 -10px;display:block;position:absolute;top:50%;left:50%}.infinity-loader .particle:before{animation:.8s linear infinite drop1}.infinity-loader .particle:after{animation:.8s linear .4s infinite drop2}.infinity-loader .particle:nth-child(2){animation-delay:-4s}.infinity-loader .particle:nth-child(3){animation-delay:-8s}@keyframes particle-travel{0%{offset-distance:0%}25%{background:#c27aff}75%{background:#50a2ff}to{offset-distance:100%}}@keyframes drop1{to{transform:translate(32px,8px)scale(0)}}@keyframes drop2{0%{transform:translate(0)scale(.9)}to{transform:translate(32px,-8px)scale(0)}}.experience-section{box-sizing:border-box;background:radial-gradient(at 0,#bf7bff42 0%,#53a1ff24 40%,#0000 70%);align-items:center;width:100%;min-height:100dvh;padding:4.5rem 1rem 0;display:flex;position:relative}.experience-header{padding:0}.experience-header h2{color:#0000;background:linear-gradient(90deg,#bf7bff,#53a1ff);-webkit-background-clip:text;background-clip:text;max-width:500px;margin:0;font-size:3rem}.experience-card-list{flex-direction:column;gap:3rem;max-width:1300px;display:flex}.experience-curves{pointer-events:none;width:100%;height:120px;position:absolute;bottom:-70px;left:0}@media (width<=1000px){.experience-section{flex-direction:column}.experience-header{padding:0 0 4rem}}@media (width<=600px){.experience-header h2{font-size:2.5rem}.experience-header{padding:0 0 2rem}}.experience-card{background:var(--social-bg);border:1px solid var(--border-btn);box-sizing:border-box;border-radius:18px;width:90%;margin:0 0 0 4rem;padding:1.5rem;position:relative}.experience-card:before{content:"";background:#bf7bff89;width:2px;height:100%;transition:background .4s;display:block;position:absolute;top:0;left:-40px}.experience-card:after{content:"";background:#bf7bff;border-radius:50%;width:20px;height:20px;transition:transform .4s;display:block;position:absolute;top:0;left:-50px}.experience-header-card h3,.experience-header-card h4,.experience-header-card span{word-break:break-word;margin:0 0 1rem}.experience-header-card h3{color:#d1d5dc;font-size:1.5rem}.experience-header-card h4{color:#bf7bff}.experience-header-card span{border:1px solid var(--border-btn);background:#251f3b;border-radius:20px;padding:.5rem .9rem;font-size:.8rem;display:inline-block}.experience-card ul{margin:0 0 1rem}.experience-card ul li{padding:0}.experience-tags{white-space:nowrap;flex-wrap:wrap;gap:.8rem;display:flex}.experience-tags span{border:1px solid var(--border-btn);color:inherit;background:#251f3b;border-radius:20px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem}@media (hover:hover){.experience-card:hover{border-color:#bf7bff66}.experience-card:hover:before{background:#bf7bff}.experience-card:hover:after{transform:scale(1.2)}}@media screen and (width<=600px){.experience-card{margin:0 0 0 1.5rem;padding:1rem}.experience-card:before{left:-20px}.experience-card:after{width:10px;height:10px;left:-25px}.experience-header-card h3,.experience-header-card h4,.experience-header-card span{padding:0}.experience-header-card h3{margin-bottom:.75rem;font-size:1.25rem}.experience-header-card h4{margin-bottom:.75rem;font-size:.9rem}.experience-header-card span{padding:.35rem .759rem;font-size:.8rem}.experience-card p{margin-bottom:1rem;font-size:.9rem}.experience-tags span{padding:.35rem .759rem;font-size:.85rem}}@media screen and (width<=480px){.experience-card{border-radius:16px;padding:1rem .85rem}.experience-header-card h3{margin-bottom:.5rem;font-size:1.1rem}.experience-header-card h4{margin-bottom:.75rem;font-size:.8rem;line-height:1.3}.experience-header-card span{gap:.4rem;margin-bottom:.75rem}.experience-card p{margin-bottom:.75rem;font-size:.8rem;line-height:1.3}.experience-tags span{border-radius:16px;padding:.25rem .6rem;font-size:.75rem}}.circle{z-index:-1;mix-blend-mode:screen;border-radius:50%;display:inline-block;position:absolute}.circle.circle-1{filter:blur(80px);opacity:.6;background:radial-gradient(circle,#bd78fa,#0000);width:300px;height:300px;animation:2s infinite alternate move1;top:50%}.circle.circle-2{filter:blur(100px);opacity:.4;background:radial-gradient(circle,#2c58fb,#0000);width:800px;height:800px;animation:2s infinite alternate move1;top:20%;left:20px}.circle.circle-3{filter:blur(100px);opacity:.6;background:radial-gradient(circle,#71b3d5,#0000);width:300px;height:300px;animation:2s infinite alternate move2;top:50%;right:20px}@keyframes move1{0%{animation-timing-function:ease-in;transform:translate(0)translateY(0)}50%{animation-timing-function:ease-out;transform:translate(40px)translateY(32px)}to{transform:translate(75px)translateY(50px)}}@keyframes move2{0%{animation-timing-function:ease-in;transform:translate(0)translateY(0)}50%{animation-timing-function:ease-out;transform:translate(-140px)translateY(132px)}to{transform:translate(-175px)translateY(150px)}}.home-section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:0 1rem;display:flex;position:relative}.hero-content{flex-direction:column;padding:0 0 4rem;display:flex}.personal-data{width:100%;max-width:1120px;padding:0 0 3rem}.personal-data h1,h2,p{text-align:center}.personal-data h1{font-size:4rem}.personal-data .tech-highlight{font-weight:600}.personal-data .tech-highlight.react{color:#bd78fa}.personal-data .tech-highlight.nest{color:#51a2ff}.hero-content .social-icons{justify-content:center;gap:1rem;display:flex}.github-icon,.linkedin-icon,.mail-icon{background:var(--social-bg);border:1px solid var(--border-btn);cursor:pointer;color:inherit;border-radius:12px;align-items:center;padding:.9rem;transition:transform .2s;display:flex}.mail-icon{position:relative}.mail-icon .copy{background:var(--social-bg);border:1px solid var(--border-btn);border-radius:12px;padding:.5rem;font-size:.8rem;position:absolute;top:-70%;left:50%;transform:translate(-50%)}.hero-cta{flex-direction:column;justify-content:center;display:flex;position:relative}.hero-cta .btn-primary{color:var(--text-subtle);font-family:inherit;font-size:inherit;background:linear-gradient(to right, var(--color-primary), var(--color-secondary));cursor:pointer;border:#0000;border-radius:40px;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:box-shadow .5s;display:flex}.hero-cta .btn-primary .arrow-right{transition:transform .5s;display:flex}.arrow-down{color:inherit;animation:2s infinite animationArrowDown;position:absolute;bottom:20px;left:50%}@keyframes animationArrowDown{0%{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}to{transform:translate(-50%)translateY(0)}}@keyframes fadeUp{0%{opacity:.01;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.personal-data h1{animation:.6s forwards fadeUp}.personal-data h2{opacity:.01;animation:.6s .15s forwards fadeUp}.personal-data p{opacity:.01;animation:.6s .3s forwards fadeUp}.social-icons{opacity:.01;animation:.6s .45s forwards fadeUp}.hero-cta{opacity:.01;animation:.6s .6s forwards fadeUp}@media (width<=600px){.personal-data h1{font-size:2.5rem}}@media (hover:hover){.github-icon:hover{color:#c27aff;border:1px solid #c27aff;transform:translateY(-2px)}.linkedin-icon:hover{color:#50a2ff;border:1px solid #50a2ff;transform:translateY(-2px)}.mail-icon:hover{color:#05df72;border:1px solid #05df72;transform:translateY(-2px)}.hero-cta .btn-primary:hover .arrow-right{transform:translate(10px)}}@media (pointer:coarse){.circle-1,.circle-2,.circle-3{display:none}.home-section{background:radial-gradient(80% 60% at 50% 40%,#bd78fa66 0%,#0000 70%)}}.header-icons{justify-content:center;gap:1rem;width:100%;padding:0 0 2rem;display:flex}.header-icons div:first-child{animation:1s forwards fadeLeft}.header-icons div:nth-child(3){animation:1s forwards fadeRight}@keyframes fadeLeft{0%{opacity:.01;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:.01;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.code-icon,.db-icon,.container-icon{background:var(--social-bg);border:1px solid var(--border-btn);border-radius:12px;align-items:center;padding:1rem;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(8.2px);backdrop-filter:blur(8.2px);background:#0003;border-radius:16px;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:space-between;align-items:center;width:1126px;max-width:90%;margin:0 auto;padding:1rem 0;display:flex}.btn-hamburguer{cursor:pointer;display:none;position:absolute;left:20px}.list-links{gap:1rem;margin:0;list-style:none;display:flex}.logo,.list-links a{color:inherit;padding:.5rem;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex}.list-links .download-cv{color:#f1e3ff;background:#9317fa;border-radius:18px;padding:.5rem 1.5rem}.logo{align-items:center;gap:.6rem;display:flex}@media (hover:hover){.btn-hamburguer:hover{color:#c9cdd3}:is(.logo,.list-links a):hover{color:#c9cdd3;transform:translateY(-2px)}}@media (width<=600px){.navbar-container{justify-content:center}.navbar.menu-open{-webkit-backdrop-filter:none;background:0 0}.btn-hamburguer{z-index:101;display:block}.list-links{box-sizing:border-box;will-change:clip-path;clip-path:inset(0 0 100%);pointer-events:none;background:#07010c;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100dvh;padding:2rem 0;list-style:none;transition:clip-path .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.list-links.active{clip-path:inset(0 0 0%);pointer-events:all}.list-links li{opacity:.01;width:max-content;font-size:1.5rem;transition:opacity .3s,transform .3s;transform:translateY(16px)}.list-links.active li:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.list-links.active li:nth-child(2){opacity:1;transition-delay:.18s;transform:translateY(0)}.list-links.active li:nth-child(3){opacity:1;transition-delay:.26s;transform:translateY(0)}.list-links.active li:nth-child(4){opacity:1;transition-delay:.34s;transform:translateY(0)}}.header-icon{color:#fff;background:linear-gradient(to bottom right,#bf7bff,#53a1ff);border-radius:18px;width:max-content;margin:0 0 1rem;padding:1rem;transition:transform .2s;display:flex}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.2)}}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(0)}to{transform:translateY(-5px)}}.project-card{background:var(--social-bg);border:1px solid var(--border-btn);z-index:1;box-sizing:border-box;border-radius:18px;flex-direction:column;justify-content:space-between;gap:.5rem;width:100%;max-width:560px;height:auto;margin:0 auto;padding:1.5rem;transition:transform .4s,background .3s;display:flex;position:relative}.project-card:first-child{max-width:1150px;overflow:hidden}.project-card:first-child:after{content:"</>";color:#b080ff0d;z-index:0;pointer-events:none;font-family:monospace;font-size:15rem;font-weight:700;position:absolute;bottom:-20px;right:-20px;transform:rotate(-15deg)}.project-card:before{content:"";z-index:-1;opacity:.01;border-radius:inherit;background:linear-gradient(90deg,#1e1931,#53a1ff33);width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;top:0;left:0}.card-container{margin:0 0 1rem}.card-container h3{word-break:break-word;color:#d1d5dc;margin:0 0 1rem;font-size:1.5rem}.card-container p{text-align:left;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1.5rem;font-size:1rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-container-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.btn-tag{border:1px solid var(--border-btn);color:inherit;white-space:nowrap;background:#251f3b;border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.btn-details{color:#c27aff;cursor:pointer;background:0 0;border:#0000;align-items:center;gap:.5rem;padding:0;font-size:.95rem;font-weight:600;display:flex}.details-arrow-right{transition:transform .5s}@media (hover:hover){.project-card:hover{box-shadow:0 0 20px #bf7bff66,0 0 40px #53a1ff33}.project-card:hover .header-icon{animation:.2s bounce;transform:scale(1.2)}.project-card:hover .card-container h3{color:#bf7bff}.project-card:hover .btn-details .details-arrow-right{transform:translate(10px)}}@media (width<=1200px){.project-card{max-width:500px}.project-card:first-child{max-width:500px;overflow:hidden}.project-card:first-child:after{content:"</>";color:#b080ff0d;z-index:0;pointer-events:none;font-family:monospace;font-size:15rem;font-weight:700;position:absolute;bottom:-20px;right:-20px;transform:rotate(-15deg)}}@media (width<=600px){.project-card{padding:1rem}.card-container h3{margin-bottom:.75rem;font-size:1.25rem}.card-container p{margin-bottom:1rem;font-size:.9rem}.btn-tag{padding:.3rem .8rem;font-size:.8rem}.header-icon{margin-bottom:.75rem;padding:.7rem}.btn-details{font-size:.9rem}}@media (width<=480px){.project-card{border-radius:16px;padding:.75rem}.header-icon{border-radius:14px;margin-bottom:.5rem;padding:.5rem}.card-container h3{margin-bottom:.5rem;font-size:1.1rem}.card-container p{margin-bottom:.75rem;font-size:.8rem;line-height:1.3}.card-container-tags{border-radius:16px}.btn-tag{border-radius:16px;padding:.25rem .6rem;font-family:inherit;font-size:.75rem}.btn-details{gap:.3rem;font-family:inherit;font-size:.8rem}.details-arrow-right svg{width:16px;height:16px}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(0)}to{transform:translateY(0)}}.project-card:hover{transform:translateY(0)}}.projects-section{box-sizing:border-box;z-index:1;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:4rem 1rem 6rem;display:flex;position:relative}.overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;width:100%;height:100%;position:fixed;top:0;left:0}.header-projects{padding:0 0 4rem}.header-projects h2{color:#0000;background:linear-gradient(90deg,#bf7bff,#53a1ff);-webkit-background-clip:text;background-clip:text;margin:1rem 0 0;font-size:3rem}.projects-grid{grid-template-columns:1fr 1fr;row-gap:2rem;width:100%;max-width:1187px;margin:0 auto;display:grid}@media screen and (width<=1187px){.projects-grid{grid-template-columns:1fr}}.projects-grid>:first-child{grid-column:1/span 2}@media (width<=1200px){.projects-grid>:first-child{grid-column:span 1}}@media (width<=600px){.header-projects{padding:0 0 2rem}.header-projects h2{font-size:2.5rem}}.project-modal{background:var(--social-bg);border:1px solid var(--border-btn);box-sizing:border-box;z-index:101;border-radius:18px;flex-direction:column;justify-content:space-between;gap:.5rem;width:100%;max-width:700px;height:auto;margin:0 auto;padding:1.5rem;transition:transform .4s,background .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.project-modal .header-icon{margin:0 0 2rem;position:relative}.project-content .card-container p{text-align:left;-webkit-line-clamp:unset;line-clamp:unset;margin:0 0 2rem;font-size:1rem;line-height:1.4;display:block;overflow:visible}.project-content .features h4{color:#bb76f6;margin:0 0 1rem}.project-content .features{margin:0 0 1.5rem}.project-content .card-container-tags{margin:0 0 2rem}.modal-close{cursor:pointer;color:#99a1af;padding:1rem;display:flex;position:absolute;top:50%;right:-1050%;transform:translateY(-50%)}.project-content .hero-cta{opacity:1;width:max-content;animation:none}.project-content .hero-cta .arrow-top{transition:transform .2s}@media (hover:hover){.modal-close:hover{color:#c9cdd3}.project-content .hero-cta:hover .arrow-top{transform:translate(5px)translateY(-2px)}}@media (width<=600px){.project-modal{border-radius:0;justify-content:center;width:100%;height:100dvh;display:flex}.modal-close{top:50%;right:-750%;transform:translateY(-50%)}}