.moklay-header{position:fixed;top:0;left:0;right:0;background:0 0 !important;z-index:var(--z-fixed);padding:50px 0;transition:all var(--transition-normal)}.moklay-header:hover{background:0 0 !important}.moklay-header.scrolled{background:rgba(255,255,255,.95) !important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 24px rgba(68,0,139,.08);padding:20px 0;border-bottom:1px solid rgba(68,0,139,.1)}.moklay-header.scrolled:hover{background:rgba(255,255,255,.95) !important}.moklay-nav{max-width:var(--container-max);margin:0 auto;padding:0 var(--gap-sm);display:flex;justify-content:space-between;align-items:center}.moklay-logo{font-family:var(--font-secondary);font-size:2rem;font-weight:var(--font-bold);color:#fff;text-decoration:none;transition:all var(--transition-normal);display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.moklay-logo:hover{color:var(--accent);transform:scale(1.02)}.moklay-header.scrolled .moklay-logo{color:var(--primary)}.moklay-header.scrolled .moklay-logo:hover{color:var(--secondary)}.moklay-logo img{height:40px;width:auto;transition:transform var(--transition-normal)}.custom-menu{display:flex !important;align-items:center;gap:2rem;font-family:var(--font-primary);font-weight:var(--font-medium);font-size:var(--text-base);list-style:none;margin:0;padding:0;visibility:visible !important;opacity:1 !important}.custom-menu li{position:relative}.custom-menu>li>a{color:#fff !important;text-decoration:none;padding:8px 0;position:relative;transition:all var(--transition-normal);font-weight:var(--font-medium);opacity:1 !important}.moklay-header.scrolled .custom-menu>li>a{color:var(--text) !important}.custom-menu>li>a:hover{color:var(--accent) !important}.custom-menu>li>a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--secondary));transition:width var(--transition-normal)}.custom-menu>li>a:hover:after{width:100%}.custom-menu>li{color:rgba(255,255,255,.6);font-weight:var(--font-light);user-select:none}.moklay-header.scrolled .custom-menu>li{color:rgba(68,0,139,.4)}.menu-item{position:relative}.submenu{display:none;position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);background:#fff;min-width:280px;box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);padding:20px 0;z-index:var(--z-dropdown);border:1px solid rgba(68,0,139,.1);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-10px);transition:all var(--transition-normal)}.submenu:before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;filter:drop-shadow(0 -2px 4px rgba(68,0,139,.1))}.menu-item:hover .submenu{display:block;opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.submenu a{display:block;padding:14px 24px;color:var(--text) !important;font-size:var(--text-sm);font-weight:var(--font-normal);border-bottom:1px solid rgba(68,0,139,.05);transition:all var(--transition-fast)}.submenu a:last-child{border-bottom:none}.submenu a:hover{background:linear-gradient(90deg,rgba(23,190,187,.05),rgba(199,21,133,.05));color:var(--accent) !important;padding-left:28px}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-normal)}.mobile-menu-toggle:hover{background:rgba(255,255,255,.1)}.moklay-header.scrolled .mobile-menu-toggle:hover{background:rgba(68,0,139,.1)}.hamburger{width:24px;height:20px;position:relative}.hamburger span{display:block;width:100%;height:2px;background:#fff;border-radius:1px;position:absolute;transition:all var(--transition-normal)}.moklay-header.scrolled .hamburger span{background:var(--text)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.mobile-menu-toggle.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger span:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.custom-menu{gap:1.5rem;font-size:var(--text-sm)}.submenu{min-width:250px}}@media (max-width:768px){.moklay-header{padding:15px 0}.moklay-nav{padding:0 16px}.moklay-logo{font-size:1.75rem}.custom-menu{display:none !important;position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:20px;box-shadow:var(--shadow-lg);border-top:1px solid rgba(68,0,139,.1)}.custom-menu.active{display:flex !important}.custom-menu>li{width:100%;color:rgba(68,0,139,.4)}.custom-menu>li>a{display:block;padding:16px 0;border-bottom:1px solid rgba(68,0,139,.1);font-size:var(--text-lg);color:var(--text) !important}.mobile-menu-toggle{display:block}.submenu{position:static;display:block !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none;border:none;border-radius:0;background:rgba(68,0,139,.02);margin-top:8px;max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.menu-item.active .submenu{max-height:300px}.submenu:before{display:none}.submenu a{padding:12px 20px;margin-left:20px;font-size:var(--text-base)}}.custom-menu a:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mobile-menu-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.moklay-header .custom-menu>li,.moklay-header .custom-menu>li:hover,.moklay-header .custom-menu>li:focus-within{background:0 0 !important}.moklay-header .custom-menu>li>a,.moklay-header .custom-menu>li>a:hover,.moklay-header .custom-menu>li>a:focus,.moklay-header .custom-menu>li>a:active{background:0 0 !important;background-image:none !important}.moklay-header .custom-menu>li>a:before,.moklay-header .custom-menu>li>a:after{background:0 0 !important}