.site__about .container{gap:1rem}.about__content{flex-wrap:wrap;row-gap:4rem;width:100%}.about__text-container,.stats__container{align-items:center;width:100%}.about__text-container h3{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:80px}.about__text-container span{color:var(--text-color);text-align:center;text-wrap:balance;margin-top:-1rem;font-family:Oswald Variable,sans-serif;font-size:2.5rem;font-weight:700;line-height:65px}.about__text-container p{text-align:center;width:min(100%,70ch);margin-top:2rem}.tech__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:8rem;margin-block:2rem;display:flex;position:relative;overflow:hidden}.tech__container:before,.tech__container:after{content:"";z-index:2;background:linear-gradient(90deg,#030014 1%,#03001400 100%);width:2%;height:100%;position:absolute}.tech__container:before{top:0;left:-3px}.tech__container:after{top:0;right:-3px;transform:rotate(180deg)}.tech__container .tech__btn{text-align:center;width:5rem;height:5rem;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);animation:50s linear infinite scrollLeft;position:absolute;top:50%;left:-12rem;transform:translateY(-50%)}.tech__container .tech__btn img{width:6rem}@keyframes scrollLeft{to{left:max(50rem,100%)}}.tech__container .tech__btn:first-child{animation-delay:-45s}.tech__container .tech__btn:nth-child(2){animation-delay:-40s}.tech__container .tech__btn:nth-child(3){animation-delay:-35s}.tech__container .tech__btn:nth-child(4){animation-delay:-30s}.tech__container .tech__btn:nth-child(5){animation-delay:-25s}.tech__container .tech__btn:nth-child(6){animation-delay:-20s}.tech__container .tech__btn:nth-child(7){animation-delay:-15s}.tech__container .tech__btn:nth-child(8){animation-delay:-10s}.tech__container .tech__btn:nth-child(9){animation-delay:-5s}.tech__container .tech__btn:nth-child(10){animation-delay:0s}.stats__container{align-items:center;gap:1.5rem}.stat__card{background-color:var(--glass-light);border:solid 1px var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;justify-content:space-between;gap:1rem;width:min(100%,25rem);height:8rem;padding:1rem}.stat__card-header,.stat__card-footer{justify-content:space-between;width:100%}.stat__icon{background:var(--gradient);border-radius:100px;padding:.8rem}.stat__icon *{width:1.5rem;height:1.5rem}.stat__card-header>h3{font-size:2rem}.stat__card-footer{color:var(--border-light)}.stat__card-footer p{text-transform:uppercase;font-family:Oswald Variable,sans-serif}@media (min-width:1024px){.about__text-container,.stats__container{align-items:start;width:50%}.about__text-container h3{line-height:120px}.about__text-container span{font-size:4rem}.about__text-container span,.about__text-container p{text-align:start}.stats__container{align-items:end}.stat__card{transition:all .3s ease-in-out}.stat__card:hover{background-color:var(--glass);transform:scale(1.05)}.stat__card:hover .stat__icon{transition:all .2s;transform:rotate(15deg)}}
.contact__content{background-color:var(--glass);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:100%;padding:1.5rem}.contact__title{justify-content:space-between;width:100%}.contact__title-icon{width:3.5rem;height:3.5rem;color:var(--action-color)}.form__content{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem;width:100%;margin-top:1rem}.form__container{width:100%}.form{gap:1.5rem;width:100%}.input-field{background-color:var(--glass);border:1px solid var(--border-light);border-radius:8px;justify-content:flex-start;gap:1rem;width:100%;padding:1rem}.input-field input,textarea{width:100%;caret-color:var(--text-color);color:var(--text-color);background-color:#0000;border:none;outline:none;font-size:1rem;font-weight:600}:is(.input-field:has(input:focus),.input-field:has(textarea:focus)){border:solid 1px var(--action-color)}.input-field:has(textarea){align-items:start}.input-field textarea{resize:none;margin-top:-5px;font-family:Noto Sans SC Variable,sans-serif}.input-field textarea::placeholder{font-family:Noto Sans SC Variable,sans-serif}.input__icon{color:var(--border-light)}.form__btn{background:var(--gradient);width:100%;color:var(--text-color);letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;outline:none;padding:1rem 0;font-family:Oswald Variable,sans-serif;font-size:1.4rem;font-weight:700}.form__error{color:red;width:100%;margin-top:-15px;font-size:.9rem}.separator{background-color:var(--text-color);width:100%;height:1px}.social__container{width:100%}.social__container h5{text-align:center;margin-bottom:1rem}.social__content{flex-wrap:wrap;gap:1rem;margin-top:1rem}.social__content .input-field{flex:10rem}.social__content .input-field span{font-family:Oswald Variable,sans-serif;font-weight:700}.social__container .input-field{justify-content:space-between}.social__icon{width:2rem;height:2rem}.social__content .input-field:nth-child(2){background-color:#1669fe4d}.social__content .input-field:nth-child(3){background-color:#0077b64d}.social__content .input-field:nth-child(4){background-color:#5f00ff4d}@media (min-width:1024px){.form__content{flex-wrap:nowrap}.form__container{align-items:end;width:50%}.form__btn{position:relative;overflow:hidden}.form__btn:before{content:"";background:#ffffff1a;width:100%;height:100%;transition:left .6s ease-in-out;position:absolute;top:0;left:-110%;transform:skew(-30deg)}.form__btn:hover:before{left:110%}.separator{background-color:var(--text-color);width:2px;height:28rem}.social__container{width:50%}.social__container .input-field,.social__content .input-field{position:relative;overflow:hidden}.social__content{gap:1.5rem;margin-top:1.5rem}.social__content .input-field{flex:1 0 15rem}.social__container .input-field:before{content:"";background:#ffffff1a;width:50%;height:100%;transition:left .6s ease-in-out;position:absolute;top:0;left:-110%;transform:skew(-45deg)}.social__container>.input-field:before{transition-duration:.8s}.social__container .input-field:hover:before{left:110%}}
footer{border-top:1px solid var(--border-light);background:var(--primary-color);width:100%}footer .container{justify-content:space-between;gap:1.5rem;padding:2rem 10px}.footer-logo{width:8rem}footer .container .footer__icons{gap:.5rem}.social__btn{background:var(--glass-light);border:1px solid var(--border-light);border-radius:10px;padding:.5rem}.social__btn>img{width:1.2rem;height:1.2rem}footer .container .footer__icons .social__btn:first-child{background-color:#5f00ff4d}footer .container .footer__icons .social__btn:nth-child(2){background-color:#0077b64d}footer .container .footer__icons .social__btn:nth-child(3){background-color:#1669fe4d}@media (max-width:768px){footer .container{flex-direction:column}}
.navbar{z-index:99;width:100%;padding-block:1rem;position:fixed;top:0;left:0}.navbar .container{background-color:var(--primary-color);border:1px solid var(--border-light);border-radius:10px;width:60%;padding:1.5rem 1rem}.navbar__logo img{width:7rem}.navbar__nav{background-color:var(--primary-color);flex-direction:column-reverse;justify-content:start;align-items:start;gap:5rem;width:70%;height:100vh;padding:2rem;transition:all .3s ease-in-out;position:fixed;top:0;right:0;transform:translate(1000%)}.navbar__nav-wrapper{justify-content:center;align-items:start;gap:.5rem}.navbar__nav-item{text-transform:uppercase;justify-content:center;align-items:center;font-family:Oswald Variable,sans-serif;font-size:3rem;font-weight:700;display:flex}.navbar__nav.active{transform:translate(0)}.menu__btn-container{background-color:var(--primary-color);box-shadow:var(--shadow);cursor:pointer;border-radius:50%;padding:1rem;position:fixed;bottom:3vh;right:3vw}.navbar__nav .translate__container{justify-content:space-between;width:4rem;height:2rem}.navbar__nav .translate__container a{border:1px solid;border-color:var(--glass-light);padding:1rem;font-family:Oswald Variable,sans-serif;font-size:1rem;font-weight:700}.navbar__nav .translate__container a:first-child{margin-right:10px}.locale__active{background-color:var(--glass-light);border:solid 1px var(--border-light)!important}.navbar__nav .translate__container a:hover{background-color:var(--glass-light)}.navbar__nav .translate__container .separator{width:2px;height:2rem}@media (min-width:1024px){.navbar{background-color:#0000;border:none;width:100%;transition:all .4s ease-in}.navbar .container{width:35rem}.navbar__logo{display:none}.navbar__nav{position:initial;width:initial;height:initial;transform:initial;padding:initial;flex-direction:row}.navbar__nav-wrapper{flex-direction:row;gap:2rem}.navbar__nav .translate__container{position:absolute;right:4.5vw}.navbar__nav .translate__container a{cursor:pointer;border-radius:5px;padding:.5rem 1rem;font-size:1rem}.navbar__nav .translate__container a:hover{background-color:var(--glass-light)}.navbar__nav .translate__container .separator{height:2rem}.navbar__nav-item{width:initial;height:initial;box-shadow:initial;background-color:#0000;border:none;font-size:1rem;position:relative}.navbar__nav-item:after{content:"";background:var(--gradient);width:0;height:2px;transition:all .3s;position:absolute;bottom:-3px;left:0}.navbar__nav-item:hover{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar__nav-item:hover:after{width:100%}.menu__btn-container{display:none}}
.hero__section{height:90vh}.hero__section .container{gap:initial;padding-top:4rem;padding-bottom:60px;position:relative}.hero__text-container{gap:1.5rem;width:100%;padding-top:5rem}.hero__title{width:100%;color:var(--text-color);letter-spacing:2px;text-align:center;text-transform:uppercase;margin-top:-5rem;font-size:2.5rem;line-height:40px}.hero__title span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#3c3289,#9384b6);-webkit-background-clip:text;background-clip:text;display:inline-block}.profile__img{border:1px solid var(--border-light);object-fit:cover;background:linear-gradient(90deg,#3c3289,#9384b6);border-radius:100px;width:2.5rem;height:2.5rem;margin-bottom:-2px}.hero__separator{background:var(--gradient);width:4rem;height:.8rem;margin-bottom:10px;display:inline-block}.hero__paragraph{text-align:center;width:min(100%,80ch)}.hero__btns-container{gap:2rem;margin-top:1rem}.scroll__down{opacity:1;width:10rem;transition:all .4s ease-in-out;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.scroll__down>img{object-fit:contain;width:3rem;height:3rem}.scroll__down.disable{opacity:0}.scroll__down>p{animation:2s ease-in-out infinite fadeInOut}@media (min-width:1024px){.hero__section{height:100vh;position:relative}.hero__section .container{padding-top:initial;padding-inline:10px;padding-bottom:0}.hero__text-container{width:100%;height:100%;padding-top:0}.hero__title{letter-spacing:5px;text-align:center;margin-top:initial;font-size:5rem;line-height:100px}.profile__img{width:4.5rem;height:4.5rem;margin-bottom:-2px}.hero__separator{width:5rem;height:.8rem;margin-bottom:25px}.hero__btns-container{gap:3rem;margin-top:1rem}.hero__btns-container .primary__btn:nth-child(2):hover .icon{transform:initial;margin-left:.3rem}.scroll__down{margin-top:2rem;bottom:3vh}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}}
.portfolio__content{flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.filter__container{border:solid 1px var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;gap:1rem;width:min(100%,50rem);padding:1rem}.filter__container .filter__btn{appearance:none;width:50%;height:3rem;color:var(--text-color);letter-spacing:.5px;cursor:pointer;background-color:#0000;border:none;border-radius:5px;font-family:Oswald Variable,sans-serif;font-size:1.2rem;font-weight:700}.filter__container .filter__btn.active{background-color:var(--glass-light)}