nav{color:var(--color-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;z-index:100;background:linear-gradient(90deg,#fff 0%,#f5f8fcdb 95%,#5f6e7944 100%);border-radius:10px;justify-content:space-between;align-items:center;width:calc(100vw - 2rem);height:4.5rem;margin:1rem;padding:.5rem 2rem;font-weight:500;display:flex;position:fixed;top:0;left:0}.nav-logo{cursor:pointer;object-fit:contain!important;height:4rem!important}nav ul{align-items:center;gap:1.5rem;list-style:none;display:flex}nav ul li{cursor:pointer;align-items:center;gap:.3rem;display:flex}.nav-link-active{position:relative}.nav-link-active:after{content:"";background-color:var(--color-primary);border-radius:99px;width:55%;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.login-icon{filter:drop-shadow(0 4px 4px #ffffffcb)}.user-menu-container{display:inline-block;position:relative}.user-menu-trigger{cursor:pointer;color:inherit;text-decoration:none}.user-menu-trigger:hover{text-decoration:none}.user-menu-arrow{margin-left:.5rem;font-size:1rem;transition:transform .2s}.user-menu-arrow.open{transform:rotate(180deg)}.user-submenu{z-index:1000;transform-origin:top;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;width:100%;min-width:150px;margin-top:.5rem;animation:.2s ease-out slideDown;position:absolute;top:calc(50% + 1.7rem);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.submenu-item{color:var(--color-primary);text-transform:none;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.user-submenu-button{text-align:left;width:100%;font-family:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f0f0f0}.submenu-item:last-child{border-bottom:none}.submenu-item:hover{color:#5f6e79;background-color:#f8f9fa;padding-left:20px;text-decoration:none}.user-submenu a{color:inherit;text-decoration:none}.user-submenu a:hover{text-decoration:none}@media (max-width:768px){.user-submenu{min-width:120px;right:-20px}.submenu-item{padding:10px 12px;font-size:.85rem}}