.top-nav{background-color:#2c3e50;color:#fff;padding:.8rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:100}.nav-brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600}.brand-logo{width:32px;height:32px;background-color:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-menu{display:flex;gap:1.5rem;align-items:center}.nav-menu a{color:#fff;text-decoration:none;padding:.5rem .8rem;border-radius:4px;transition:background-color .2s}.nav-menu a:hover{background-color:rgba(255,255,255,.1)}.nav-menu a.active{background-color:#4caf50}.hamburger{display:none;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width:768px){.hamburger{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;flex-direction:column;background-color:#2c3e50;padding:1rem 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.nav-menu.active{display:flex}.nav-menu a{width:100%;padding:.8rem 1.5rem}}