.nav-links{display:flex;align-items:center;gap:5px;color:#b9bbca;font-size:.82rem}.nav-links>a,.nav-trigger{padding:12px 10px;border:0;color:inherit;background:none;font:inherit;cursor:pointer;transition:color .2s,background .2s}.nav-links>a:hover,.nav-trigger:hover,.nav-group.is-open .nav-trigger{color:var(--cyan);background:rgba(44,201,220,.05);border-radius:8px}.nav-group{position:relative}.nav-trigger{display:flex;align-items:center;gap:6px}.nav-trigger:after{content:"";width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.nav-group.is-open .nav-trigger:after{transform:rotate(225deg)}.submenu{position:absolute;top:calc(100% + 13px);left:50%;width:210px;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(9,10,16,.96);box-shadow:0 22px 55px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:opacity .2s,transform .2s,visibility .2s}.nav-group.is-open .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.submenu a{display:block;padding:11px 12px;border-radius:8px;color:#b9bbca}.submenu a:hover{color:var(--cyan);background:rgba(255,255,255,.04)}.mobile-nav{display:none}
@media(max-width:760px){.nav-links{display:none}.mobile-nav{display:flex;position:fixed;z-index:21;left:12px;right:12px;bottom:12px;justify-content:space-around;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(9,10,16,.9);font-size:.68rem}}