/* DEADKOP PRO 4.36.0 — premium navigation layer */
:root{
  --dk-menu-accent:#29b6ff;
  --dk-menu-accent-2:#5a7dff;
  --dk-menu-text:#eaf6ff;
  --dk-menu-muted:#7f9ab8;
  --dk-menu-line:rgba(113,184,255,.15);
  --dk-menu-panel:rgba(4,13,29,.96);
}

.dk-command-navline{
  position:relative;
  z-index:35;
  padding:6px 10px 9px!important;
  border-top:1px solid rgba(255,255,255,.025);
  background:linear-gradient(180deg,rgba(4,13,28,.46),rgba(3,10,23,.12));
}

.dk-command-nav{
  position:relative!important;
  max-width:1360px;
  margin:0 auto;
}

.dk-command-menu{
  position:relative!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  min-height:58px!important;
  margin:0!important;
  padding:5px!important;
  border:1px solid rgba(109,180,255,.11);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(8,23,47,.72),rgba(3,11,25,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 36px rgba(0,0,0,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  isolation:isolate;
}

.dk-command-menu::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:inherit;
  background:
    radial-gradient(420px circle at var(--dk-nav-x,50%) -80%,rgba(44,183,255,.12),transparent 68%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);
  pointer-events:none;
}

.dk-menu-glider{
  position:absolute;
  left:0;
  top:5px;
  z-index:-1;
  height:48px;
  width:0;
  border:1px solid rgba(84,190,255,.22);
  border-radius:15px;
  opacity:0;
  background:linear-gradient(135deg,rgba(24,151,244,.18),rgba(82,94,255,.08));
  box-shadow:0 10px 28px rgba(0,101,203,.15),inset 0 1px 0 rgba(255,255,255,.06);
  transform:translate3d(0,0,0);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
  pointer-events:none;
}

.dk-command-menu.is-ready .dk-menu-glider{opacity:1}

.dk-command-menu>.dk-menu-item{
  position:relative!important;
  flex:0 0 auto!important;
  margin:0!important;
}

.dk-command-menu>.dk-menu-item>.dk-menu-link{
  --mx:50%;
  --my:50%;
  position:relative!important;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  padding:0 12px!important;
  overflow:hidden;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#9db3ca!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap;
  transition:color .2s ease,transform .2s ease!important;
  -webkit-tap-highlight-color:transparent;
}

.dk-command-menu>.dk-menu-item>.dk-menu-link::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  opacity:0;
  background:radial-gradient(90px circle at var(--mx) var(--my),rgba(109,211,255,.17),transparent 72%);
  transition:opacity .2s ease;
  pointer-events:none;
}

.dk-command-menu>.dk-menu-item>.dk-menu-link::after{display:none!important}
.dk-command-menu>.dk-menu-item:hover>.dk-menu-link::before,
.dk-command-menu>.dk-menu-item:focus-within>.dk-menu-link::before{opacity:1}

.dk-command-menu>.dk-menu-item:hover>.dk-menu-link,
.dk-command-menu>.dk-menu-item:focus-within>.dk-menu-link,
.dk-command-menu>.dk-menu-item.current-menu-item>.dk-menu-link,
.dk-command-menu>.dk-menu-item.is-menu-open>.dk-menu-link{
  color:#fff!important;
  transform:translateY(-1px);
}

.dk-command-menu .dk-command-menu-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border:1px solid rgba(92,176,255,.15)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(28,145,238,.12),rgba(52,78,181,.045))!important;
  color:#76cbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .2s ease,background .2s ease,color .2s ease!important;
}

.dk-command-menu .dk-command-menu-icon .dk-icon{width:16px!important;height:16px!important}
.dk-command-menu>.dk-menu-item:hover .dk-command-menu-icon,
.dk-command-menu>.dk-menu-item:focus-within .dk-command-menu-icon,
.dk-command-menu>.dk-menu-item.current-menu-item .dk-command-menu-icon,
.dk-command-menu>.dk-menu-item.is-menu-open .dk-command-menu-icon{
  transform:translateY(-1px) rotate(-3deg) scale(1.05);
  border-color:rgba(92,192,255,.32)!important;
  background:linear-gradient(180deg,rgba(35,171,255,.22),rgba(70,94,255,.10))!important;
  color:#d9f4ff!important;
}

.dk-menu-label{position:relative;z-index:1}
.dk-menu-badge{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  height:17px;
  padding:0 6px!important;
  border:1px solid rgba(80,221,163,.28);
  border-radius:999px;
  background:rgba(44,210,144,.10)!important;
  color:#69efb3!important;
  font-size:7px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  box-shadow:0 0 16px rgba(50,224,150,.08);
}

.dk-command-sub-arrow{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-left:-3px;
  color:#6686a5;
  transition:transform .25s ease,color .2s ease;
}
.dk-command-sub-arrow .dk-icon{width:12px!important;height:12px!important}
.dk-menu-item.is-menu-open .dk-command-sub-arrow,
.dk-menu-item:hover .dk-command-sub-arrow,
.dk-menu-item:focus-within .dk-command-sub-arrow{transform:rotate(180deg);color:#9ddcff}

/* Mega panels */
.dk-command-menu .dk-menu-mega{
  position:absolute!important;
  top:calc(100% + 13px)!important;
  left:50%!important;
  z-index:100200!important;
  display:block!important;
  width:min(720px,calc(100vw - 42px))!important;
  margin:0!important;
  padding:12px!important;
  overflow:hidden;
  border:1px solid rgba(104,183,255,.17)!important;
  border-radius:24px!important;
  opacity:0!important;
  visibility:hidden!important;
  background:
    radial-gradient(520px circle at 75% -20%,rgba(41,165,255,.16),transparent 64%),
    linear-gradient(145deg,rgba(7,23,47,.985),rgba(3,10,23,.985))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transform:translate(-50%,10px) scale(.975)!important;
  transform-origin:50% 0;
  transition:opacity .18s ease,visibility .18s ease,transform .28s cubic-bezier(.2,.8,.2,1)!important;
  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
  pointer-events:none;
}

.dk-command-menu .dk-menu-item.is-community .dk-menu-mega{
  left:auto!important;
  right:0!important;
  transform:translate(0,10px) scale(.975)!important;
  transform-origin:100% 0;
}

.dk-command-menu .dk-menu-item.is-platforms .dk-menu-mega{
  left:auto!important;
  right:-96px!important;
  transform:translate(0,10px) scale(.975)!important;
  transform-origin:78% 0;
}

.dk-command-menu .dk-menu-item.is-menu-open>.dk-menu-mega,
.dk-command-menu .dk-menu-item:hover>.dk-menu-mega,
.dk-command-menu .dk-menu-item:focus-within>.dk-menu-mega{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,0) scale(1)!important;
  pointer-events:auto;
}
.dk-command-menu .dk-menu-item.is-community.is-menu-open>.dk-menu-mega,
.dk-command-menu .dk-menu-item.is-community:hover>.dk-menu-mega,
.dk-command-menu .dk-menu-item.is-community:focus-within>.dk-menu-mega,
.dk-command-menu .dk-menu-item.is-platforms.is-menu-open>.dk-menu-mega,
.dk-command-menu .dk-menu-item.is-platforms:hover>.dk-menu-mega,
.dk-command-menu .dk-menu-item.is-platforms:focus-within>.dk-menu-mega{
  transform:translate(0,0) scale(1)!important;
}

.dk-menu-mega::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.025) 48%,transparent 62%);
  transform:translateX(-80%);
  transition:transform .8s ease;
  pointer-events:none;
}
.dk-menu-item.is-menu-open>.dk-menu-mega::before,
.dk-menu-item:hover>.dk-menu-mega::before{transform:translateX(80%)}

.dk-menu-mega-head{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:86px;
  padding:16px 18px!important;
  border:1px solid rgba(112,184,255,.11);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(27,105,184,.10),rgba(255,255,255,.018));
}
.dk-menu-mega-head>span{display:grid;gap:3px}
.dk-menu-mega-head small{
  color:#58bff8!important;
  font-size:8px!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}
.dk-menu-mega-head strong{color:#fff!important;font-size:19px!important;font-weight:950!important;letter-spacing:-.025em}
.dk-menu-mega-head em{color:#7f9bb8!important;font-size:11px!important;font-style:normal!important;font-weight:650!important}
.dk-menu-mega-head>a{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid rgba(100,188,255,.16)!important;
  border-radius:12px!important;
  background:rgba(24,122,215,.08)!important;
  color:#bde9ff!important;
  font-size:10px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap;
  transition:transform .2s ease,background .2s ease,border-color .2s ease!important;
}
.dk-menu-mega-head>a:hover{transform:translateX(2px);background:rgba(30,155,255,.13)!important;border-color:rgba(93,197,255,.29)!important}
.dk-menu-mega-head>a b{font-size:14px}

.dk-menu-mega-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:9px 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.dk-menu-item.is-community .dk-menu-mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dk-menu-mega-grid>li{
  min-width:0;
  margin:0!important;
  padding:0!important;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .24s ease calc(var(--dk-stagger,0) * 28ms),transform .28s cubic-bezier(.2,.8,.2,1) calc(var(--dk-stagger,0) * 28ms);
}
.dk-menu-item.is-menu-open .dk-menu-mega-grid>li,
.dk-menu-item:hover .dk-menu-mega-grid>li,
.dk-menu-item:focus-within .dk-menu-mega-grid>li{opacity:1;transform:none}

.dk-menu-mega-grid>li>a{
  position:relative;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 16px;
  align-items:center;
  gap:10px;
  min-height:70px!important;
  padding:10px 11px!important;
  overflow:hidden;
  border:1px solid rgba(98,169,237,.095)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.018)!important;
  color:#dceeff!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
.dk-menu-mega-grid>li>a::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:radial-gradient(130px circle at 20% 0,rgba(43,182,255,.13),transparent 70%);
  transition:opacity .2s ease;
}
.dk-menu-mega-grid>li>a:hover,
.dk-menu-mega-grid>li>a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(82,192,255,.25)!important;
  background:rgba(29,132,223,.075)!important;
  box-shadow:0 13px 30px rgba(0,76,156,.12);
}
.dk-menu-mega-grid>li>a:hover::before,
.dk-menu-mega-grid>li>a:focus-visible::before{opacity:1}

.dk-menu-mega-icon{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(93,184,255,.16);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(31,151,255,.14),rgba(62,83,210,.055));
  color:#75ceff;
  transition:transform .22s ease,color .2s ease,border-color .2s ease;
}
.dk-menu-mega-icon .dk-icon{width:19px!important;height:19px!important}
.dk-menu-mega-grid a:hover .dk-menu-mega-icon{transform:rotate(-5deg) scale(1.06);color:#e1f7ff;border-color:rgba(89,202,255,.3)}
.dk-menu-mega-copy{position:relative;z-index:1;display:grid;min-width:0;gap:3px}
.dk-menu-mega-copy strong{overflow:hidden;color:#eaf6ff!important;font-size:11px!important;font-weight:950!important;text-overflow:ellipsis;white-space:nowrap}
.dk-menu-mega-copy small{overflow:hidden;color:#6f8da9!important;font-size:8.5px!important;font-weight:700!important;text-overflow:ellipsis;white-space:nowrap}
.dk-menu-mega-grid>li>a>i{position:relative;z-index:1;color:#527392;font-size:13px;font-style:normal;transition:transform .2s ease,color .2s ease}
.dk-menu-mega-grid>li>a:hover>i{transform:translateX(3px);color:#71d1ff}

.dk-menu-mega-foot{
  display:flex!important;
  justify-content:flex-end;
  gap:7px;
  margin-top:9px;
  padding:0 3px;
}
.dk-menu-mega-foot>a{
  min-height:auto!important;
  padding:5px 9px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#6988a7!important;
  font-size:8.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.dk-menu-mega-foot>a:hover{background:rgba(31,151,255,.07)!important;color:#8fdcff!important}

/* Compact header keeps the menu readable rather than hiding it. */
.dk-command-header.is-compact .dk-command-navline{padding-top:4px!important;padding-bottom:5px!important}
.dk-command-header.is-compact .dk-command-menu{min-height:52px!important}
.dk-command-header.is-compact .dk-command-menu>.dk-menu-item>.dk-menu-link{min-height:42px!important}
.dk-command-header.is-compact .dk-menu-glider{top:5px;height:42px}

@media (max-width:1180px) and (min-width:761px){
  .dk-command-menu{gap:2px!important;padding-inline:4px!important}
  .dk-command-menu>.dk-menu-item>.dk-menu-link{gap:6px!important;padding:0 8px!important;font-size:9.5px!important}
  .dk-command-menu .dk-command-menu-icon{width:24px!important;height:24px!important;flex-basis:24px!important;border-radius:8px!important}
  .dk-command-menu .dk-command-menu-icon .dk-icon{width:14px!important;height:14px!important}
  .dk-menu-badge{display:none!important}
}

@media (max-width:930px) and (min-width:761px){
  .dk-command-menu>.dk-menu-item>.dk-menu-link{padding:0 7px!important}
  .dk-command-menu .dk-command-menu-icon{display:none!important}
  .dk-command-menu .dk-command-sub-arrow{margin-left:-1px}
}

/* Mobile drawer: all destinations remain visible, grouped cleanly. */
@media (max-width:760px){
  .dk-command-navline{padding:0!important;border:0;background:transparent}
  .dk-command-nav .dk-command-menu{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
  .dk-command-menu::before,.dk-menu-glider{display:none!important}
  .dk-command-menu>.dk-menu-item{width:100%!important}
  .dk-command-menu>.dk-menu-item>.dk-menu-link{
    justify-content:flex-start!important;
    min-height:56px!important;
    padding:0 13px!important;
    border:1px solid rgba(104,178,251,.12)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.024)!important;
    color:#c4d7e9!important;
    font-size:11px!important;
  }
  .dk-command-menu>.dk-menu-item.current-menu-item>.dk-menu-link{
    border-color:rgba(72,189,255,.28)!important;
    background:linear-gradient(135deg,rgba(24,151,244,.14),rgba(82,94,255,.065))!important;
  }
  .dk-command-menu .dk-command-menu-icon{width:31px!important;height:31px!important;flex-basis:31px!important}
  .dk-command-menu .dk-command-menu-icon .dk-icon{width:17px!important;height:17px!important}
  .dk-menu-badge{margin-left:auto}
  .dk-command-sub-arrow{margin-left:auto!important}

  .dk-command-menu>.dk-menu-mega-parent.is-open{grid-column:1/-1!important}
  .dk-command-menu .dk-menu-mega{
    position:static!important;
    display:none!important;
    width:100%!important;
    margin:8px 0 2px!important;
    padding:8px!important;
    border-radius:18px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  .dk-command-menu>.dk-menu-mega-parent.is-open>.dk-menu-mega{display:block!important}
  .dk-menu-mega-head{min-height:auto;padding:13px!important;border-radius:14px}
  .dk-menu-mega-head strong{font-size:16px!important}
  .dk-menu-mega-head em{font-size:9px!important}
  .dk-menu-mega-head>a{display:none!important}
  .dk-menu-mega-grid,
  .dk-menu-item.is-community .dk-menu-mega-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .dk-menu-mega-grid>li{opacity:1!important;transform:none!important}
  .dk-menu-mega-grid>li>a{
    grid-template-columns:34px minmax(0,1fr)!important;
    min-height:62px!important;
    padding:9px!important;
  }
  .dk-menu-mega-grid>li>a>i{display:none!important}
  .dk-menu-mega-icon{width:34px;height:34px;border-radius:10px}
  .dk-menu-mega-icon .dk-icon{width:17px!important;height:17px!important}
  .dk-menu-mega-copy strong{font-size:10px!important}
  .dk-menu-mega-copy small{font-size:7.5px!important}
  .dk-menu-mega-foot{justify-content:flex-start;flex-wrap:wrap}
}

@media (max-width:430px){
  .dk-command-nav .dk-command-menu{grid-template-columns:1fr!important}
  .dk-menu-mega-grid,.dk-menu-item.is-community .dk-menu-mega-grid{grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion:reduce){
  .dk-menu-glider,
  .dk-command-menu *,
  .dk-command-menu *::before,
  .dk-command-menu *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}