:root{--accent-a:#f97316;--accent-b:#60a5fa}.card-nav-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);width:92%;max-width:1000px;z-index:99;box-sizing:border-box}.card-nav{display:block;height:60px;padding:0;background-color:rgba(12,16,26,.65);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:0 10px 30px rgba(2,6,23,.35),inset 0 0 0 1px hsla(0,0%,100%,.03);position:relative;overflow:hidden;will-change:height;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}.card-nav-top{position:absolute;inset:0 0 auto 0;height:60px;justify-content:space-between;padding:.5rem .55rem .55rem 1.1rem;z-index:2}.card-nav-top,.hamburger-menu{display:flex;align-items:center}.hamburger-menu{height:100%;flex-direction:column;justify-content:center;cursor:pointer;gap:6px;color:#e5e7eb}.hamburger-menu:hover .hamburger-line{opacity:.8}.hamburger-line{width:28px;height:2px;background-color:currentColor;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo{height:28px}.logo-fallback{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));box-shadow:0 6px 20px rgba(2,6,23,.45)}.card-nav-cta-button{background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(20,20,25,.6));color:#fff;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:0 1rem;height:76%;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.card-nav-cta-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(2,6,23,.35);border-color:hsla(0,0%,100%,.14)}.card-nav-content{position:absolute;left:0;right:0;top:60px;bottom:0;padding:.6rem;display:flex;align-items:flex-end;gap:12px;z-index:1;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.card-nav.open .card-nav-content{opacity:1;transform:translateY(0)}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:12px;position:relative;display:flex;flex-direction:column;padding:14px 16px;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#f8fafc;background:linear-gradient(to bottom right,hsla(0,0%,100%,.045),hsla(0,0%,100%,.025));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;transform-origin:center bottom;will-change:transform,opacity}.nav-card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .25s ease;pointer-events:none}.nav-card:hover:before{opacity:.9}.nav-card-label{font-weight:700;font-size:22px;letter-spacing:0;text-shadow:0 1px 12px rgba(0,0,0,.4)}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:6px}.nav-card-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#e5e7eb;font-size:16px;line-height:1.25;font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease;will-change:transform,background-color,border-color,box-shadow}.nav-card-link .nav-card-link-icon{opacity:.9;transition:transform .2s ease,opacity .2s ease}.nav-card-link:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.14);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px rgba(2,6,23,.25)}.nav-card-link:hover .nav-card-link-icon{opacity:1;transform:translateX(2px)}.nav-card-link:focus-visible{outline:none;border-color:hsla(0,0%,100%,.22);box-shadow:0 0 0 2px hsla(0,0%,100%,.18),0 0 0 4px color-mix(in oklab,var(--accent-b) 65%,transparent),0 0 0 6px color-mix(in oklab,var(--accent-a) 55%,transparent);transform:translateY(-1px)}.nav-card-link:active{transform:translateY(0) scale(.99);background:hsla(0,0%,100%,.06);box-shadow:0 4px 12px rgba(2,6,23,.18)}@media (prefers-reduced-motion:reduce){.card-nav-content{transition:opacity .15s linear,transform .15s linear}.nav-card-link{transition:background-color .15s linear,border-color .15s linear,color .15s linear}.nav-card-link:active,.nav-card-link:focus-visible,.nav-card-link:hover{transform:none;box-shadow:none}}@media (max-width:768px){.card-nav-container{width:92%;top:.8rem}.card-nav-top{padding:.5rem .9rem;justify-content:space-between}.logo-container{position:static;transform:none}.card-nav-cta-button{height:70%}.card-nav-content{flex-direction:column;align-items:stretch;gap:10px;padding:.55rem;bottom:0;justify-content:flex-start}.nav-card{height:auto;min-height:64px;flex:1 1 auto;max-height:none}.nav-card-label{font-size:20px}.nav-card-link{font-size:15px;padding:6px 10px}}