.navbar{background:linear-gradient(135deg,var(--primary-color),var(--dark-color));color:var(--text-color);padding:1rem 2rem;box-shadow:var(--shadow);position:relative;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;font-size:1.8rem;font-weight:700;text-decoration:none;color:var(--text-color);transition:var(--transition)}.logo:hover{transform:scale(1.05);color:var(--secondary-color)}.logo span{color:var(--secondary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:1.5rem;position:relative}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;padding:0.5rem 1rem;border-radius:4px;transition:var(--transition);display:flex;align-items:center}.nav-links a:hover{background-color:rgba(255,255,255,0.1);color:var(--secondary-color)}.nav-links a.active{background-color:var(--accent-color);color:var(--dark-color);font-weight:600}.nav-links a.active:hover{background-color:var(--secondary-color)}.hamburger{display:none;cursor:pointer;width:30px;height:20px;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:3px;background-color:var(--text-color);transition:var(--transition)}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:992px){.nav-links{position:fixed;top:70px;left:-100%;width:80%;height:calc(100vh - 70px);background:linear-gradient(135deg,var(--primary-color),var(--dark-color));flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;transition:var(--transition);z-index:999}.nav-links.active{left:0}.nav-links li{margin:1rem 0;width:100%;text-align:center}.nav-links a{width:80%;justify-content:center;padding:1rem}.hamburger{display:flex}}@media (max-width:576px){.navbar{padding:1rem}.logo{font-size:1.5rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.logo:hover{animation:pulse 1s infinite}.nav-links a.active{box-shadow:0 0 10px var(--accent-color),0 0 20px rgba(0,230,118,0.5)}