.nav-container{display:none}@media (min-width: 768px){.nav-container{display:block;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:0 0 8px 8px;overflow:hidden;position:relative}.nav-menu-wrapper{position:relative;overflow:hidden;padding:0 40px}.nav-menu{display:flex;align-items:stretch;justify-content:flex-start;gap:24px;padding:0 16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;-webkit-overflow-scrolling:touch;cursor:grab;transition:transform .2s ease}.nav-menu::-webkit-scrollbar{display:none}.nav-item{position:relative;padding:12px 16px;transition:all .3s ease;flex-shrink:0}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#fbbf24;transition:all .3s ease;transform:translate(-50%)}.nav-item:hover:after{width:80%}.nav-item a{white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none;display:inline-block;font-size:14px;font-weight:600;color:#fff;transition:color .3s}.nav-item:hover a{color:#fde68a}.scroll-indicator{position:absolute;top:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(30,64,175,.8),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:5}.scroll-indicator.left{left:0;background:linear-gradient(90deg,rgba(30,64,175,.8),transparent)}.scroll-indicator.right{right:0;background:linear-gradient(270deg,rgba(30,64,175,.8),transparent);justify-content:center}.scroll-indicator.visible{opacity:1}.scroll-indicator i{color:#fff;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.3)}}.nav-menu.grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-behavior:auto}.nav-item{transform:translateY(0);transition:transform .2s ease,background-color .3s ease}.nav-item:hover{transform:translateY(-2px);background-color:#ffffff1a;border-radius:4px}.nav-container{position:relative}.nav-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(30,64,175,.3));pointer-events:none;opacity:0;transition:opacity .3s}.nav-container.scrollable:after{opacity:1}.mobile-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:var(--card-bg);box-shadow:0 4px 6px -1px #0000001a}.mobile-menu.open{max-height:500px}.mobile-menu-links{padding:8px 16px}.mobile-menu-links a{display:block;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-color);border-radius:6px;transition:background-color .3s}.mobile-menu-links a:hover{background-color:var(--hover-color)}