.navbar{position:fixed;top:0;left:0;width:100%;z-index:50;background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-primary);transition:all .3s ease}.navbar.scrolled{background:var(--bg-panel-solid);box-shadow:0 2px 16px #00000026;border-bottom-color:var(--border-secondary)}.nav-container{width:100%;margin:0;padding:0 40px;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--accent-primary);font-size:1.4rem;font-weight:700;transition:all .3s ease;justify-self:start}.nav-logo:hover{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(0,212,230,.4))}.nav-logo img{width:36px;height:36px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(0,212,230,.3))}.nav-logo-text{font-family:Space Grotesk,sans-serif;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links-center{display:flex;align-items:center;gap:40px;justify-self:center;grid-column:2}.nav-links{display:none;align-items:center;gap:32px}.nav-link{font-family:Inter,sans-serif;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;position:relative;padding:6px 0;white-space:nowrap}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent-primary);transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-link-profile{font-family:Inter,sans-serif;color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.nav-link-profile:hover{color:var(--accent-primary)}.nav-cta-container{display:flex;align-items:center;gap:12px;justify-self:end}.btn-nav-cta{padding:6px 16px;font-size:.875rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:8px;border:none;white-space:nowrap;transition:all .3s ease}.btn-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00d4e64d}.theme-toggle{width:32px;height:32px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;border-color:transparent;margin-left:0;opacity:.7}.theme-toggle:hover{opacity:1;border-color:var(--border-secondary);background:#00d4e60d}.theme-toggle svg{width:18px;height:18px;color:var(--text-tertiary)}.theme-toggle:hover svg{color:var(--accent-primary)}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:none;cursor:pointer;padding:8px}.hamburger-line{width:24px;height:2px;background:var(--accent-primary);transition:all .3s ease;border-radius:2px}.mobile-menu-toggle:hover .hamburger-line{background:var(--text-primary)}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:1024px){.nav-container{padding:0 32px}.nav-links{gap:24px}}@media(max-width:768px){.nav-container{padding:0 24px;height:60px;grid-template-columns:1fr auto}.nav-logo{font-size:1.25rem}.nav-logo img{width:30px;height:30px}.nav-links-center,.nav-cta-container{display:none}.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:60px;right:-100%;width:100%;max-width:300px;height:calc(100vh - 60px);background:var(--bg-panel-solid);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:24px;transition:right .3s ease;box-shadow:-4px 0 24px #0000004d;overflow-y:auto}.nav-links.active{right:0}.nav-link,.nav-link-profile{width:100%;padding:16px 0;font-size:1.1rem;border-bottom:1px solid var(--border-tertiary)}.nav-link:after{display:none}.btn-nav-cta{width:100%;padding:12px 20px;text-align:center;margin-top:8px;border-radius:8px}.theme-toggle{margin-top:8px;width:100%;margin-left:0;opacity:1;justify-content:flex-start;padding-left:0}}