.navbar{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--text-light);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{font-size:1.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center}.logo span{color:var(--accent-color);margin-left:0.5rem}.nav-links{z-index:90;display:flex;list-style:none;transition:all 0.3s ease}.nav-links li{position:relative;margin:0 0.5rem}.nav-links a{color:var(--text-light);text-decoration:none;padding:0.5rem 1rem;border-radius:4px;transition:all 0.3s ease;font-weight:500}.nav-links a:hover{background-color:rgba(255,255,255,0.1);color:var(--accent-color)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:var(--bg-dark);min-width:200px;box-shadow:0 8px 16px rgba(0,0,0,0.2);border-radius:4px;z-index:100;top:100%;left:0;opacity:0;transform:translateY(-10px);transition:all 0.3s ease}.dropdown:hover .dropdown-content{display:block;opacity:1;transform:translateY(0)}.dropdown-content a{color:var(--text-light);padding:12px 16px;display:block;border-bottom:1px solid rgba(0,0,0,0.05)}.dropdown-content a:hover{background-color:rgba(106,17,203,0.1);color:var(--accent-color)}.hamburger{display:none;cursor:pointer;width:30px;height:20px;flex-direction:column;justify-content:space-between}.hamburger div{width:100%;height:3px;background-color:var(--text-light);border-radius:3px;transition:all 0.3s ease}@media (max-width:992px){.hamburger{display:flex}.nav-links{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));flex-direction:column;align-items:center;padding:1rem 0;clip-path:circle(0px at 90% -10%);-webkit-clip-path:circle(0px at 90% -10%);transition:all 0.5s ease-out;pointer-events:none;opacity:0}.nav-links.active{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all;opacity:1}.nav-links li{margin:0.5rem 0;width:100%;text-align:center}.dropdown-content{position:static;display:none;width:100%;box-shadow:none;opacity:1;transform:none;background-color:rgba(0,0,0,0.1)}.dropdown:hover .dropdown-content{display:none}.dropdown.active .dropdown-content{display:block}}.hamburger.active div:nth-child(1){transform:translateY(8.5px) rotate(45deg)}.hamburger.active div:nth-child(2){opacity:0}.hamburger.active div:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}