/* KINGQUOC 8/8 Launch Stabilization */
:root {
  --kq-launch-line: rgba(190, 216, 240, .18);
  --kq-launch-panel: rgba(4, 10, 17, .94);
  --kq-launch-text: #edf5fc;
  --kq-launch-muted: #94a7b9;
  --kq-launch-gold: #e5c273;
  --kq-launch-blue: #b9dcf7;
}

.kq-launch-banner {
  position: relative;
  z-index: 40;
  min-height: 46px;
  padding: 9px clamp(18px, 4vw, 68px);
  border-bottom: 1px solid var(--kq-launch-line);
  background:
    linear-gradient(90deg, rgba(20, 39, 58, .88), rgba(6, 13, 22, .96) 48%, rgba(22, 13, 37, .86));
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 4vw, 54px);
  text-align: center;
  color: var(--kq-launch-text);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .18);
}

.kq-launch-banner > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 0;
}

.kq-launch-banner strong {
  color: var(--kq-launch-gold);
  font: 700 10px/1.3 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .19em;
  white-space: nowrap;
}

.kq-launch-banner span {
  color: #b8c7d5;
  font: 600 9px/1.4 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .13em;
}

.kq-launch-banner a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 30px;
  padding: 0 13px;
  border: 1px solid rgba(220, 236, 250, .3);
  color: #edf7ff;
  background: rgba(255, 255, 255, .025);
  text-decoration: none;
  font: 700 9px/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .14em;
}

.kq-launch-banner a:hover,
.kq-launch-banner a:focus-visible {
  border-color: rgba(235, 244, 252, .72);
  background: rgba(170, 211, 245, .1);
}

.kq-gate-launch-mark {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(230, 199, 126, .34);
  color: #efd48f;
  background: rgba(4, 8, 14, .42);
  text-decoration: none;
  font: 700 8px/1 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .18em;
  backdrop-filter: blur(10px);
}

.kq-start-nav {
  color: #f0d58f !important;
}

.kq-start-nav::after {
  content: '8.8';
  margin-left: 5px;
  color: #8fa3b5;
  font-size: .72em;
}

.kq-legal-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px 18px;
  width: 100%;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(180, 207, 231, .12);
}

.kq-legal-links a {
  color: #8294a6;
  text-decoration: none;
  font: 600 9px/1.4 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .16em;
}

.kq-legal-links a:hover,
.kq-legal-links a:focus-visible {
  color: #e7f2fb;
}

.kq-launch-community-simple .membership-grid {
  grid-template-columns: minmax(0, 760px) !important;
  justify-content: center;
}

.kq-launch-community-simple .membership-grid .tier:not(.active) {
  display: none !important;
}

.kq-membership-launch-note {
  width: min(760px, 100%);
  margin: 18px auto 0;
  padding: 24px;
  border: 1px solid rgba(187, 214, 239, .16);
  background: linear-gradient(135deg, rgba(13, 25, 38, .82), rgba(4, 9, 15, .92));
  color: #9eafbf;
}

.kq-membership-launch-note strong {
  display: block;
  color: var(--kq-launch-gold);
  font-size: 10px;
  letter-spacing: .18em;
}

.kq-membership-launch-note p {
  margin: 12px 0 16px;
  line-height: 1.7;
}

.kq-membership-launch-note a {
  color: #d8ebfa;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: .14em;
}

.status[data-kq-gateway='online'] .active {
  color: #7ee3a4;
}

.kq-media-missing {
  opacity: 0 !important;
}

.kq-media-placeholder {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background:
    radial-gradient(circle at center, rgba(113, 172, 223, .1), transparent 42%),
    linear-gradient(145deg, #0a1520, #03070c);
  color: #8196a9;
  text-align: center;
  font: 700 9px/1.6 ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .16em;
}

[data-kq-deep-linked='true'] {
  scroll-margin-top: 110px;
}

@media (max-width: 1500px) and (min-width: 901px) {
  #desktopNav .kq-nav-secondary {
    display: none;
  }
}

@media (max-width: 760px) {
  .kq-launch-banner {
    min-height: 54px;
    padding: 10px 14px;
    justify-content: space-between;
    gap: 10px;
    text-align: left;
  }

  .kq-launch-banner > div {
    display: block;
  }

  .kq-launch-banner strong,
  .kq-launch-banner span {
    display: block;
    white-space: normal;
  }

  .kq-launch-banner span {
    margin-top: 4px;
    font-size: 8px;
  }

  .kq-launch-banner a {
    min-width: 88px;
    justify-content: center;
    text-align: center;
  }

  .kq-gate-launch-mark {
    display: none;
  }

  .kq-legal-links {
    margin-top: 16px;
    padding-top: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kq-launch-banner *,
  .kq-gate-launch-mark,
  .kq-media-placeholder {
    animation: none !important;
    transition: none !important;
  }
}