:root{--color-primary: #0f172a;--color-secondary: #15616d;--color-bright: #eedcc3;--color-highlight: #ff7d00;--color-white: #ffffff;--color-heading: #fff5e6;--color-text: #f5ead6;--color-text-muted: #c9b99a;--color-icon: #ffb366}*{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{background:var(--bg);height:100dvh;font-size:clamp(.875rem,3vw - 1rem,1.075rem);font-family:Inter,serif;font-optical-sizing:auto;text-rendering:optimizeLegibility;letter-spacing:1px;line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{display:none}.--zoom-out{animation:zoom-out 2s ease-in-out forwards}.--zoom-out-scroll{animation:zoom-out 1s ease-in-out forwards;animation-timeline:scroll();animation-range-start:200px;animation-range-end:400px}@keyframes zoom-out{0%{scale:100%}to{opacity:0;scale:200%;visibility:hidden}}.--zoom-in{scale:0%;animation:zoom-in 1.5s ease-in-out forwards}.--zoom-in-scroll{scale:0%;animation:zoom-in 5s ease-in-out forwards;animation-timeline:scroll();animation-range-start:600px;animation-range-end:1000px}@keyframes zoom-in{0%{opacity:0;scale:0%}to{opacity:1;scale:100%;visibility:visible}}.slide-fade-enter-active{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;transition:transform 3s ease,opacity 3s ease}.slide-fade-leave-active{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;position:absolute;transition:transform 2s ease,opacity 2s ease}.slide-fade-enter-from{-webkit-transform:translate3d(-25vw,0,0);transform:translate3d(-25vw,0,0);opacity:0}.slide-fade-enter-to,.slide-fade-leave-from{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}.slide-fade-leave-to{position:absolute;-webkit-transform:translate3d(25vw,0,0);transform:translate3d(25vw,0,0);opacity:0}.slide-fade-inverted-enter-active{transition:transform 3s ease,opacity 3s ease}.slide-fade-inverted-enter-from{-webkit-transform:translate3d(25vw,0,0);transform:translate3d(25vw,0,0);opacity:0}.slide-fade-inverted-enter-to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}@keyframes smoothBg{0%{transform:translate(0);background-position:50% 50%,50% 50%}to{transform:translate(200%);background-position:350% 50%,350% 50%}}:root{--stripe-color: #000;--bg: var(--stripe-color);--maincolor: var(--bg)}.--stripe-bg{position:fixed;width:100%;height:100%;--stripes: repeating-linear-gradient( 100deg, var(--stripe-color) 0%, transparent 10%, var(--stripe-color) 7%, transparent 12%, var(--stripe-color) 16% );--rainbow: repeating-linear-gradient( 100deg, #0f172a 10%, #15616d 15%, #ff7d00 20%, #ffedd4 25%, #60a5fa 30% );background-image:var(--stripes),var(--rainbow);background-size:200%,200%;background-position:50% 50%,50% 50%;filter:blur(10px) opacity(50%) saturate(150%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at 100% 0%,black 30%,transparent 70%)}.--stripe-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--stripes),var(--rainbow);background-size:200%,200%;animation:smoothBg 60s linear infinite;background-attachment:fixed;mix-blend-mode:difference;filter:blur(10px) opacity(50%) saturate(150%)}#app{width:100%;height:100%}:root{font-family:Inter,sans-serif;--stripe-color: #000;--bg: var(--stripe-color);--maincolor: var(--bg)}@keyframes glow-97e92d7d{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8));filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}@keyframes rotate-97e92d7d{}svg[data-v-97e92d7d]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8));filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8))}@keyframes glow-c4201881{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(247,223,30,.8));filter:drop-shadow(0px 0px 10px rgba(247,223,30,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}svg[data-v-c4201881]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(247,223,30,.8));filter:drop-shadow(0px 0px 10px rgba(247,223,30,.8))}@keyframes glow-38c96d19{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(21,114,182,.8));filter:drop-shadow(0px 0px 10px rgba(21,114,182,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}svg[data-v-38c96d19]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(21,114,182,.8));filter:drop-shadow(0px 0px 10px rgba(21,114,182,.8))}@keyframes glow-56d4afa9{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8));filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}svg[data-v-56d4afa9]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8));filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8))}@keyframes glow-0b724dee{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8));filter:drop-shadow(0px 0px 10px rgba(65,184,131,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}@keyframes rotate-0b724dee{}svg[data-v-0b724dee]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(189,52,254,.8));filter:drop-shadow(0px 0px 10px rgba(189,52,254,.8))}@keyframes glow-e935e0ba{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8));filter:drop-shadow(0px 0px 10px rgba(227,76,38,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}svg[data-v-e935e0ba]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(221,0,49,.8));filter:drop-shadow(0px 0px 10px rgba(221,0,49,.8))}@keyframes glow-3a986418{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(142,214,251,.8));filter:drop-shadow(0px 0px 10px rgba(142,214,251,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}@keyframes rotate-3a986418{}svg[data-v-3a986418]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(142,214,251,.8));filter:drop-shadow(0px 0px 10px rgba(142,214,251,.8))}@keyframes glow-0f356678{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(255,229,108,.8));filter:drop-shadow(0px 0px 10px rgba(255,229,108,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}@keyframes rotate-0f356678{}svg[data-v-0f356678]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(255,229,108,.8));filter:drop-shadow(0px 0px 10px rgba(255,229,108,.8))}@keyframes glow-517ffcc7{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgba(49,120,198,.8));filter:drop-shadow(0px 0px 10px rgba(49,120,198,.8))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}@keyframes rotate-517ffcc7{}svg[data-v-517ffcc7]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgba(49,120,198,.8));filter:drop-shadow(0px 0px 10px rgba(49,120,198,.8))}@keyframes glow-47f51c1a{0%{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}50%{-webkit-filter:drop-shadow(0px 0px 10px rgb(83 193 222));filter:drop-shadow(0px 0px 10px rgb(83 193 222))}to{-webkit-filter:drop-shadow(0px 0px 5px transparent);filter:drop-shadow(0px 0px 5px transparent)}}svg[data-v-47f51c1a]{width:100%;height:100%;-webkit-filter:drop-shadow(0px 0px 10px rgb(83 193 222));filter:drop-shadow(0px 0px 10px rgb(83 193 222))}#candle{position:fixed;width:100%;height:400%;background:radial-gradient(300px at var(--light-position-x, 0px) var(--light-position-y, 0px),rgba(255,125,0,.15),transparent 80%);mix-blend-mode:difference}main{width:100%;height:100%}.content{position:relative;width:100%;height:100%}.landing{left:0;position:fixed;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.landing p{color:var(--color-white);font-size:1rem;letter-spacing:2px;mix-blend-mode:difference}.landing .hello--wrapper{position:relative;display:flex;justify-content:center}.landing .--hello{font-size:3rem;letter-spacing:2px;text-wrap:nowrap}.landing .--description{padding:0px 2rem;text-align:center}.landing .mouse{visibility:hidden;position:absolute;bottom:10%;right:10%;height:45px;width:35px;border:3px solid var(--color-bright);border-radius:100%}.landing .mouse:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:2px;background-color:var(--color-bright);transform:translate(-5px);animation:up-down 1s infinite linear;animation-direction:alternate}@keyframes up-down{0%{transform:translate(-1px) translateY(-8px)}50%{transform:translate(-1px) translateY(0)}to{transform:translate(-1px) translateY(8px)}}.about-me{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;margin:auto;color:var(--color-white)}.about-me h1{position:relative;font-size:3.5rem;letter-spacing:2px;padding:10px 0;color:var(--color-heading);font-weight:700}.about-me h2{color:var(--color-heading);font-size:1.5rem;font-weight:600}.about-me a{cursor:pointer;color:var(--color-heading);font-weight:600}.about-me p{text-wrap:pretty;color:var(--color-text);margin:20px 0}.about-me .wrapper{margin:auto;width:100%;max-width:1420px;height:100%;gap:100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.about-me .--name{padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;height:100%;padding:6rem 1.5rem}.about-me .--name .--icons{margin-top:auto;display:flex;align-items:center;gap:20px}.about-me .--name .--icons svg{fill:var(--color-icon)}.about-me .--container-scroll{display:flex;flex-direction:column;gap:50px;padding:6rem 1.5rem;max-width:100%;width:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.about-me .--content__section{scroll-snap-align:start;max-width:100%}.about-me .--sticky-header{font-size:2rem;font-weight:700;color:var(--color-heading)}.about-me .--container-scroll::-webkit-scrollbar{display:none}.about-me .--router{padding-left:1rem;padding-right:1rem}.about-me .--router li{margin:1rem 0;list-style-type:none}.about-me .--router li a{max-width:fit-content;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--color-text-muted);opacity:.8}.about-me .--router li a:before{transition:all .2s ease;content:"";width:20px;height:1px;background-color:var(--color-highlight)}.about-me .--router li a:hover{opacity:1}.about-me .--router li a:hover:before{transition:all .2s ease;content:"";width:30px;height:1px;background-color:var(--color-highlight)}.about-me .--router li a.--active{opacity:1;color:#fff}.about-me .--router li a.--active:before{content:"";width:60px;height:1px;background-color:var(--color-highlight)}.project--wrapper{width:100%;margin-bottom:60px;display:grid;grid-template-columns:170px 1fr;border-radius:20px;padding:15px 15px 70px;transition:background-color .2s linear}.project--wrapper:hover{background-color:#32323266}.project--wrapper .project--info{display:flex;flex-direction:column;width:100%;max-width:100%;position:relative}.project--wrapper .project--title{font-size:1.3rem;font-weight:700;color:var(--color-heading);margin-bottom:.5rem}.project--wrapper .scroller{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;position:absolute;bottom:-65px;left:0;overflow:hidden;max-width:inherit;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}.project--wrapper .scroller .scroller__inner{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;width:fit-content;animation:scroll 15s linear infinite;padding-block:10px;display:flex;gap:1rem}.project--wrapper .scroller .scroller__item{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;padding:10px;background-color:#303030;border-radius:5px;border-width:1px;border-style:solid;border-color:var(--color-highlight);box-shadow:0 0 10px var(--color-highlight);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:1rem}@keyframes scroll{to{-webkit-transform:translate3d(calc(-50% - .5rem),0,0);transform:translate3d(calc(-50% - .5rem),0,0)}}@media only screen and (max-width: 1270px){.project--wrapper{grid-template-columns:1fr}}@media only screen and (max-width: 899px){.about-me{height:auto}.about-me .--name{padding-top:1rem;padding-bottom:0}.about-me .--container-scroll{max-height:100%;padding-top:0;padding-left:0;padding-right:0;overflow:inherit}.about-me .--container-scroll p{padding-left:1.5rem;padding-right:1.5rem}.about-me .wrapper{display:block;gap:0px;padding-top:1rem;padding-bottom:1rem}.about-me .--sticky-header{padding:10px 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;position:sticky;top:0;z-index:99}.--content__section p,.--content__section span{padding-left:1.5rem;padding-right:1.5rem}.--content__section .project--wrapper{padding-left:0;padding-right:0}.--content__section .scroller,.contact__form{padding-left:1.5rem;padding-right:1.5rem}.stack--others{gap:0}.stack--others{padding-left:1rem;padding-right:1rem}.scroller__item span{padding-left:0;padding-right:1rem}}.stack--wrapper{display:flex;flex-direction:column;gap:1rem;padding:1rem 0px 2rem}.stack--others{display:flex;flex-wrap:wrap;gap:1rem}.stack--others__item{padding:10px;background-color:#303030;border-radius:5px;border-width:1px;border-style:solid;border-color:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary);white-space:nowrap;gap:1rem}.--icon{width:100%;height:100%;max-width:100px}.no-glow{filter:none!important}.icon--wrapper-s{width:24px;height:24px}.--stack{max-height:200px}.contact__form{display:flex;flex-direction:column;gap:1rem}.contact__input{font-family:Inter;font-size:1rem;color:var(--color-text);border:none;padding:1rem;flex:1;height:40px;background-color:#28282880}.contact__textarea{font-family:Inter;font-size:1rem;color:var(--color-text);border:none;padding:1rem;flex:1;background-color:#28282880;resize:none}.contact__button{cursor:pointer;background-color:var(--color-highlight);font-family:Inter;font-size:1rem;padding:1rem;flex:1}