.cncs-header{background-color:#fff;border-bottom:3px solid var(--color-primary-500);padding-inline:1.3rem}.header{padding:12px 0;display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1100px;margin:0 auto}.logo{display:flex;align-items:center;gap:14px;flex-shrink:0}.logo-mark{width:54px;height:54px;display:block}.logo-text{font-size:55px;font-weight:700;color:var(--color-primary-500);letter-spacing:1px;line-height:1}.nav-menu{display:flex;gap:40px;font-size:17px;font-weight:700;color:#333;flex-wrap:nowrap;white-space:nowrap;flex:1;justify-content:center;align-items:center}.nav-menu-link,.nav-menu-button{cursor:pointer;text-decoration:none;color:#333}.nav-menu-link:hover,.nav-menu-button:hover,.nav-menu-link.active,.nav-menu-button.active{color:var(--color-secondary-500)}.nav-dropdown{position:relative}.nav-dropdown-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.nav-dropdown-btn svg{width:12px;height:12px;stroke:currentColor;transition:transform .2s ease}.nav-dropdown.open .nav-dropdown-btn svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000001a;z-index:1200;overflow:hidden}.dropdown-menu .nav-menu-link{display:block;width:100%;padding:10px 14px;font-size:16px;border-bottom:1px solid #f0f0f0}.dropdown-menu .nav-menu-link:last-child{border-bottom:none}.dropdown-menu .nav-menu-link:hover{background:#f9fafb}.mobile-dropdown{display:none}.mobile-dropdown-menu{display:flex;flex-direction:column}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px;z-index:1001;gap:5px;margin-left:auto}.hamburger span{width:25px;height:3px;background-color:var(--color-primary-500);transition:all .3s ease;border-radius:2px;display:block}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger.active{display:none}.menu-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.menu-backdrop.active{display:block;opacity:1}.flags-desktop{display:flex;gap:15px;align-items:center;margin-left:auto;flex-shrink:0}.flags-mobile,.nav-close,.nav-menu-header,.nav-menu-auth-mobile{display:none}.flag{width:28px;height:20px;min-width:28px;min-height:20px;cursor:pointer;transition:transform .2s;border-radius:3px;box-shadow:0 2px 4px #00000026;object-fit:cover;flex-shrink:0}.flag:hover{transform:scale(1.1)}.flag-link{display:inline-flex;text-decoration:none;line-height:0;flex-shrink:0}.flag-link--current{opacity:.85;cursor:default}.flag-link--current .flag{cursor:default}.flag-link--current:hover .flag{transform:none}@media screen and (max-width:1024px){.header{padding:12px 40px}.logo-text{font-size:40px}.logo-mark{width:45px;height:45px}.nav-menu{gap:25px;font-size:15px}}@media screen and (max-width:815px){.header{padding:12px 20px}}@media screen and (max-width:768px){.cncs-header{padding-inline:0}.header{flex-wrap:nowrap;gap:20px;position:relative}body.menu-open .header .logo,body.menu-open .header .flags-desktop{opacity:0;pointer-events:none}.logo{gap:10px}.logo-text{font-size:32px}.logo-mark{width:38px;height:38px}.header-auth{display:flex;order:2;flex-shrink:0;z-index:1001;margin-left:auto}.hamburger{display:flex;order:3;margin-left:0}.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;gap:0;overflow-y:auto;flex:none;white-space:normal}.nav-menu-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:3px solid var(--color-primary-500);flex-shrink:0}.nav-menu-right{display:flex;align-items:center;gap:20px}.logo-mobile{display:flex;align-items:center}.logo-mobile a{border-bottom:none!important}.nav-close{display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;color:var(--color-primary-500);font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;line-height:1;transition:color .2s}.nav-close:hover{color:var(--color-secondary-500)}.nav-menu.active{right:0}.nav-menu-link,.nav-menu-button{font-size:18px;padding:15px 20px;margin-top:5px;border-bottom:1px solid #f0f0f0;text-align:left;width:100%}.nav-menu-link:first-of-type,.nav-menu-button:first-of-type{margin-top:0;padding-top:20px}.nav-dropdown-desktop{display:none!important}.mobile-dropdown{display:block;width:100%}.mobile-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-bottom:1px solid #f0f0f0;padding:15px 20px;color:#333;font-size:18px;font-weight:700;cursor:pointer;text-align:left}.mobile-dropdown-btn svg{width:16px;height:16px;stroke:currentColor;transition:transform .2s ease}.mobile-dropdown.open .mobile-dropdown-btn svg{transform:rotate(180deg)}.mobile-dropdown-menu{background:#f8fafc;padding:4px 0}.mobile-dropdown-menu .nav-menu-link{padding:12px 30px;margin-top:0;font-size:16px;border-bottom:1px solid #eef2f7}.mobile-dropdown-menu .nav-menu-link:last-child{border-bottom:none}.flags-desktop{display:none}.flags-mobile{display:flex;justify-content:flex-start;gap:15px;align-items:center}.nav-menu-header .flags-mobile .nav-menu-button{display:none!important}.flag{width:24px;min-width:24px;height:17px;min-height:17px}.nav-menu-auth-mobile{display:flex;flex-direction:column;width:100%;margin-top:0;padding-top:0}}@media screen and (max-width:480px){.header{padding:12px 15px}.logo{gap:8px}.logo-text{font-size:24px}.logo-mark{width:32px;height:32px}.hamburger span{width:22px;height:2.5px}.nav-menu{top:0;height:100vh}.nav-menu-header{padding:12px 15px}.nav-menu-link,.nav-menu-button{font-size:16px;padding:12px 15px}.flags-mobile{gap:10px}.nav-menu-header .flags-mobile .nav-menu-button{display:none!important}.flag{width:20px;min-width:20px;height:14px;min-height:14px}}@media screen and (max-width:360px){.logo-text{font-size:20px}.logo-mark{width:28px;height:28px}.nav-menu{font-size:11px;gap:8px}}
