.gooey-nav-container{--color-1:#d7ff1a;--color-2:#38bdf8;--color-3:#c084fc;--color-4:#f472b6;position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;background:var(--glass-bg,#0f0f0fb8);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border,#fafaf70f);border-radius:9999px;gap:6px;margin:0;padding:4px;list-style:none;transition:all .3s;display:flex;position:relative}.gooey-nav-container nav ul li{z-index:3;cursor:pointer;border-radius:9999px;transition:background-color .3s,color .3s;position:relative}.gooey-nav-container nav ul li a{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted,#fafaf7a6);white-space:nowrap;cursor:pointer;border-radius:9999px;padding:8px 18px;font-size:10px;font-weight:600;text-decoration:none;transition:color .3s;display:block}.gooey-nav-container nav ul li a:hover{color:var(--foreground,#fafaf7)}.gooey-nav-container nav ul li.active a{color:#0000!important}.gooey-nav-container .effect{z-index:2;pointer-events:none;border-radius:9999px;transition:left .45s cubic-bezier(.4,0,.2,1),top .45s cubic-bezier(.4,0,.2,1),width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1);position:absolute}.gooey-nav-container .effect.filter{background:var(--accent,#d7ff1a);-webkit-filter:url(#goo-filter)blur();box-shadow:0 4px 16px var(--glow-color);overflow:visible}.gooey-nav-container .effect.text{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-foreground,#0a0a0a);z-index:4;white-space:nowrap;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.gooey-nav-container .effect.text.active{animation:.4s cubic-bezier(.4,0,.2,1) forwards textReveal}@keyframes textReveal{0%{opacity:0;filter:blur(4px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}.gooey-nav-container .particle{pointer-events:none;position:absolute;top:50%;left:50%}.gooey-nav-container .particle .point{background:var(--color,var(--accent));opacity:0;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.gooey-nav-container .effect.filter.active .particle .point{animation:particleBurst var(--time,.8s) cubic-bezier(.22, 1, .36, 1) forwards}@keyframes particleBurst{0%{transform:translate(var(--start-x,0), var(--start-y,0)) scale(var(--scale,1)) rotate(0deg);opacity:1}60%{opacity:1}to{transform:translate(var(--end-x,0), var(--end-y,0)) scale(0) rotate(var(--rotate,0deg));opacity:0}}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .4s ease-out;position:absolute;inset:0}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}
.projects-carousel-container{perspective:1200px;width:100%;height:550px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.project-carousel-card{transform-style:preserve-3d;will-change:transform, opacity;--tx:calc(var(--offset) * 280px);--sc:calc(1 - var(--abs-offset) * .15);--ry:calc(var(--offset) * -28deg);--tz:calc(var(--abs-offset) * -120px);transform:translate3d(var(--tx), 0, var(--tz)) scale(var(--sc)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.25,1,.5,1),opacity .6s cubic-bezier(.25,1,.5,1);position:absolute}@media (max-width:1024px){.projects-carousel-container{height:520px}.project-carousel-card{--tx:calc(var(--offset) * 200px);--sc:calc(1 - var(--abs-offset) * .18);--ry:calc(var(--offset) * -22deg);--tz:calc(var(--abs-offset) * -100px)}}@media (max-width:768px){.projects-carousel-container{height:570px}.project-carousel-card{--tx:calc(var(--offset) * 175px);--sc:calc(1 - var(--abs-offset) * .18);--ry:calc(var(--offset) * -12deg);--tz:calc(var(--abs-offset) * -90px)}}@media (max-width:480px){.projects-carousel-container{height:560px}.project-carousel-card{--tx:calc(var(--offset) * 155px);--sc:calc(1 - var(--abs-offset) * .2);--ry:calc(var(--offset) * -10deg);--tz:calc(var(--abs-offset) * -70px)}}.project-carousel-card-inner{width:380px;height:520px}@media (max-width:768px){.project-carousel-card-inner{width:320px;height:530px}}@media (max-width:480px){.project-carousel-card-inner{width:295px;height:520px}}.project-card-mockup{height:220px}@media (max-width:768px){.project-card-mockup{height:190px}}@media (max-width:480px){.project-card-mockup{height:180px}}.projects-dots-indicator{justify-content:center;gap:8px;margin-top:16px;display:flex}.projects-dot{background:var(--surface-border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.projects-dot.active{background:var(--accent);transform:scale(1.2)}.projects-nav-btn{border:1px solid var(--surface-border);transition:all .4s cubic-bezier(.25,1,.5,1)}.projects-nav-btn:hover{box-shadow:0 0 16px var(--glow-color), 0 0 32px #d7ff1a26;transform:translateY(-2px)scale(1.05);background-color:var(--accent)!important;color:var(--accent-foreground)!important;border-color:var(--accent)!important}.projects-nav-btn:active{box-shadow:0 0 8px var(--accent);transform:translateY(0)scale(.95)}