:root{
  --gglnav-bg:#060a0f;
  --gglnav-panel:#0b121b;
  --gglnav-panel-2:#0e1721;
  --gglnav-line:rgba(255,255,255,.085);
  --gglnav-text:#f6f8fb;
  --gglnav-muted:#8b98a8;
  --gglnav-gold:#efc86b;
  --gglnav-red:#ef3a31;
  --gglnav-green:#4ad89b;
  --gglnav-blue:#7bb0f5;
}

[data-ggl-legacy-nav="hidden"]{
  display:none!important;
}

.gglnav-header{
  position:sticky;
  top:0;
  z-index:99999;
  width:100%;
  border-bottom:1px solid var(--gglnav-line);
  background:rgba(5,9,14,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:var(--gglnav-text);
  font-family:inherit;
}

.gglnav-shell{
  width:min(1460px,calc(100% - 36px));
  min-height:72px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
}

.gglnav-brand{
  min-width:max-content;
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none!important;
  color:#fff!important;
  font-weight:1000;
  letter-spacing:.2px;
}

.gglnav-brand-mark{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(239,200,107,.28);
  border-radius:12px;
  background:
    linear-gradient(145deg,rgba(239,200,107,.09),rgba(239,200,107,.025));
  color:var(--gglnav-gold);
  font-size:9px;
  font-weight:1000;
  letter-spacing:.7px;
}

.gglnav-brand-copy{
  display:grid;
  gap:1px;
}

.gglnav-brand-copy strong{
  font-size:12px;
  line-height:1;
  letter-spacing:.5px;
}

.gglnav-brand-copy small{
  color:#687686;
  font-size:6px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.gglnav-desktop{
  min-width:0;
  flex:1;
  display:flex;
  align-items:center;
  gap:4px;
}

.gglnav-home,
.gglnav-trigger{
  position:relative;
  min-height:40px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#a5b0bd!important;
  font:inherit;
  font-size:8px;
  font-weight:950;
  text-decoration:none!important;
  cursor:pointer;
  white-space:nowrap;
}

.gglnav-home:hover,
.gglnav-trigger:hover,
.gglnav-group.open>.gglnav-trigger,
.gglnav-home.active,
.gglnav-trigger.active{
  border-color:rgba(255,255,255,.055);
  background:rgba(255,255,255,.035);
  color:#fff!important;
}

.gglnav-caret{
  color:#5f6c7a;
  font-size:8px;
  transform:translateY(-1px);
}

.gglnav-group{
  position:relative;
}

.gglnav-menu{
  position:absolute;
  top:calc(100% + 9px);
  left:0;
  width:285px;
  padding:8px;
  display:none;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(9,15,23,.985);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.gglnav-group.open>.gglnav-menu{
  display:block;
}

.gglnav-menu-wide{
  width:330px;
}

.gglnav-menu-section{
  padding:5px 5px 3px;
  color:#566473;
  font-size:6px;
  font-weight:1000;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.gglnav-item{
  min-height:47px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:9px;
  text-decoration:none!important;
  color:#d8dee6!important;
}

.gglnav-item:hover,
.gglnav-item.active{
  background:rgba(255,255,255,.045);
}

.gglnav-item.active{
  box-shadow:inset 2px 0 0 var(--gglnav-gold);
}

.gglnav-icon{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:#0d1721;
  color:#8999aa;
  font-size:8px;
  font-weight:1000;
}

.gglnav-item-copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.gglnav-item-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
}

.gglnav-item-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#697788;
  font-size:6px;
}

.gglnav-right{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
}

.gglnav-account{
  position:relative;
}

.gglnav-account-btn{
  min-height:42px;
  max-width:205px;
  padding:0 10px 0 8px;
  display:flex;
  align-items:center;
  gap:9px;
  border:1px solid var(--gglnav-line);
  border-radius:11px;
  background:#091018;
  color:#fff;
  font:inherit;
  cursor:pointer;
}

.gglnav-avatar{
  width:29px;
  height:29px;
  flex:0 0 29px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:linear-gradient(145deg,#172738,#101923);
  color:var(--gglnav-gold);
  font-size:8px;
  font-weight:1000;
}

.gglnav-account-copy{
  min-width:0;
  display:grid;
  gap:1px;
  text-align:left;
}

.gglnav-account-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
}

.gglnav-account-copy small{
  color:#677586;
  font-size:6px;
  text-transform:uppercase;
}

.gglnav-account-menu{
  right:0;
  left:auto;
  width:245px;
}

.gglnav-login{
  min-height:40px;
  padding:0 13px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(239,200,107,.27);
  border-radius:9px;
  background:rgba(239,200,107,.06);
  color:#f1d284!important;
  text-decoration:none!important;
  font-size:8px;
  font-weight:950;
}

.gglnav-mobile-btn{
  width:42px;
  height:42px;
  display:none;
  place-items:center;
  border:1px solid var(--gglnav-line);
  border-radius:10px;
  background:#091018;
  color:white;
  font:inherit;
  font-size:18px;
  cursor:pointer;
}

.gglnav-mobile{
  display:none;
  border-top:1px solid var(--gglnav-line);
  background:#070c12;
}

.gglnav-mobile.open{
  display:block;
}

.gglnav-mobile-inner{
  width:min(1460px,calc(100% - 22px));
  margin:0 auto;
  padding:10px 0 16px;
}

.gglnav-mobile-home{
  min-height:44px;
  padding:0 12px;
  display:flex;
  align-items:center;
  border:1px solid var(--gglnav-line);
  border-radius:10px;
  background:#0a1119;
  color:#fff!important;
  text-decoration:none!important;
  font-size:9px;
  font-weight:950;
}

.gglnav-mobile-section{
  margin-top:8px;
  overflow:hidden;
  border:1px solid var(--gglnav-line);
  border-radius:11px;
  background:#091018;
}

.gglnav-mobile-section>button{
  width:100%;
  min-height:45px;
  padding:0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  background:transparent;
  color:#dce2e9;
  font:inherit;
  font-size:9px;
  font-weight:950;
  cursor:pointer;
}

.gglnav-mobile-section-items{
  display:none;
  padding:0 7px 7px;
}

.gglnav-mobile-section.open .gglnav-mobile-section-items{
  display:grid;
  gap:3px;
}

.gglnav-mobile-item{
  min-height:42px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:8px;
  background:#0b131c;
  color:#aab5c1!important;
  text-decoration:none!important;
  font-size:8px;
  font-weight:850;
}

.gglnav-mobile-item.active{
  background:rgba(239,200,107,.055);
  color:#f1d183!important;
}

.gglnav-legacy-badge{
  min-width:22px;
  height:18px;
  padding:0 5px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(239,58,49,.13);
  color:#ff7b74;
  font-size:6px;
  font-weight:1000;
}

.gglnav-separator{
  height:1px;
  margin:6px 5px;
  background:rgba(255,255,255,.055);
}

.gglnav-small-action{
  color:#8f9aaa!important;
}

@media(max-width:1180px){
  .gglnav-brand-copy small{display:none}
  .gglnav-home,.gglnav-trigger{padding:0 8px}
}

@media(max-width:970px){
  .gglnav-shell{
    width:calc(100% - 22px);
    min-height:64px;
  }

  .gglnav-desktop,
  .gglnav-account{
    display:none;
  }

  .gglnav-right{
    margin-left:auto;
  }

  .gglnav-mobile-btn{
    display:grid;
  }

  .gglnav-login{
    min-height:38px;
  }
}