.desktop-nav{background-color:rgba(11,11,15,.95)!important;box-shadow:0 4px 12px rgba(0,0,0,.3);position:fixed;width:100%;top:0;transition:all .3s ease-in-out;z-index:1000;padding:.5rem 1rem;backdrop-filter:blur(10px)}.desktop-nav.navbar-hidden{transform:translateY(-100%)}:root.light-mode .desktop-nav{background-color:rgba(245,247,250,.95)!important;box-shadow:0 4px 12px rgba(0,0,0,.08)}@media (max-width:991px){.desktop-nav{display:none}}.navbar-light .navbar-brand,.navbar-light .navbar-nav .nav-link{color:var(--text-light);transition:color .2s ease}:root.light-mode .navbar-light .navbar-brand,:root.light-mode .navbar-light .navbar-nav .nav-link{color:var(--text-dark)}.navbar-light .navbar-brand{font-size:1.4rem;font-weight:700;letter-spacing:.02em}.navbar-light .navbar-nav .nav-link{font-weight:500;padding:.5rem 1rem;position:relative}.navbar-light .navbar-nav .nav-link:hover{color:var(--accent-color)}.navbar-light .navbar-nav .nav-link.active{color:var(--accent-color);font-weight:600}.navbar-light .navbar-nav .nav-link.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:20px;height:3px;background-color:var(--accent-color);border-radius:2px}:root.light-mode .navbar-light .navbar-nav .nav-link.active{color:var(--accent-color)}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:rgba(11,11,15,.95);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 10px rgba(0,0,0,.2);z-index:1000;backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;padding:0 5px}:root.light-mode .mobile-bottom-nav{background-color:rgba(245,247,250,.95);border-top:1px solid var(--border-light);box-shadow:0 -2px 10px rgba(0,0,0,.05)}@media (min-width:992px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);opacity:.8;font-size:.7rem;text-decoration:none;width:33.333%;transition:all .2s ease;padding:8px 0;cursor:pointer}:root.light-mode .mobile-nav-item{color:var(--text-dark)}.mobile-nav-item.active{color:var(--accent-color);opacity:1}.mobile-nav-item i{font-size:1.4rem;margin-bottom:3px}.mobile-nav-item:hover{opacity:1;color:var(--accent-color)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:2000;display:flex;justify-content:center;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;backdrop-filter:blur(5px)}.mobile-menu-overlay.active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s linear}.mobile-menu-container{background-color:var(--card-dark);width:100%;max-height:85vh;border-radius:15px 15px 0 0;padding:20px;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}:root.light-mode .mobile-menu-container{background-color:var(--card-light)}.mobile-menu-overlay.active .mobile-menu-container{transform:translateY(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mobile-menu-header h3{margin:0;font-size:1.2rem;font-weight:600}.mobile-menu-close{background:0 0;border:none;color:var(--text-light);font-size:1.2rem;padding:5px;cursor:pointer}:root.light-mode .mobile-menu-close{color:var(--text-dark)}.mobile-menu-content{display:flex;flex-direction:column}.mobile-menu-item{display:flex;align-items:center;padding:15px 10px;border-radius:10px;color:var(--text-light);text-decoration:none;transition:background-color .2s ease}:root.light-mode .mobile-menu-item{color:var(--text-dark)}.mobile-menu-item:hover{background-color:rgba(255,255,255,.05)}:root.light-mode .mobile-menu-item:hover{background-color:rgba(0,0,0,.03)}.mobile-menu-item i{font-size:1.3rem;margin-right:15px;width:24px;text-align:center}.mobile-menu-item span{font-size:1rem;font-weight:500}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}:root.light-mode ::-webkit-scrollbar-track{background:var(--bg-secondary-light)}:root.light-mode ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}:root.light-mode ::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}