*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}a{text-decoration:none;color:inherit}svg{width:2.5rem;height:2.5rem}button{background-color:transparent;border:none;cursor:pointer}:root{--primary: #00ffff;--dark: #02020c;--white: #ffffff;--red: #ff0000;--bg-color: #07103c;--transition: .3s}body{background-color:var(--dark);color:var(--white);font-family:Chakra Petch,sans-serif}.wrap{width:100%;max-width:1860px;margin:0 auto;padding:0 24px}.wrap--sm{max-width:1000px}.section{flex:1 0 100%;padding:80px 0 24px}.app{position:relative;min-height:calc(100 * var(--vh, 1vh));display:flex;flex-direction:column;background:radial-gradient(circle,transparent -100%,#02020c);background-color:var(--bg-color);transition:background-color .5s}.app__conent{display:flex;flex-direction:column;flex:1 0 100%;position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3{display:inline-block;line-height:1.2;text-transform:uppercase}.underline{position:relative}.underline:after{content:"";position:absolute;top:100%;left:0;right:0;height:3px;background-color:#0ff;box-shadow:0 0 15px #0ff}@media screen and (min-width: 768px){.h1{font-size:4.5rem}.h2{font-size:3rem}.h3{font-size:2rem}.h4{font-size:1.6rem}}@media screen and (max-width: 767px){.h1{font-size:2rem}.h2{font-size:1.6rem}.h3{font-size:1.4rem}.h4{font-size:1.3rem}}.custom-input{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:400px}.custom-input__field{background:var(--dark);border:2px solid var(--primary);padding:.5rem 1rem;color:var(--white);font-size:1.4rem;line-height:1.2;width:100%;transition:var(--transition)}.custom-input__field.error{border-color:var(--red)}.custom-input__field:focus-visible{box-shadow:0 0 10px var(--primary);outline:none}.custom-input__field.error:focus-visible{box-shadow:0 0 10px var(--red)}.custom-input__label{font-size:1.2rem;cursor:pointer}.home,.home .wrap{display:flex}.home__logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home__logo{width:min(400px,40vw);animation:spin infinite 40s linear;-webkit-user-select:none;user-select:none;pointer-events:none}.home__content{display:flex;align-items:flex-end;width:100%;gap:24px;height:100%}.home__skills{display:flex;flex-direction:column;list-style:none}.home__skill{transition:var(--transition);cursor:default;transform:translate(-50px);opacity:0;animation:slide-in .5s forwards}.home__skill span{display:block;transition:var(--transition)}.home__skill:hover span{transform:translate(10px)}.home__skill.highlight{color:var(--primary);text-shadow:0 0 10px var(--primary)}.home__social{display:flex;align-items:center;gap:14px;list-style:none;margin-left:auto}.home__social-link{display:block;transition:var(--transition);border-radius:8px}.home__social-link svg,.home__cv-link svg,.home__cv-link path{transition:var(--transition)}.home__cv-link{display:block}.home__cv-link path{stroke:var(--white)}.home__cv-link:hover path{stroke:var(--primary)}.home__cv-link:hover svg,.home__social-link:hover svg{filter:drop-shadow(0 0 10px var(--primary))}.home__social-link:hover svg,.home__cv-link,.home__social-link:hover rect{fill:var(--primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@media screen and (min-width: 768px){.home__social-link svg{width:2.5rem;height:2.5rem}.home__cv-link svg{width:3.4rem;height:3.4rem}}@media screen and (max-width: 767px){.home__social{flex-direction:column}.home__social-link svg{width:1.8rem;height:1.8rem}.home__cv-link svg{width:2.4rem;height:2.4rem}}.modal{position:fixed;top:0;left:0;width:100%;height:calc(100 * var(--vh, 1vh));z-index:200}.modal__backdrop{height:100%;width:100%;background:#000000b3}.modal__content{display:flex;flex-direction:column;gap:24px;background-color:var(--dark);box-shadow:0 0 10px 4px var(--primary) inset;width:100%;max-height:100%;padding:24px}.modal__children{overflow-y:auto}.modal__close{align-self:flex-end;color:var(--white)}.modal-content-enter .modal__content{opacity:0;transform:translateY(-100%)}.modal-content-enter-active .modal__content{opacity:1;transition:var(--transition);transform:translateY(0)}.modal-content-exit .modal__content{opacity:1;transform:translateY(0)}.modal-content-exit-active .modal__content{opacity:0;transition:var(--transition);transform:translateY(-100%)}.header{padding:10px 0}.header__container{display:flex;align-items:center;gap:24px}.header__logo{position:relative;display:inline-block;cursor:default}.header__menu{margin-left:auto;color:#fff}.header__menu svg{width:3rem;height:3rem}.header__menu svg path{transition:var(--transition)}.header__menu svg path:first-of-type{d:path("M5 12H18")}.header__menu:hover svg path:first-of-type{d:path("M5 12H15")}.header__menu svg path:last-of-type{d:path("M5 7H15")}.header__menu:hover svg path:last-of-type{d:path("M5 7H18")}.header__nav{margin-left:auto}.header__nav-list{display:flex;align-items:center;gap:32px;list-style:none}.header__nav-link{position:relative;display:block;padding:10px 0;font-size:1.5rem;line-height:1;border-radius:8px;transform:translateY(-50px);opacity:0;animation:fall-down .5s forwards;font-weight:600}.header__nav-link.highlight{display:block;background-color:var(--primary);color:var(--dark);padding:10px;box-shadow:0 0 0 var(--primary);transition:var(--transition)}.header__nav-link.highlight:hover{box-shadow:0 0 20px var(--primary)}.header__logo:after{height:6px}.header__nav-link:not(.highlight):after{content:"";position:absolute;top:100%;left:0;width:0;height:3px;background-color:#0ff;box-shadow:0 0 15px #0ff;transition:var(--transition)}.header__nav-link.active:after,.header__nav-link:hover:after{width:100%}.header__mobile{padding:20px 0 80px}.header__nav-list--mobile{flex-direction:column}@keyframes fall-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.background{position:fixed!important;top:0;right:0;bottom:0;left:0;opacity:.03;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.loader{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #ffffff3b 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100% / 3) 50%;animation:l3 1s infinite linear;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}