.logo,nav ul{display:flex}.logo,header,nav a{color:var(--text-light)}.dropdown-content,header{box-shadow:var(--box-shadow)}.dropdown-content,nav a{border-radius:var(--border-radius)}header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:15px 0;position:sticky;top:0;z-index:100;width:100%}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;letter-spacing:.5px;align-items:center;text-decoration:none}.logo svg{margin-right:10px;width:32px;height:32px;fill:currentColor}.dropdown:hover .dropdown-content,nav{display:block}nav ul{list-style:none;gap:5px;margin:0;padding:0}.dropdown-content a,nav a{display:block;text-decoration:none;transition:var(--transition)}.dropdown,nav li{position:relative}nav a{font-weight:500;padding:8px 12px}nav a:hover{background-color:rgba(255,255,255,.15)}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:200px;padding:10px 0;z-index:10;right:0;top:100%;margin-top:5px}.dropdown-content a{color:var(--text-color);padding:10px 15px}.dropdown-content a:hover{background-color:rgba(0,0,0,.05);color:var(--primary-color)}.mobile-nav-toggle{background:0 0;border:none;color:var(--text-light);cursor:pointer;padding:10px;position:relative;z-index:10000;display:none}.mobile-nav-toggle svg{width:24px;height:24px;color:var(--text-light);fill:none;stroke:currentColor}body.menu-open{overflow:hidden;position:fixed;width:100%}@media (max-width:768px){.dropdown.active .dropdown-content,.mobile-nav-toggle,nav *{display:block!important}nav{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));position:fixed!important;top:0;right:-300px;height:100vh;width:280px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;transition:right .3s;z-index:999!important;overflow-y:auto}nav ul{display:flex;flex-direction:column;padding:80px 30px 30px;gap:0}nav li{width:100%;margin:5px 0}nav a{width:100%;border-radius:var(--border-radius);font-size:16px!important;padding:10px!important;margin:5px 0!important}nav a:hover{background-color:rgba(255,255,255,.2)}.dropdown-content{position:static;box-shadow:none;border-radius:0}.dropdown-content a{color:var(--text-light);padding:8px 15px;font-size:14px!important;opacity:.9!important;padding-left:15px!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;display:none;opacity:0;transition:opacity .3s}.menu-overlay.active{display:block;opacity:1}.nav-container{padding:0 15px}.logo{font-size:20px}.logo svg{width:28px;height:28px}header{z-index:1000}nav *,nav a{color:#fff!important}.dropdown-content,.nav-links a:hover{background-color:rgba(255,255,255,.1)!important;border-radius:var(--border-radius)!important}nav *{visibility:visible!important;opacity:1!important;position:static!important;background:0 0!important}nav.active{right:0!important}.nav-links{padding:80px 20px 30px!important;margin:0!important;list-style:none!important}.dropdown-content{margin-left:15px!important;margin-top:5px!important;display:none!important;padding:5px 0!important}.dropdown-content a:hover{color:var(--text-light);background-color:rgba(255,255,255,.05)!important;padding-left:20px!important}}