.site-header{position:sticky;top:0;z-index:50;background:#1B174C;color:#fff;font-family:Rubik,sans-serif}
.menu-bar{max-width:1240px;margin:auto;padding:0 20px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.menu-logo{color:#fff;text-decoration:none;font:600 26px Poppins,sans-serif;line-height:1.1}
.menu-logo span{color:#13FFEB}
.menu-logo small{display:block;font:400 12px Rubik,sans-serif;opacity:.8;margin-top:2px}
.menu-nav ul{list-style:none;margin:0;padding:0}
.menu-nav>ul{display:flex;align-items:center;gap:6px}
.menu-nav a{color:#fff;text-decoration:none;padding:10px 14px;display:block;font-size:15px;border-radius:8px}
.menu-nav a:hover,.menu-nav a:focus-visible{background:rgba(255,255,255,.12);outline:none}
.has-sub{position:relative}
.has-sub>ul{position:absolute;top:100%;left:0;min-width:220px;background:#25175B;border-radius:10px;padding:8px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.has-sub:hover>ul,.has-sub:focus-within>ul{display:block}
.menu-cta{background:#22B099;font-weight:500;border-radius:1000px!important;padding:10px 22px!important}
.menu-cta:hover{background:#04927B!important}
.menu-toggle,.menu-register{display:none}
@media(max-width:1100px){
  .menu-toggle{display:block;background:none;border:0;width:44px;height:44px;cursor:pointer;position:relative}
  .menu-toggle span,.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:10px;width:24px;height:3px;background:#fff;border-radius:2px;transition:.2s}
  .menu-toggle span{top:20px}.menu-toggle span::before{top:-8px;left:0}.menu-toggle span::after{top:8px;left:0}
  .menu-toggle[aria-expanded="true"] span{background:transparent}
  .menu-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}
  .menu-register{display:block;margin-left:auto;background:#22B099;color:#fff;text-decoration:none;padding:8px 18px;border-radius:1000px;font-size:14px}
  .menu-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#1D184F;padding:10px 20px 20px}
  .menu-nav.open{display:block}
  .menu-nav>ul{flex-direction:column;align-items:stretch}
  .has-sub>ul{position:static;display:block;background:none;box-shadow:none;padding:0 0 0 14px}
  .menu-nav .menu-cta{text-align:center;margin-top:8px}
}
