.pill-nav-container{z-index:99;align-items:center;display:flex;position:relative}@media (max-width:768px){.pill-nav-container{width:100%}}.pill-nav{--nav-h:40px;--logo:34px;--pill-pad-x:15px;--pill-gap:3px;box-sizing:border-box;align-items:center;gap:.5rem;width:max-content;display:flex}@media (max-width:768px){.pill-nav{background:0 0;justify-content:space-between;width:100%}}.pill-nav-items{height:var(--nav-h);background:var(--base,#11141ad9);border:1px solid var(--border-subtle,#ffffff14);-webkit-backdrop-filter:blur(12px);border-radius:9999px;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #00000059}.pill-logo{width:var(--nav-h);height:var(--nav-h);background:var(--base,#11141ad9);border:1px solid var(--border-subtle,#ffffff14);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:border-color .2s,transform .2s;display:inline-flex;overflow:hidden;box-shadow:0 4px 16px #00000059}.pill-logo:hover{border-color:#38bdf866}.pill-logo img{object-fit:cover;border-radius:50%;width:100%;height:100%;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,#ffffff08);color:var(--pill-text,#94a3b8);box-sizing:border-box;letter-spacing:.02em;white-space:nowrap;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;font-family:inherit;font-size:.84rem;font-weight:500;line-height:1;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;overflow:hidden}.pill .hover-circle{background:var(--hover-circle-bg,var(--base,#2563eb));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,#fff);z-index:3;will-change:transform, opacity;font-weight:600;line-height:1;display:inline-block;position:absolute;top:0;left:0}.pill.is-active:after{content:"";z-index:4;background:#38bdf8;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #38bdf8cc}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);background:var(--base,#11141ae6);border:1px solid var(--border-subtle,#ffffff14);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none;position:relative;box-shadow:0 4px 16px #00000059}@media (max-width:768px){.mobile-menu-button{display:flex}}.hamburger-line{background:var(--pill-text,#f1f5f9);transform-origin:50%;border-radius:1px;width:16px;height:2px;transition:all 10ms}.mobile-menu-popover{top:calc(var(--nav-h) + .75rem);border:1px solid var(--border-subtle,#ffffff1a);-webkit-backdrop-filter:blur(20px);z-index:998;opacity:0;transform-origin:top;visibility:hidden;background:#11141afa;border-radius:16px;padding:.5rem;position:absolute;left:0;right:0;box-shadow:0 12px 32px #000000a6}.mobile-menu-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mobile-menu-popover .mobile-menu-link{color:var(--text-secondary,#94a3b8);background-color:#ffffff08;border-radius:10px;padding:10px 16px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.mobile-menu-popover .mobile-menu-link:hover,.mobile-menu-popover .mobile-menu-link.is-active{cursor:pointer;color:#fff;background-color:#2563eb33}
.spotlight-card{border-radius:var(--card-radius,14px);-webkit-backdrop-filter:blur(16px);will-change:transform;background:#11141ae6;border:1px solid #ffffff14;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000059}.spotlight-card:hover{border-color:#ffffff29;box-shadow:0 8px 30px #00000073}.spotlight-surface-glow{pointer-events:none;border-radius:inherit;opacity:var(--spotlight-opacity,0);background:radial-gradient(450px circle at var(--mouse-x,0) var(--mouse-y,0), var(--spotlight-color,#38bdf824), transparent 75%);z-index:1;transition:opacity .35s;position:absolute;inset:0}.spotlight-border-glow{pointer-events:none;border-radius:inherit;opacity:var(--spotlight-opacity,0);background:radial-gradient(300px circle at var(--mouse-x,0) var(--mouse-y,0), #38bdf873, transparent 70%);-webkit-mask-composite:xor;z-index:2;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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-inner-content{z-index:3;width:100%;height:100%;position:relative}
.tilted-card-wrapper{width:100%;position:relative;transform:translateZ(0)}.tilted-card-inner{border-radius:var(--tilted-radius,16px);-webkit-backdrop-filter:blur(18px);will-change:transform;backface-visibility:hidden;background:#11141aeb;border:1px solid #ffffff17;width:100%;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 30px #00000073,0 1px 2px #ffffff0d}.tilted-card-inner:hover{border-color:#38bdf84d;box-shadow:0 20px 40px #0000008c,0 0 30px #38bdf81a}.tilted-glare{pointer-events:none;border-radius:inherit;opacity:var(--glare-opacity,0);background:radial-gradient(500px circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff1a 0%, #38bdf80f 40%, transparent 75%);z-index:2;transition:opacity .3s;position:absolute;inset:0}.tilted-border-highlight{pointer-events:none;border-radius:inherit;opacity:var(--glare-opacity,0);background:radial-gradient(350px circle at var(--glare-x,50%) var(--glare-y,50%), #38bdf88c, transparent 65%);-webkit-mask-composite:xor;z-index:3;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.tilted-content{z-index:4;width:100%;height:100%;position:relative}