.header{z-index:1000;background-color:#1a2a4a;position:sticky;top:0;box-shadow:0 2px 10px #1520401a}.navbar{padding:1rem 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-wrapper{justify-content:space-between;align-items:center;gap:2rem;display:flex}.logo{flex-shrink:0}.logo-img{width:auto;height:150px;display:block}.mobile-header-center,.mobile-title,.mobile-social-links{display:none}.nav-menu{flex:1;justify-content:center;align-items:center;gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-menu li{position:relative}.nav-menu a,.nav-label{color:#fff;cursor:pointer;border-radius:5px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.nav-menu a:hover,.nav-label:hover{color:gold;background-color:#ffffff1a;transform:translateY(-2px)}.nav-item-with-submenu{position:relative}.nav-label{cursor:default}.submenu{opacity:0;visibility:hidden;pointer-events:none;z-index:2000;background-color:#1a2a4a;min-width:250px;margin:.5rem 0 0;padding:.5rem 0;list-style:none;transition:all .3s;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.nav-item-with-submenu:after{content:"";pointer-events:auto;height:10px;position:absolute;top:100%;left:0;right:0}.nav-item-with-submenu:hover .submenu,.submenu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.submenu li{margin:0}.submenu a{color:#fff;text-align:center;padding:.75rem 1.5rem;font-size:1.5rem;font-weight:400;text-decoration:none;transition:background-color .2s,color .2s;display:block}.submenu a:hover{color:gold;background-color:#ffffff1a}.social-links{flex-shrink:0;align-items:center;gap:1.5rem;display:flex}.social-links a{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:.5rem;font-size:2.5rem;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{color:#fff;background-color:#ffffff26;transform:scale(1.1)}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background-color:#fff;border-radius:2px;width:28px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (max-width:768px){.mobile-header-center{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.mobile-title{color:#fff;white-space:nowrap;font-size:1.2rem;font-weight:700;display:block}.mobile-social-links{gap:1rem;display:flex}.mobile-social-links a{color:#fff;font-size:1.5rem;text-decoration:none;transition:all .3s}.mobile-social-links a:hover{color:gold;transform:scale(1.1)}.nav-menu{display:none}.nav-menu.active{display:block}.social-links{display:none}.hamburger{display:flex}.nav-wrapper{gap:1rem}.nav-menu{z-index:999;background-color:#fff;border-top:1px solid #0000001a;flex-direction:column;justify-content:flex-start;gap:0;max-height:0;margin:0;padding:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.active{max-height:2000px;overflow:visible}.nav-menu li{border-bottom:1px solid #0000001a;width:100%}.nav-menu a,.nav-label{color:#152040;text-align:center;border-radius:0;justify-content:center;width:100%;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;display:block}.nav-menu a:hover,.nav-label:hover{color:#2f4890;background-color:#1520401a;transform:none}.submenu{opacity:1;visibility:visible;box-shadow:none;pointer-events:auto;z-index:auto;background-color:#2f48901a;border:none;max-height:none;margin:0;padding:0;transition:none;overflow:visible;position:static!important;top:auto!important;left:auto!important;transform:none!important}.submenu li{border-bottom:1px solid #00000014;width:100%}.submenu a{color:#152040;text-align:center;width:100%;padding:1.2rem 1.5rem 1.2rem 3rem;font-size:1.05rem;font-weight:700;display:block}.submenu a:hover{color:#2f4890;background-color:#2f489026}.logo-img{height:60px}}@media (max-width:480px){.nav-wrapper{gap:.5rem}.nav-menu a,.nav-label{padding:1rem;font-size:1rem}.submenu a{padding:1rem 1rem 1rem 2.5rem;font-size:1rem}.mobile-title{font-size:1rem}.logo-img{height:50px}}
