*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.navbar{z-index:1000;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);justify-content:space-between;align-items:center;height:75px;padding:0 25px;display:flex;position:sticky;top:0;box-shadow:0 5px 20px #0003}.logo{color:#f8fafc;letter-spacing:1px;font-size:30px;font-weight:700}.desktop-menu{align-items:center;gap:30px;list-style:none;display:flex}.desktop-menu li{position:relative}.desktop-menu a,.dropdown-btn{color:#f8fafc;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:17px;text-decoration:none;transition:all .3s}.desktop-menu a:hover,.dropdown-btn:hover{color:#38bdf8}.dropdown-menu{opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:220px;padding:10px 0;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;overflow:hidden;transform:translateY(10px);box-shadow:0 15px 35px #00000026}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li a{color:#0f172a;padding:14px 20px;transition:all .3s;display:block}.dropdown-menu li a:hover{color:#fff;background:linear-gradient(#0f172a,#1e293b)}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:32px;display:none}.overlay{opacity:0;visibility:hidden;z-index:999;background:#00000080;transition:all .3s;position:fixed;inset:0}.overlay.show{opacity:1;visibility:visible}.drawer{z-index:1000;background:linear-gradient(#0f172a,#1e293b);width:300px;height:100vh;padding:20px;transition:all .3s;position:fixed;top:0;left:-320px;box-shadow:5px 0 20px #0000004d}.drawer.open{left:0}.drawer-top{color:#fff;justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.mobile-menu{list-style:none}.mobile-menu li{margin-bottom:12px}.mobile-menu a,.mobile-dropdown-btn{text-align:left;color:#f8fafc;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;width:100%;padding:15px 18px;font-size:17px;text-decoration:none;transition:all .3s;display:block}.mobile-menu a:hover,.mobile-dropdown-btn:hover{background:linear-gradient(#0f172a,#1e293b);transform:translate(5px)}.mobile-dropdown{margin-top:10px;padding-left:10px;list-style:none;display:none}.mobile-dropdown.open{display:block}.mobile-dropdown li{margin-bottom:10px}.mobile-dropdown li a{color:#cbd5e1;background:#ffffff0d;font-size:15px}.mobile-dropdown li a:hover{color:#fff;background:#7c3aed}@media (width<=900px){.desktop-menu{display:none}.menu-btn{display:block}.navbar{flex-direction:row-reverse}.logo{font-size:28px}}