.app-nav-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px 0}.app-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid rgba(114,140,170,.24);border-radius:999px;background:linear-gradient(180deg,#121a26e6,#0a0f18f2),radial-gradient(circle at top,rgba(255,255,255,.05),transparent 58%);color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:11px;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 10px 24px #0003;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.app-nav-link:hover{transform:translateY(-1px);border-color:#0ea5e957;color:#f8fbff}.app-nav-link:focus-visible{outline:none;border-color:#0ea5e98f;box-shadow:0 0 0 2px #0ea5e929,0 10px 24px #0000003d}.app-nav-link.active{color:#f8fbff;border-color:#0ea5e980;background:linear-gradient(180deg,#132e47eb,#091725f5),radial-gradient(circle at top,rgba(125,211,252,.12),transparent 58%);box-shadow:inset 0 0 0 1px #7dd3fc14,0 10px 28px #0000003d}@media(max-width:720px){.app-nav-header{padding:16px 16px 0;flex-direction:column;align-items:stretch}.app-nav{width:100%}.app-nav-link{flex:1 1 0}}