:root{--base:#000000;--baseLite:rgba(0, 0, 0, .85);--text:#fff;--pH:264;--pS:100%;--pL:50%;--sH:315;--sS:100%;--sL:50%;--mH:275;--mS:100%;--mL:47%;--primary:var(--pH), var(--pS), var(--pL);--secondary:var(--sH), var(--sS), var(--sL);--mixColor:var(--mH), var(--mS), var(--mL);--primaryLite:hsla(var(--primary), .6);--primaryLiteAlt:hsla(var(--primary), .3);--secondaryLite:hsla(var(--secondary), .6);--secondaryLiteAlt:hsla(var(--secondary), .3);--footer:hsl(264, 100%, 15%);--footerSvgA:hsl(259, 75%, 10%);--footerSvgB:hsl(256, 60%, 5%);--gradient:linear-gradient( to right, hsl(var(--secondary)), hsl(var(--primary)), hsl(var(--primary)), hsl(var(--secondary)) );--gradientLite:linear-gradient( 45deg, var(--primaryLite), hsl(var(--secondaryLite)) );--headerGradient:linear-gradient( 180deg, rgba(0, 0, 0, .6), transparent );--cardGradient:linear-gradient( 45deg, hsl(0, 0%, 1%), var(--primaryLite) );--cardGradientAlt:linear-gradient( -135deg, hsl(0, 0%, 5%), var(--primaryLiteAlt) );--miscCardGradient:linear-gradient( -45deg, hsl(0, 0%, 1%), var(--primaryLiteAlt) );--overlayGradient:radial-gradient( farthest-corner at 100% 0%, hsla(0, 0%, 5%, .5), transparent );--LinkBtnGradient:linear-gradient( -135deg, hsla(0, 0%, 9%, .8), hsla(0, 0%, 10%, .6) );--SkillGradient:linear-gradient( -135deg, hsla(276, 50%, 10%, .8), hsla(296, 50%, 10%, .5) );--SkillGradientAlt:linear-gradient( -135deg, hsla(276, 50%, 10%, .4), hsla(296, 50%, 10%, .25) );--orbitGradient:conic-gradient( transparent, transparent, hsl(var(--primary)), hsl(var(--secondary)), #fff );--orbitGradientAlt:conic-gradient( #fff, hsl(var(--primary)), hsl(var(--secondary)), transparent, transparent );--orbitDotColor:#fff;--heroSocialColoe:#fff;--contactSocialColor:hsla(0, 0%, 100%, .4);--cursorColor:hsla(0, 0%, 100%, .6);--cursorColorAlt:hsla(0, 0%, 100%, .8);--dotColor:#fff}html.light{--base:#fff;--baseLite:rgba(255, 255, 255, .85);--text:#000;--pH:264;--pS:100%;--pL:50%;--sH:315;--sS:100%;--sL:50%;--mH:275;--mS:100%;--mL:47%;--primary:var(--pH), var(--pS), var(--pL);--secondary:var(--sH), var(--sS), var(--sL);--mixColor:var(--mH), var(--mS), var(--mL);--primaryLite:hsla(var(--primary), .6);--primaryLiteAlt:hsla(var(--primary), .3);--secondaryLite:hsla(var(--secondary), .6);--secondaryLiteAlt:hsla(var(--secondary), .3);--footer:hsl(var(--pH), var(--pS), 75%);--footerSvgA:hsl(var(--pH), var(--pS), 85%);--footerSvgB:hsl(var(--pH), var(--pS), 90%);--gradient:linear-gradient( to right, hsl(var(--secondary)), hsl(var(--primary)), hsl(var(--primary)), hsl(var(--secondary)) );--gradientLite:linear-gradient( 45deg, var(--primaryLite), hsl(var(--secondaryLite)) );--headerGradient:linear-gradient( 180deg, rgba(255, 255, 255, .6), transparent );--cardGradient:linear-gradient( 45deg, hsl(var(--secondary), .1), var(--primaryLiteAlt) );--cardGradientAlt:linear-gradient( -135deg, var(--primaryLiteAlt), hsl(0, 0%, 100%) );--miscCardGradient:linear-gradient( -45deg, var(--primaryLiteAlt), hsl(0, 0%, 100%) );--overlayGradient:radial-gradient( farthest-corner at 100% 0%, hsla(0, 0%, 100%, .5), transparent );--LinkBtnGradient:linear-gradient( -135deg, hsla(var(--secondary), .15), hsla(var(--mixColor), .15) );--SkillGradient:linear-gradient( -135deg, hsla(var(--mixColor), .125), hsla(var(--primary), .25) );--SkillGradientAlt:linear-gradient( -135deg, hsla(var(--primary), .15), hsla(var(--secondary), .15) );--orbitGradient:conic-gradient( transparent, transparent, hsl(var(--secondary)), hsl(var(--primary)) );--orbitGradientAlt:conic-gradient( hsl(var(--primary)), hsl(var(--secondary)), transparent, transparent );--orbitDotColor:hsl(var(--mixColor));--heroSocialColor:hsl(0, 0%, 20%);--contactSocialColor:hsla(0, 0%, 20%, .4);--cursorColor:hsla(var(--primary), .6);--cursorColorAlt:hsla(var(--primary), .6);--dotColor:hsl(var(--mixColor))}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins!important}body{background-color:var(--base);color:var(--text)}.Header_Nav a{position:relative;overflow:hidden;letter-spacing:1px}.Header_Nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--orbitDotColor);transform:scaleX(0);transition:transform .25s ease-out}.Header_Nav a.active:after{transform:scaleX(1)}.Header_ActionBtn{position:relative;border-radius:.2em;overflow:hidden;display:grid;place-items:center}.Header_ActionBtn:after{content:"";position:absolute;width:120%;aspect-ratio:1;background:conic-gradient(hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--primary)));animation:spin 5s linear infinite}.Header_ActionBtn>div{padding:.2em 1.35em;background-color:var(--base);color:var(--text);border-radius:inherit;margin:2px;z-index:2}.MobileHeader_Nav{min-width:14em;text-align:center;background-color:var(--base);border-radius:.3em;padding:1em;font-size:1.3em;font-weight:700;letter-spacing:1px}.MobileHeader_Nav a{width:100%;color:var(--text);text-decoration:none;text-transform:uppercase}.MobileHeader_Nav a.active{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200%;animation:gradientPan 5s linear infinite}:has(.MobileHeader_ActionBtn).MobileHeader_Nav{padding:0}.MobileHeader_ActionBtn{position:relative;border-radius:.2em;overflow:hidden}.MobileHeader_ActionBtn:after{content:"";position:absolute;width:120%;aspect-ratio:1;background:conic-gradient(hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--primary)));animation:spin 5s linear infinite}.MobileHeader_ActionBtn>div{padding:.7em 1em;width:100%;background-color:var(--base);color:var(--text);border-radius:inherit;margin:4px;z-index:2}.Title-Tag{font-family:Ubuntu}.Title-Tag span,.Title-Tag p{z-index:1;background-color:var(--base);padding-inline:.25em}.Title-Tag.open{margin-bottom:1em;justify-content:flex-start}.Title-Tag.close{justify-content:flex-end;padding-top:.5em;opacity:.7!important}.Title-Tag.primary span{color:hsl(var(--primary))}.Title-Tag.secondary span{color:hsl(var(--secondary))}.Title_Line:after{content:"";position:absolute;margin-top:.3em;width:100%;height:2px;z-index:0;background-color:var(--primaryLite)}.Title_Line.secondary:after{background-color:var(--secondaryLite)}.Title_Line.close:after{background-color:transparent}.MobileNav_Ham{-webkit-tap-highlight-color:transparent;transition:transform .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.MobileNav_Ham .line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:var(--text);stroke-width:5.5;transform-origin:right;stroke-linecap:round}html.light .MobileNav_Ham .line{stroke:hsl(var(--primary))!important}.MobileNav_Ham .top{stroke-dasharray:18 160}.MobileNav_Ham .middle{stroke-dasharray:40 142;transform-origin:83% 83%;transition:transform .4s}.MobileNav_Ham .bottom{stroke-dasharray:18 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.Projects_Link{padding:.45em;border:1px solid var(--primaryLite);border-radius:100%;z-index:10}.Cursor-Main{position:absolute;width:100%;height:100%;inset:0;z-index:9999;overflow:hidden;pointer-events:none}.Hero_Trail{position:absolute;aspect-ratio:1;border-radius:50%;animation:spin 6s linear infinite;animation-delay:1s}.Hero_Trail:before{content:"";width:99%;aspect-ratio:1;inset:0;margin:auto;border-radius:50%;position:absolute;background-color:var(--base)}.Trail1{width:60%;background:var(--orbitGradient);z-index:5}.Trail2{width:70%;animation-duration:8s;animation-direction:reverse;background:var(--orbitGradientAlt);z-index:4}.Trail3{width:80%;background:var(--orbitGradient);animation-duration:10s;z-index:3}.Trail4{width:90%;animation-duration:12s;animation-direction:reverse;background:var(--orbitGradientAlt);z-index:2}.Trail2 span,.Trail4 span{transform:rotate(140deg)!important}footer{color:#fff!important}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.flex_center{display:flex;justify-content:center;align-items:center}.gradientText{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200%;animation:gradientPan 5s linear infinite;will-change:background-position}.Orbit_Dot{width:.5em;aspect-ratio:1;background-color:var(--orbitDotColor);border-radius:0 50% 50%;transform:rotate(-45deg);position:absolute;top:-.2em;left:49%;transition:.25s ease-in-out;overflow:hidden;box-shadow:0 0 10px var(--orbitDotColor)}:has(.Hero_Orbit:hover) .Orbit_Dot{background-color:var(--base)!important;outline:.5px solid var(--orbitDotColor);scale:1.8}.Fade_Stagger,.Fade_Up{opacity:0;transform:translateY(50)}.Fade_Down{opacity:0;transform:translateY(-50)}.Fade_In{opacity:0}.Spring_Up{opacity:0;scale:.75}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.text-primary-foreground{color:#fff}.bg-skillGradient-soft{background:linear-gradient(-135deg,#0f0117,#240127)}