.navbar{background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px var(--shadow-color);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-toggle{display:none}.nav-toggle-label{display:none;flex-direction:column;cursor:pointer;padding:0.5rem}.nav-toggle-label span{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:0.3s;border-radius:2px}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;padding:0.5rem 1rem;border-radius:8px;transition:all 0.3s ease;position:relative}.nav-link:hover{color:var(--primary-light);background:rgba(255,255,255,0.05)}.nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--primary-color);transition:all 0.3s ease;transform:translateX(-50%)}.nav-link:hover::after{width:80%}.nav-dropdown{position:relative}.dropdown-toggle{display:none}.dropdown-label{display:flex;align-items:center;gap:0.5rem;color:var(--text-primary);background:rgba(255,255,255,0.05);padding:0.5rem 1rem;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-weight:500;border:1px solid var(--border-color)}.dropdown-label:hover{background:rgba(255,255,255,0.1);border-color:var(--primary-color)}.dropdown-arrow{transition:transform 0.3s ease}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:0.5rem 0;min-width:200px;box-shadow:0 10px 30px var(--shadow-color);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}.dropdown-link{display:block;color:var(--text-primary);text-decoration:none;padding:0.75rem 1.5rem;transition:all 0.3s ease;font-size:0.9rem}.dropdown-link:hover{background:rgba(255,255,255,0.05);color:var(--primary-light);padding-left:2rem}.dropdown-toggle:checked ~ .dropdown-menu{opacity:1;visibility:visible;transform:translateY(5px)}.dropdown-toggle:checked ~ .dropdown-label .dropdown-arrow{transform:rotate(180deg)}@media (max-width:768px){.nav-toggle-label{display:flex}.nav-menu{position:fixed;top:70px;left:0;width:100%;background:var(--surface-color);flex-direction:column;align-items:stretch;padding:1rem;gap:0;transform:translateX(-100%);transition:transform 0.3s ease;border-top:1px solid var(--border-color)}.nav-toggle:checked ~ .nav-menu{transform:translateX(0)}.nav-links{flex-direction:column;gap:0;width:100%}.nav-link{padding:1rem;border-radius:0;border-bottom:1px solid var(--border-color)}.nav-link::after{display:none}.nav-dropdown{width:100%}.dropdown-label{border-radius:0;border:none;border-bottom:1px solid var(--border-color);justify-content:space-between}.dropdown-menu{position:static;background:rgba(0,0,0,0.2);border:none;border-radius:0;box-shadow:none;transform:none;display:none}.dropdown-toggle:checked ~ .dropdown-menu{display:block;opacity:1;visibility:visible;transform:none}.nav-toggle:checked ~ .nav-toggle-label span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle:checked ~ .nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked ~ .nav-toggle-label span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media (max-width:480px){.nav-container{padding:0 0.5rem}.logo-text{font-size:1.25rem}.nav-link,.dropdown-label{padding:0.75rem}}