:root{--active-bg:#ffffff2d}header{-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);background:var(--header-bg);z-index:100;border-bottom:var(--border-bubble-bottom);z-index:501;border-radius:100vw;position:fixed;top:2rem;left:50%;overflow:hidden;transform:translate(-50%)}header nav{justify-content:stretch;align-items:stretch;display:flex;position:relative}.bubble{pointer-events:none;z-index:0;background:linear-gradient(#fff0,#ffffff15 3%);border-radius:100vw;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0}header nav a{z-index:1;white-space:nowrap;border-radius:100vw;padding:1.1rem 2rem 1.3rem;font-size:clamp(1rem,2vw,1.4rem);transition:opacity .2s;position:relative}header nav a.active{opacity:1;opacity:1!important}@media screen and (max-width:550px){header nav a:last-child{display:none}}.headerLinks{z-index:500;justify-content:space-between;align-items:center;width:100%;padding-inline:1.5em;display:flex;position:fixed;top:1.8em;left:0}@media screen and (max-width:950px){.headerLinks{display:none}}
footer{margin-block:var(--section-margin);place-items:center;gap:3rem;padding-inline:1.5rem;display:grid}footer .footerLinksArea{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}@media screen and (max-width:600px){footer .footerLinksArea{flex-direction:column;align-items:flex-start}footer .footerLinksArea button{justify-content:flex-start;width:100%}}
.cv-container{z-index:1000;background-color:var(--modal-bg);-webkit-backdrop-filter:var(--modal-bg-blur);backdrop-filter:var(--modal-bg-blur);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.cv-container iframe{border-radius:15px;height:80%}.cv-container :is(.cv-buttons,iframe){width:80%}.cv-container .cv-buttons{justify-content:space-between;align-items:center;display:flex}
.modal{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transition:var(--transition-normal)}.modalVisible{visibility:visible;-webkit-user-select:auto;user-select:auto;pointer-events:auto;opacity:1}.modal .modalElement{transition:var(--transition-normal);scale:.9}.modalVisible .modalElement{scale:1}
section.heroSection{place-items:center;height:100vh;display:grid}section.heroSection .heroTextArea{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;display:flex}section.heroSection .heroTextArea .heroNameArea{border-radius:.6rem;display:flex;overflow:hidden}section.heroSection .heroTextArea .heroNameArea .heroNameBlock{background-color:#ffffff15;justify-content:center;align-items:center;padding:.7em 1.3em;display:flex;font-weight:var(--fw-light)!important}section.heroSection .heroTextArea .heroNameArea .heroNameBlock2{background-color:#ffffff25}.heroBottomArea{opacity:.6;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.1rem;margin-top:.6rem;padding-inline:.8rem;display:flex}.heroBottomArea *{font-size:var(--fs-md)}.heroBottomArea .line-y{background-color:#fff;width:1px;height:20px}.heroBG{z-index:-1;justify-content:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.heroBG .blur{background-color:var(--clr-primary-400);filter:blur(200px);z-index:-2;opacity:.1;width:150%;height:50rem;position:absolute;top:-35rem;left:-20%}.heroBG .heroItem{position:absolute}.heroBG .heroItem1{animation:6s ease-in-out infinite float1;top:0;left:-5%}.heroBG .heroItem3{animation:5s ease-in-out infinite float3;top:0;right:-25%}.heroBG .heroItem4{animation:7s ease-in-out infinite float4;top:45%;left:10%}@media screen and (max-width:1490px){.heroBG .heroItem3{right:-45%}}@media screen and (max-width:1180px){.heroBG .heroItem1{left:-15%}.heroBG .heroItem3{right:-35%}.heroBG .heroItem4{min-width:800px;left:-10%}}@keyframes float1{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-15px)translate(8px)rotate(1deg)}50%{transform:translateY(-8px)translate(-5px)rotate(-.5deg)}75%{transform:translateY(-20px)translate(10px)rotate(.8deg)}}@keyframes float3{0%,to{transform:translateY(0)translate(0)rotate(0)}30%{transform:translateY(-18px)translate(-10px)rotate(-1deg)}60%{transform:translateY(-10px)translate(7px)rotate(.6deg)}80%{transform:translateY(-22px)translate(-8px)rotate(-.7deg)}}@keyframes float4{0%,to{transform:translateY(0)translate(0)rotate(0)}20%{transform:translateY(-12px)translate(6px)rotate(.8deg)}50%{transform:translateY(-20px)translate(-8px)rotate(-1deg)}70%{transform:translateY(-15px)translate(10px)rotate(.5deg)}}
.curved-loop-jacket{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.curved-loop-svg{-webkit-user-select:none;user-select:none;aspect-ratio:100/12;fill:#fff;text-transform:uppercase;width:100%;font-size:6rem;font-weight:700;line-height:1;display:block;overflow:visible}
.focus-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex;position:relative}.focus-word{cursor:pointer;font-size:3rem;font-weight:900;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,#fff);width:1rem;height:1rem;filter:drop-shadow(0px 0px 4px var(--border-color,#fff));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}
section.meShortSection{flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative}.meShortArea{transform:translateY(-80%)}@media screen and (max-width:1430px){.meShortArea img{max-width:70vw}}@media screen and (max-width:750px){.meShortArea{transform:translateY(-100%)}}@media screen and (max-width:540px){.meShortArea{transform:translateY(-120%)}.meShortArea img{max-width:80vw}.meShortArea span{font-size:clamp(2rem,1vw,4rem)!important}}
section.numbersSection{place-items:center;display:grid;position:relative}.numbersContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background-color:#0000006b;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:5rem;padding:3rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0000001a}.numbersContainer .numbersRow{justify-content:start;align-items:center;margin-top:7px;display:flex}.numbersContainer p{font-size:var(--fs-md);opacity:.7}.numbersContainer span{font-size:var(--fs-h2);font-weight:var(--fw-semi-bold)}@media screen and (max-width:590px){.numbersContainer{flex-direction:column;gap:2.5rem;padding:2rem 2.2rem}}
.gradient-blinds-container{width:100%;max-width:100vw;height:100%;position:relative;overflow:hidden}.gradient-blinds-container:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(#000,#0000);width:100%;height:5rem;position:absolute;top:0;left:0}.gradient-blinds-container:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#0000,#000);width:100%;height:5rem;position:absolute;bottom:0;left:0}
section.referencesSection{margin-block:30rem;position:relative}.tools-cards-area{width:100%;padding-inline:1.5rem;position:absolute;top:10rem}#cards{z-index:2;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:20px;width:100%;display:grid}#cards:hover>.card:after{opacity:1}.card{cursor:pointer;background-color:#0000001a;border-radius:15px;flex-direction:column;height:85px;display:flex;position:relative}@media screen and (max-width:1300px){.card{width:100%;max-width:100%}}@media screen and (max-width:1030px){#cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}}.card:hover:before{opacity:1}.card:before,.card:after{border-radius:inherit;content:"";opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.card:before{background:radial-gradient(800px circle at var(--mouse-x)var(--mouse-y),#ffffff0f,transparent 40%);z-index:3}.card:after{background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),#ffffff15,transparent 40%);z-index:1}.card>.card-content{background-color:var(--card-color);border-radius:inherit;z-index:2;flex-direction:column;flex-grow:1;display:flex;position:absolute;inset:1px}.card-info-title .card-title-area h6{font-size:var(--fs-main);font-weight:var(--fw-normal);margin-top:10px;transform:translateY(5px)}.card-info-wrapper{flex-grow:1;justify-content:flex-start;align-items:center;padding:0 22px;display:flex}@media screen and (max-width:600px){.card-info-wrapper{padding:0 10px}}.card-img-area{justify-content:center;align-items:center;min-width:80px;display:flex}.card-info{opacity:.7;justify-content:flex-start;align-items:center;gap:10px;display:flex}
.parallax{position:relative;overflow:hidden}.scroller{white-space:nowrap;text-align:center;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px #0000001a);font-family:sans-serif;font-size:2.25rem;font-weight:700;display:flex}.scroller span{flex-shrink:0}@media (min-width:768px){.scroller{font-size:5rem;line-height:5rem}}
.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;margin-top:8.9rem;padding:1em;display:flex;position:relative}.dot-grid__wrap{opacity:.7;width:100%;height:100%;position:relative}@media screen and (max-width:768px){.dot-grid__wrap{opacity:.5}}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.section-title{background:linear-gradient(to right,var(--clr-bg)20%,var(--clr-primary-400)50%,var(--clr-bg)80%);justify-content:center;align-items:center;width:100%;padding:2.5rem 1rem;display:flex;position:relative}.section-title:before{content:"";opacity:.8;background:linear-gradient(to right,var(--clr-bg)0%,var(--clr-primary-500)50%,var(--clr-bg)100%);width:100%;height:1px;position:absolute;top:0;left:0}.section-title:after{content:"";opacity:.8;background:linear-gradient(to right,var(--clr-bg)0%,var(--clr-primary-500)50%,var(--clr-bg)100%);width:100%;height:1px;position:absolute;bottom:0;left:0}@media screen and (max-width:600px){.section-title{background:linear-gradient(to right,var(--clr-bg)10%,var(--clr-primary-400)50%,var(--clr-bg)90%)}.section-title:before,.section-title:after{background:linear-gradient(to right,var(--clr-bg)0%,var(--clr-primary-500)50%,var(--clr-bg)100%)}}.section-title *{font-size:clamp(2rem,3vw,4rem)!important;font-weight:var(--fw-light)!important}
.skills-section{gap:var(--section-gap);padding-bottom:var(--section-margin);flex-direction:column;display:flex}.skills-area{justify-content:space-evenly;align-items:start;gap:1rem;padding:1rem;display:flex}.skills-area .skills-col{flex-direction:column;gap:4rem;width:310px;max-width:100%;display:flex}.skills-area .skills-col2{margin-top:6rem}.skills-area .skills-col .skills-container{flex-direction:column;gap:1rem;display:flex}.skills-area .skills-col .skills-block{background-color:#141414;border-radius:20px;flex-direction:column;width:100%;padding:.5rem 1.5rem;display:flex}.skills-area .skills-col .skills-container .skills-row{border-bottom:1px solid #ffffff06;justify-content:start;align-items:center;gap:.8rem;width:100%;padding-block:.7rem;display:flex}@media screen and (max-width:500px){.skills-area .skills-col .skills-block{padding:0 1rem}}.skills-area .skills-col .skills-container .skills-row:last-child{border-bottom:0}.skills-area .skills-col .skills-container .skills-row *{font-size:clamp(1rem,1.5vw,1.3rem)!important}
.popupOverlay{z-index:500;border-bottom:var(--border-bubble-bottom);background-color:var(--header-bg);width:fit-content;min-width:fit-content;height:fit-content;-webkit-backdrop-filter:var(--blur-bg);backdrop-filter:var(--blur-bg);border-radius:100vw;justify-content:center;align-items:center;gap:10px;padding:1rem 1.5rem;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%);box-shadow:0 5px 5px 1px #00000031}.popupOverlay .popupText{white-space:nowrap;min-width:fit-content;display:inline-block}
.showcaseSection{gap:var(--section-gap);--padding:1.5rem;--gap:2rem;margin-block:var(--section-margin);flex-direction:column;display:flex}.showcase-Area{padding:var(--padding);flex-direction:column;gap:1rem;display:flex}.showcase-Grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}@media screen and (max-width:450px){.showcase-Grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.showcaseContainer{aspect-ratio:16/9;cursor:pointer;border-radius:23px;position:relative;overflow:hidden}.showcaseContainer div:not(.webContainerBottom) img{filter:brightness(85%);transition:var(--transition-normal);position:absolute;inset:0}.showcaseContainer:hover div:not(.webContainerBottom) img{filter:brightness();scale:1.02}.showcaseContainer .best{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b9;padding:1rem 1.2rem;font-size:clamp(.8rem,1.5vw,1.2rem);position:absolute;top:.5rem;left:.5rem}.showcaseContainer .best img{width:auto;height:clamp(.8rem,2vw,1rem)}.showcaseContainer .webContainerBottom{--color:#000000b9;--size:clamp(.8rem,1.5vw,1.2rem);--border-r:100vw;--bg-blur:blur(10px);z-index:5;justify-content:space-between;align-items:stretch;width:100%;padding:.5rem;display:flex;position:absolute;bottom:0;left:0}.showcaseContainer .webContainerBottom h4{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);background-color:var(--color);font-size:var(--size);border-radius:var(--border-r);padding:.5rem 1rem}.showcaseContainer .webContainerBottom button{-webkit-backdrop-filter:var(--bg-blur);backdrop-filter:var(--bg-blur);background:var(--color);border-radius:var(--border-r);padding:.5rem 1.5rem}.showcase-graphicGrid .showcaseContainer{aspect-ratio:1;cursor:pointer;border-radius:15px;position:relative;overflow:hidden}.showcase-graphicGrid .showcaseContainer img.graphic-img{width:100%;height:100%;transition:var(--transition-normal)}.showcase-graphicGrid .showcaseContainer:hover img.graphic-img{scale:1.02}.showcase-graphicGrid:has(.showcaseContainer:hover) .showcaseContainer:not(:hover) img.graphic-img{opacity:.7}.showcase-logoGrid .showcaseContainer{background:linear-gradient(#000,#000) padding-box padding-box,linear-gradient(#fff0,#ffffffb3) border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.showcase-logoGrid .showcaseContainer img{width:auto;height:50%}
section.contactSection{margin-block:var(--section-margin);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.contactEffects{grid-template-columns:auto auto;justify-content:space-between;width:100%;animation:3s infinite glowEffect;display:grid;overflow:hidden}@keyframes glowEffect{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.contactContent{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex;position:absolute}.contactContent form{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:70%;display:flex}.contactTitleArea{text-align:center}.contactTitleArea *{--fs-h1:clamp(2em,5vw,4em);font-weight:var(--fw-extra-light);line-height:1.3}.contactTitleArea :last-child{font-weight:var(--fw-medium)}@media screen and (max-width:650px){.contactContent{padding-inline:1rem}.contactContent form{width:100%}}
.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc 50%,#fff0 60%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}
.aboutMeSection{--padding:1rem;--max-w:70vw;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}.aboutMeSection .text-type{padding:var(--padding)}.aboutMeSection .text-type span{text-align:left;font-size:clamp(1.2rem,2vw,2.5rem)}@media screen and (min-width:800px){.aboutMeSection .text-type,.technologiesIUseArea{max-width:var(--max-w)}}.technologiesIUseArea{width:100%;padding:var(--padding);flex-direction:column;justify-content:center;align-items:start;gap:1.7rem;margin-top:5rem;display:flex}.technologiesIUseArea .technologiesArea{flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));place-content:center;gap:2.5rem;width:100%;display:grid}.technologiesIUseArea .technologiesArea .technologyBlock{aspect-ratio:1;border:.5px solid #ffffff83;border-radius:15px;place-items:center;padding:1rem;display:grid}.technologiesIUseArea .technologiesArea .technologyBlock :is(svg,img){transition:var(--transition-normal)}.technologiesIUseArea .technologiesArea .technologyBlock:hover :is(svg,img){scale:1.1}
.text-type{white-space:pre-wrap;display:inline-block}.text-type__cursor{opacity:1;margin-left:.25rem;display:inline-block}.text-type__cursor--hidden{display:none}