.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(26,35,50,0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.nav::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-image: linear-gradient(90deg, transparent, #00e5ff, transparent); }
.nav .nav-inner { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 24px; height: 64px; }
.nav .nav-logo { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 800; font-size: 20px; color: #00e5ff; text-transform: uppercase; letter-spacing: -0.5px; text-decoration: none; }
.nav .nav-links { display: none; gap: 32px; }
.nav .nav-link { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 600; font-size: 13px; color: #8b9bb5; text-transform: uppercase; letter-spacing: 1.5px; text-decoration: none; }
.nav .nav-link.active, .nav .nav-link:hover { color: #00e5ff; }
.nav .nav-hamburger { cursor: pointer; display: block; }
.nav .nav-mobile-panel { max-height: 0; overflow: hidden; background: #111827; transition: max-height 300ms ease-in-out; }
.nav .nav-mobile-panel.open { max-height: 300px; }
.nav .nav-mobile-link { display: block; padding: 16px 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: 600; font-size: 14px; color: #94a3b8; text-decoration: none; text-transform: uppercase; }
.nav .nav-link:focus-visible, .nav .nav-mobile-link:focus-visible, .nav .nav-hamburger:focus-visible { outline: 2px solid #00e5ff; outline-offset: 2px; }
@media (min-width: 768px) {
.nav .nav-links { display: flex; }
.nav .nav-hamburger { display: none; }
}
.admin-bar .nav { top: 32px; }
@media screen and (max-width: 782px) {
.admin-bar .nav { top: 46px; }
}