header{z-index:100;width:100%;padding:40px;transition:transform .3s ease-in-out;position:fixed}.header.navbar-hidden{transform:translateY(-100%)}.header.visible{transform:translateY(0)}.header.scrolled{background-color:#1a2533f0;box-shadow:0 4px 8px #0000001a}.menu{visibility:visible;width:20px;height:20px;color:var(--text-lighter-color);cursor:pointer;justify-content:center;align-items:center;font-size:1.8em;transition:all .2s ease-in-out;display:flex;position:fixed;top:40px;left:50px}.menu:hover{color:#9fb1b2a2}.navbar-container{gap:100px;width:100%;padding-left:100px;display:flex}.home-ancor{color:var(--secondary-color);font-size:large;font-weight:700;transition:all .3s ease-in-out}.home-ancor:after{content:"";background:var(--accent-color);width:0;height:1px;margin-top:-5px;transition:width .5s;display:block}.home-ancor:hover:after{width:100%;transition:width .3s}.home-ancor:hover{color:var(--accent-color)}a{text-decoration:none}.navbar-item{font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s ease-in-out}.navbar-item:hover{color:var(--text-lighter-color)}.radio-inputs{z-index:101;box-sizing:border-box;background-color:#e2e8f015;border-radius:.5rem;flex-wrap:wrap;width:175px;padding:.25rem;font-size:12px;display:flex;position:fixed;top:35px;right:20px;box-shadow:0 0 0 1px #0000000f}.radio-inputs .radio{text-align:center;flex:1}.radio-inputs .radio input{display:none}.radio-inputs .radio .name{cursor:pointer;color:var(--text-lighter-color);border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:.25rem;transition:all .25s ease-in-out;display:flex}.radio-inputs .radio input:checked+.name{background-color:var(--text-lighter-color);color:var(--text-color);font-weight:600}@media (width<=1200px){.navbar-container{display:none}.radio-inputs{width:150px;padding:.25rem;font-size:.675em;position:absolute;top:1%;right:2%}.radio-inputs .radio .name{padding:.2rem}.menu{display:none}}.home-page-container{align-items:center;height:100dvh;display:flex}.home-page-content{flex-direction:column;gap:30px;display:flex;position:relative;left:10%}h1{margin:-35px 0;font-size:5.5em}.home-page-header>h2,.home-page-header>span{color:var(--text-light-color);font-size:1.5em;font-weight:500}.home-page-links{gap:25px;display:flex}.contact-animated-button{background-color:var(--dark-accent-color);letter-spacing:1px;color:#fff;cursor:pointer;border:none;border-radius:100px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .6s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff20}.contact-animated-button span:last-child{background-color:var(--background-color);opacity:0;border-radius:50%;width:20px;height:20px;transition:all 1s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-animated-button span:first-child{z-index:1;position:relative}.contact-animated-button:hover{box-shadow:0 0 0 5px #4e5f6f}.contact-animated-button:active{scale:.95}.contact-animated-button:hover span:last-child{opacity:1;width:200px;height:200px}.resume-animated-button{background-color:inherit;letter-spacing:1px;color:#ffffff40;cursor:pointer;border:none;border-radius:100px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff20}.resume-animated-button span:last-child{background-color:var(--dark-accent-color);opacity:0;border-radius:50%;width:20px;height:20px;transition:all 1s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resume-animated-button span:first-child{z-index:1;position:relative}.resume-animated-button:hover{color:#fff;box-shadow:0 0 0 5px #4e5f6f}.resume-animated-button:active{scale:.95}.resume-animated-button:hover span:last-child{opacity:1;width:200px;height:200px}.home-icon-list{display:none}@media (width<=1200px){.home-page-container{width:100dvw;height:fit-content;padding:60px 0 100px}.home-page-content{flex-direction:column;gap:20px;display:flex;position:relative;left:5%}.home-page-header{flex-direction:column;gap:20px;display:flex}.home-page-header:last-child{color:var(--text-lighter-color)}h1{margin-bottom:-15px;font-size:2.4em}.home-page-header>h2{font-size:1em;font-weight:600}.home-page-header>span{color:var(--text-lighter-color);font-size:1em;font-weight:600}.contact-animated-button{display:none}.resume-animated-button{background-color:var(--dark-accent-color);letter-spacing:1px;color:#fff;margin-top:-7px;padding:7px 12px;font-size:.75em;font-weight:600}.home-icon-list{gap:20px;display:flex}}.about-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding-bottom:200px;display:flex}.about-container>p{padding:20px;font-size:1.2em}@media (width<=700px){.about-container{align-items:flex-start;gap:0;padding-bottom:80px}.about-container>h2{text-transform:uppercase;letter-spacing:.05em;padding-left:20px;font-size:.875em}.about-container>p{padding:20px;font-size:1em}}.experience-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:fit-content;padding-bottom:100px;display:flex}.job-list{flex-direction:column;gap:30px;padding:0;list-style-type:none;display:flex}.job-item{border-radius:8px;max-width:1000px;padding:20px;transition:all 50ms ease-in-out;position:relative}.job-item:hover{background-color:var(--light-background-color);box-shadow:inset 0 1.4px #297fb927,0 4px 8px #0000001a}.job-duration{color:var(--text-light-color);font-size:14px;position:absolute;top:20px;right:20px}.job-details{flex-direction:column;gap:8px;display:flex}.job-title{font-size:18px;font-weight:500}.job-item:hover .job-title{color:var(--accent-color)}.job-arrow{flex-shrink:0;width:1rem;height:1rem;margin-left:.25rem;transition:transform .3s;display:inline-block;transform:translateY(1px)}.job-item:hover .job-arrow,.job-item:focus-visible .job-arrow{transform:translate(.25rem,-.25rem)}.job-description{font-size:16px}.technology-list{gap:10px;margin-top:5px;list-style-type:none;display:flex}.technology-item{background-color:#3498db29;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.technology-text{color:var(--accent-color);font-weight:500}@media (width<=768px){.experience-container{align-items:flex-start;gap:0;padding-bottom:80px}.experience-container>h2{text-transform:uppercase;letter-spacing:.05em;padding-left:20px;font-size:.875em}.job-item{padding:45px 20px 20px}.job-item:hover{box-shadow:none;background-color:#0000}.job-duration{font-size:.875em;top:20px;left:20px}.job-title{font-size:1em}.job-description{font-size:.875em}.technology-item{padding:.15rem .75rem}.technology-text{font-size:.875em}}.skills-container{flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:0 45px 200px;display:flex}.skills-categories{flex-direction:column;gap:60px;width:100%;display:flex}.skill-category{flex-direction:column;align-items:flex-start;gap:15px;width:100%;display:flex}.category-title{background:linear-gradient(135deg,#2980b9 0%,#3498db 50%,#5dade2 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 30px #2980b94d;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;padding-bottom:12px;font-family:Space Grotesk,Inter,-apple-system,system-ui,sans-serif;font-size:1.5rem;font-weight:700;position:relative}.category-title:after{content:"";background:linear-gradient(90deg,#2980b9,#3498db);border-radius:2px;width:50px;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.category-title:hover:after{width:80px}.divisor{opacity:.25;background:var(--primary-color);width:100%;height:1px;margin:20px 0}.skills-list{flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;margin:0 auto;list-style:none;display:flex}.button-container{justify-content:center;display:flex}.button.skill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#297fb908;border:2px solid #297fb91a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;padding:0;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.button.skill:hover{background:#297fb914;border-color:#297fb94d;transform:translateY(-5px);box-shadow:0 8px 25px #297fb926}.button.skill:active{transform:translateY(-3px)}.skill-logo{width:100%;height:100%;color:var(--secondary-color);justify-content:center;align-items:center;transition:all .3s;display:flex}.skill-icon{width:40px;height:40px;transition:all .3s}.button.skill:hover .skill-icon{filter:drop-shadow(0 4px 8px #297fb94d);transform:scale(1.15)}.button-text{text-align:center;opacity:0;flex-direction:column;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:12px;left:0;right:0;transform:translateY(10px)}.button-text>span{color:var(--secondary-color);font-size:.85rem;font-weight:600}.button.skill:hover .button-text{opacity:1;transform:translateY(0)}.button.skill:hover .skill-logo{transform:translateY(-15px)}.button-text>span:last-child{text-transform:capitalize;color:var(--secondary-color)}@media (width<=768px){.skills-container{gap:40px;padding-bottom:100px}.skills-categories{gap:50px}.category-title{font-size:1.25rem}.skills-list{gap:15px}.button.skill{width:110px;height:110px}.skill-icon{width:40px;height:40px}.button-text>span{font-size:.75rem}}@media (width<=480px){.skills-container{gap:30px;padding:0 15px 80px}.category-title{font-size:1.1rem}.skills-list{gap:12px}.button.skill{width:90px;height:90px}.skill-icon{width:35px;height:35px}.button-text>span{font-size:.7rem}}.projects-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:fit-content;margin:0 auto;padding-bottom:200px;display:flex}.project-list{flex-direction:column;gap:30px;padding:0;list-style-type:none;display:flex}.project-item{border-radius:8px;align-items:center;gap:20px;max-width:1000px;margin:0 auto;padding:20px;transition:all 50ms ease-in-out;display:flex}.project-item:hover{background-color:var(--light-background-color);box-shadow:inset 0 1.4px #297fb927,0 4px 8px #0000001a}.project-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:200px;display:flex}.project-image-wrapper.mobile{background:0 0;padding:20px 0}.project-image{border:2px solid #297fb927;border-radius:5px;width:100%;height:auto}.project-image-wrapper.mobile .project-image{border:2px solid #297fb927;border-radius:5px;width:100px;height:auto}.project-item:hover .project-image{border:2px solid #1e567b9c}.project-details{flex-direction:column;gap:5px;display:flex}.project-name{font-size:18px;font-weight:500}.project-item:hover .project-name{color:var(--accent-color)}.project-description{font-size:1em}.project-arrow{flex-shrink:0;width:1rem;height:1rem;margin-left:.25rem;transition:transform .3s;display:inline-block;transform:translateY(1px)}.project-item:hover .project-arrow,.project-item:focus-visible .project-arrow{transform:translate(.25rem,-.25rem)}@media (width<=768px){.projects-container{align-items:flex-start;gap:10px;padding-bottom:50px}.projects-container>h2{text-transform:uppercase;letter-spacing:.05em;padding-left:20px;font-size:.875em}.project-item{flex-direction:column;align-items:start;gap:10px;width:100dvw;padding:45px 20px 20px;position:relative}.project-item:hover{box-shadow:none;background-color:#0000}.project-image-wrapper.mobile{margin-left:-50px;padding:20px 0}.project-duration{font-size:.875em;top:20px;left:20px}.project-name{font-size:1em;font-weight:600;position:absolute;top:15px;left:20px}.project-arrow{transition:none;transform:none}.project-item:hover .project-arrow,.project-item:focus-visible .project-arrow{transform:none}.project-description{font-size:.875em}.technology-list{flex-wrap:wrap;gap:8px}.technology-item{padding:.15rem .75rem}.technology-text{font-size:.875em}}.contact-container{flex-direction:column;justify-content:center;align-items:center;gap:30px;height:fit-content;padding-bottom:100px;display:flex}.contact-list{gap:80px;display:flex}.contact-item{color:var(--text-lighter-color);flex-direction:column;align-items:center;gap:10px;display:flex}.contact-icon-container{background-color:#0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:all .1s ease-in-out;display:flex}.contact-icon-container:hover{background-color:var(--light-background-color);box-shadow:inset 0 1.4px #297fb927,0 4px 8px #0000001a}.contact-item-icon{width:54px;height:54px;color:var(--secondary-color)}.contact-item>strong{color:var(--text-light-color);font-size:.95em;transition:all .1s ease-in-out}.contact-icon-container:hover+strong{color:var(--secondary-color)}@media (width<=700px){.contact-container{display:none}}.footer-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding-bottom:20px;display:flex}.footer-container>span{color:var(--text-light-color);font-size:.775em}.footer-container>span>strong{color:var(--text-lighter-color);font-weight:500}@media (width<=700px){.footer-container{text-align:left;width:90dvw;margin-bottom:30px}.footer-container>span{font-size:.875em}}.contact-icons-container{flex-direction:column;align-items:center;gap:17px;display:flex;position:fixed;bottom:0;right:50px}.contact-icon-list{flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex}.contact-icon{width:1.8em;height:1.8em;color:var(--text-light-color);transition:all .2s ease-in-out}.contact-icon:hover{color:var(--text-lighter-color)}.contact-line{background-color:var(--text-light-color);width:1.5px;height:100px}.contact-icons-container{transition:opacity .3s ease-in-out}.contact-icons-container.hide{opacity:0;pointer-events:none}@media (width<=900px){.contact-icons-container{display:none}}*,:before,:after{box-sizing:border-box;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;padding:0}html{font-size:var(--font-size-md);scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-duration), color var(--transition-duration);margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary-color)}h2{font-size:2.2em}p{color:var(--text-light-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--text-light-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{color:var(--text-light-color);background-color:var(--secondary-color)}:root{--primary-color:#dde0e1;--secondary-color:#2980b9;--accent-color:#259cec;--dark-accent-color:#259cecd9;--background-color:#16202c;--light-background-color:#2c3a4b2e;--shadow:#12161bcc;--text-color:#2c2c2c;--text-light-color:#94a3b8;--text-lighter-color:#e2e8f0;--font-family:"Inter", sans-serif;--font-size-lg:24px;--font-size-md:16px;--font-size-sm:12px;--border-radius:5px;--box-shadow:0 4px 6px var(--shadow);--transition-duration:.3s;--planet-1:#82b0e8;--planet-2:#3777ca;--planet-3:#30445f;--planet-4:#707985}.fade-enter{opacity:0;transform:translateY(-30px)}.fade-enter-active{opacity:1;transition:opacity .5s,transform .5s;transform:translateY(0)}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(30px)}.logo{z-index:10;position:absolute;top:25%;right:5%}@media (width<=1200px){.logo{width:auto;height:200px;top:35%;right:0}}