.navbar{background-color:var(--dark-color);color:var(--white-color);border-bottom:1px solid var(--gray-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.navbar .logo img{height:40px}.nav-links{align-items:center;gap:1rem;display:flex}.nav-signin-btn{color:var(--accent-color);border:1px solid var(--accent-color);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background-color:transparent;padding:.5rem 1.25rem;font-family:monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.nav-signin-btn:hover{background-color:var(--accent-color);color:var(--dark-color);box-shadow:0 0 15px rgba(194,254,12,.2)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.hamburger-line{background-color:var(--accent-color);width:25px;height:2px;transition:all .3s;display:block}.hamburger-line.open-1{transform:translateY(7px)rotate(45deg)}.hamburger-line.open-2{opacity:0}.hamburger-line.open-3{transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar{padding:.75rem 1rem;position:relative}.navbar .logo img{height:30px}.mobile-menu-btn{display:flex}.nav-links{backdrop-filter:blur(15px);z-index:999;box-sizing:border-box;background-color:rgba(25,30,40,.98);border-bottom:1px solid #333;flex-direction:column;width:100%;padding:1.5rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 15px 40px rgba(0,0,0,.9)}.nav-links.open{display:flex}.nav-links .app-link,.nav-links .nav-signin-btn{margin:.5rem 0}.nav-signin-btn{padding:.4rem 1rem;font-size:.75rem}}