:root {
  --legacy-green: #45f882;
  --legacy-bg: #080b10;
  --legacy-panel: #10151d;
  --legacy-panel-2: #0c1118;
  --legacy-line: rgba(255, 255, 255, 0.1);
  --legacy-muted: #8d98a8;
}

html {
  background: var(--legacy-bg);
}

body {
  min-width: 320px;
  color: #f5f7fa;
  background:
    radial-gradient(circle at 8% 16%, rgba(30, 92, 173, 0.14), transparent 30rem),
    radial-gradient(circle at 91% 13%, rgba(69, 248, 130, 0.1), transparent 28rem),
    var(--legacy-bg) !important;
  font-family: "Inter", sans-serif !important;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  opacity: 0.17;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

h1, h2, h3, h4, h5, h6,
.product-name,
.status-card-name,
.team-name {
  font-family: "Space Grotesk", sans-serif !important;
  letter-spacing: -0.025em;
}

.wh-nav {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  min-height: 74px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  background: rgba(6, 9, 13, .92) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px);
}

.wh-nav.is-scrolled {
  background: rgba(6, 9, 13, .97) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.26) !important;
}

.wh-nav__inner {
  width: min(1220px, calc(100% - 44px)) !important;
  min-height: 74px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.wh-brand {
  gap: 10px !important;
  color: #fff !important;
}

.wh-brand__icon {
  display: grid !important;
  width: 37px !important;
  height: 37px !important;
  place-items: center;
  border: 1px solid rgba(69,248,130,.34) !important;
  border-radius: 11px !important;
  color: var(--legacy-green) !important;
  background: rgba(69,248,130,.08) !important;
  box-shadow: inset 0 0 18px rgba(69,248,130,.04) !important;
}

.wh-brand__icon svg {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.55;
}

.wh-brand__name {
  color: #fff !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase;
}

.wh-brand__name span {
  color: var(--legacy-green);
}

.wh-brand__tag {
  margin-top: 1px !important;
  color: #75808f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}

.wh-nav__links {
  gap: 4px !important;
}

.wh-link {
  min-height: 37px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #939dab !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.wh-link i {
  display: none !important;
}

.wh-link:hover,
.wh-link.is-active {
  color: #fff !important;
  background: rgba(255,255,255,.045) !important;
}

.wh-link.is-active::after {
  right: 10px !important;
  bottom: 0 !important;
  left: 10px !important;
  height: 2px !important;
  border-radius: 999px;
  background: var(--legacy-green) !important;
}

.wh-link.is-admin {
  border: 1px solid rgba(255,190,77,.24) !important;
  color: #ffc463 !important;
  background: rgba(255,190,77,.055) !important;
}

.wh-link.is-discord {
  color: #b9c1ff !important;
}

.wh-user__trigger {
  min-height: 41px !important;
  padding: 5px 11px 5px 6px !important;
  border: 1px solid rgba(69,248,130,.22) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: rgba(69,248,130,.055) !important;
}

.wh-user__avatar {
  background: var(--legacy-green) !important;
  color: #061009 !important;
}

.wh-user__balance {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: 12px !important;
}

.wh-user__menu {
  border: 1px solid var(--legacy-line) !important;
  border-radius: 14px !important;
  background: rgba(12,17,24,.98) !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.45) !important;
}

.wh-user__item {
  border-radius: 8px !important;
  color: #aeb7c3 !important;
}

.wh-user__item:hover {
  color: #fff !important;
  background: rgba(255,255,255,.045) !important;
}

.wh-user__item--primary {
  color: var(--legacy-green) !important;
}

.wh-toggle {
  border-color: var(--legacy-line) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.025) !important;
}

.wh-drawer {
  border-left: 1px solid var(--legacy-line) !important;
  background: #0a0f16 !important;
}

.wh-drawer__header,
.wh-drawer__user,
.wh-drawer__footer {
  border-color: var(--legacy-line) !important;
}

.wh-drawer__link {
  border-radius: 9px !important;
  color: #a9b2bf !important;
}

.wh-drawer__link:hover,
.wh-drawer__link.is-active {
  color: #fff !important;
  background: rgba(69,248,130,.07) !important;
}

.store-hero,
.status-hero,
.team-page-header,
.application-header {
  overflow: hidden;
  border: 1px solid var(--legacy-line) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 88% 0, rgba(69,248,130,.13), transparent 31rem),
    linear-gradient(145deg, rgba(15,21,29,.98), rgba(9,13,19,.96)) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.22) !important;
}

.store-hero h1,
.status-hero h1,
.team-page-header h1,
.application-header h1 {
  color: #fff !important;
  font-size: clamp(40px, 6vw, 70px) !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

.store-hero .highlight,
.status-hero .highlight,
.team-page-header h1 span {
  color: var(--legacy-green) !important;
  -webkit-text-fill-color: currentColor !important;
}

.store-subtitle,
.status-subtitle,
.team-page-header > p,
.application-header > p {
  color: #929dac !important;
  font-family: "Inter", sans-serif !important;
  line-height: 1.7 !important;
}

.store-badge,
.status-badge,
.welcome-badge {
  border: 1px solid rgba(69,248,130,.23) !important;
  color: var(--legacy-green) !important;
  background: rgba(69,248,130,.06) !important;
  box-shadow: none !important;
}

.trust-badge,
.requirements-box,
.launcher-card,
.discord-box,
.download-note,
.team-stats,
.application-form {
  border-color: var(--legacy-line) !important;
  background: rgba(15,20,28,.88) !important;
  box-shadow: none !important;
}

.store-section,
.section-header,
.status-grid,
.download-grid {
  scroll-margin-top: 90px;
}

.store-section--highlighted {
  border-color: rgba(69,248,130,.2) !important;
  background: linear-gradient(180deg, rgba(69,248,130,.045), rgba(255,255,255,.012)) !important;
}

.store-section--highlighted::before {
  background: linear-gradient(90deg, transparent, var(--legacy-green), transparent) !important;
}

.section-header h2,
.how-header h2,
.table-card-header h2 {
  color: #fff !important;
  font-family: "Space Grotesk", sans-serif !important;
}

.section-header p,
.how-header p,
.table-card-header p {
  color: var(--legacy-muted) !important;
}

.product-card,
.status-card,
.download-card,
.team-card,
.info-box,
.form-card,
.table-card {
  border: 1px solid var(--legacy-line) !important;
  border-radius: 17px !important;
  background: linear-gradient(150deg, rgba(17,23,32,.98), rgba(10,14,20,.96)) !important;
  box-shadow: none !important;
}

.product-card:hover,
.status-card:hover,
.download-card:hover,
.team-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(69,248,130,.3) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.22) !important;
}

.product-image,
.status-card-icon,
.download-card-header {
  background-color: #0a0f15 !important;
}

.product-price,
.price-tag,
.stat-number,
.balance,
.user-name {
  color: var(--legacy-green) !important;
}

.btn-buy,
.btn-launcher,
.btn-download.primary,
.btn-submit,
.flash-btn.primary,
.cbtn.primary {
  border: 1px solid var(--legacy-green) !important;
  border-radius: 11px !important;
  color: #061009 !important;
  background: var(--legacy-green) !important;
  box-shadow: none !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 800 !important;
}

.btn-buy:hover,
.btn-launcher:hover,
.btn-download.primary:hover,
.btn-submit:hover,
.flash-btn.primary:hover,
.cbtn.primary:hover {
  transform: translateY(-2px) !important;
  color: #061009 !important;
  background: #72ff9f !important;
  box-shadow: 0 16px 38px rgba(69,248,130,.17) !important;
}

.btn-download.secondary,
.btn-discord,
.flash-btn.secondary,
.cbtn.cancel {
  border: 1px solid var(--legacy-line) !important;
  border-radius: 10px !important;
  color: #dce2e9 !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}

input,
select,
textarea,
.form-control {
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: rgba(5,8,12,.68) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: rgba(69,248,130,.55) !important;
  box-shadow: 0 0 0 3px rgba(69,248,130,.08) !important;
}

.flash-overlay,
.confirm-overlay {
  background: rgba(2,5,8,.78) !important;
  backdrop-filter: blur(10px);
}

.flash-modal,
.confirm-modal {
  border: 1px solid rgba(69,248,130,.24) !important;
  border-radius: 20px !important;
  background: #10161e !important;
  box-shadow: 0 35px 100px rgba(0,0,0,.55) !important;
}

.flash-modal h3,
.confirm-modal h3 {
  color: #fff !important;
}

.footer {
  margin-top: 82px !important;
  padding: 58px 0 22px !important;
  border-top: 1px solid var(--legacy-line) !important;
  background: rgba(6,9,13,.88) !important;
}

.footer-content {
  width: min(1220px, calc(100% - 44px)) !important;
  margin: 0 auto !important;
  gap: 46px !important;
}

.footer-section h3 {
  margin-bottom: 16px !important;
  color: #fff !important;
  font-size: 13px !important;
  letter-spacing: -.01em !important;
}

.footer-section p,
.footer-section a {
  color: #7f8998 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
}

.footer-section a:hover {
  color: var(--legacy-green) !important;
  transform: none !important;
}

.footer-section i {
  color: var(--legacy-green) !important;
}

.footer > .social-links {
  width: min(1220px, calc(100% - 44px));
  margin: 30px auto 0 !important;
  justify-content: flex-start !important;
}

.footer > .social-links a {
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center;
  border: 1px solid var(--legacy-line) !important;
  border-radius: 10px !important;
  color: #909aa8 !important;
  background: rgba(255,255,255,.025) !important;
  box-shadow: none !important;
}

.footer-bottom {
  width: min(1220px, calc(100% - 44px));
  margin: 28px auto 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--legacy-line) !important;
  color: #667181 !important;
}

@media (max-width: 1280px) {
  .wh-nav__inner {
    width: calc(100% - 28px) !important;
  }

  .wh-link {
    padding: 0 7px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 991px) {
  .wh-nav__links,
  .wh-user {
    display: none !important;
  }

  .wh-toggle {
    display: grid !important;
  }

  .store-hero,
  .status-hero,
  .team-page-header,
  .application-header {
    padding: 42px 22px !important;
  }
}

@media (max-width: 640px) {
  .wh-nav__inner,
  .footer-content,
  .footer > .social-links,
  .footer-bottom {
    width: calc(100% - 24px) !important;
  }

  .store-hero h1,
  .status-hero h1,
  .team-page-header h1,
  .application-header h1 {
    font-size: 38px !important;
  }

  .footer-content {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 18px !important;
  }
}