.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(-45deg,#ffc400,#b700ff,#0a9ea3);background-size:400% 400%;animation:navbarAnimation 6s ease infinite;box-shadow:0 2px 5px rgba(0,0,0,.1)}@keyframes navbarAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.logo{gap:10px}.logo,.nav-right{display:flex;align-items:center}.nav-right{gap:1rem}.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.theme-toggle-wrapper{display:flex;align-items:center}.toggle-btn{position:fixed;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;z-index:1001;cursor:pointer;color:var(--text-color,#000)}.sidebar{position:fixed;top:0;right:-300px;width:250px;height:100vh;background-color:#1f1f1f;color:white;padding:2rem 1rem;transition:right .3s ease-in-out;z-index:1000;overflow-y:auto}.sidebar.open{right:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:1.5rem}.sidebar a{color:white;text-decoration:none;font-size:1rem}.sidebar a:hover{color:#05bda4}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#555}