:root{--neon-lime:#cf0;--dark-bg-glass:#0a0a0ab3}.navbar-fixed{background:var(--dark-bg-glass);-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 3rem;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.nav-brand-group{cursor:pointer;align-items:center;gap:12px;display:flex}.nav-logo-text{color:#fff;letter-spacing:2px;text-shadow:0 0 10px #00000080;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900}.nav-sub-brand{color:#888;border-left:2px solid var(--neon-lime);letter-spacing:1px;padding-left:12px;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;line-height:1}.nav-links-container{gap:3rem;display:flex}.dropdown{cursor:pointer;align-items:center;gap:6px;display:flex;position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(8px);z-index:1200;background:#0a0a0ae6;border:1px solid #ffffff1a;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:120%;left:0;box-shadow:0 10px 20px #0000004d}.dropdown-item{color:#ccc;text-transform:uppercase;padding:6px 4px;font-family:Orbitron,sans-serif;font-size:.85rem;text-decoration:none}.dropdown-item:hover{color:var(--neon-lime)}.nav-spacer{flex:1}.mobile-toggle{cursor:pointer;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.mobile-toggle:hover{opacity:.7}.mobile-menu-overlay{display:none}.mobile-submenu{flex-direction:column;display:flex}.nav-link{color:#ccc;text-transform:uppercase;letter-spacing:1px;padding:5px 0;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--neon-lime)}.nav-link:after{content:"";background-color:var(--neon-lime);width:0;height:2px;box-shadow:0 0 8px var(--neon-lime);transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.nav-cta{border:1px solid var(--neon-lime);color:var(--neon-lime);text-transform:uppercase;cursor:pointer;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);background:0 0;padding:8px 24px;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.nav-cta:hover{background:var(--neon-lime);color:#000;box-shadow:0 0 15px #cf06}.mobile-menu-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#0a0a0afa;border-left:1px solid #ffffff1a;flex-direction:column;gap:0;width:28%;max-height:calc(100vh - 80px);padding:16px;display:flex;position:fixed;top:80px;left:auto;right:0;overflow-y:auto}.mobile-menu-overlay.active{display:flex}.mobile-link{color:#ccc;text-transform:uppercase;border-bottom:1px solid #ffffff0d;padding:12px 16px;font-family:Orbitron,sans-serif;font-size:.9rem;text-decoration:none;transition:all .3s}.mobile-link:hover{color:var(--neon-lime);background:#ccff000d;padding-right:24px}.mobile-submenu{border-right:2px solid var(--neon-lime);background:#0000004d;flex-direction:column;gap:0;margin-right:8px;display:flex}.mobile-submenu .mobile-link{padding:10px 32px 10px 16px;font-size:.85rem}.nav-actions-fixed{align-items:center;gap:12px;display:flex}.nav-actions-fixed .nav-cta{padding:8px 18px;font-size:.85rem}@media (max-width:1024px){.navbar-fixed{padding:0 2rem}.nav-logo-text{font-size:1.2rem}.nav-actions-fixed .nav-cta{padding:7px 16px;font-size:.8rem}}@media (max-width:768px){.navbar-fixed{height:70px;padding:0 1.5rem}.nav-logo-text{font-size:1rem}.nav-sub-brand{display:none}.mobile-menu-overlay{width:35%;top:70px}.nav-actions-fixed{gap:8px}.nav-actions-fixed .nav-cta{padding:6px 12px;font-size:.7rem}}@media (max-width:480px){.mobile-submenu{min-width:140px;top:60px;right:40%}.navbar-fixed{height:60px;padding:0 1rem}.nav-logo-text{letter-spacing:1px;font-size:.75rem}.nav-actions-fixed{gap:6px}.nav-actions-fixed .nav-cta{padding:5px 8px;font-size:.6rem}.mobile-menu-overlay{width:40%;top:60px}.mobile-link{padding:10px 12px;font-size:.75rem}.mobile-submenu .mobile-link{padding:8px 24px 8px 12px;font-size:.7rem}.mobile-toggle{padding:6px}}@media (max-width:380px){.navbar-fixed{height:55px;padding:0 .8rem}.nav-logo-text{font-size:.65rem}.nav-actions-fixed .nav-cta{padding:4px 6px;font-size:.55rem}.mobile-menu-overlay{width:45%;top:55px}.mobile-link{padding:8px 10px;font-size:.7rem}.mobile-submenu .mobile-link{padding:6px 20px 6px 10px;font-size:.65rem}}
