.navbar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:1rem 2rem;box-shadow:0 4px 12px rgba(0,0,0,0.3);position:relative}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.brand{font-size:1.8rem;font-weight:700;color:var(--text-color);text-decoration:none;display:flex;align-items:center;transition:transform var(--transition-speed)}.brand:hover{transform:scale(1.05)}.brand span{color:var(--accent-color)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:0.5rem 1rem;border-radius:4px;transition:all var(--transition-speed);position:relative}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width var(--transition-speed)}.nav-link:hover{color:var(--accent-color)}.nav-link:hover::after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.hamburger span{height:3px;width:100%;background-color:var(--text-color);border-radius:3px;transition:all var(--transition-speed)}@media screen and (max-width:768px){.hamburger{display:flex}.nav-menu{z-index:1000;position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--surface-color);width:100%;text-align:center;transition:left var(--transition-speed);box-shadow:0 10px 15px rgba(0,0,0,0.3);padding:2rem 0;gap:0}.nav-menu.active{left:0}.nav-item{margin:1.5rem 0}.nav-link{padding:1rem 2rem;display:block;font-size:1.2rem}}