.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:space-between;align-items:center;width:100%;padding:15px 40px;transition:background .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.navbar:hover{box-shadow:0 4px 15px #4f46e54d}.navbar.scrolled{background:#121212f2;box-shadow:0 4px 10px #0000004d}.logo{color:#fff;cursor:pointer;font-size:24px;font-weight:700;text-decoration:none;transition:color .3s ease-in-out}.logo:hover{color:#8b5cf6}.menu{gap:30px;display:flex}.nav-link{color:#fff;cursor:pointer;font-size:18px;font-weight:500;text-decoration:none;transition:color .3s ease-in-out;position:relative}.nav-link:hover{color:#8b5cf6}.theme-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:16px;transition:color .3s ease-in-out}[data-theme=light] .theme-toggle{color:#000}.theme-toggle:hover{color:#8b5cf6}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px;display:none}@media (max-width:768px){.menu{background-color:#121212f2;border-radius:8px;flex-direction:column;padding:15px;display:none;position:absolute;top:60px;right:20px}.menu.open{display:flex}.menu-toggle{display:block}}.icon-style{width:50px;height:auto}