.pill-nav-container{z-index:100;box-sizing:border-box;width:92%;max-width:900px;position:fixed;top:1.5em;left:50%;transform:translate(-50%)}@media (max-width:768px){.pill-nav-container{width:calc(100% - 2rem);top:.75em}}.pill-nav{--nav-h:46px;--pill-pad-x:20px;--pill-gap:2px;background:var(--base,#fff);box-sizing:border-box;border-radius:9999px;align-items:center;gap:6px;width:100%;padding:5px 8px 5px 5px;display:flex;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f}@media (max-width:768px){.pill-nav{justify-content:space-between;padding:4px 6px}}.pill-logo{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:10px;text-decoration:none;display:inline-flex;overflow:hidden}.pill-logo img{object-fit:contain;width:100%;height:100%;display:block}.pill-nav-items{height:var(--nav-h);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:0;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#120f17);color:var(--pill-text,#fff);box-sizing:border-box;white-space:nowrap;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--hover-circle,var(--base,#000));z-index:1;pointer-events:none;will-change:transform;border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;will-change:transform;line-height:1;display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#120f17);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";background:var(--base,#fff);z-index:4;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pill-nav-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}}.pill-hamburger{background:var(--pill-bg,#120f17);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:none}@media (max-width:768px){.pill-hamburger{display:flex}}.hamburger-line{background:var(--pill-text,#fff);transform-origin:50%;border-radius:1px;width:14px;height:2px}.mobile-menu-popover{background:var(--base,#fff);z-index:99;opacity:0;visibility:hidden;border-radius:24px;position:absolute;top:3.5em;left:0;right:0;box-shadow:0 8px 32px #00000024}.mobile-menu-list{flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;display:flex}.mobile-menu-link{color:var(--pill-text,#fff);background:var(--pill-bg,#120f17);border-radius:9999px;padding:12px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.mobile-menu-link:hover,.mobile-menu-link.is-active{background:var(--base,#000);color:var(--hover-text,#fff)}.pill-ctrl-btn{cursor:pointer;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:flex}.pill-lang-dropdown{z-index:200;border:1px solid;border-radius:10px;min-width:72px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.pill-lang-option{cursor:pointer;text-align:left;border:none;width:100%;padding:7px 14px;font-size:11px;font-weight:700;display:block}
.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;border:1.5px solid var(--glow-color-40,#f5daa366);background:var(--card-bg,#120f17);box-shadow:0 0 0 1px var(--glow-color-20,#f5daa333), 0 0 18px 2px var(--glow-color-10,#f5daa31a), #00000014 0px 1px 2px, #00000014 0px 2px 4px, #0000000f 0px 4px 8px, #00000014 0px 8px 16px, #0000000f 0px 16px 32px;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.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%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-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;display:flex;position:relative;overflow:auto}
