.navbar{background-color:var(--primary-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.logo{color:var(--text-light);font-size:1.5rem;font-weight:bold;text-decoration:none}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:1.5rem}.nav-links a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color 0.3s ease;padding:0.5rem 0;position:relative}.nav-links a:hover{color:var(--accent-color)}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width 0.3s ease}.nav-links a:hover::after{width:100%}.hamburger{display:none;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:var(--text-light);margin:5px;transition:all 0.3s ease}@media (max-width:768px){.nav-links{position:absolute;right:0;top:63px;background-color:var(--primary-color);width:100%;flex-direction:column;align-items:center;padding:1rem 0;clip-path:circle(0px at 90% -10%);transition:all 0.5s ease-out;pointer-events:none}.nav-links.open{clip-path:circle(1000px at 90% -10%);pointer-events:all}.nav-links li{margin:1rem 0}.hamburger{display:block}}.hamburger.open .line1{transform:rotate(-45deg) translate(-5px,6px)}.hamburger.open .line2{opacity:0}.hamburger.open .line3{transform:rotate(45deg) translate(-5px,-6px)}