.navbar{background-color:var(--dark);color:var(--text-light);display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:relative}.logo{display:flex;align-items:center;gap:0.5rem;font-size:1.5rem;font-weight:bold;text-decoration:none;color:var(--text-light);transition:all 0.3s ease}.logo:hover{color:var(--accent);transform:scale(1.05)}.logo-icon{color:var(--accent);font-size:2rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:500;padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s ease;position:relative}.nav-links a:hover{background-color:var(--primary);color:var(--text-light)}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent);transition:width 0.3s ease}.nav-links a:hover::after{width:100%}.hamburger{display:none;cursor:pointer;background:none;border:none;color:var(--text-light);font-size:1.5rem}@media (max-width:768px){.nav-links{position:absolute;top:100%;left:0;width:100%;background-color:var(--dark);flex-direction:column;align-items:center;padding:1rem 0;gap:0;clip-path:circle(0px at 90% -10%);transition:clip-path 0.5s ease;z-index:1000}.nav-links.active{clip-path:circle(1000px at 90% -10%)}.nav-links a{width:100%;text-align:center;padding:1rem 0}.hamburger{display:block}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.logo:hover .logo-icon{animation:pulse 1.5s infinite}