.navbar{z-index:100;background:var(--glass-bg);border-radius:50px;width:calc(100% - 2rem);max-width:1200px;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.navbar-container{justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-logo{align-items:center;display:flex}.navbar-links{align-items:center;gap:2rem;display:flex}.nav-link{font-weight:500;transition:color .3s}.nav-link:hover{color:var(--accent)}.menu-toggle{cursor:pointer;flex-direction:column;gap:5px;display:none}.menu-toggle .bar{background-color:var(--foreground,#fff);border-radius:2px;width:25px;height:3px;transition:all .3s}@media (max-width:768px){.menu-toggle{display:flex}.navbar-links{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;flex-direction:column;gap:1.5rem;width:100%;margin-top:.5rem;padding:1rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0003}.navbar-links.active{display:flex}.menu-toggle .bar.open:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle .bar.open:nth-child(2){opacity:0}.menu-toggle .bar.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}