@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";:root{--linear-ease: linear( 0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1 )}.gooey-nav-container{display:flex;align-items:center;flex-direction:row;justify-content:center}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gooey-nav-container nav ul{display:flex;list-style:none;margin:0;font-size:0;position:relative;z-index:3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:#aee7ff}.nav-logo-img{height:32px;width:auto;display:block;pointer-events:none}.nav-logo{padding:0!important}.logo-button{width:40px;height:40px;background:none;border:none;border-radius:50%;position:relative;z-index:0;transition:.3s;cursor:pointer;padding:0}.logo-button:before{content:"";position:absolute;inset:-3px;padding:4px;border-radius:50%;background:conic-gradient(#ff53bb,#0000 30deg 120deg,#00f8d3 150deg 180deg,#0000 210deg 300deg,#ff53bb 330deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:intersect;background-color:#222;border:1px solid #33333300;transition:.5s,99999s 99999s transform}.logo-button:before,.logo-button:after{animation:spin 12s linear infinite;animation-play-state:running;transform-origin:center center}@keyframes spin{to{transform:rotate(360deg)}}.logo-button:hover:before,.logo-button:hover:after{pointer-events:none}.logo-button>img{width:32px;height:32px;border-radius:50%;opacity:.9;pointer-events:none}.nav-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:". top ." "left center right" ". bottom .";align-items:center;justify-items:center;gap:1rem}.nav-cell{font-family:Orbitron,sans-serif;font-weight:700;font-size:.9rem;color:#aee7ff;transition:transform .3s ease}.nav-cell a{text-decoration:none;color:inherit}.nav-cell:hover{transform:scale(1.2)}.top{grid-area:top}.left{grid-area:left}.center{grid-area:center}.right{grid-area:right}.bottom{grid-area:bottom}.nav-logo-img{height:48px;width:auto}.gooey-nav-container nav ul li:hover{transform:scale(1.3)}.gooey-nav-container nav ul li a{text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:10px;background:transparent;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#aee7ff;text-shadow:0 1px 1px rgba(0,255,255,.2)}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.text{visibility:hidden;transition:color .3s ease}.gooey-nav-container .effect.text.active{color:inherit}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";position:absolute;inset:-75px;z-index:-2;background:transparent}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:transparent;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}:root{--step--1: clamp(.75rem, .68rem + .3vw, .95rem);--step-0: clamp(1rem, .95rem + .5vw, 1.25rem);--step-1: clamp(1.5rem, 1.25rem + 1.2vw, 2.25rem);--step-2: clamp(2.25rem, 1.8rem + 2.2vw, 3.75rem);--gutter: clamp(1rem, 2vw, 2rem);--max-text: 70ch}#hero{scroll-margin-top:100px}.hero-section{min-height:100svh;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;text-align:center;padding:var(--gutter);box-sizing:border-box;position:relative}.hero-inner{width:min(100%,1200px);margin-inline:auto}.hero-container{display:flex;flex-direction:column;width:100%;max-width:var(--max-text);align-items:center;gap:clamp(.5rem,1.5vh,1rem);background:transparent;padding-bottom:clamp(2rem,6vh,6rem);margin-inline:auto}.hero-header{position:relative;font-size:clamp(1rem,1vw,2rem);margin:0;display:flex;justify-content:center;width:auto;max-width:none;align-self:center;transition:.6s ease}.hero-header-dynamic-role{margin:0;font-size:var(--step-1);font-weight:600}.typed-text{font-family:Orbitron,sans-serif;font-size:inherit;-webkit-user-select:none;user-select:none}.hero-header-dynamic-role,.typed-text{font-size:clamp(1.1rem,3.5vmin,3rem)}.blinking-cursor{font-size:.9em;animation:blink 1s step-end infinite;-webkit-user-select:none;user-select:none}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.buttonWrapper{width:100%;display:grid;place-items:center;padding-bottom:calc(clamp(1.5rem,15vh,5rem) + env(safe-area-inset-bottom))}.arrowButton{display:grid;place-items:center;background:transparent;border:none;cursor:pointer;transform:none;transition:transform .2s ease}.arrowButton:focus-visible{outline:2px solid currentColor;outline-offset:4px}.arrowImg{width:clamp(2rem,5vw,3rem);height:clamp(2rem,5vw,3rem);transform:rotate(90deg)}@media(max-width:768px){.hero-container{padding-bottom:clamp(1rem,4vh,3rem)}.hero-header{word-break:break-word}}@media(min-width:1600px){.hero-inner{width:min(100%,1400px)}}@media(prefers-reduced-motion:reduce){.arrowButton{transition:none}.hero-section{scroll-behavior:auto}}.svg-wrapper{display:block;font-size:clamp(1rem,5vw,2rem);position:relative;margin:0 auto;width:fit-content}.svg{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.shape{fill:#ff3cc801;stroke-width:2px;vector-effect:non-scaling-stroke;shape-rendering:geometricPrecision}.svg-wrapper:before{position:absolute;content:"";left:0;bottom:0;height:0;width:100%;background-color:#ff3cc800;z-index:1;transition:.8s ease;width:0}.svg-wrapper:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;z-index:-1;border-radius:2px;background-image:linear-gradient(135deg,#0ff 0% 49.5%,#ff3cc7 50.5% 100%);opacity:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:height .4s ease .6s,opacity .2s ease .6s}.svg-wrapper:hover:after{height:100%;opacity:.35}.svg-wrapper:hover{color:#000}.svg-wrapper:hover:before{width:100%}.text{fill:#fff;font-family:Orbitron,sans-serif;letter-spacing:.1em}@media(max-width:768px){.text{font-size:1.75rem}}.glitch{color:#fff;font-size:clamp(2rem,3.5vw,6rem);white-space:nowrap;display:inline-block;margin:0 auto;font-weight:900;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;color:#fff;background-color:#06001000;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:0;text-shadow:var(--after-shadow, -10px 0 rgb(255, 0, 174));animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:0;text-shadow:var(--before-shadow, 10px 0 rgb(0, 255, 255));animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow, -10px 0 rgb(255, 0, 140));animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}._blobBack_9tvcx_1{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden;visibility:hidden;animation:_showBlobContainer_9tvcx_1 1s forwards}._blob_9tvcx_1{position:absolute;width:0;height:0;filter:blur(1em);opacity:0;animation:_fadeBlobIn_9tvcx_1 3s ease-in forwards,_floatBlob_9tvcx_1 12s ease-in-out infinite alternate;will-change:transform,opacity}._blob_9tvcx_1:after{content:"";position:absolute;width:10em;height:10em;border-radius:50%;background-color:var(--color);animation:_fadeBlobIn_9tvcx_1 3s ease-in forwards,_moveBlob_9tvcx_1 var(--duration, 10s) ease-in-out infinite alternate;filter:blur(20px);will-change:transform,opacity}@keyframes _fadeBlobIn_9tvcx_1{0%{opacity:0;transform:translate(0)}to{opacity:.1;transform:translate(0)}}@keyframes _showBlobContainer_9tvcx_1{to{visibility:visible}}@keyframes _moveBlob_9tvcx_1{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-30%,-60%) scale(1.1)}50%{transform:translate(20%,-20%) scale(.8)}75%{transform:translate(60%,40%) scale(1.3)}to{transform:translateY(60%) scale(1)}}@keyframes _floatBlob_9tvcx_1{0%{transform:translate(0)}to{transform:translateY(-10vh)}}.particles-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}._aboutSection_1ppfx_4{font-family:Orbitron,sans-serif;position:relative;z-index:1;width:100%;max-width:100vw;min-height:100vh;box-sizing:border-box;--side-nav-space: 7rem;padding-top:4rem;padding-right:clamp(1rem,4vw,4rem);padding-bottom:4rem;padding-left:calc(var(--side-nav-space) + clamp(1rem,2vw,2rem));scroll-margin-top:75px;overflow-x:clip}._aboutContentRow_1ppfx_29{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;justify-content:center;gap:clamp(2rem,4vw,5rem);width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;overflow:visible}._aboutTextSide_1ppfx_50{min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;margin:0;box-sizing:border-box}._aboutSection_1ppfx_4 .whoTitle{max-width:100%;margin:0 auto 1rem;text-align:center;box-sizing:border-box}._scannerFrame_1ppfx_84{display:grid;grid-template-columns:3px minmax(0,1fr) 3px;align-items:stretch;gap:clamp(.75rem,1.5vw,1.5rem);position:relative;width:100%;max-width:100%;min-width:0;margin-top:2rem;box-sizing:border-box;overflow:visible}._scannerContent_1ppfx_106{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}._scannerTop_1ppfx_122{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}._scannerTop_1ppfx_122>*{max-width:100%}._scannerBottom_1ppfx_145{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;word-break:normal}._scannerLineLeft_1ppfx_159,._scannerLineRight_1ppfx_160{position:relative;width:3px;min-width:3px;height:100%;min-height:350px;background-color:#0ff;box-shadow:0 0 6px #0ff,0 0 12px #00ffffbf;overflow:hidden;flex-shrink:0;margin:0}._scanner_1ppfx_84{position:absolute;top:-20%;left:0;width:100%;height:20%;min-height:70px;background:linear-gradient(to bottom,#fff0,#fff,#fff0);filter:drop-shadow(0 0 4px white);animation:_scannerLoop_1ppfx_1 5s ease-in-out infinite;pointer-events:none}@keyframes _scannerLoop_1ppfx_1{0%{top:-20%}50%{top:100%}to{top:-20%}}._techSide_1ppfx_211{min-width:0;width:100%;max-width:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;overflow:visible}._techSide_1ppfx_211>*{width:100%!important;max-width:100%!important;margin-right:0!important;box-sizing:border-box}._loadingFallback_1ppfx_246{display:flex;justify-content:center;align-items:center;width:100%;min-height:5rem;padding:1rem;box-sizing:border-box;color:#aee7ff;font-family:Orbitron,sans-serif;font-size:.85rem;text-align:center;opacity:.8}._aboutSection_1ppfx_4 .pc-card-wrapper{max-width:100%;box-sizing:border-box}@media(max-width:900px){._aboutSection_1ppfx_4{min-height:auto;--side-nav-space: 0rem;padding-top:3rem;padding-right:clamp(.75rem,4vw,1.5rem);padding-bottom:5rem;padding-left:clamp(.75rem,4vw,1.5rem);scroll-margin-top:60px}._aboutContentRow_1ppfx_29{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;justify-content:center;gap:clamp(2rem,4vw,5rem);width:100%;max-width:1600px;margin:0 auto;box-sizing:border-box;overflow:visible}._aboutTextSide_1ppfx_50{width:100%;margin:0;padding:0;flex:none}._scannerFrame_1ppfx_84{grid-template-columns:2px minmax(0,1fr) 2px;gap:.75rem;width:100%;margin:1.5rem 0 0}._scannerLineLeft_1ppfx_159,._scannerLineRight_1ppfx_160{width:2px;min-width:2px;min-height:300px;margin:0}._scannerContent_1ppfx_106{gap:1.5rem}._scannerTop_1ppfx_122{flex-direction:column;flex-wrap:nowrap;gap:1.5rem;width:100%}._scannerBottom_1ppfx_145{width:100%;padding:0;margin:0}._techSide_1ppfx_211{min-width:0;width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;align-self:start;margin:0;padding:0;box-sizing:border-box;overflow:visible}._techSide_1ppfx_211>*{width:100%!important;max-width:100%!important;margin:0!important;box-sizing:border-box}._aboutSection_1ppfx_4 .pc-card-wrapper{touch-action:pan-y;max-width:100%}}@media(max-width:480px){._aboutSection_1ppfx_4{padding:2.5rem .75rem 4rem}._aboutContentRow_1ppfx_29{gap:3rem}._scannerFrame_1ppfx_84{grid-template-columns:1px minmax(0,1fr) 1px;gap:.5rem}._scannerLineLeft_1ppfx_159,._scannerLineRight_1ppfx_160{width:1px;min-width:1px;min-height:260px}._scannerContent_1ppfx_106,._scannerTop_1ppfx_122{gap:1rem}._loadingFallback_1ppfx_246{font-size:.75rem}}@media(max-width:320px){._aboutSection_1ppfx_4{padding-left:.5rem;padding-right:.5rem}._scannerFrame_1ppfx_84{gap:.25rem}}@media(prefers-reduced-motion:reduce){._scanner_1ppfx_84{animation:none;top:40%}}@media(max-width:900px){._aboutContentRow_1ppfx_29{grid-template-columns:1fr}._aboutTextSide_1ppfx_50,._techSide_1ppfx_211{width:100%;max-width:100%}._techSide_1ppfx_211{margin-top:3rem}}.projectsSection{font-family:Orbitron,sans-serif;height:100vh;padding-top:3rem;padding-bottom:15rem}.projectsTitle{display:flex;justify-content:center}.projectsWrapper{padding-top:20rem;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.projectsDescription{flex:1;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;padding:2rem;font-size:1.2rem;margin-left:15rem;min-height:360px;max-width:30vw;overflow:hidden;margin-bottom:10rem}.projectHeader{font-size:1.75rem;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem;margin-bottom:1rem}.staticHeader{font-size:1.75rem;font-weight:1500}.project-underline{height:1px;margin:0rem 0 1rem;width:100%;background:linear-gradient(90deg,#b536ff,#a0f);transform-origin:left;border-radius:4px}.projectsCardView{flex:1;display:flex;justify-content:center;align-items:center;height:100%;max-width:none;min-height:600px;position:relative;overflow:visible}@media(max-width:768px){.projectsSection{height:auto;margin-top:6rem}.projectsWrapper{flex-direction:column;align-items:stretch;padding-top:0}.projectsDescription{margin-left:0;margin-bottom:0;max-width:100%;padding:1.5rem 1rem;font-size:1rem;text-align:CENTER}.projectsCardView{min-height:320px;width:100%}.projectHeader,.staticHeader{font-size:1.35rem}}@media(max-width:480px){.projectsDescription{padding:1.25rem .75rem;font-size:.95rem}.projectsCardView{min-height:280px}}.whoTitle{font-size:3rem;color:#d9fdff;display:flex;justify-content:center;gap:.1em;background-image:radial-gradient(ellipse 50% 35% at 50% 50%,#18666b,transparent);margin-top:-1rem;text-shadow:0 0 .1rem #b1ffff,0 0 1rem #00f0ff,-.2rem .1rem .5rem #00f0ff,.2rem .1rem .5rem #00f0ff,0 -.5rem 1rem #00ffe5,0 .5rem 1.5rem #00ffe5}.whoTitle .letter{display:inline-block}.whoTitle .flicker{animation:flickerWho 10.5s ease-in-out infinite alternate}@media(max-width:768px){.whoTitle{margin:2rem 0}}@keyframes flickerWho{0%,to{opacity:1;transform:rotate(0)}5%{opacity:.85}10%{opacity:.6;transform:rotate(-5deg)}15%{opacity:.92}22%{opacity:.4;transform:rotate(-10deg)}30%{opacity:.3;transform:rotate(-15deg)}40%{opacity:.75;transform:rotate(-20deg)}50%{opacity:1;transform:rotate(-10deg)}65%{opacity:.35;transform:rotate(0)}75%{opacity:.7;transform:rotate(10deg)}}.skills{position:relative;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(ellipse 50% 35% at 50% 50%,#6b1839,transparent);gap:.1rem;margin-top:1rem;text-transform:uppercase;font-size:3rem;color:#ffe6ff;transform:translateY(-1rem);text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483;animation:shine 2s forwards,flicker2 3s infinite}@media(max-width:768px){.skills{margin-top:3rem}}@keyframes blinkNeon{0%,22%,36%,75%{color:#ffe6ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}28%,33%{color:#ff65bd;text-shadow:none}82%,97%{color:#ff2483;text-shadow:none}}.flicker2{animation:shine 2s forwards,blinkNeon 3s 2s infinite}.fastFlicker{animation:shine 2s forwards,blinkNeon 10s 1s infinite}@keyframes shine{0%{color:#6b1839;text-shadow:none}to{color:#ffe6ff;text-shadow:0 0 .6rem #ffe6ff,0 0 1.5rem #ff65bd,-.2rem .1rem 1rem #ff65bd,.2rem .1rem 1rem #ff65bd,0 -.5rem 2rem #ff2483,0 .5rem 3rem #ff2483}}@keyframes flicker2{0%,to{opacity:1}5%{opacity:.9}10%{opacity:.85}15%{opacity:.95}20%{opacity:.9}25%{opacity:.97}30%{opacity:.92}50%{opacity:1}60%{opacity:.94}70%{opacity:.98}80%{opacity:.93}90%{opacity:.96}}.projectsTitle{position:relative;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(ellipse 50% 35% at 50% 50%,indigo,transparent);gap:.2rem;text-transform:uppercase;font-size:2rem;color:#dcdcff;letter-spacing:.05em;transform:translateY(-1rem);text-shadow:0 0 .5rem #dcdcff,0 0 1rem #7f5eff,-.2rem .1rem 1rem #7f5eff,.2rem .1rem 1rem #7f5eff,0 -.5rem 2rem #4c2fff,0 .5rem 3rem #4c2fff;animation:shineIndigo 2s forwards,flickerIndigo 4s infinite}.projects-title-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.projects-title{color:#7b5cff;font-size:2.5rem;position:relative;text-shadow:0 0 8px #6a4ce6,0 0 16px #7b5cff,0 0 28px #846bf0,0 0 40px #8468e9;z-index:2}.projects-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;animation:glitch 3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px);color:#7659f7;text-shadow:0 0 6px #7b5cff,0 0 14px #a18bff,0 0 24px #947de9}@keyframes glitch{0%,to{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}33%{clip-path:polygon(0 0,100% 0,100% 15%,0 15%);transform:translate(-5px,-5px)}66%{clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%);transform:translate(5px,5px)}}@keyframes shineIndigo{0%{color:#3a1c71;text-shadow:none}to{color:#dcdcff;text-shadow:0 0 .5rem #dcdcff,0 0 1rem #7f5eff,-.2rem .1rem 1rem #7f5eff,.2rem .1rem 1rem #7f5eff,0 -.5rem 2rem #4c2fff,0 .5rem 3rem #4c2fff}}@keyframes flickerIndigo{0%,to{opacity:1}7%{opacity:.92}14%{opacity:.87}21%{opacity:.94}28%{opacity:.88}35%{opacity:.95}50%{opacity:1}65%{opacity:.93}80%{opacity:.96}90%{opacity:.91}}.contactTitle{position:relative;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:2rem;letter-spacing:.05em;color:#c7dfff;transform:translateY(-1rem);background-image:radial-gradient(ellipse 60% 40% at 50% 50%,#001133,transparent);text-shadow:0 0 .5rem #c7dfff,0 0 1rem #3377ff,-.2rem .1rem 1rem #3377ff,.2rem .1rem 1rem #3377ff,0 -.5rem 2rem #003cff,0 .5rem 3rem #003cff;animation:shineContact 2s forwards,flickerContact 4s infinite}@keyframes shineContact{0%{color:#001020;text-shadow:none}to{color:#c7dfff;text-shadow:0 0 .5rem #c7dfff,0 0 1rem #3377ff,-.2rem .1rem 1rem #3377ff,.2rem .1rem 1rem #3377ff,0 -.5rem 2rem #003cff,0 .5rem 3rem #003cff}}@keyframes flickerContact{0%,to{opacity:1}6%{opacity:.85}13%{opacity:.7}20%{opacity:.95}28%{opacity:.6}36%{opacity:.9}50%{opacity:1}65%{opacity:.8}78%{opacity:.95}90%{opacity:.87}}.card-swap-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;perspective:900px;overflow:visible;transform:none}.card{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:.1rem;gap:.1rem;box-sizing:border-box;border-radius:12px;background:linear-gradient(135deg,indigo,#ff1493,#0ff,purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;overflow:hidden;opacity:.85;box-shadow:0 0 8px #2917214d,0 0 20px #f0f3;background-size:800% 800%}.card:nth-of-type(1){background:linear-gradient(135deg,#3a0ca3,#7209b7);animation:gradientShift 15s ease infinite}.card:nth-of-type(2){background:linear-gradient(135deg,#4361ee,#4cc9f0)}.card:nth-of-type(3){background:linear-gradient(135deg,#ff006e,#8338ec)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card:before{content:"";position:absolute;inset:0;background-image:url(/assets/noise-BATWhFHd.jpg);opacity:.6;mix-blend-mode:overlay;pointer-events:none}.card img.card-image{width:100%;height:100%;object-fit:fill;border-radius:10px;flex-grow:1;background-color:#000}.card h3{font-size:1.5rem;font-weight:700;margin:0;width:100%;border-radius:10px;background-color:#000000b4;display:flex;justify-content:center;align-items:center}.card p{font-size:1rem;opacity:.9;margin:0}@media(max-width:768px){.card-swap-container{transform:scale(.75) translate(-10%)}}@media(max-width:480px){.card-swap-container{transform:scale(.55) translate(-10%)}}.text-rotate{display:flex;flex-wrap:wrap;white-space:pre-wrap;position:relative}.text-rotate-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-rotate-word{display:inline-flex}.text-rotate-lines{display:flex;flex-direction:column;width:100%}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}.text-rotate-wrapper{padding-left:.5rem;padding-right:.5rem;background-color:#7f5eff;color:#fff;overflow:hidden;justify-content:center;border-radius:.5rem;display:flex}.encrypted,.revealed{font-variant-ligatures:none;white-space:pre-wrap;font-family:monospace}.contactSection{min-height:100vh;color:#fff;font-family:Orbitron,sans-serif;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-sizing:border-box;padding-top:3rem}.contactFormWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px;width:100%}.contactTitle{align-self:center;text-align:center}.formInput{display:flex;align-items:center;justify-content:center;flex-direction:column}input,textarea{width:100%;margin:.5rem 0;padding:.75rem;background:#1f1f1f;color:#fff;border:1px solid #333;border-radius:8px;resize:none;opacity:.9}input:focus,textarea:focus{outline:none;border-color:#5227ffb1;box-shadow:0 0 8px 2px #5227ffb1;transition:border-color .3s ease,box-shadow .3s ease}.fieldError{margin:.35rem 0 .75rem;color:#ff7aa2;font-size:.9rem;text-align:left}.contactHoneypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.outer-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1rem;width:100%;max-width:600px}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:28rem;border-radius:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button.inactive{pointer-events:none;opacity:.5;color:#a3a3a3}.back-button{position:relative;display:flex;align-items:center;padding:16px 36px;border:4px solid;border-color:transparent;font-size:14px;background-color:inherit;border-radius:100px;font-weight:600;color:#fff;box-shadow:0 0 0 2px #5227ffb1;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.back-button svg{rotate:180deg;left:5px;position:absolute;width:24px;fill:#5227ffb1;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.back-button .arr-1{right:10px}.back-button .arr-2{left:115%}.back-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#5227ffb1;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.back-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.back-button:hover{color:#fff;border-radius:12px}.back-button:hover .arr-1{left:-25%}.back-button:hover .arr-2{left:5px}.back-button:hover .text{transform:translate(12px)}.back-button:hover svg{fill:#fff}.back-button:active{scale:.95;box-shadow:0 0 0 4px #5227ffb1}.back-button:hover .circle{width:220px;height:220px;opacity:1}.next-button{position:relative;display:flex;align-items:center;padding:16px 36px;border:4px solid;border-color:transparent;font-size:14px;background-color:inherit;border-radius:100px;font-weight:600;color:#fff;box-shadow:0 0 0 2px #5227ffb1;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.next-button svg{position:absolute;width:24px;fill:#5227ffb1;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.next-button .arr-1{right:10px}.next-button .arr-2{left:-35%}.next-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#5227ffb1;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.next-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.next-button:hover{color:#fff;border-radius:12px}.next-button:hover .arr-1{right:-25%}.next-button:hover .arr-2{left:75px}.next-button:hover .text{transform:translate(12px)}.next-button:hover svg{fill:#fff}.next-button:active{scale:.95;box-shadow:0 0 0 4px #5227ffb1}.next-button:hover .circle{width:220px;height:220px;opacity:1}.step-indicator{position:relative;cursor:pointer;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#fff}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:#52525b}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#fff}:root{--bg: #000000bd}.socialBar{display:flex;justify-content:center;align-items:center}.socialList{display:flex;flex-direction:row;justify-content:center;box-sizing:border-box}img{width:48px}ul{display:flex;position:relative;gap:1rem}li{position:relative;display:flex;justify-content:center;align-items:center;width:80px;height:80px;list-style:none;cursor:pointer;transition:.5s}ul li:before{content:"";position:absolute;inset:30px;box-shadow:0 0 0 10px var(--clr),0 0 0 20px var(--bg),0 0 0 22px var(--clr);transition:.5s}ul li:hover:before{inset:0}ul li:after{content:"";position:absolute;inset:.5rem;background:var(--bg);transform:rotate(45deg)}ul li:hover{z-index:1000;transform:scale(.65)}ul li a{position:relative;text-decoration:none;color:var(--clr);font-size:1.5em;z-index:10;transition:.5s}ul li a:hover{font-size:3em;filter:drop-shadow(0 0 20px var(--clr)) drop-shadow(0 0 40px var(--clr)) drop-shadow(0 0 60px var(--clr))}.nav-bar{position:sticky;top:0;width:25%;margin:0 auto;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;justify-content:space-between;align-items:center;z-index:999;flex-wrap:nowrap;overflow-x:hidden;max-width:100vw}.nav-left,.nav-right{display:flex;gap:1.2rem}.nav-left a,.nav-right a{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;color:#aee7ff;text-decoration:none}.nav-logo a{display:flex;align-items:center;justify-content:center}.logo-button{display:flex;align-items:center;justify-content:center;width:clamp(32px,4vw,42px);height:clamp(32px,4vw,42px);margin-left:0;background:none;border:none;border-radius:50%;position:relative;z-index:0;transition:.3s;cursor:pointer;padding:0}.logo-button:before{content:"";position:absolute;inset:-3px;padding:4px;border-radius:50%;background:conic-gradient(#ff53bb,#0000 30deg 120deg,#00f8d3 150deg 180deg,#0000 210deg 300deg,#ff53bb 330deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:intersect;background-color:#222;border:1px solid #333;transition:.5s,99999s 99999s transform}.logo-button:after{content:"";position:absolute;inset:-40px;background:radial-gradient(40px at left 30px top 10px,#ff53bb 100%,#0000),radial-gradient(40px at right 30px bottom 10px,#00f8d3 100%,#0000);filter:blur(30px);opacity:.5;transition:.5s,99999s 99999s transform}.logo-button:before,.logo-button:after{animation:spin 30s linear infinite;animation-play-state:running;transform-origin:center center}.side-menu{font-family:Orbitron,sans-serif;position:fixed;top:clamp(5rem,8vh,8rem);width:clamp(1rem,8vw,10rem);display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,2vh,2rem);z-index:9999;padding:1rem;overflow:visible;background:transparent}.side-menu a{display:flex;flex-direction:column;align-items:center;color:#0ff;font-size:clamp(1rem,2vw,1.6rem);text-decoration:none;transition:transform .3s ease,color .3s ease}.side-menu a:hover{transform:scale(1.4);color:#fff}.side-menu .active-link{color:#fff;transform:scale(1.5);filter:drop-shadow(0 0 8px #0ff)}.side-logo-img{width:clamp(32px,4vw,42px);height:clamp(32px,4vw,42px);margin-left:0}.side-menu p{font-size:clamp(.5rem,.75vw,1rem);margin-top:.3rem;color:#aee7ff;text-shadow:0 0 4px #00ffffaa;opacity:0;transform:translateY(-5px);transition:all .3s ease}.side-menu a:hover p,.side-menu .active-link p{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}@media(max-width:768px){html,body,#root{padding:0;margin:0;width:100%;max-width:100vw;overflow-x:hidden}}@keyframes dashLoop{to{stroke-dashoffset:0}}@keyframes blobAngle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blobMove{0%{transform:translate(-200%,250%)}to{transform:translate(100%,100%)}}