.card-spotlight{border-radius:var(--lg-radius-sm,14px);border:1px solid var(--lg-border);background:var(--lg-bg);-webkit-backdrop-filter:blur(var(--lg-blur,40px)) saturate(var(--lg-saturate,180%));--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff14;transition:border-color .4s var(--ease-spring-critical), box-shadow .4s var(--ease-spring-critical), transform .3s var(--ease-spring-critical);box-shadow:var(--lg-shadow), var(--lg-inset);padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 60%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before,.card-spotlight:active:before{opacity:1}.card-spotlight:hover{border-color:var(--lg-border-strong);box-shadow:var(--lg-shadow-lg), var(--lg-inset);transform:translateY(-2px)}.card-spotlight:active{transition-duration:60ms;transform:translateY(0)scale(.99)}.card-spotlight>*{z-index:2;position:relative}
.gooey-nav-container{flex-shrink:0;position:relative}.gooey-nav-container nav{display:flex;position:relative}.gooey-nav-container nav ul{z-index:3;flex-wrap:nowrap;gap:.25em;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;white-space:nowrap;color:var(--muted);border-radius:100vw;flex-shrink:0;transition:color .3s;position:relative}.gooey-nav-container nav ul li a{letter-spacing:.12em;text-transform:uppercase;color:inherit;padding:.5em .9em;font-size:11px;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block}.gooey-nav-container nav ul li.active{color:#fff}.gooey-nav-container nav ul li:after{content:"";opacity:0;z-index:-1;background:#ffffff1a;border-radius:100vw;transition:all .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(.8)}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect.text{opacity:1;pointer-events:none;z-index:4;color:#fff;letter-spacing:.12em;text-transform:uppercase;place-items:center;width:0;height:0;font-size:11px;font-weight:500;transition:opacity .2s;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.text.active{opacity:0}.gooey-particle,.gooey-point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.gooey-particle{--time:5s;animation:gooey-particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.gooey-point{background:var(--color);opacity:1;animation:gooey-point calc(var(--time)) ease 1 -350ms}@keyframes gooey-particle{0%{transform:rotate(0deg) translate(var(--start-x), 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(var(--end-x), 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 gooey-point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}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{opacity:0;transform:scale(0)}}.gooey-nav-container{--color-1:#fff6;--color-2:#ffffff40;--color-3:#ffffff1f;--color-4:#ffffff0f}@media (max-width:767px){.gooey-nav-container{display:none}}