.navbar{background-color:var(--dark-color);color:var(--text-light);padding:1rem 2rem;box-shadow:0 4px 12px var(--shadow-color);position:sticky;top:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;color:var(--text-light);text-decoration:none;transition:transform 0.3s ease}.logo:hover{transform:scale(1.05)}.logo span{color:var(--accent-color)}.nav-menu{display:flex;list-style:none}.nav-item{margin-left:1.5rem;position:relative}.nav-link{color:var(--text-light);text-decoration:none;font-weight:500;padding:0.5rem 0;position:relative;transition:color 0.3s ease}.nav-link:hover{color:var(--secondary-color)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.hamburger{display:none;cursor:pointer;background:none;border:none;color:var(--text-light);font-size:1.5rem}@media (max-width:768px){.navbar-container{flex-direction:column;align-items:flex-start}.nav-menu{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.nav-menu.active{max-height:500px;padding:1rem 0}.nav-item{margin:0.5rem 0;margin-left:0;padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.hamburger{display:block;position:absolute;top:1rem;right:2rem}.logo{margin-bottom:0.5rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.logo:hover{animation:pulse 1.5s infinite}