.navbar{background-color:var(--primary-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative}.logo-container{display:flex;align-items:center;gap:1rem}.logo-img{height:40px;width:auto;transition:transform 0.3s ease}.logo-img:hover{transform:rotate(15deg)}.logo-text{color:var(--light-color);font-weight:700;font-size:1.5rem}.nav-links{z-index:100;display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:var(--light-color);font-weight:600;position:relative;padding:0.5rem 0;transition:color 0.3s ease}.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;flex-direction:column;justify-content:space-between;height:24px;width:30px}.hamburger span{display:block;height:3px;width:100%;background-color:var(--light-color);transition:all 0.3s ease}@media (max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;width:100%;background-color:var(--primary-color);flex-direction:column;align-items:center;padding:1rem 0;gap:1rem;clip-path:circle(0px at 90% -10%);transition:clip-path 0.5s ease-in-out;pointer-events:none}.nav-links.active{clip-path:circle(1000px at 90% -10%);pointer-events:all}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}