.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-bottom:1px solid #d4af371a;width:100%;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#000000e6;border-bottom-color:#d4af374d;box-shadow:0 4px 30px #000c,0 0 40px #00ffff1a}.navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:12px 16px;display:flex}.navbar-logo{color:#d4af37;letter-spacing:.05rem;text-shadow:0 0 20px #d4af3799;flex-shrink:0;align-items:center;gap:.2rem;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.navbar-logo:hover{text-shadow:0 0 30px #d4af37e6;transform:scale(1.05)}.logo-accent{color:var(--color-cyan);animation:1.5s infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.navbar-links{flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.nav-link{font-family:var(--font-inter), system-ui, sans-serif;color:var(--color-text);opacity:.8;letter-spacing:.03rem;padding:.5rem 0;font-size:.9rem;text-decoration:none;transition:all .2s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--color-cyan) 0%, #d4af37 100%);width:0;height:2px;box-shadow:0 0 8px var(--color-cyan);transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--color-cyan);opacity:1;text-shadow:0 0 12px #0ff9}.nav-link:hover:after{width:100%}.nav-link.active{color:#d4af37;opacity:1;text-shadow:0 0 12px #d4af3799}.nav-link.active:after{background:#d4af37;width:100%;box-shadow:0 0 8px #d4af37cc}.navbar-cta{letter-spacing:.05rem;color:#d4af37;text-shadow:0 0 8px #d4af3799;background:radial-gradient(circle at 20% 20%,#d4af3726 0%,#0000 60%);border:1px solid #d4af3766;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-family:Orbitron,sans-serif;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 12px #d4af374d}.navbar-cta:hover{background:#d4af371a;border-color:#d4af37b3;transform:translateY(-2px);box-shadow:0 0 20px #d4af3799}.cta-icon{font-size:1rem;transition:transform .3s}.navbar-cta:hover .cta-icon{transform:translate(4px)}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:.5rem;display:none}.hamburger{flex-direction:column;justify-content:space-between;width:24px;height:20px;display:flex;position:relative}.hamburger span{background:var(--color-cyan);border-radius:2px;width:100%;height:2px;transition:all .3s;box-shadow:0 0 8px #0ff9}.hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#000000f2;border-left:1px solid #d4af374d;width:280px;height:calc(100vh - 72px);transition:transform .3s;position:fixed;top:72px;right:0;transform:translate(100%);box-shadow:-10px 0 50px #000c}.mobile-menu.open{transform:translate(0)}.mobile-menu-links{flex-direction:column;gap:.5rem;padding:2rem 1.5rem;display:flex}.mobile-nav-link{color:var(--color-text);border:1px solid #0000;border-radius:.5rem;padding:1rem;font-family:Orbitron,sans-serif;font-size:1.1rem;text-decoration:none;transition:all .2s}.mobile-nav-link:hover{color:var(--color-cyan);text-shadow:0 0 12px #0ff9;background:#00ffff1a;border-color:#00ffff4d}.mobile-nav-link.active{color:#d4af37;text-shadow:0 0 12px #d4af3799;background:#d4af371a;border-color:#d4af3766}.mobile-nav-link.cta{color:#d4af37;text-shadow:0 0 12px #d4af3799;background:radial-gradient(circle at 20% 20%,#d4af3733 0%,#0000 60%);border-color:#d4af3780;margin-top:1rem;box-shadow:0 0 20px #d4af374d}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#000000b3;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.navbar-inner{gap:0;padding:12px 16px}.navbar-links,.navbar-cta{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}
