.navbar{background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000;transition:all .3s ease;width:100%;padding:15px}.navbar .logo{font-weight:900;font-size:26px;color:#333;margin-left:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.navbar .search{margin-left:10px;margin-top:3px;width:20%}.navbar.scrolled{background-color:rgba(255,255,255,.95);box-shadow:0 4px 15px rgba(0,0,0,.1)}.nav-container{display:flex}.navbar.scrolled .nav-container{height:60px}.nav-menu{display:flex;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0}.nav-menu::-webkit-scrollbar{display:none}.nav-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#666;transition:all .3s ease;position:relative;margin:0 10px}.nav-icon{font-size:1.5rem;margin-bottom:5px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center bottom}.nav-text{text-align:center;font-size:16px;transition:all .3s ease;white-space:nowrap}.nav-link:hover,.nav-link.active{color:#007bff}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{transform:translateY(-5px) scale(1.1);color:#007bff}.nav-link:hover .nav-text,.nav-link.active .nav-text{transform:translateY(2px)}.nav-link.active::after{content:'';height:2px;background-color:#007bff;animation:slideIn .3s ease forwards;margin-top:2px}@keyframes slideIn{from{width:0}to{width:100%}}@media(max-width:768px){.navbar{padding:0}.nav-container{flex-direction:column;align-items:flex-start;height:auto;padding:10px 20px}.logo{display:none}.nav-menu{width:100%;overflow-x:auto;padding-bottom:5px;padding-left:0}.nav-item{margin-right:15px;flex:1;max-width:80px}.nav-link{padding:10px 5px}.nav-icon{font-size:1.2rem}.nav-link.active::after{bottom:5px}}