.pill-nav-container{align-items:center;display:flex}.pill-nav{--nav-h:44px;--logo:36px;--pill-pad-x:18px;--pill-gap:3px;box-sizing:border-box;align-items:center;gap:6px;width:max-content;display:flex}@media (max-width:768px){.pill-nav{justify-content:space-between;width:100%;padding:0 1rem}}.pill-logo{width:var(--nav-h);height:var(--nav-h);-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#0d0e1a8c;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;overflow:hidden}.pill-logo img{object-fit:cover;width:100%;height:100%;display:block}.pill-nav-items{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);background:#0d0e1a8c;border:1px solid #ffffff14;border-radius:9999px;align-items:center;display:flex;position:relative}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:3px;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,#fff);color:var(--pill-text,#000);box-sizing:border-box;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:0;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{z-index:1;pointer-events:none;will-change:transform;background:#110bc1;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,#fff);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);background:var(--base,#000);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:none}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--pill-bg,#fff);transform-origin:50%;border-radius:1px;width:16px;height:2px}.mobile-menu-popover{background:var(--base,#0d0e1a);z-index:998;opacity:0;transform-origin:top;visibility:hidden;border:1px solid #ffffff14;border-radius:20px;position:fixed;top:72px;left:1rem;right:1rem;box-shadow:0 16px 48px #00000080}.mobile-menu-list{flex-direction:column;gap:3px;margin:0;padding:6px;list-style:none;display:flex}.mobile-menu-popover .mobile-menu-link{color:var(--pill-text,#fff);background-color:var(--pill-bg,#fff);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;text-align:left;border:none;border-radius:14px;width:100%;padding:13px 18px;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.mobile-menu-popover .mobile-menu-link:hover{opacity:.85}
.magic-bento{gap:10px;display:grid}.mb-card{box-sizing:border-box;cursor:default;background:#111318;border:1px solid #ffffff12;border-radius:18px;position:relative;overflow:hidden}.mb-stars{pointer-events:none;z-index:0;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.mb-spotlight{pointer-events:none;z-index:1;border-radius:inherit;background:radial-gradient(circle var(--sr,400px) at var(--mx,-9999px) var(--my,-9999px), rgba(var(--glow-color,"17,11,193"), .13) 0%, transparent 70%);opacity:var(--spotlight-opacity,0);transition:opacity .3s;position:absolute;inset:0}.mb-border-glow{pointer-events:none;z-index:2;border-radius:inherit;border:1px solid rgba(var(--glow-color,"17,11,193"), .55);opacity:var(--glow-opacity,0);box-shadow:inset 0 0 16px rgba(var(--glow-color,"17,11,193"), .08), 0 0 20px rgba(var(--glow-color,"17,11,193"), .12);transition:opacity .3s;position:absolute;inset:-1px}.mb-ripple{background:rgba(var(--glow-color,"17,11,193"), .4);pointer-events:none;z-index:10;border-radius:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;animation:.7s ease-out forwards mb-ripple-anim;position:absolute}@keyframes mb-ripple-anim{0%{opacity:.7;transform:scale(0)}to{opacity:0;transform:scale(50)}}.mb-content{z-index:3;width:100%;height:100%;position:relative}.mb-text-autohide .mb-content .mb-label,.mb-text-autohide .mb-content .mb-subtext{opacity:.55;transition:opacity .3s}.mb-card:hover .mb-content .mb-label,.mb-card:hover .mb-content .mb-subtext{opacity:1}