.overlay,.submenu-list{left:0;opacity:0;visibility:hidden}.overlay.active,.submenu:hover .submenu-list{opacity:1;visibility:visible}header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:15px 0}.header-container{display:flex;justify-content:space-between;align-items:center}.logo img{height:50px}.nav-menu{display:flex;gap:35px;align-items:center}.nav-menu .submenu>a,.nav-menu>a{font-size:16px;color:#333;padding:10px 5px;position:relative;font-weight:500}.nav-menu .submenu>a:hover,.nav-menu>a:hover{color:#4caf50}.nav-menu .submenu>a::after,.nav-menu>a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#4caf50;transition:.3s;transform:translateX(-50%)}.nav-menu .submenu>a:hover::after,.nav-menu>a:hover::after{width:100%}.submenu{position:relative}.submenu-list{position:absolute;top:100%;min-width:200px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:8px;transform:translateY(10px);transition:.3s;z-index:100;padding:10px 0;max-height:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.submenu-list::-webkit-scrollbar{width:6px}.submenu-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.submenu-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.submenu-list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.submenu-list a:hover{background-color:#f5f5f5;color:#4caf50}.submenu-list a{display:block;padding:8px 15px;font-size:14px;color:#666;transition:background-color .2s;white-space:nowrap}.submenu:nth-child(2) .submenu-list{max-height:410px}.submenu:hover .submenu-list{transform:translateY(0)}.nav-menu .submenu>a::after{content:'';font-size:12px;margin-left:5px;display:inline-block;clear:both}.menu-toggle{display:none;width:30px;height:30px;flex-direction:column;justify-content:space-between;background:0 0;border:none;cursor:pointer;padding:5px}.menu-toggle span{display:block;width:100%;height:3px;background:#333;border-radius:2px;transition:.3s}.menu-toggle.active span:first-child{transform:translateY(11px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 15px rgba(0,0,0,.1);z-index:2000;transition:right .4s;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.mobile-menu-content>a,.mobile-submenu{border-bottom:1px solid #f5f5f5}.mobile-menu-title{font-size:18px;font-weight:600;color:#333}.mobile-menu-close{font-size:30px;color:#333;cursor:pointer;line-height:1}.mobile-menu-content{padding:20px 0}.mobile-menu-content>a{display:block;padding:15px 20px;font-size:16px;color:#333}.mobile-menu-content>a:hover{background:#f8f9fa;color:#4caf50}.mobile-submenu-title{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:16px;color:#333;background:0 0;border:none;width:100%;text-align:left;cursor:pointer}.mobile-submenu-title::after{content:'▾';transition:transform .3s}.mobile-submenu-title.active::after{transform:rotate(180deg)}.mobile-submenu-list{max-height:0;overflow:hidden;background:#f8f9fa;transition:max-height .4s}.mobile-submenu-list a{display:block;padding:12px 35px;font-size:14px;color:#666;border-bottom:1px solid #eee}.mobile-submenu-list a:last-child{border-bottom:none}.mobile-submenu-list a:hover{background:#f0f2f5;color:#4caf50}.overlay{position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1500;transition:.3s;backdrop-filter:blur(3px)}@media (max-width:768px){.nav-menu{display:none}.menu-toggle{display:flex}}