.cosmic-galaxy-explore{--transition:0.25s;--spark:1.8s;--hue:245;position:relative}.cosmic-galaxy-explore .cosmic-galaxy-btn{--cut:0.1em;--active:0;--bg:radial-gradient(120% 120% at 126% 126%,hsl(var(--hue) calc(var(--active) * 97%) 98%/calc(var(--active) * 0.9)) 40%,transparent 50%) calc(100px - (var(--active) * 100px)) 0 /100% 100% no-repeat,radial-gradient(120% 120% at 120% 120%,hsl(var(--hue) calc(var(--active) * 97%) 70%/calc(var(--active) * 1)) 30%,transparent 70%) calc(100px - (var(--active) * 100px)) 0 /100% 100% no-repeat,hsl(var(--hue) calc(var(--active) * 100%) calc(12% - (var(--active) * 8%)));background:var(--bg);font-size:clamp(1rem,2.5vw,1.65rem);font-weight:500;border:0;cursor:pointer;padding:.75em 1.15em;display:inline-flex;align-items:center;gap:.25em;white-space:nowrap;border-radius:2rem;position:relative;box-shadow:0 0 calc(var(--active) * 6em) calc(var(--active) * 3em) hsl(var(--hue) 97% 61%/.5),0 .05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc(var(--active) * 10%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .1));transform-style:preserve-3d;perspective:100vmin;overflow:hidden;text-decoration:none;color:inherit}.cosmic-galaxy-explore .cosmic-galaxy-btn:active{scale:1}.cosmic-galaxy-explore .star{height:calc(var(--size) * 1px);aspect-ratio:1;background:white;border-radius:50%;position:absolute;opacity:var(--alpha);top:50%;left:50%;transform:translate(-50%,-50%) rotate(10deg) rotate(0deg) translateY(calc(var(--distance) * 1px));animation:cosmic-galaxy-orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear}@keyframes cosmic-galaxy-orbit{to{transform:translate(-50%,-50%) rotate(10deg) rotate(1turn) translateY(calc(var(--distance) * 1px))}}.cosmic-galaxy-explore .galaxy{position:absolute;width:100%;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;overflow:hidden;opacity:var(--active);transition:opacity var(--transition)}.cosmic-galaxy-explore .galaxy__ring{height:200%;width:200%;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-28%,-40%) rotateX(-24deg) rotateY(-30deg) rotateX(90deg);transform-style:preserve-3d}.cosmic-galaxy-explore .galaxy__container{position:absolute;inset:0;opacity:var(--active);transition:opacity var(--transition);mask:radial-gradient(white,transparent)}.cosmic-galaxy-explore .star--static{animation:none;top:50%;left:50%;transform:translate(0);max-height:4px;filter:brightness(4);opacity:.9;animation:cosmic-galaxy-move-x calc(var(--duration) * .1s) calc(var(--delay) * -.1s) infinite linear,cosmic-galaxy-move-y calc(var(--duration) * .2s) calc(var(--delay) * -.2s) infinite linear}.cosmic-galaxy-explore .cosmic-galaxy-btn:hover .star--static{animation-play-state:paused}@keyframes cosmic-galaxy-move-x{0%{translate:-100px 0}to{translate:100px 0}}@keyframes cosmic-galaxy-move-y{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}.cosmic-galaxy-explore .spark{position:absolute;inset:0;border-radius:2rem;rotate:0deg;overflow:hidden;mask:linear-gradient(white,transparent 50%);animation:cosmic-galaxy-flip calc(var(--spark) * 2) infinite steps(2)}@keyframes cosmic-galaxy-flip{to{rotate:1turn}}.cosmic-galaxy-explore .spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 1turn);transition:opacity var(--transition);animation:cosmic-galaxy-rotate-spark var(--spark) linear infinite both}.cosmic-galaxy-explore .spark:after{content:"";position:absolute;inset:var(--cut);border-radius:2rem}.cosmic-galaxy-explore .backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:2rem;transition:background var(--transition)}@keyframes cosmic-galaxy-rotate-spark{to{transform:rotate(90deg)}}.cosmic-galaxy-explore .cosmic-galaxy-btn:is(:hover,:focus-visible){--active:1;--play-state:running}.cosmic-galaxy-explore .cosmic-galaxy-explore__inner{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.35em;translate:2% -6%;letter-spacing:.01ch;color:hsl(0 0% calc(60% + (var(--active) * 26%)))}.cosmic-galaxy-explore .cosmic-galaxy-btn svg{inline-size:1.15em;translate:-10% -5%;flex-shrink:0}.cosmic-galaxy-explore .cosmic-galaxy-explore__logo{border-radius:.125rem;flex-shrink:0}.cosmic-galaxy-explore .cosmic-galaxy-btn:focus-visible{outline:2px solid hsl(var(--hue) 97% 70%);outline-offset:3px}.electric-border-frame{--electric-border-color:#3b82f6;--electric-light-color:oklch(from var(--electric-border-color) l c h);--gradient-color:oklch(from var(--electric-border-color) 0.32 calc(c / 2) h/0.42);--electric-neutral-fill:oklch(0.11 0.025 260);--electric-radius:1.25rem;--electric-aspect:3/4;position:relative;width:100%;max-width:var(--electric-frame-max,none);padding:2px;border-radius:var(--electric-radius);background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,var(--electric-neutral-fill),var(--electric-neutral-fill))}.electric-border-frame__svg{position:absolute;width:0;height:0;overflow:hidden}.electric-border-frame__inner{position:relative;isolation:isolate}.electric-border-frame__border-outer{border:2px solid rgba(59,130,246,.42);border-radius:var(--electric-radius);padding-right:4px;padding-bottom:4px}.electric-border-frame__stack{position:relative;width:100%;aspect-ratio:var(--electric-aspect);margin-top:-4px;margin-left:-4px}.electric-border-frame__photo{position:absolute;inset:0;z-index:0;border-radius:var(--electric-radius);overflow:hidden;background:var(--electric-neutral-fill)}.electric-border-frame__photo>*{width:100%;height:100%}.electric-border-frame__electric-ring{position:absolute;inset:0;z-index:1;border-radius:var(--electric-radius);border:2px solid var(--electric-border-color);box-sizing:border-box;filter:var(--electric-filter-url);pointer-events:none;background:transparent}.electric-border-frame__glow-1{border:2px solid rgba(147,197,253,.55);border-radius:var(--electric-radius);position:absolute;inset:0;filter:blur(1px);pointer-events:none}.electric-border-frame__glow-2{border:2px solid var(--electric-light-color);border-radius:var(--electric-radius);position:absolute;inset:0;filter:blur(4px);pointer-events:none}.electric-border-frame__overlay-1,.electric-border-frame__overlay-2{position:absolute;inset:0;border-radius:var(--electric-radius);mix-blend-mode:overlay;transform:scale(1.05);filter:blur(14px);pointer-events:none}.electric-border-frame__overlay-1{opacity:.95}.electric-border-frame__overlay-1,.electric-border-frame__overlay-2{background:linear-gradient(-30deg,white,transparent 28%,transparent 72%,white)}.electric-border-frame__overlay-2{opacity:.4}.electric-border-frame__bg-glow{position:absolute;inset:0;border-radius:var(--electric-radius);filter:blur(28px);transform:scale(1.06);opacity:.26;z-index:-1;pointer-events:none;background:linear-gradient(-30deg,var(--electric-light-color),transparent,var(--electric-border-color))}