.header{position:fixed;top:0;left:0;width:100%;height:80px;background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 5%;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:transform .3s ease-in-out}.logo{font-size:1.5rem;font-weight:700;color:var(--pColor);text-decoration:none}.nav-menu a{color:var(--pColor);text-decoration:none;font-weight:600;margin-left:2rem;position:relative;transition:color .3s ease}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--blue);transition:width .3s ease}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-menu.active{right:0}.menu-toggle{font-size:1.5rem;cursor:pointer;display:none}.btn{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch)}.btn input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f4f4f5;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:20px;left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s}input:checked+.slider{background-color:#303136}input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}.mobile-menu-icon,.mobile-menu{display:none}.menu-icon{position:relative;width:40px;height:30px;background:transparent;cursor:pointer;display:block}.menu-icon input{display:none}.menu-icon span{display:block;position:absolute;height:4px;width:100%;background:#c6c6c6;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.menu-icon span:nth-of-type(1){top:0;transform-origin:left center}.menu-icon span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.menu-icon span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.menu-icon input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.menu-icon input:checked~span:nth-of-type(2){width:0%;opacity:0}.menu-icon input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.open{display:block}@media only screen and (max-width: 808px){body{background-image:var(--mobileBg);position:relative}nav{display:none}}.home-section{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(to right,var(--bg) 60%,var(--bg) 40%)}.home-text{flex:1;max-width:600px;animation:fadeInLeft 1s ease-out}.home-text h1{font-size:4rem;line-height:1.1;margin-bottom:1rem}.my-name{color:var(--blue)}.home-role{font-size:1.35rem;font-weight:600;line-height:1.5;margin-bottom:.75rem}.home-description{font-size:1rem;line-height:1.7;margin-bottom:1.75rem;color:var(--pColor)}.btn-primary{display:inline-block;background:var(--btnBg);color:var(--pColor);padding:12px 25px;border-radius:5px;text-decoration:none;font-weight:600;transition:transform .3s ease,background .3s ease}.btn-primary:hover{transform:translateY(-3px);background:var(--hoverBtn)}.social-links{margin-top:2rem}.social-links a{font-size:1.5rem;color:var(--h2color);margin-right:1.5rem;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:var(--blue);transform:translateY(-3px)}.home-image{flex:1;display:flex;justify-content:end;align-items:center;animation:fadeInRight 1s ease-out}.home-image img{max-width:60%;height:auto;border-radius:50%;border:5px solid var(--blue);box-shadow:0 10px 20px #0000001a}.main-content{padding-top:80px}.section{padding:80px 5%;min-height:100vh}h1,h2,h3{font-weight:700}h2{font-size:2.5rem;text-align:center;margin-bottom:4rem;color:var(--dark-color);position:relative}h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:70px;height:4px;background:var(--blue);border-radius:5px}@media only screen and (max-width: 708px){body{background-image:var(--mobileBg);position:relative}main{height:unset;min-height:700px;padding-top:50px}}@media (max-width: 1024px){.home-section{flex-direction:column;text-align:center;padding-top:120px;min-height:auto}.home-text{display:flex;justify-content:center;flex-direction:column;align-items:center}.home-text h1{font-size:3rem}.home-image{margin-top:2rem;justify-content:center}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.about-section{display:flex;flex-direction:column;background-color:var(--bg);gap:60px;padding:4rem 1rem}.about-header{text-align:center}.about-header h2{font-size:2.2rem;margin-bottom:10px}.about-container{display:flex;flex-direction:row;align-items:flex-start;max-width:850px;margin:0 auto;gap:30px}.about-div-vertical{min-height:200px;width:4px;background:linear-gradient(to bottom,transparent,var(--btnBg),transparent);border-radius:10px}.about-text{display:flex;flex-direction:column;gap:30px}.about-text p{text-align:start;font-size:1.05rem;line-height:1.7;color:var(--fontColorLight)}.about-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.highlight{display:flex;flex-direction:column;background:var(--cardBg);padding:16px;border-radius:10px;border:1px solid var(--BorderCard);transition:all .25s ease}.highlight:hover{transform:translateY(-4px);border-color:var(--btnBg)}.highlight strong{font-size:1.2rem}.highlight span{font-size:.85rem;color:var(--fontColorLight)}.div__curriculo{display:flex;justify-content:center}.btn__curriculo{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;background-color:var(--btnBg);color:#fff;transition:all .25s ease}.btn__curriculo:hover{transform:translateY(-3px);background-color:var(--hoverBtn)}.svg-inline--fa{color:#fff}@media (max-width: 768px){.about-container{flex-direction:column}.about-div-vertical{width:60px;height:4px;min-height:unset}.about-highlights{grid-template-columns:1fr}.about-text p{text-align:left}}.skills-grid-v2{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;max-width:800px;margin:0 auto;text-align:center}.skill-item{display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,color .3s ease}.skill-item:hover{transform:translateY(-10px)}.skill-item i{font-size:3.5rem;color:var(--fontColor);margin-bottom:.5rem;transition:color .3s ease}.skill-item p{font-size:1.1rem;font-weight:600;color:var(--fontColorLight)}@media (max-width: 768px){.skills-grid-v2{gap:2rem}.skill-item i{font-size:2.5rem}.skill-item p{font-size:1rem}}.stack-container{display:flex;flex-direction:row;justify-content:center;width:100%;gap:20px;align-items:center;transform-style:preserve-3d;transform:perspective(1000px)}.tech-icon{display:flex;justify-content:center;align-items:center;background-color:var(--color);width:32px;height:32px;border-radius:6px;padding:5px;margin-block:40px 20px;position:relative;flex-shrink:0;border:none;outline:none;transition:.5s cubic-bezier(.175,.885,.32,1.1);cursor:pointer}.tech-icon:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:6px;transform:scale(1.1);pointer-events:none;transition:.5s cubic-bezier(.175,.885,.32,1.1)}.tech-icon:before{position:absolute;content:attr(aria-label);left:52%;bottom:32px;font-size:8px;line-height:12px;transform:translate(-50%);padding:2px .25rem;border-radius:6px;pointer-events:none;opacity:0;visibility:hidden;transition:.5s cubic-bezier(.175,.885,.32,1.1)}.tech-icon:hover{transform:scale(1.4);z-index:99999}.tech-icon:hover:before{opacity:1;visibility:visible}.tech-icon:active:after{transform:scale(1.1)}.tech-icon:hover+*{transform:scale(1.3);z-index:9999}.tech-icon:hover+*+*{transform:scale(1.15);z-index:999}.tech-icon:has(+*:hover){transform:scale(1.3);z-index:9999}.tech-icon:has(+*+*:hover){transform:scale(1.15);z-index:999}.projects{background-color:var(--bg)}.projects-intro{max-width:720px;margin:-2rem auto 3rem;text-align:center;line-height:1.7;color:var(--pColor)}.div__projects{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-bottom:180px;gap:40px}.card{position:relative;width:300px;max-width:100%;height:auto;background-color:#f2f2f2;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #ffffff80;transition:all 2s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px #fff3}.card__content{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:var(--btnFontColor);transform:rotateX(-90deg);transform-origin:bottom;transition:all 2s cubic-bezier(.175,.885,.32,1.275)}.card:hover .card__content{transform:rotateX(0)}.card__title{margin:0;font-size:24px;color:#333;font-weight:700}.card__description{font-size:14px;text-align:justify;color:#777;line-height:1.4}.name-project{display:flex;flex-direction:row;align-items:center}.name{text-align:center;font-size:1.2rem;color:var(--fontColor);margin-bottom:10px}.name:after{background:none}.link-pagina{display:flex;flex-direction:row;align-items:center}.buttons-project{justify-content:center;align-items:center;display:flex;gap:7px}.buttons-project a{text-decoration:none}.title-btn{display:flex;flex-direction:column;align-items:center;gap:12px}.button{padding:.75rem 1rem;font-size:.825rem;line-height:1rem;border:0;border-radius:100px;background-color:var(--btnBg);color:#fff;font-weight:700;transition:all .5s;-webkit-transition:all .5s}.button:hover{background-color:var(--hoverBtn);transform:scale(1.05)}.button:active{background-color:var(--hoverBtn);transition:all .25s;-webkit-transition:all .25s;box-shadow:none;transform:scale(.98)}.button:disabled{background-color:#333;cursor:not-allowed}.btn-github{cursor:pointer;display:flex;gap:.5rem;border:none;transition:all .5s cubic-bezier(.165,.84,.44,1);border-radius:100px;font-weight:800;place-content:center;padding:.75rem 1rem;font-size:.825rem;line-height:1rem;background-color:#929292;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0a;color:#212121f8}.btn-github:hover{box-shadow:inset 0 1px #0f29d314,inset 0 0 0 1px #0320fc67;color:#5e5f79;background-color:#6d6d6dcc}@media only screen and (max-width: 708px){.button,.btn-github{justify-content:center;align-items:center;text-align:center;font-size:.6rem;padding:7px;border:0;border-radius:20px;gap:0;margin:0;height:25px}}@media (min-width: 709px) and (max-width: 1024px){.title__projects{font-size:2rem;margin-inline:2rem}.name{text-align:center;font-size:20px}}.experience-section{display:flex;flex-direction:column;gap:60px;background-color:var(--bg);min-height:100vh;padding:4rem 1rem}.timeline{position:relative;max-width:850px;margin:0 auto;padding-left:50px}.timeline:before{content:"";position:absolute;left:14px;top:0;width:3px;height:100%;background:linear-gradient(to bottom,transparent,var(--btnBg),transparent)}.timeline-item{position:relative;margin-bottom:60px}.timeline-dot{position:absolute;left:7px;top:8px;width:18px;height:18px;background:var(--btnBg);border-radius:50%;box-shadow:0 0 0 4px #ffffff0d}.timeline-content{background:var(--cardBg);padding:28px;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 15px 30px #00000026;transition:all .25s ease}.timeline-content:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000040}.timeline-date{font-size:.8rem;color:var(--fontColorLight);letter-spacing:1px;text-transform:uppercase}.timeline-content h3{margin-top:6px;font-size:1.3rem}.timeline-content h4{color:var(--fontColorLight);margin-bottom:14px}.timeline-content ul{padding-left:18px;margin-bottom:18px}.timeline-content li{margin-bottom:7px;color:var(--fontColorLight);line-height:1.4}.timeline-tech{display:flex;flex-wrap:wrap;gap:10px}.timeline-tech span{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:5px 12px;border-radius:7px;font-size:.75rem;transition:all .2s ease}.timeline-tech span:hover{background:var(--btnBg);transform:translateY(-2px)}@media only screen and (max-width: 708px){.timeline{padding-left:0}.timeline:before{display:none}}.contacts{display:flex;flex-direction:column;padding:150px 300px;background:#4a4a4a70;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(2.9px);-webkit-backdrop-filter:blur(2.9px)}.forms{display:flex;flex-direction:row;width:100%;gap:40px}.form-container{flex:1.5;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(145deg,transparent 35%,var(--primaryGradient),var(--secondaryGradient)) border-box;border:2px solid transparent;padding:32px 24px;font-size:14px;font-family:inherit;color:#fff;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:16px}.form-container button:active{scale:.95}.form-container .form{display:flex;flex-direction:column;gap:20px}.form-container .form-group{display:flex;flex-direction:column;gap:2px}.form-container .form-group label{display:block;margin-bottom:5px;color:var(--h2color);font-weight:600;font-size:12px}.form-container .form-group input{width:100%;padding:12px 16px;border-radius:8px;color:#4a4a4a;font-family:inherit;background-color:transparent;border:1px solid #414141}.form-container .form-group textarea{width:100%;padding:12px 16px;border-radius:8px;resize:none;color:#4a4a4a;height:96px;border:1px solid #414141;background-color:transparent;font-family:inherit}.form-container .form-group input::placeholder{opacity:.5}.form-container .form-group input:focus{outline:none;border-color:#e81cff}.form-container .form-group textarea:focus{outline:none;border-color:#e81cff}.form-container .form-submit-btn{display:flex;align-items:flex-start;justify-content:center;align-self:flex-start;font-family:inherit;color:var(pColor);font-weight:600;width:40%;background:var(--btnBg);border:1px solid #414141;padding:12px 16px;font-size:inherit;gap:8px;margin-top:8px;cursor:pointer;border-radius:6px;transition:transform .3s ease,background .3s ease}.form-container .form-submit-btn:hover{background-color:var(--hoverBtn);border-color:var(--bg);transform:translateY(-3px)}.container{flex:1;color:#e81cff;perspective:800px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card-contact{width:100%;height:100%;background:var(--bg);border-radius:2rem;position:relative;transition:transform 1.5s;transform-style:preserve-3d}.card-top{display:flex;align-items:center;justify-content:center;height:10%;position:absolute;width:50%;background-color:transparent;top:1px;border-top:none;border-radius:0 0 1rem 1rem;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(145deg,transparent 35%,var(--primaryGradient),var(--secondaryGradient)) border-box;border:2px solid transparent}.card-top-para{font-size:16px;font-weight:700}.container:hover>.card-contact{cursor:pointer;transform:rotateX(180deg) rotate(-180deg)}.front,.back{height:100%;width:100%;border-radius:2rem;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(145deg,transparent 35%,var(--primaryGradient),var(--secondaryGradient)) border-box;border:2px solid transparent;position:absolute;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.back{background-color:var(--bg);transform:rotateX(180deg) rotate(-180deg)}.heading{font-size:22px;font-weight:700}.follow{font-size:16px;font-weight:500}.icons{display:flex;flex-direction:row;gap:20px;margin-top:20px}.icons a{font-size:28px;color:var(--fontColorLight);transition:color .2s ease}.icons a:hover{color:var(--btnBg)}@media only screen and (max-width: 708px){.contacts{padding:030px 20px}.forms{height:100vh;flex-direction:column}.form-container{flex:1}.form-container .form-submit-btn{width:auto}.container{flex:1}}@media (min-width: 709px) and (max-width: 1024px){.contacts{padding:030px 20px;display:flex}.forms{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:800px;width:100%}.form-container,.container{flex:1;width:450px}}.footer{background:var(--bg);border-top:1px solid rgba(255,255,255,.05);padding:4rem 1rem 2rem}.footer-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:25px;align-items:center}.footer-text{text-align:center;color:var(--h2color);font-size:1rem}.footer-quote{text-align:center;font-size:.9rem;color:var(--fontColorLight)}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none;color:var(--fontColor);font-weight:500;transition:color .2s ease}.footer-links a:hover{color:var(--btnBg)}.footer-bottom{margin-top:40px;text-align:center;font-size:.8rem;color:var(--fontColorLight)}.project-page{min-height:100vh;padding:120px 5% 80px;background:radial-gradient(circle at top left,rgba(87,171,254,.12),transparent 35%),var(--bg)}.project-shell,.project-content-grid,.project-section-wide{max-width:1180px;margin-inline:auto}.project-breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:var(--fontColorLight);font-size:.95rem}.project-back-link{color:var(--btnBg);text-decoration:none;font-weight:600}.project-hero-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:28px;padding:30px;border-radius:28px;background:linear-gradient(160deg,var(--bgCard),rgba(255,255,255,.02));border:1px solid var(--BorderCard);box-shadow:0 18px 50px #0000001f}.project-copy h1{font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.05;margin-bottom:14px}.project-eyebrow,.project-section-label{color:var(--btnBg);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;margin-bottom:12px}.project-highlight{font-size:1.2rem;line-height:1.6;color:var(--fontColor);margin-bottom:12px}.project-description,.project-section p,.project-summary-list li,.project-related-card p{color:var(--fontColorLight);line-height:1.8;font-size:1rem}.project-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.project-meta-item{padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid var(--BorderCard)}.project-meta-item span{display:block;font-size:.8rem;margin-bottom:8px;color:var(--fontColorLight);text-transform:uppercase;letter-spacing:.08em}.project-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.project-actions a{text-decoration:none;border-radius:999px;padding:14px 20px;font-weight:600;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.project-actions a:hover{transform:translateY(-2px)}.project-action-primary{background:var(--btnBg);color:#fff}.project-action-secondary,.project-action-ghost{border:1px solid var(--BorderCard);background:#ffffff0a}.project-visual-column{display:flex;flex-direction:column;gap:18px}.project-media-card,.project-tech-card,.project-section{background:var(--bgCard);border:1px solid var(--BorderCard);border-radius:24px;padding:24px}.project-image{width:100%;display:block;border-radius:16px}.project-card-title{font-size:.95rem;font-weight:700;margin-bottom:16px}.project-tech-list,.project-summary-list{list-style:none}.project-tech-list{display:flex;flex-wrap:wrap;gap:10px}.project-tech-list li{border-radius:999px;padding:8px 14px;background:#ffffff0f;border:1px solid var(--BorderCard)}.project-content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;margin-top:28px}.project-section{margin-top:0}.project-section h2{text-align:left;margin-bottom:18px}.project-section h2:after{left:0;transform:none}.project-summary-list{display:flex;flex-direction:column;gap:14px}.project-summary-list li{padding-left:18px;position:relative}.project-summary-list li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:var(--btnBg)}.project-section-wide{margin-top:28px}.project-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-navigation-header{margin-bottom:24px}.project-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.project-nav-card,.project-related-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;border-radius:20px;padding:20px;background:#ffffff0a;border:1px solid var(--BorderCard);transition:transform .2s ease,border-color .2s ease}.project-nav-card:hover,.project-related-card:hover{transform:translateY(-3px);border-color:var(--btnBg)}.project-nav-card span,.project-related-card span{font-size:.8rem;color:var(--fontColorLight);text-transform:uppercase;letter-spacing:.08em}.project-nav-card-muted{opacity:.65}.project-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 980px){.project-hero-card,.project-content-grid,.project-columns,.project-prev-next,.project-related-grid,.project-meta-grid{grid-template-columns:1fr}}@media (max-width: 768px){.project-page{padding:108px 20px 60px}.project-hero-card,.project-media-card,.project-tech-card,.project-section{padding:20px}.project-copy h1{font-size:2.3rem}.project-actions a{width:100%;text-align:center}}