.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:0 20px;box-shadow:var(--shadow);position:relative;transition:var(--transition)}.navbar-brand{font-size:1.8rem;font-weight:700;color:var(--text-light);text-decoration:none;padding:15px 0;transition:var(--transition)}.navbar-brand:hover{color:var(--accent-color);transform:scale(1.05)}.navbar-menu{display:flex;list-style:none;gap:10px}.navbar-item{position:relative}.navbar-link{display:block;color:var(--text-light);text-decoration:none;padding:15px 20px;border-radius:8px;transition:var(--transition);font-weight:500}.navbar-link:hover{background-color:rgba(255,255,255,0.1);color:var(--accent-color);transform:translateY(-2px)}.navbar-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:var(--accent-color);transition:var(--transition);transform:translateX(-50%)}.navbar-link:hover::after{width:80%}.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer}.navbar-toggle span{display:block;height:3px;width:100%;background-color:var(--text-light);border-radius:3px;transition:var(--transition)}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:10px 15px}.navbar-toggle{display:flex}.navbar-menu{display:none;width:100%;flex-direction:column;gap:5px;margin-top:10px}.navbar-menu.active{display:flex}.navbar-link{padding:12px 15px;text-align:center;border-radius:6px}.navbar-link:hover{transform:translateX(5px)}}