:root{--color-1:#8108ea;--color-2:#ff96fd;--color-3:#00367d;--color-4:#d9d9d9}.gooey-nav-container{align-items:center;display:flex;position:relative}.gooey-nav-container nav{z-index:10;display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:10;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#b8a6c4;letter-spacing:-.01em;z-index:10;border-radius:9999px;font-size:.8125rem;font-weight:500;transition:color .25s;position:relative}.gooey-nav-container nav ul li:hover{color:#fff}.gooey-nav-container nav ul li a{color:inherit;border-radius:9999px;padding:.35rem .85rem;text-decoration:none;display:inline-block}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){outline-offset:2px;outline:2px solid #8108ea99}.gooey-nav-container nav ul li.active{color:#000}.gooey-nav-container nav ul li.active a,.gooey-nav-container nav ul li.active:hover a{color:#000!important}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container.ready .effect{transition:left .3s cubic-bezier(.25,1,.5,1),width .3s cubic-bezier(.25,1,.5,1)}.gooey-nav-container .effect.text{display:none}.gooey-nav-container .effect.filter{filter:url(#gooey-nav-filter);mix-blend-mode:normal}.gooey-nav-container .effect.filter:after{content:"";z-index:-1;opacity:1;background:#f9f5f2;border-radius:9999px;position:absolute;inset:0;transform:scale(1);box-shadow:0 0 16px #8108ea66}.gooey-nav-container .effect.active:after{animation:.32s cubic-bezier(.2,.85,.32,1.05) both gooeyPill}@keyframes gooeyPill{0%{transform:scale(.85)}50%{transform:scale(1.04)}to{transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:14px;height:14px;display:block}.particle{--time:.45s;animation:gooeyParticle calc(var(--time)) ease 1 -100ms;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px)}.point{background:var(--color,#fff);opacity:1;animation:gooeyPoint calc(var(--time)) ease 1 -100ms}@keyframes gooeyParticle{0%{transform:rotate(0deg) 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.1), calc(var(--end-y) * 1.1));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.1)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:0}}@keyframes gooeyPoint{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .3))}40%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:.8}to{opacity:0;transform:scale(0)}}@media (prefers-reduced-motion:reduce){.particle,.point{animation:none!important;display:none!important}.gooey-nav-container .effect.active:after{opacity:1!important;animation:none!important;transform:scale(1)!important}.gooey-nav-container nav ul li:after{transition:none!important}}
.side-rays-container{pointer-events:none;z-index:0;width:100%;height:100%;position:relative;overflow:hidden}
.text-rotate{white-space:pre-wrap;flex-wrap:wrap;display:flex;position:relative}.text-rotate-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-rotate-word{display:inline-flex}.text-rotate-lines{flex-direction:column;width:100%;display:flex}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}
.spotlight-card{background-color:var(--bg-surface,#0a0510);border:1px solid var(--border-subtle,#251238);border-radius:.875rem;transition:border-color .3s,transform .3s,background-color .3s;position:relative;overflow:hidden}.spotlight-card:before{content:"";border-radius:inherit;background:radial-gradient(var(--spotlight-radius,350px) circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), var(--border-glow,#8108ea80), transparent 65%);-webkit-mask-composite:xor;pointer-events:none;opacity:var(--spotlight-opacity,0);z-index:1;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:after{content:"";border-radius:inherit;background:radial-gradient(var(--spotlight-radius,350px) circle at var(--mouse-x,-1000px) var(--mouse-y,-1000px), var(--surface-glow,#00367d33), transparent 70%);pointer-events:none;opacity:var(--spotlight-opacity,0);z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-card-content{z-index:2;position:relative}
.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4em;display:inline-flex;position:relative}.focus-word{font-size:inherit;font-weight:inherit;color:#f5f5f5;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;display:inline-block;position:relative}.focus-word.active{color:#fff;filter:blur()!important}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:2px solid var(--border-color,#8108ea);width:.75rem;height:.75rem;filter:drop-shadow(0px 0px 6px var(--glow-color,#8108eab3));border-radius:2px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-6px;left:-6px}.top-right{border-bottom:none;border-left:none;top:-6px;right:-6px}.bottom-left{border-top:none;border-right:none;bottom:-6px;left:-6px}.bottom-right{border-top:none;border-left:none;bottom:-6px;right:-6px}