.navbar.navbar-scrolled{background-color:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.25rem;color:#4b5563;font-weight:500;text-decoration:none;position:relative;padding-bottom:4px}.nav-link:hover{color:#6d28d9}.nav-link::after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#8a2be2;transition:width .3s ease-out}.nav-link:hover::after{width:100%}.sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:220px;background-color:white;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:.75rem;padding:.5rem 0;list-style:none;margin:0;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s}.nav-item:hover>.sub-menu,.nav-item.submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(5px)}.submenu-link{display:block;padding:.75rem 1.5rem;color:#374151;text-decoration:none;transition:background-color .2s ease,color .2s ease;font-weight:500;white-space:nowrap}.submenu-link:hover{background-color:#f3f4f6;color:#6d28d9}