@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  background: var(--color-bg);
  color: var(--color-text-primary);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
.nebula-theme {
  --nb-bg: var(--color-bg);
  --nb-surface: var(--color-surface);
  --nb-border: var(--color-border);
  --nb-text: var(--color-text-primary);
  --nb-muted: var(--color-text-secondary);
  --nb-card: var(--nb-surface);
  --nb-card-soft: color-mix(in srgb, var(--nb-surface) 93%, #fff 7%);
  --nb-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
  background-image: radial-gradient(
      circle at 15% 20%,
      rgba(88, 101, 242, 0.05),
      transparent 26%
    ),
    radial-gradient(
      circle at 90% 55%,
      color-mix(in srgb, var(--color-primary) 4%, transparent),
      transparent 25%
    );
}
.nebula-theme.nebula-light {
  --nb-bg: #f6f7fa;
  --nb-surface: #fff;
  --nb-border: #e2e4ea;
  --nb-text: #15171d;
  --nb-muted: #666c7a;
  --nb-card: #fff;
  --nb-card-soft: #f2f3f6;
  background: #f6f7fa;
  color: #15171d;
}
.nebula-theme.nebula-light {
  --color-bg: #f6f7fa;
  --color-surface: #fff;
  --color-border: #e2e4ea;
  --color-text-primary: #15171d;
  --color-text-secondary: #666c7a;
}
.nebula-theme a {
  text-decoration: none;
}
.nebula-theme h1,
.nebula-theme h2,
.nebula-theme h3 {
  letter-spacing: -0.035em;
}
.nebula-theme ::selection {
  background: var(--color-primary);
  color: #17130a;
}
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: var(--nb-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--nb-border);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

/* Existing Liquid pages inherit the Nebula system */
.nebula-theme .bg-white {
  background-color: var(--nb-surface) !important;
}
.nebula-theme .bg-gray-50 {
  background-color: var(--nb-card-soft) !important;
}
.nebula-theme .bg-gray-100 {
  background-color: color-mix(
    in srgb,
    var(--nb-surface) 72%,
    var(--nb-text) 8%
  ) !important;
}
.nebula-theme .bg-gray-200 {
  background-color: color-mix(
    in srgb,
    var(--nb-surface) 62%,
    var(--nb-text) 14%
  ) !important;
}
.nebula-theme .text-gray-900,
.nebula-theme .text-gray-800 {
  color: var(--nb-text) !important;
}
.nebula-theme .text-gray-700,
.nebula-theme .text-gray-600,
.nebula-theme .text-gray-500,
.nebula-theme .text-gray-400 {
  color: var(--nb-muted) !important;
}
.nebula-theme .border-gray-50,
.nebula-theme .border-gray-100,
.nebula-theme .border-gray-200,
.nebula-theme .border-gray-300 {
  border-color: var(--nb-border) !important;
}
.nebula-theme input,
.nebula-theme textarea,
.nebula-theme select {
  background: color-mix(in srgb, var(--nb-surface) 90%, var(--nb-text) 4%);
  color: var(--nb-text);
  border-color: var(--nb-border);
}
.nebula-theme input:focus,
.nebula-theme textarea:focus,
.nebula-theme select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px
    color-mix(in srgb, var(--color-primary) 16%, transparent);
}
.nebula-theme .rounded-3xl,
.nebula-theme .rounded-2xl,
.nebula-theme .rounded-xl {
  border-color: var(--nb-border);
}

/* Status strip and navigation */
.nebula-statusbar {
  height: 32px;
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(5, 6, 9, 0.94);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #fff;
}
.nebula-statusbar > div {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 10px;
  font-weight: 700;
}
.nebula-statusbar button {
  border: 0;
  background: none;
  color: rgba(255, 255, 255, 0.64);
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.nebula-statusbar__online {
  color: #61dd8b;
  display: flex;
  align-items: center;
  gap: 7px;
}
.nebula-statusbar__online i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #61dd8b;
  box-shadow: 0 0 9px #61dd8b;
}
.nebula-statusbar__broadcast {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.78);
  max-width: 36%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nebula-statusbar__broadcast i {
  color: var(--color-primary);
  margin-right: 7px;
}
.nebula-statusbar__socials {
  margin-left: auto;
  display: flex;
  gap: 12px;
}
.nebula-statusbar__socials a {
  color: rgba(255, 255, 255, 0.62);
}
.nebula-statusbar__socials a:hover {
  color: var(--color-primary);
}
#site-navbar {
  top: 32px !important;
  height: 82px;
  color: var(--nb-text) !important;
  background: color-mix(in srgb, var(--nb-bg) 82%, transparent) !important;
  backdrop-filter: blur(18px);
  border-color: transparent !important;
}
#site-navbar > div {
  height: 82px !important;
}
.nebula-theme #site-navbar.bg-white {
  background: color-mix(in srgb, var(--nb-bg) 94%, transparent) !important;
  border-color: var(--nb-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}
.nebula-theme #site-navbar nav {
  height: auto !important;
  padding: 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--nb-surface) 82%, transparent);
  border: 1px solid var(--nb-border);
  gap: 2px !important;
}
.nebula-theme #site-navbar nav a {
  height: auto !important;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 11px !important;
  color: var(--nb-muted);
  opacity: 1 !important;
}
.nebula-theme #site-navbar nav a:hover {
  color: var(--nb-text);
  background: color-mix(in srgb, var(--nb-surface) 72%, var(--nb-text) 8%);
}
.nebula-theme #site-navbar nav a span {
  display: none;
}
.nebula-theme #site-navbar nav a:has(span.scale-x-100) {
  background: var(--color-primary);
  color: #17130a;
  box-shadow: 0 7px 18px
    color-mix(in srgb, var(--color-primary) 22%, transparent);
}
.nebula-theme #site-navbar > a img,
.nebula-theme #site-navbar img {
  filter: drop-shadow(0 7px 14px rgba(0, 0, 0, 0.22));
}
.nebula-theme-toggle,
#nav-cart-btn {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  border: 1px solid var(--nb-border) !important;
  background: color-mix(in srgb, var(--nb-surface) 84%, transparent) !important;
  color: var(--nb-text) !important;
  display: grid !important;
  place-items: center;
  cursor: pointer;
  transition: 0.2s;
}
.nebula-theme-toggle:hover,
#nav-cart-btn:hover {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}
.nebula-theme #mobile-menu-sidebar {
  background: var(--nb-surface) !important;
  color: var(--nb-text);
}

/* Hero */
.nebula-hero {
  position: relative;
  z-index: 11;
  min-height: 690px;
  padding: 148px 20px 105px;
  background-image: var(--nebula-cover);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.nebula-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(4, 5, 8, 0.52),
    rgba(4, 5, 8, 0.46) 48%,
    var(--nb-bg) 100%
  );
  z-index: -1;
}
.nebula-stars {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    rgba(255, 255, 255, 0.75) 1px,
    transparent 1px
  );
  background-size: 74px 74px;
  opacity: 0.09;
  mask-image: linear-gradient(#000, transparent 85%);
  z-index: -1;
}
.nebula-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  width: min(820px, 100%);
  position: relative;
  z-index: 2;
}
.nebula-hero__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  animation: nb-enter 0.8s ease both;
}
.nebula-hero__logo-wrap > img {
  max-width: 100%;
  max-height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.45));
}
.nebula-hero__logo-wrap > img.animate-shake-logo {
  animation: shake-logo 4s ease-in-out infinite;
}
.nebula-hero h1 {
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 900;
  line-height: 1;
  margin: 18px 0 0;
  text-transform: uppercase;
  text-shadow: 0 8px 25px rgba(0, 0, 0, 0.45);
}
.nebula-hero__content > p {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
  max-width: 680px;
  margin: 15px auto 0;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.nebula-hero__buttons {
  display: flex;
  gap: 13px;
  margin-top: 27px;
}
.nebula-hero__buttons button,
.nebula-hero__buttons a {
  height: 56px;
  min-width: 176px;
  border-radius: 11px;
  padding: 0 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.2s;
}
.nebula-hero__buttons button {
  border: 0;
  border-bottom: 4px solid color-mix(in srgb, var(--color-primary) 66%, #000);
  background: var(--color-primary);
  color: #17130a;
}
.nebula-hero__buttons a {
  border: 2px solid #6572ff;
  background: rgba(88, 101, 242, 0.2);
  backdrop-filter: blur(10px);
  color: #fff;
}
.nebula-hero__buttons button:hover,
.nebula-hero__buttons a:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}
.nebula-ip {
  margin-top: 24px;
  padding: 11px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.37);
  backdrop-filter: blur(14px);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.nebula-ip > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #52dc7f;
  box-shadow: 0 0 0 5px rgba(82, 220, 127, 0.12);
  animation: nb-pulse 2s infinite;
}

.nebula-ip small {
  font-size: 8px;
  color: #62e08b;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.nebula-ip > b {
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.15);
}

.nebula-ip code {
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.nebula-ip > i {
  color: rgba(255, 255, 255, 0.55);
}


/* SUNUCU KAPALI */
button.nebula-ip.is-offline > span {
  background: #ef4444 !important;
  box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.15) !important;
  animation: none !important;
}

button.nebula-ip.is-offline .nebula-status {
  color: #ef4444 !important;
}
.nebula-stats {
  position: absolute;
  bottom: -43px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  width: min(1152px, calc(100% - 32px));
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.nebula-stats article {
  height: 92px;
  border: 1px solid var(--nb-border);
  background: color-mix(in srgb, var(--nb-surface) 93%, transparent);
  backdrop-filter: blur(17px);
  border-radius: 14px;
  box-shadow: var(--nb-shadow);
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 20px 25px;
  color: var(--nb-text);
}
.nebula-stats article > i {
  width: 49px;
  height: 49px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(68, 134, 255, 0.11);
  color: #508fff;
  font-size: 20px;
}
.nebula-stats article:nth-child(2) > i {
  background: rgba(59, 201, 114, 0.11);
  color: #43d17d;
}
.nebula-stats article:nth-child(3) > i {
  background: rgba(88, 101, 242, 0.13);
  color: #7885ff;
}
.nebula-stats article > span {
  display: flex;
  flex-direction: column;
}
.nebula-stats small {
  font-size: 10px;
  color: var(--nb-muted);
  font-weight: 600;
}
.nebula-stats strong {
  font-size: 21px;
  margin-top: 3px;
}
.nebula-inner-hero {
  height: 290px;
  padding-top: 112px;
  position: relative;
  background-image: var(--nebula-cover);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: max(24px, calc((100vw - 1152px) / 2));
  isolation: isolate;
}
.nebula-inner-hero > span:first-child {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 5, 8, 0.45), var(--nb-bg));
  z-index: -1;
}
.nebula-inner-hero > img {
  width: 130px;
  max-height: 110px;
  object-fit: contain;
  filter: drop-shadow(0 12px 22px rgba(0, 0, 0, 0.4));
}
.nebula-inner-hero > button {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(12px);
  border-radius: 11px;
  color: #fff;
  padding: 13px 16px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
}
.nebula-inner-hero > button > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #52dc7f;
}

/* Home */
.nebula-config-slider {
  display: flex;
  gap: 16px;
  margin-bottom: 26px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}
.nebula-config-slide {
  position: relative;
  min-width: 100%;
  min-height: 250px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid var(--nb-border);
  border-radius: 22px;
  background: linear-gradient(90deg, rgba(5, 6, 10, 0.96), rgba(5, 6, 10, 0.35)),
    var(--slide-image, var(--nb-surface));
  background-position: center;
  background-size: cover;
  scroll-snap-align: start;
}
.nebula-config-slide > div {
  position: relative;
  z-index: 1;
  width: min(620px, 100%);
  padding: 36px;
}
.nebula-config-slide h2 {
  margin: 0 0 10px;
  color: var(--nb-text);
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
}
.nebula-config-slide p {
  margin: 0 0 20px;
  color: var(--nb-muted);
  font-size: 15px;
  line-height: 1.65;
}
.nebula-config-slide a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border-radius: 12px;
  color: #15130d;
  background: var(--nb-primary);
  font-weight: 800;
}
.nebula-home {
  padding-top: 115px;
  padding-bottom: 90px;
}
.nebula-home-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 30px;
}
.nebula-main-column {
  display: flex;
  flex-direction: column;
  gap: 47px;
}
.nebula-content-section {
  min-width: 0;
}
.nebula-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.nebula-section-title > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nebula-section-title h2 {
  font-size: 20px;
  margin: 0;
  color: var(--nb-text);
}
.nebula-section-title small {
  font-size: 10px;
  color: var(--nb-muted);
  display: block;
  margin-top: 3px;
}
.nebula-section-title > a {
  font-size: 10px;
  font-weight: 800;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 7px;
}
.nebula-section-title--bordered {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--nb-border);
}
.nebula-title-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: rgba(77, 136, 255, 0.11);
  color: #528eff;
  display: grid;
  place-items: center;
}
.nebula-title-icon--star {
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  color: var(--color-primary);
}
.nebula-title-icon--green {
  background: rgba(51, 201, 110, 0.11);
  color: #43ce7a;
}
.nebula-featured-products {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.nebula-featured-card {
  border: 1px solid var(--nb-border);
  background: var(--nb-surface);
  border-radius: 14px;
  overflow: hidden;
  color: var(--nb-text);
  transition: 0.3s;
}
.nebula-featured-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-primary) 55%, var(--nb-border));
  box-shadow: var(--nb-shadow);
}
.nebula-featured-card__media {
  height: 190px;
  position: relative;
  overflow: hidden;
  background: var(--nb-card-soft);
}
.nebula-featured-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.nebula-featured-card:hover .nebula-featured-card__media img {
  transform: scale(1.07);
}
.nebula-featured-card__media > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--nb-muted);
  font-size: 42px;
  opacity: 0.25;
}
.nebula-featured-card__media > div {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(5, 6, 8, 0.82), transparent 65%);
}
.nebula-featured-card__media em {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #e54b53;
  color: #fff;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}
.nebula-featured-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.nebula-featured-card__body > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nebula-featured-card__body strong {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nebula-featured-card__body small {
  font-size: 8px;
  color: var(--nb-muted);
  margin-top: 3px;
}
.nebula-featured-card__body > b {
  color: #53d581;
  font-size: 13px;
}
.nebula-placeholder-card {
  pointer-events: none;
}
.nebula-post-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.nebula-post-card {
  display: grid;
  grid-template-columns: 235px 1fr;
  border: 1px solid var(--nb-border);
  background: color-mix(in srgb, var(--nb-surface) 78%, transparent);
  border-radius: 15px;
  overflow: hidden;
  color: var(--nb-text);
  transition: 0.3s;
}
.nebula-post-card:hover {
  border-color: color-mix(in srgb, var(--color-primary) 45%, var(--nb-border));
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15);
}
.nebula-post-card__image {
  position: relative;
  min-height: 200px;
  overflow: hidden;
}
.nebula-post-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.55s;
}
.nebula-post-card:hover .nebula-post-card__image img {
  transform: scale(1.06);
}
.nebula-post-card__image > span {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.18)),
    linear-gradient(0deg, rgba(0, 0, 0, 0.52), transparent);
}
.nebula-post-card__image em {
  position: absolute;
  top: 13px;
  left: 13px;
  background: rgba(20, 23, 31, 0.8);
  backdrop-filter: blur(9px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 99px;
  color: #fff;
  padding: 7px 10px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.nebula-post-card__content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nebula-post-card__content > small {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--nb-muted);
  font-size: 8px;
}
.nebula-post-card__content > small i {
  color: var(--color-primary);
}
.nebula-post-card__content > small b {
  font-weight: 400;
}
.nebula-post-card__content h3 {
  font-size: 18px;
  line-height: 1.25;
  margin: 12px 0 7px;
}
.nebula-post-card__content p {
  font-size: 10px;
  line-height: 1.7;
  color: var(--nb-muted);
  margin: 0;
}
.nebula-post-card__content footer {
  margin-top: auto;
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--nb-border);
  font-size: 8px;
}
.nebula-post-card__content footer > span {
  color: var(--nb-muted);
  display: flex;
  gap: 7px;
}
.nebula-post-card__content footer > b {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  gap: 6px;
}
.nebula-empty {
  height: 220px;
  border: 1px dashed var(--nb-border);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--nb-muted);
}
.nebula-empty > i {
  font-size: 28px;
  color: var(--color-primary);
  margin-bottom: 12px;
}
.nebula-empty strong {
  font-size: 12px;
  color: var(--nb-text);
}
.nebula-empty span {
  font-size: 9px;
  margin-top: 5px;
}

/* Sidebar */
.nebula-sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.nebula-discord-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(145deg, #6672f4, #4752c4);
  padding: 25px;
  color: #fff;
  box-shadow: 0 18px 40px rgba(50, 62, 180, 0.25);
}
.nebula-discord-card > i {
  font-size: 30px;
  margin-bottom: 22px;
}
.nebula-discord-glow {
  position: absolute;
  width: 190px;
  height: 190px;
  border: 30px solid rgba(255, 255, 255, 0.07);
  border-radius: 50%;
  top: -70px;
  right: -70px;
}
.nebula-discord-card > div small {
  font-size: 7px;
  letter-spacing: 0.15em;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.66);
}
.nebula-discord-card h3 {
  font-size: 19px;
  margin: 5px 0 7px;
}
.nebula-discord-card p {
  font-size: 10px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
}
.nebula-discord-count {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.17);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 20px 0 12px;
  font-size: 9px;
}
.nebula-discord-count > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #61df8d;
}
.nebula-discord-count b {
  font-size: 11px;
}
.nebula-discord-card > a {
  height: 40px;
  border-radius: 9px;
  background: #fff;
  color: #5260d3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 900;
}
.nebula-side-card {
  border: 1px solid var(--nb-border);
  background: var(--nb-surface);
  border-radius: 15px;
  overflow: hidden;
}
.nebula-side-card > header {
  height: 72px;
  padding: 15px;
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  align-items: center;
  gap: 11px;
}
.nebula-side-card > header h3 {
  font-size: 13px;
  margin: 0;
}
.nebula-side-card > header small {
  font-size: 8px;
  color: var(--nb-muted);
}
.nebula-side-card .nebula-title-icon {
  width: 39px;
  height: 39px;
}
.nebula-supporter-list {
  padding: 8px;
}
.nebula-supporter {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 11px;
  transition: 0.2s;
}
.nebula-supporter:hover {
  background: var(--nb-card-soft);
}
.nebula-supporter > span {
  position: relative;
}
.nebula-supporter img {
  width: 39px;
  height: 39px;
  border-radius: 9px;
  image-rendering: pixelated;
}
.nebula-supporter > span > i {
  position: absolute;
  width: 15px;
  height: 15px;
  right: -4px;
  bottom: -3px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: #17130a;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  border: 2px solid var(--nb-surface);
}
.nebula-supporter > div {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.nebula-supporter > div strong {
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nebula-supporter > div small {
  font-size: 8px;
  color: var(--nb-muted);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nebula-supporter > b {
  font-size: 9px;
  color: var(--color-primary);
}
.nebula-price-green {
  color: #4ed17d !important;
}
.nebula-mini-empty {
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--nb-muted);
  gap: 9px;
  font-size: 9px;
}
.nebula-mini-empty > i {
  font-size: 20px;
  color: var(--color-primary);
}
.nebula-quick-card {
  border: 1px solid var(--nb-border);
  background: var(--nb-surface);
  border-radius: 15px;
  padding: 16px;
}
.nebula-quick-card > small {
  font-size: 7px;
  color: var(--nb-muted);
  font-weight: 900;
  letter-spacing: 0.15em;
}
.nebula-quick-card > a {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--nb-text);
  padding: 13px 3px;
  border-bottom: 1px solid var(--nb-border);
}
.nebula-quick-card > a:last-child {
  border-bottom: 0;
}
.nebula-quick-card > a > i {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--nb-card-soft);
  display: grid;
  place-items: center;
  color: var(--color-primary);
}
.nebula-quick-card > a > span {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.nebula-quick-card strong {
  font-size: 10px;
}
.nebula-quick-card em {
  font-style: normal;
  font-size: 8px;
  color: var(--nb-muted);
  margin-top: 2px;
}
.nebula-quick-card > a > b {
  color: var(--nb-muted);
}

/* Footer */
.nebula-site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-top: 80px;
  padding: 0 0 28px;
  background: #08090d !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  color: #f5f6fa;
}
.nebula-site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(#000, transparent 78%);
  pointer-events: none;
}
.nebula-site-footer::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 760px;
  height: 460px;
  left: 50%;
  top: -260px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  filter: blur(120px);
  pointer-events: none;
}
.nebula-footer-aurora i {
  position: absolute;
  border-radius: 50%;
  filter: blur(120px);
  opacity: 0.14;
  pointer-events: none;
}
.nebula-footer-aurora i:nth-child(1) {
  width: 380px;
  height: 380px;
  left: -180px;
  top: 160px;
  background: var(--color-primary);
}
.nebula-footer-aurora i:nth-child(2) {
  width: 420px;
  height: 420px;
  right: -220px;
  top: 80px;
  background: #5865f2;
}
.nebula-footer-aurora i:nth-child(3) {
  width: 300px;
  height: 300px;
  left: 48%;
  bottom: -230px;
  background: #3ecf8e;
}
.nebula-footer-shell {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.nebula-footer-cta {
  min-height: 280px;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(410px, 0.85fr);
  align-items: center;
  gap: 55px;
  padding: 60px 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top: 0;
  border-radius: 0 0 28px 28px;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.055),
    rgba(255, 255, 255, 0.015)
  );
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}
.nebula-footer-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at 11% 0,
      color-mix(in srgb, var(--color-primary) 16%, transparent),
      transparent 36%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(88, 101, 242, 0.14),
      transparent 38%
    );
  pointer-events: none;
}
.nebula-footer-cta > * {
  position: relative;
  z-index: 1;
}
.nebula-footer-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.nebula-footer-eyebrow i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-primary) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-primary) 26%, transparent);
}
.nebula-footer-cta h2 {
  max-width: 620px;
  margin: 14px 0 13px;
  color: #fff;
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.05em;
}
.nebula-footer-cta h2 b {
  color: var(--color-primary);
}
.nebula-footer-cta p {
  max-width: 570px;
  margin: 0;
  color: rgba(239, 241, 248, 0.58);
  font-size: 13px;
  line-height: 1.75;
}
.nebula-footer-cta__actions {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.nebula-footer-cta__actions button,
.nebula-footer-cta__actions > a {
  width: 100%;
  min-height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  transition: 0.22s;
}
.nebula-footer-cta__actions button {
  padding: 9px 16px 9px 10px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  cursor: pointer;
}
.nebula-footer-cta__actions button:hover {
  border-color: color-mix(in srgb, var(--color-primary) 55%, transparent);
  background: rgba(255, 255, 255, 0.085);
  transform: translateY(-2px);
}
.nebula-footer-cta__icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 11px;
  background: color-mix(in srgb, var(--color-primary) 15%, transparent);
  color: var(--color-primary);
}
.nebula-footer-cta__actions button > span:nth-child(2) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  margin-left: 12px;
}
.nebula-footer-cta__actions small {
  color: rgba(255, 255, 255, 0.43);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.nebula-footer-cta__actions strong {
  max-width: 240px;
  margin-top: 3px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nebula-footer-cta__actions button > i {
  margin-left: auto;
  color: rgba(255, 255, 255, 0.55);
}
.nebula-footer-cta__actions > a {
  justify-content: space-between;
  padding: 0 22px;
  background: var(--color-primary);
  color: #17130a;
  font-size: 11px;
  font-weight: 900;
  box-shadow: 0 14px 30px
    color-mix(in srgb, var(--color-primary) 16%, transparent);
}
.nebula-footer-cta__actions > a:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}
.nebula-footer-trust {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 22px 0;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.028);
}
.nebula-footer-trust > div {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 17px;
  border-right: 1px solid rgba(255, 255, 255, 0.075);
}
.nebula-footer-trust > div:last-child {
  border-right: 0;
}
.nebula-footer-trust i {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--color-primary);
}
.nebula-footer-trust span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nebula-footer-trust strong {
  font-size: 9px;
  color: #f4f5f8;
}
.nebula-footer-trust small {
  margin-top: 3px;
  color: rgba(235, 237, 244, 0.4);
  font-size: 7px;
  line-height: 1.35;
}
.nebula-footer-main {
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) minmax(140px, 0.7fr) minmax(
      150px,
      0.78fr
    ) minmax(245px, 1.05fr);
  gap: 40px;
  padding: 48px 14px 45px;
}
.nebula-footer-brand__lockup {
  display: flex;
  align-items: center;
  gap: 13px;
  width: fit-content;
  color: #fff;
}
.nebula-footer-brand__mark {
  width: 60px;
  height: 60px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 17px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.09),
    rgba(255, 255, 255, 0.025)
  );
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.025);
}
.nebula-footer-brand__mark img {
  width: 45px !important;
  max-width: 82%;
  max-height: 82%;
  object-fit: contain;
}
.nebula-footer-brand__lockup > span:last-child {
  display: flex;
  flex-direction: column;
}
.nebula-footer-brand__lockup strong {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.nebula-footer-brand__lockup small {
  margin-top: 4px;
  color: rgba(240, 242, 248, 0.38);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.nebula-footer-brand > p {
  max-width: 340px;
  margin: 20px 0 19px;
  color: rgba(238, 240, 247, 0.48);
  font-size: 10px;
  line-height: 1.75;
}
.nebula-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.nebula-footer-socials a {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(246, 247, 250, 0.57);
  font-size: 8px;
  font-weight: 800;
  transition: 0.2s;
}
.nebula-footer-socials a:hover {
  border-color: color-mix(in srgb, var(--color-primary) 48%, transparent);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  color: var(--color-primary);
  transform: translateY(-2px);
}
.nebula-footer-column-title {
  display: block;
  margin: 4px 0 17px;
  color: rgba(242, 244, 249, 0.38);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.nebula-footer-links ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nebula-footer-links a {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  border-radius: 8px;
  color: rgba(242, 244, 249, 0.62);
  font-size: 10px;
  font-weight: 600;
  transition: 0.2s;
}
.nebula-footer-links a i {
  font-size: 7px;
  color: rgba(255, 255, 255, 0.18);
  transition: 0.2s;
}
.nebula-footer-links a:hover {
  padding-left: 7px;
  color: var(--color-primary);
}
.nebula-footer-links a:hover i {
  color: var(--color-primary);
  transform: translateX(2px);
}
.nebula-footer-server {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 17px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.06),
    rgba(255, 255, 255, 0.02)
  );
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
}
.nebula-footer-server__status {
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.nebula-footer-server__status > i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #55dc86;
  box-shadow: 0 0 0 5px rgba(85, 220, 134, 0.08);
}
.nebula-footer-server__status > b {
  margin-left: auto;
  color: #55dc86;
  font-size: 6px;
}
.nebula-footer-server h3 {
  margin: 16px 0 6px;
  color: #fff;
  font-size: 15px;
}
.nebula-footer-server > p {
  margin: 0 0 15px;
  color: rgba(240, 242, 248, 0.43);
  font-size: 8px;
  line-height: 1.6;
}
.nebula-footer-server > button {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: #0b0c11;
  color: #fff;
  cursor: pointer;
  text-align: left;
  transition: 0.2s;
}
.nebula-footer-server > button:hover {
  border-color: var(--color-primary);
}
.nebula-footer-server > button span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nebula-footer-server > button small {
  color: rgba(255, 255, 255, 0.31);
  font-size: 6px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.nebula-footer-server > button strong {
  max-width: 180px;
  margin-top: 3px;
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nebula-footer-server > button > i {
  color: var(--color-primary);
}
.nebula-footer-server > a {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 0 5px;
  color: var(--color-primary);
  font-size: 8px;
  font-weight: 900;
}
.nebula-footer-server > a i:last-child {
  margin-left: auto;
  font-size: 7px;
}
.nebula-footer-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 17px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: rgba(240, 242, 248, 0.48);
  font-size: 8px;
}
.nebula-footer-contact a,
.nebula-footer-contact span {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}
.nebula-footer-contact i {
  color: var(--color-primary);
}
.nebula-footer-contact a:hover {
  color: #fff;
}
.nebula-footer-bottom {
  min-height: 64px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
  padding: 16px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: rgba(240, 242, 248, 0.35);
}
.nebula-footer-bottom p {
  margin: 0;
  font-size: 8px;
}
.nebula-footer-bottom nav {
  display: flex;
  align-items: center;
  gap: 18px;
}
.nebula-footer-bottom nav a {
  color: rgba(240, 242, 248, 0.38);
  font-size: 8px;
  font-weight: 700;
}
.nebula-footer-bottom nav a:hover {
  color: var(--color-primary);
}
.nebula-footer-powered {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  color: rgba(255, 255, 255, 0.35);
}
.nebula-footer-powered span {
  font-size: 6px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.nebula-footer-powered strong {
  color: var(--color-primary);
  font-size: 9px;
  letter-spacing: 0.06em;
}

@keyframes nb-pulse {
  50% {
    box-shadow: 0 0 0 9px rgba(82, 220, 127, 0);
  }
}
@keyframes nb-enter {
  from {
    opacity: 0;
    transform: scale(0.88) translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1024px) {
  .nebula-home-grid {
    grid-template-columns: 1fr;
  }
  .nebula-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .nebula-discord-card {
    grid-row: span 2;
  }
  .nebula-quick-card {
    grid-column: 1/3;
  }
  .nebula-theme #site-navbar nav a {
    padding: 9px 12px;
  }
  .nebula-footer-cta {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .nebula-footer-cta__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .nebula-footer-trust {
    grid-template-columns: 1fr 1fr;
  }
  .nebula-footer-trust > div:nth-child(2) {
    border-right: 0;
  }
  .nebula-footer-trust > div:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
  }
  .nebula-footer-main {
    grid-template-columns: 1.3fr 1fr 1fr;
  }
  .nebula-footer-server {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    column-gap: 25px;
    align-items: center;
  }
  .nebula-footer-server__status,
  .nebula-footer-server h3,
  .nebula-footer-server > p {
    grid-column: 1;
  }
  .nebula-footer-server > button,
  .nebula-footer-server > a {
    grid-column: 2;
  }
  .nebula-footer-server > button {
    grid-row: 1/4;
  }
  .nebula-footer-server > a {
    grid-row: 4;
  }
}

@media (max-width: 768px) {
  .nebula-statusbar {
    display: none;
  }
  #site-navbar {
    top: 0 !important;
    height: 70px;
  }
  #site-navbar > div {
    height: 70px !important;
  }
  .nebula-hero {
    min-height: 735px;
    padding-top: 105px;
    padding-bottom: 150px;
  }
  .nebula-hero__logo-wrap > img {
    max-height: 140px;
  }
  .nebula-hero h1 {
    font-size: 42px;
  }
  .nebula-hero__content > p {
    font-size: 14px;
  }
  .nebula-stats {
    bottom: -115px;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .nebula-stats article {
    height: 68px;
    padding: 12px 17px;
  }
  .nebula-stats article > i {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
  .nebula-stats strong {
    font-size: 17px;
  }
  .nebula-home {
    padding-top: 155px;
  }
  .nebula-featured-products {
    grid-template-columns: 1fr;
  }
  .nebula-post-card {
    grid-template-columns: 190px 1fr;
  }
  .nebula-sidebar {
    grid-template-columns: 1fr;
  }
  .nebula-discord-card {
    grid-row: auto;
  }
  .nebula-quick-card {
    grid-column: auto;
  }
  .nebula-inner-hero {
    height: 245px;
    padding-top: 70px;
  }
  .nebula-theme-toggle {
    display: none !important;
  }
  .nebula-site-footer {
    margin-top: 60px;
  }
  .nebula-footer-shell {
    width: min(100% - 24px, 1180px);
  }
  .nebula-footer-cta {
    min-height: 0;
    padding: 44px 26px;
    border-radius: 0 0 22px 22px;
  }
  .nebula-footer-cta__actions {
    grid-template-columns: 1fr;
  }
  .nebula-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 36px 24px;
    padding-inline: 6px;
  }
  .nebula-footer-brand {
    grid-column: 1/-1;
  }
  .nebula-footer-server {
    display: block;
    grid-column: 1/-1;
  }
  .nebula-footer-bottom {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .nebula-footer-bottom nav {
    justify-content: center;
    flex-wrap: wrap;
  }
  .nebula-footer-powered {
    justify-content: center;
  }
}

@media (max-width: 540px) {
  .nebula-hero {
    min-height: 715px;
  }
  .nebula-hero h1 {
    font-size: 34px;
  }
  .nebula-hero__buttons {
    width: 100%;
    flex-direction: column;
  }
  .nebula-hero__buttons button,
  .nebula-hero__buttons a {
    width: 100%;
  }
  .nebula-ip code {
    font-size: 12px;
  }
  .nebula-section-title {
    align-items: flex-start;
  }
  .nebula-section-title > a {
    font-size: 0;
  }
  .nebula-section-title > a i {
    font-size: 12px;
  }
  .nebula-featured-card__media {
    height: 205px;
  }
  .nebula-post-card {
    display: block;
  }
  .nebula-post-card__image {
    height: 190px;
  }
  .nebula-post-card__content {
    min-height: 210px;
  }
  .nebula-inner-hero {
    justify-content: center;
  }
  .nebula-inner-hero > img {
    display: none;
  }
  .nebula-footer-cta h2 {
    font-size: 33px;
  }
  .nebula-footer-trust {
    grid-template-columns: 1fr;
  }
  .nebula-footer-trust > div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  }
  .nebula-footer-trust > div:last-child {
    border-bottom: 0 !important;
  }
  .nebula-footer-main {
    grid-template-columns: 1fr;
  }
  .nebula-footer-brand,
  .nebula-footer-server {
    grid-column: auto;
  }
  .nebula-footer-links {
    padding-top: 4px;
  }
  .nebula-footer-socials a span {
    display: none;
  }
  .nebula-footer-socials a {
    width: 36px;
    justify-content: center;
    padding: 0;
  }
  .nebula-footer-contact {
    align-items: flex-start;
    flex-direction: column;
  }
  .nebula-footer-bottom nav {
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.nebula-brand-name {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: var(--nb-text);
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Nebula footer v2 */

/* Classic CTA + modern footer links (hybrid v4) */
.nebula-footer-cta {
  position: relative;
  min-height: 360px;
  display: block;
  padding: 80px 20px 65px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  overflow: hidden;
}
.nebula-footer-cta::before,
.nebula-footer-cta::after {
  content: "";
  position: absolute;
  inset: auto;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  filter: blur(110px);
  opacity: 0.25;
  pointer-events: none;
}
.nebula-footer-cta::before {
  left: 20%;
  top: 0;
  background: var(--color-primary);
}
.nebula-footer-cta::after {
  right: 20%;
  bottom: 0;
  background: #5865f2;
}
.nebula-footer-cta > * {
  position: relative;
  z-index: 1;
}
.nebula-footer-cta > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
  border-radius: 99px;
  background: color-mix(in srgb, var(--color-primary) 9%, transparent);
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 800;
}
.nebula-footer-cta h2 {
  max-width: none;
  margin: 17px 0 12px;
  color: #fff;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.035em;
}
.nebula-footer-cta h2 b {
  color: var(--color-primary);
  font-weight: 800;
}
.nebula-footer-cta p {
  max-width: 650px;
  margin: 0 auto;
  color: rgba(239, 241, 248, 0.58);
  font-size: 13px;
  line-height: 1.7;
}
.nebula-footer-cta > div {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 25px;
}
.nebula-footer-cta button,
.nebula-footer-cta > div > a {
  width: auto;
  min-height: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.2s;
}
.nebula-footer-cta button {
  background: rgba(18, 20, 27, 0.88);
  color: #fff;
}
.nebula-footer-cta > div > a {
  background: var(--color-primary);
  color: #17130a;
  border-color: var(--color-primary);
  box-shadow: 0 12px 28px
    color-mix(in srgb, var(--color-primary) 14%, transparent);
}
.nebula-footer-cta button:hover,
.nebula-footer-cta > div > a:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

@media (max-width: 768px) {
  .nebula-footer-cta {
    min-height: 0;
    padding: 68px 20px 58px;
  }
}
@media (max-width: 540px) {
  .nebula-footer-cta h2 {
    font-size: 33px;
  }
  .nebula-footer-cta > div {
    align-items: stretch;
    flex-direction: column;
    width: min(100%, 360px);
    margin: 25px auto 0;
  }
  .nebula-footer-cta button,
  .nebula-footer-cta > div > a {
    width: 100%;
  }
}

/* Nebula readability scale v6 */
.nebula-theme .text-xs {
  font-size: 0.8125rem !important;
  line-height: 1.25rem !important;
}
.nebula-theme .text-sm {
  font-size: 0.9375rem !important;
  line-height: 1.45rem !important;
}
.nebula-theme .text-base {
  font-size: 1rem !important;
  line-height: 1.55rem !important;
}
.nebula-theme .text-\[9px\] {
  font-size: 0.6875rem !important;
  line-height: 1rem !important;
}
.nebula-theme .text-\[10px\] {
  font-size: 0.75rem !important;
  line-height: 1.1rem !important;
}
.nebula-theme .text-\[11px\] {
  font-size: 0.8125rem !important;
  line-height: 1.2rem !important;
}
.nebula-theme .text-\[12px\] {
  font-size: 0.875rem !important;
  line-height: 1.3rem !important;
}
.nebula-theme .text-\[15px\] {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.nebula-statusbar > div {
  font-size: 12px;
}
.nebula-theme #site-navbar nav a {
  font-size: 13px !important;
}
.nebula-brand-name {
  font-size: 17px;
}
.nebula-ip small {
  font-size: 10px;
}
.nebula-ip code {
  font-size: 15px;
}
.nebula-stats small {
  font-size: 12px;
}
.nebula-inner-hero > button {
  font-size: 13px;
}
.nebula-section-title h2 {
  font-size: 24px;
}
.nebula-section-title small {
  font-size: 12px;
  line-height: 1.5;
}
.nebula-section-title > a {
  font-size: 12px;
}
.nebula-featured-card__media em {
  font-size: 10px;
}
.nebula-featured-card__body strong {
  font-size: 15px;
}
.nebula-featured-card__body small {
  font-size: 11px;
}
.nebula-featured-card__body > b {
  font-size: 15px;
}
.nebula-post-card__image em {
  font-size: 10px;
}
.nebula-post-card__content > small {
  font-size: 11px;
}
.nebula-post-card__content h3 {
  font-size: 20px;
}
.nebula-post-card__content p {
  font-size: 13px;
  line-height: 1.65;
}
.nebula-post-card__content footer {
  font-size: 11px;
}
.nebula-empty strong {
  font-size: 14px;
}
.nebula-empty span {
  font-size: 12px;
}
.nebula-discord-card > div small {
  font-size: 10px;
}
.nebula-discord-card h3 {
  font-size: 21px;
}
.nebula-discord-card p {
  font-size: 13px;
}
.nebula-discord-count {
  font-size: 12px;
}
.nebula-discord-count b {
  font-size: 13px;
}
.nebula-discord-card > a {
  font-size: 13px;
}
.nebula-side-card > header h3 {
  font-size: 16px;
}
.nebula-side-card > header small {
  font-size: 11px;
}
.nebula-supporter > span > i {
  font-size: 9px;
}
.nebula-supporter > div strong {
  font-size: 13px;
}
.nebula-supporter > div small {
  font-size: 11px;
}
.nebula-supporter > b {
  font-size: 12px;
}
.nebula-mini-empty {
  font-size: 12px;
}
.nebula-quick-card > small {
  font-size: 10px;
}
.nebula-quick-card strong {
  font-size: 13px;
}
.nebula-quick-card em {
  font-size: 11px;
}
.nebula-footer-cta > span {
  font-size: 11px;
}
.nebula-footer-cta p {
  font-size: 15px;
}
.nebula-footer-cta button,
.nebula-footer-cta > div > a {
  min-height: 54px;
  height: 54px;
  font-size: 13px;
}
.nebula-footer-main {
  gap: 48px;
  padding: 56px 14px 52px;
}
.nebula-footer-brand__mark {
  width: 68px;
  height: 68px;
}
.nebula-footer-brand__lockup strong {
  font-size: 19px;
}
.nebula-footer-brand__lockup small {
  font-size: 9px;
  line-height: 1.35;
}
.nebula-footer-brand > p {
  max-width: 380px;
  font-size: 13px;
  line-height: 1.7;
}
.nebula-footer-socials a {
  height: 38px;
  font-size: 11px;
}
.nebula-footer-column-title {
  margin-bottom: 20px;
  font-size: 10px;
}
.nebula-footer-links ul {
  gap: 5px;
}
.nebula-footer-links a {
  min-height: 40px;
  font-size: 13px;
}
.nebula-footer-links a i {
  font-size: 9px;
}
.nebula-footer-server__status {
  font-size: 9px;
}
.nebula-footer-server__status > b {
  font-size: 9px;
}
.nebula-footer-server h3 {
  font-size: 18px;
}
.nebula-footer-server > p {
  font-size: 11px;
}
.nebula-footer-server > button small {
  font-size: 9px;
}
.nebula-footer-server > button strong {
  font-size: 13px;
}
.nebula-footer-server > a {
  font-size: 11px;
}
.nebula-footer-contact {
  font-size: 11px;
}
.nebula-footer-bottom {
  min-height: 72px;
}
.nebula-footer-bottom p,
.nebula-footer-bottom nav a {
  font-size: 11px;
}
.nebula-footer-powered span {
  font-size: 9px;
}
.nebula-footer-powered strong {
  font-size: 12px;
}

@media (max-width: 768px) {
  .nebula-theme #site-navbar nav a {
    font-size: 14px !important;
  }
  .nebula-footer-main {
    gap: 40px 28px;
    padding-top: 48px;
  }
  .nebula-footer-column-title {
    font-size: 11px;
  }
  .nebula-footer-links a {
    font-size: 14px;
  }
}
@media (max-width: 540px) {
  .nebula-section-title h2 {
    font-size: 22px;
  }
  .nebula-post-card__content p {
    font-size: 14px;
  }
  .nebula-footer-brand > p {
    font-size: 14px;
  }
  .nebula-footer-bottom p,
  .nebula-footer-bottom nav a {
    font-size: 12px;
  }
}

/* Footer spacing balance v7 */
.nebula-site-footer {
  padding-bottom: 0;
}
.nebula-footer-main {
  padding-top: 42px;
  padding-bottom: 30px;
}
.nebula-footer-bottom {
  min-height: 64px;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* Home news card footer alignment v8 */
.nebula-post-card__content footer {
  min-height: 43px;
  padding-top: 12px;
  gap: 14px;
}
.nebula-post-card__metrics {
  display: flex !important;
  align-items: center;
  gap: 7px !important;
  color: var(--nb-muted);
}
.nebula-post-card__metrics em {
  min-width: 44px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  background: var(--nb-card-soft);
  font-style: normal;
  line-height: 1;
}
.nebula-post-card__metrics i {
  width: 13px;
  display: grid;
  place-items: center;
  color: var(--nb-muted);
}
.nebula-post-card__metrics strong {
  color: var(--nb-text);
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.nebula-post-card__content footer > b {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .nebula-footer-main {
    padding-top: 38px;
    padding-bottom: 28px;
  }
}

/* Footer three-column balance v8 */
.nebula-footer-main {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(44px, 5vw, 72px);
}
@media (max-width: 768px) {
  .nebula-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 28px;
  }
  .nebula-footer-brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 540px) {
  .nebula-footer-main {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .nebula-footer-brand {
    grid-column: auto;
  }
}

/* Nebula auth system v9 */
.nebula-auth {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto !important;
  min-height: 100svh !important;
  background: #0b0d12 !important;
  background-image: radial-gradient(
      circle at 8% 12%,
      color-mix(in srgb, var(--color-primary) 9%, transparent),
      transparent 30%
    ),
    radial-gradient(
      circle at 62% 90%,
      rgba(88, 101, 242, 0.08),
      transparent 34%
    ) !important;
  color: #f5f6fa;
  overflow: hidden;
}
.nebula-auth::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, #000, transparent 62%);
  pointer-events: none;
}
.nebula-auth__form-pane {
  min-height: 100svh;
  max-height: 100svh !important;
  justify-content: flex-start !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: linear-gradient(
    145deg,
    rgba(18, 20, 27, 0.96),
    rgba(11, 13, 18, 0.98)
  );
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.12) transparent;
}
.nebula-auth__card {
  width: min(100%, 480px) !important;
  max-width: 480px !important;
  margin-block: auto !important;
}
.nebula-auth__card > a:first-child {
  width: max-content;
  max-width: 100%;
}
.nebula-auth__card > a:first-child img {
  max-width: 210px;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.3));
}
.nebula-auth__back {
  top: 24px !important;
  left: 28px !important;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: #a0a6b4 !important;
  backdrop-filter: blur(12px);
}
.nebula-auth__back:hover {
  border-color: color-mix(in srgb, var(--color-primary) 35%, transparent);
  background: color-mix(in srgb, var(--color-primary) 7%, transparent);
  color: var(--color-primary) !important;
}
.nebula-auth__form-pane h1 {
  color: #f7f8fb !important;
  font-size: clamp(30px, 2.5vw, 38px) !important;
  line-height: 1.12;
}
.nebula-auth__form-pane .text-gray-900,
.nebula-auth__form-pane .text-gray-800 {
  color: #f5f6fa !important;
}
.nebula-auth__form-pane .text-gray-700,
.nebula-auth__form-pane label {
  color: #d6d9e2 !important;
}
.nebula-auth__form-pane .text-gray-600,
.nebula-auth__form-pane .text-gray-500 {
  color: #949baa !important;
}
.nebula-auth__form-pane .text-gray-400 {
  color: #747c8d !important;
}
.nebula-auth__form-pane input {
  min-height: 54px !important;
  border: 1px solid rgba(255, 255, 255, 0.095) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.052) !important;
  color: #f7f8fb !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}
.nebula-auth__form-pane input::placeholder {
  color: #697181;
}
.nebula-auth__form-pane input:focus {
  border-color: var(--color-primary) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 0 0 4px
    color-mix(in srgb, var(--color-primary) 13%, transparent) !important;
}
.nebula-auth__form-pane button.bg-primary {
  min-height: 54px;
  color: #17130a !important;
  box-shadow: 0 14px 30px
    color-mix(in srgb, var(--color-primary) 16%, transparent) !important;
}
.nebula-auth__form-pane button.bg-\[\#5865F2\] {
  min-height: 52px;
  color: #fff !important;
}
.nebula-auth__form-pane .border-gray-200,
.nebula-auth__form-pane .border-gray-100 {
  border-color: rgba(255, 255, 255, 0.085) !important;
}
.nebula-auth__form-pane span.bg-white {
  background: #10131a !important;
}
.nebula-auth__form-pane .bg-blue-50 {
  background: rgba(66, 133, 255, 0.09) !important;
  border-color: rgba(86, 149, 255, 0.22) !important;
  color: #a9c8ff !important;
}
.nebula-auth__form-pane .bg-blue-50 .text-blue-600 {
  color: #77aaff !important;
}
.nebula-auth__form-pane .bg-amber-50 {
  background: rgba(243, 183, 63, 0.09) !important;
  border-color: rgba(243, 183, 63, 0.22) !important;
  color: #f3cc7e !important;
}
.nebula-auth__form-pane .text-amber-800,
.nebula-auth__form-pane .text-amber-600 {
  color: #f3c461 !important;
}
.nebula-auth__promo {
  position: relative;
  height: calc(100svh - 32px);
  align-self: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 30px !important;
  background: #080a0f !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42) !important;
}
.nebula-auth__promo::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);
  pointer-events: none;
  z-index: 3;
}
.nebula-auth__promo-image {
  opacity: 0.72 !important;
  mix-blend-mode: normal !important;
  filter: saturate(1.12) contrast(1.06);
}
.nebula-auth__promo-overlay {
  background: linear-gradient(
    180deg,
    rgba(5, 6, 10, 0.08),
    rgba(5, 6, 10, 0.4) 45%,
    rgba(5, 6, 10, 0.96) 100%
  ) !important;
}
.nebula-auth__promo-content {
  color: #fff !important;
}
.nebula-auth__promo-content h2 {
  max-width: 560px;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1.02;
  text-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}
.nebula-auth__promo-content p {
  color: rgba(239, 241, 247, 0.72) !important;
  font-size: 17px !important;
}
.nebula-auth__promo-content .text-gray-400 {
  color: rgba(239, 241, 247, 0.56) !important;
}
.nebula-auth__promo-content .text-gray-300 {
  color: rgba(239, 241, 247, 0.72) !important;
}
.nebula-auth__promo-content .text-white {
  color: #fff !important;
}
@media (max-width: 1023px) {
  .nebula-auth {
    min-height: 100svh !important;
    overflow-y: auto;
  }
  .nebula-auth__form-pane {
    width: 100% !important;
    min-height: 100svh;
    max-height: none !important;
    padding: 82px 28px 42px !important;
  }
  .nebula-auth__card {
    margin-block: auto !important;
    padding-block: 22px !important;
  }
}
@media (max-width: 540px) {
  .nebula-auth__form-pane {
    padding: 76px 20px 34px !important;
  }
  .nebula-auth__back {
    top: 18px !important;
    left: 18px !important;
  }
  .nebula-auth__card {
    padding-block: 14px !important;
  }
  .nebula-auth__form-pane h1 {
    font-size: 30px !important;
  }
  .nebula-auth__card > a:first-child img {
    max-width: 170px;
    max-height: 54px;
  }
}

/* Auth field contrast v10 */
.nebula-theme .nebula-auth__form-pane input {
  background-color: #171a22 !important;
  background-image: none !important;
}

/* Shake logo CSS */

@keyframes shake-logo {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}

/* Authenticated navbar balance chip v12 */
.nebula-nav-credit {
  display: none;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin-left: 4px;
  padding: 7px 11px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 34%, transparent);
  border-radius: 11px;
  background: color-mix(
    in srgb,
    var(--color-primary) 13%,
    rgba(10, 12, 17, 0.9)
  );
  color: var(--color-primary);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05),
    0 8px 22px rgba(0, 0, 0, 0.14);
  white-space: nowrap;
  line-height: 1;
}

.nebula-nav-credit i {
  width: 12px;
  font-size: 11px;
  text-align: center;
  opacity: 0.92;
}

.nebula-nav-credit strong {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.01em;
}

@media (min-width: 1024px) {
  .nebula-nav-credit {
    display: inline-flex;
  }
}

/* Store, post and Discord contrast fixes v13 */
.nebula-store-index .group h4,
.nebula-store-server .group h4,
.nebula-post-detail .nebula-post-hero-title {
  color: #fff !important;
}

.nebula-store-index .group:hover h4,
.nebula-store-server .group:hover h4 {
  color: var(--color-primary) !important;
}

.nebula-store-server .nebula-store-overlay-copy {
  color: rgba(255, 255, 255, 0.84) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
}

.nebula-store-category .nebula-product-description {
  color: #c6cad5 !important;
}

.nebula-post-detail .nebula-post-hero-meta {
  color: rgba(255, 255, 255, 0.78) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.72);
}

#tab-btn-discord .nebula-discord-tab-icon {
  color: #7c86ff !important;
  filter: drop-shadow(0 0 8px rgba(88, 101, 242, 0.28));
}

#tab-btn-discord.bg-primary .nebula-discord-tab-icon {
  color: #17130a !important;
  filter: none;
}

/* Page progress and transitions v14 */
#nprogress .bar {
  height: 3px !important;
  background: var(--color-primary) !important;
}

#nprogress .peg {
  box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary) !important;
}

#nprogress .spinner {
  display: none !important;
}

@view-transition {
  navigation: auto;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

::view-transition-old(root) {
  animation: 200ms ease-out both fade-out;
}

::view-transition-new(root) {
  animation: 200ms ease-out both fade-in;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Footer creator credits v15 */
.nebula-footer-credits {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px;
  white-space: nowrap;
}

.nebula-footer-credit-divider {
  width: 1px;
  height: 15px;
  display: block;
  background: rgba(255, 255, 255, 0.1);
}

.nebula-footer-themed strong {
  color: #7c86ff;
}

.nebula-footer-credits .nebula-footer-powered {
  transition: color 0.2s ease, transform 0.2s ease;
}

.nebula-footer-credits .nebula-footer-powered:hover {
  color: rgba(255, 255, 255, 0.7);
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .nebula-footer-credits {
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* Latest signups marquee v16 */
.nebula-last-signups {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding: 74px 0 70px;
  border-top: 1px solid rgba(255, 255, 255, 0.055);
  background: radial-gradient(
      circle at 50% 115%,
      color-mix(in srgb, var(--color-primary) 14%, transparent),
      transparent 46%
    ),
    linear-gradient(180deg, #090a0f 0%, #08090d 100%);
}

.nebula-last-signups + .nebula-site-footer {
  margin-top: 0;
  border-top: 0 !important;
}

.nebula-last-signups::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.24;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.025) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, transparent, #000 35%, transparent);
}

.nebula-last-signups__heading {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 30px;
  text-align: center;
}

.nebula-last-signups__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 11px;
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nebula-last-signups__heading h2 {
  margin: 0;
  color: #f7f8fc;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.045em;
}

.nebula-last-signups__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 8%,
    #000 92%,
    transparent 100%
  );
}

.nebula-last-signups__track {
  display: flex;
  width: max-content;
  gap: 16px;
  will-change: transform;
  animation: nebula-signups-scroll 34s linear infinite;
}

.nebula-last-signups__viewport:hover .nebula-last-signups__track,
.nebula-last-signups__viewport:focus-within .nebula-last-signups__track {
  animation-play-state: paused;
}

.nebula-last-signups__group {
  display: flex;
  flex: none;
  gap: 16px;
}

.nebula-last-signup {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-width: 190px;
  padding: 10px 18px 10px 10px;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 16px;
  color: #eceef5;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04),
    0 14px 34px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s ease, border-color 0.2s ease,
    background-color 0.2s ease, color 0.2s ease;
}

.nebula-last-signup:hover,
.nebula-last-signup:focus-visible {
  color: #fff;
  border-color: color-mix(in srgb, var(--color-primary) 52%, transparent);
  background: color-mix(
    in srgb,
    var(--color-primary) 11%,
    rgba(255, 255, 255, 0.05)
  );
  transform: translateY(-3px);
  outline: none;
}

.nebula-last-signup img {
  width: 48px;
  height: 48px;
  flex: none;
  border-radius: 12px;
  image-rendering: pixelated;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 8px 18px rgba(0, 0, 0, 0.28);
}

.nebula-last-signup span {
  overflow: hidden;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes nebula-signups-scroll {
  to {
    transform: translateX(calc(-50% - 8px));
  }
}

@media (max-width: 640px) {
  .nebula-last-signups {
    padding: 54px 0 50px;
  }

  .nebula-last-signups__heading {
    margin-bottom: 22px;
  }

  .nebula-last-signup {
    min-width: 166px;
    padding-right: 14px;
  }

  .nebula-last-signup img {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .nebula-last-signups__track {
    animation-play-state: paused;
  }
}

/* Minecraft join guide v17 */
.nebula-play-route #MainContent {
  overflow: hidden;
}

.nebula-play-route .nebula-site-footer {
  margin-top: 0;
}

.nb-play {
  --play-ink: var(--nb-text);
  --play-muted: var(--nb-muted);
  --play-panel: var(--nb-surface);
  --play-line: var(--nb-border);
  overflow: hidden;
  color: var(--play-ink);
  background: var(--nb-bg);
}

/* Screen-specific display rules must never override the native hidden state. */
.nb-play [hidden] {
  display: none !important;
}

.nb-play-shell {
  position: relative;
  width: min(1152px, calc(100% - 40px));
  margin-inline: auto;
}

.nb-play-hero {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  background: #0a0b0f;
}

.nb-play-hero__scene {
  position: absolute;
  z-index: -4;
  inset: -5%;
  background-image: var(--play-hero-cover);
  background-position: center 52%;
  background-size: cover;
  filter: saturate(0.82) contrast(1.08);
  transform: scale(1.05);
  animation: nb-play-pan 18s ease-in-out infinite alternate;
}

.nb-play-hero__vignette {
  position: absolute;
  z-index: -3;
  inset: 0;
  background: linear-gradient(
      90deg,
      rgba(6, 7, 10, 0.97) 0%,
      rgba(6, 7, 10, 0.81) 35%,
      rgba(6, 7, 10, 0.25) 72%,
      rgba(6, 7, 10, 0.62) 100%
    ),
    linear-gradient(0deg, #08090d 0%, transparent 31%),
    radial-gradient(
      circle at 72% 32%,
      color-mix(in srgb, var(--color-primary) 17%, transparent),
      transparent 34%
    );
}

.nb-play-hero::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: 0.14;
  pointer-events: none;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.nb-play-hero__blocks i {
  position: absolute;
  z-index: -1;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  image-rendering: pixelated;
  box-shadow: inset -12px -12px 0 rgba(0, 0, 0, 0.18),
    0 25px 50px rgba(0, 0, 0, 0.28);
  rotate: 11deg;
  animation: shake-logo 4s ease-in-out infinite;
}

.nb-play-hero__blocks i:nth-child(1) {
  right: 8%;
  bottom: 13%;
  background: var(--mc-grass) center/cover;
}
.nb-play-hero__blocks i:nth-child(2) {
  right: 3%;
  bottom: 5%;
  background: var(--mc-dirt) center/cover;
  rotate: -8deg;
  animation-delay: -1s;
}
.nb-play-hero__blocks i:nth-child(3) {
  right: 17%;
  bottom: 2%;
  width: 58px;
  height: 58px;
  background: var(--mc-stone) center/cover;
  rotate: 18deg;
  animation-delay: -2s;
}
.nb-play-hero__blocks i:nth-child(4) {
  right: 2%;
  top: 22%;
  width: 48px;
  height: 48px;
  background: var(--mc-planks) center/cover;
  rotate: 24deg;
  animation-delay: -3s;
}

.nb-play-hero__content {
  padding-top: 118px;
  padding-bottom: 92px;
}

.nb-play-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 7px 13px 7px 7px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  border-radius: 8px;
  color: var(--color-primary);
  background: rgba(8, 9, 13, 0.6);
  backdrop-filter: blur(12px);
  text-transform: none;
}

.nb-play-kicker > img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
}

.nb-play-kicker > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.nb-play-kicker b {
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.nb-play-kicker small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.nb-play-hero h1 {
  max-width: 790px;
  margin: 25px 0 22px;
  color: #fff;
  font-size: clamp(48px, 6.3vw, 86px);
  font-weight: 900;
  line-height: 0.96;
  letter-spacing: -0.065em;
  text-shadow: 0 8px 40px rgba(0, 0, 0, 0.42);
}

.nb-play-hero h1 strong {
  color: var(--color-primary);
  font-weight: inherit;
}

.nb-play-hero__content > p {
  max-width: 650px;
  margin: 0;
  color: rgba(242, 244, 250, 0.68);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
}

.nb-play-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.nb-play-hero__actions > a,
.nb-play-hero__actions > button {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 0 24px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  transition: transform 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

.nb-play-hero__actions > a {
  color: #17130a;
  background: var(--color-primary);
  box-shadow: 0 16px 38px
    color-mix(in srgb, var(--color-primary) 24%, transparent);
}

.nb-play-hero__actions > button {
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  background: rgba(8, 9, 13, 0.7);
  backdrop-filter: blur(12px);
}

.nb-play-hero__actions > button span {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.nb-play-hero__actions > a:hover,
.nb-play-hero__actions > button:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}

.nb-play-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 28px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 11px;
  font-weight: 700;
}

.nb-play-hero__meta span {
  display: flex;
  align-items: center;
  gap: 7px;
}
.nb-play-hero__meta i {
  color: var(--color-primary);
}

.nb-play-guide {
  position: relative;
  padding: 105px 0 118px;
  background: radial-gradient(
      circle at 50% 30%,
      color-mix(in srgb, var(--color-primary) 7%, transparent),
      transparent 36%
    ),
    var(--nb-bg);
}

.nb-play-section-title {
  max-width: 700px;
  margin: 0 auto 44px;
  text-align: center;
}

.nb-play-section-title > span {
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.22em;
}

.nb-play-section-title h2 {
  margin: 12px 0 13px;
  color: var(--nb-text);
  font-size: clamp(34px, 4.6vw, 56px);
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: -0.055em;
}

.nb-play-section-title p {
  margin: 0;
  color: var(--play-muted);
  font-size: 14px;
  line-height: 1.75;
}

.nb-play-stepper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.nb-play-stepper button {
  position: relative;
  min-width: 0;
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 16px;
  overflow: hidden;
  border: 1px solid var(--play-line);
  border-radius: 13px;
  color: var(--nb-muted);
  background: var(--nb-surface);
  text-align: left;
  cursor: pointer;
  transition: 0.22s ease;
}

.nb-play-stepper button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 3px;
  background: var(--color-primary);
  transition: right 0.3s ease;
}

.nb-play-stepper button:hover,
.nb-play-stepper button.is-active {
  color: var(--nb-text);
  border-color: color-mix(in srgb, var(--color-primary) 36%, transparent);
  background: color-mix(in srgb, var(--color-primary) 8%, var(--nb-surface));
}

.nb-play-stepper button.is-active::after {
  right: 0;
}
.nb-play-stepper button > b {
  color: var(--color-primary);
  font-size: 15px;
}
.nb-play-stepper button > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  color: inherit;
  font-size: 12px;
  font-weight: 850;
}
.nb-play-stepper button small {
  margin-bottom: 3px;
  color: var(--nb-muted);
  opacity: 0.62;
  font-size: 7px;
  letter-spacing: 0.14em;
}
.nb-play-stepper button > i {
  display: none;
  margin-left: auto;
  color: #52d681;
}
.nb-play-stepper button.is-complete > i {
  display: block;
}

.nb-play-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.58fr) minmax(310px, 0.72fr);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  background: var(--nb-surface);
  box-shadow: 0 35px 100px rgba(0, 0, 0, 0.45),
    inset 0 1px rgba(255, 255, 255, 0.04);
}

.nb-mc-frame {
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin: 18px 0 18px 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
  background: #050506;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.36);
}

.nb-mc-frame__bar {
  height: 37px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 13px;
  color: rgba(255, 255, 255, 0.64);
  background: #1b1d23;
  font-size: 9px;
}

.nb-mc-frame__bar > span {
  display: flex;
  gap: 6px;
}
.nb-mc-frame__bar > span i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #5a5d67;
}
.nb-mc-frame__bar > span i:first-child {
  background: #ff645f;
}
.nb-mc-frame__bar > span i:nth-child(2) {
  background: #f6be4f;
}
.nb-mc-frame__bar > span i:nth-child(3) {
  background: #5bc66d;
}
.nb-mc-frame__bar > small {
  justify-self: end;
}

.nb-mc-screen {
  position: relative;
  flex: 1;
  min-height: 535px;
  overflow: hidden;
  animation: nb-play-screen-in 0.35s ease both;
}

.nb-mc-launcher {
  display: grid;
  grid-template-columns: 145px 1fr;
  background: #17191e;
}

.nb-mc-launcher > aside {
  display: flex;
  flex-direction: column;
  padding: 20px 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  background: #111217;
}

.nb-mc-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}
.nb-mc-brand span {
  width: 20px;
  height: 20px;
  background: var(--mc-grass) center/cover;
  image-rendering: pixelated;
}
.nb-mc-launcher nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 25px;
}
.nb-mc-launcher nav span,
.nb-mc-launcher nav b {
  padding: 10px;
  border-radius: 5px;
  color: #737986;
  font-size: 8px;
}
.nb-mc-launcher nav b {
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
}
.nb-mc-launcher nav b i {
  margin-right: 5px;
  color: #62bb45;
}
.nb-mc-launcher > aside > small {
  margin-top: auto;
  color: #767b86;
  font-size: 8px;
}
.nb-mc-launcher > aside > small i {
  margin-right: 6px;
}

.nb-mc-launcher__main {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 33px;
  isolation: isolate;
}

.nb-mc-launcher__art {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: var(--mc-panorama) center/cover;
}
.nb-mc-launcher__main::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(5, 6, 8, 0.97),
    rgba(5, 6, 8, 0.1) 78%
  );
}
.nb-mc-launcher__copy span {
  color: #fff;
  font-size: clamp(25px, 4vw, 43px);
  font-weight: 1000;
  letter-spacing: -0.06em;
  text-shadow: 3px 3px #20242a;
}
.nb-mc-launcher__copy h3 {
  margin: -2px 0 8px;
  color: #aab0ba;
  font-size: 12px;
  letter-spacing: 0.34em;
}
.nb-mc-launcher__copy p {
  max-width: 370px;
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  line-height: 1.6;
}
.nb-mc-launcher__main > button {
  width: min(330px, 100%);
  min-height: 47px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #3c8527;
  box-shadow: inset 0 -4px rgba(0, 0, 0, 0.24),
    inset 0 3px rgba(255, 255, 255, 0.12);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.nb-mc-launcher__main > button:hover {
  background: #52a535;
}

.nb-mc-menu {
  background: var(--mc-panorama) center/cover;
  font-family: ui-monospace, Consolas, monospace;
}

.nb-mc-menu__shade {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(1.5px);
}
.nb-mc-menu__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  text-shadow: 2px 2px #202020;
}
.nb-mc-wordmark-image {
  display: block;
  width: min(510px, 84%);
  height: auto;
  margin-bottom: 34px;
  object-fit: contain;
  filter: drop-shadow(0 8px 5px rgba(0, 0, 0, 0.62));
}
.nb-mc-menu__buttons {
  width: min(400px, 86%);
  display: grid;
  gap: 7px;
}
.nb-mc-menu__buttons button,
.nb-mc-servers footer button,
.nb-mc-add footer button {
  min-height: 39px;
  border: 2px solid #111;
  outline: 2px solid #aaa;
  color: #fff;
  background-color: #777;
  background-image: var(--mc-button);
  background-size: 100% 100%;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 10px;
  text-shadow: 2px 2px #222;
  cursor: pointer;
}
.nb-mc-menu__buttons button:hover,
.nb-mc-menu__buttons button.is-highlighted,
.nb-mc-servers footer button:hover,
.nb-mc-add footer button:hover {
  outline-color: #fff;
  background-image: var(--mc-button-hover);
  color: #fff67a;
}
.nb-mc-menu__buttons button.is-highlighted {
  animation: nb-play-button-pulse 1.8s ease-in-out infinite;
}
.nb-mc-menu__content > span {
  position: absolute;
  left: 13px;
  bottom: 10px;
  color: #fff;
  font-size: 8px;
}

.nb-mc-servers,
.nb-mc-add {
  display: flex;
  flex-direction: column;
  color: #fff;
  background: var(--mc-dirt) center/64px 64px;
  image-rendering: pixelated;
  font-family: ui-monospace, Consolas, monospace;
  text-shadow: 2px 2px #222;
}
.nb-mc-servers::before,
.nb-mc-add::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.58);
}
.nb-mc-servers > *,
.nb-mc-add > * {
  position: relative;
}
.nb-mc-servers > header,
.nb-mc-add > header {
  padding: 20px;
  border-bottom: 2px solid #050505;
  background: rgba(0, 0, 0, 0.72);
  text-align: center;
  font-size: 12px;
  box-shadow: 0 3px rgba(255, 255, 255, 0.12);
}
.nb-mc-servers__list {
  flex: 1;
  padding: 18px;
  background: rgba(0, 0, 0, 0.28);
}
.nb-mc-server-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.22);
}
.nb-mc-server-row p {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-size: 9px;
}
.nb-mc-server-row small {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}
.nb-mc-server-row small i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #777;
  animation: nb-play-search 1.2s infinite alternate;
}
.nb-mc-server-row small i:nth-child(2) {
  animation-delay: 0.2s;
}
.nb-mc-server-row small i:nth-child(3) {
  animation-delay: 0.4s;
}
.nb-mc-server-empty {
  height: calc(100% - 68px);
  display: grid;
  place-content: center;
  gap: 10px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 9px;
}
.nb-mc-server-empty i {
  font-size: 24px;
}
.nb-mc-servers footer,
.nb-mc-add footer {
  display: flex;
  justify-content: center;
  gap: 9px;
  padding: 15px;
  border-top: 2px solid #050505;
  background: rgba(0, 0, 0, 0.72);
}
.nb-mc-servers footer button,
.nb-mc-add footer button {
  min-width: 128px;
  min-height: 35px;
}

.nb-mc-add__form {
  width: min(510px, calc(100% - 40px));
  margin: 28px auto 18px;
}
.nb-mc-add__form label {
  display: block;
  margin-bottom: 13px;
  color: #c6c6c6;
  font-size: 9px;
}
.nb-mc-add__form input {
  width: 100%;
  height: 36px;
  margin-top: 5px;
  padding: 0 10px;
  border: 2px solid #a0a0a0;
  outline: 2px solid #101010;
  color: #fff;
  background: #050505;
  font-family: inherit;
  font-size: 10px;
}
.nb-mc-add__form input:focus {
  border-color: #fff;
}
.nb-mc-add__form > button {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  border: 0;
  color: #fff67a;
  background: transparent;
  font: inherit;
  font-size: 8px;
  cursor: pointer;
}
.nb-mc-add__result {
  width: min(560px, calc(100% - 40px));
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 auto 22px;
  padding: 12px;
  border: 2px solid #fff;
  background: rgba(0, 0, 0, 0.62);
}
.nb-mc-add__result img {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
  background: #171717;
  image-rendering: pixelated;
}
.nb-mc-server-info {
  min-width: 0;
  flex: 1;
  overflow: hidden;
}
.nb-mc-server-info__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nb-mc-server-info__title > b {
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nb-mc-server-info__title > span {
  flex: 0 0 auto;
  padding: 2px 5px;
  border: 1px solid #777;
  color: #bbb;
  background: rgba(255, 255, 255, 0.06);
  font-size: 7px;
  text-shadow: none;
}
.nb-mc-add__result.is-online .nb-mc-server-info__title > span {
  border-color: #4cbf50;
  color: #74ee78;
  background: rgba(76, 191, 80, 0.12);
}
.nb-mc-add__result.is-offline .nb-mc-server-info__title > span {
  border-color: #bd4848;
  color: #ff7777;
  background: rgba(189, 72, 72, 0.12);
}
.nb-mc-server-info > small {
  display: -webkit-box;
  min-height: 22px;
  margin-top: 5px;
  overflow: hidden;
  color: #ddd;
  font-size: 8px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.nb-mc-server-info__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 12px;
  margin-top: 7px;
  color: #aaa;
  font-size: 7px;
  text-shadow: none;
}
.nb-mc-server-info__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.nb-mc-server-info__meta i {
  color: #ffe463;
  font-size: 7px;
}
.nb-mc-server-info__meta b {
  max-width: 150px;
  overflow: hidden;
  color: #ddd;
  font-size: 7px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nb-mc-signal {
  height: 32px;
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
  gap: 2px;
  margin-left: auto;
}
.nb-mc-signal em {
  width: 4px;
  background: #63d45a;
}
.nb-mc-signal em:nth-child(1) {
  height: 20%;
}
.nb-mc-signal em:nth-child(2) {
  height: 40%;
}
.nb-mc-signal em:nth-child(3) {
  height: 60%;
}
.nb-mc-signal em:nth-child(4) {
  height: 80%;
}
.nb-mc-signal em:nth-child(5) {
  height: 100%;
}
.nb-mc-add__result.is-loading .nb-mc-signal {
  animation: nb-play-search 1s infinite alternate;
}
.nb-mc-add__result.is-offline .nb-mc-signal em {
  background: #777;
}
.nb-mc-add footer {
  margin-top: auto;
}
.nb-mc-add footer .is-join {
  color: #fff67a;
}

.nb-mc-block {
  width: 46px;
  height: 46px;
  display: block;
  flex: none;
  image-rendering: pixelated;
  box-shadow: inset -7px -7px rgba(0, 0, 0, 0.17),
    0 8px 20px rgba(0, 0, 0, 0.24);
}
.nb-mc-block--stone {
  background: var(--mc-stone) center/cover;
}
.nb-mc-block--grass {
  background: var(--mc-grass) center/cover;
}
.nb-mc-block--planks {
  background: var(--mc-planks) center/cover;
}
.nb-mc-block--obsidian {
  background: var(--mc-obsidian) center/cover;
}

.nb-play-instructions {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 46px 38px 30px;
  border-left: 1px solid var(--play-line);
  background: radial-gradient(
      circle at 100% 0,
      color-mix(in srgb, var(--color-primary) 10%, transparent),
      transparent 40%
    ),
    var(--nb-surface);
}

.nb-play-instructions article {
  animation: nb-play-copy-in 0.35s ease both;
}
.nb-play-instructions article > span {
  color: var(--color-primary);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
.nb-play-instructions h3 {
  margin: 13px 0 14px;
  color: var(--nb-text);
  font-size: 25px;
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -0.04em;
}
.nb-play-instructions article > p {
  margin: 0;
  color: var(--play-muted);
  font-size: 12px;
  line-height: 1.75;
}
.nb-play-instructions article > p b {
  color: #fff;
}
.nb-play-instructions ul {
  display: grid;
  gap: 9px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}
.nb-play-instructions li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--nb-text);
  opacity: 0.76;
  font-size: 10px;
  font-weight: 700;
}
.nb-play-instructions li i {
  color: #52d681;
}
.nb-play-instructions article > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 900;
}
.nb-play-instructions article > button {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 23px;
  padding: 0 17px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  border-radius: 10px;
  color: #fff;
  background: color-mix(
    in srgb,
    var(--color-primary) 8%,
    rgba(255, 255, 255, 0.03)
  );
  font-family: ui-monospace, monospace;
  font-weight: 800;
  cursor: pointer;
}
.nb-play-ready {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 18px;
  padding: 13px;
  border: 1px solid rgba(82, 214, 129, 0.17);
  border-radius: 10px;
  color: #52d681;
  background: rgba(82, 214, 129, 0.055);
}
.nb-play-ready > i {
  font-size: 20px;
}
.nb-play-ready > span {
  display: flex;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.54);
  font-size: 8px;
}
.nb-play-ready b {
  margin-bottom: 2px;
  color: #fff;
  font-size: 10px;
}
.nb-play-instructions__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--play-line);
}
.nb-play-instructions__nav button {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 0;
  color: rgba(255, 255, 255, 0.55);
  background: transparent;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}
.nb-play-instructions__nav button:hover {
  color: var(--color-primary);
}
.nb-play-instructions__nav span {
  color: rgba(255, 255, 255, 0.28);
  font-size: 9px;
}
.nb-play-instructions__nav b {
  color: #fff;
}

.nb-play-essentials {
  position: relative;
  padding: 82px 0 88px;
  border-top: 1px solid var(--play-line);
  background: var(--nb-bg);
}

.nb-play-essentials::before {
  content: none;
}

.nb-play-essentials .nb-play-section-title {
  margin-bottom: 32px;
}

.nb-play-essentials .nb-play-section-title h2 {
  font-size: clamp(34px, 4vw, 48px);
}

.nb-play-essentials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.nb-play-essentials article {
  position: relative;
  min-height: 232px;
  display: flex;
  flex-direction: column;
  padding: 27px 29px 25px;
  overflow: hidden;
  border: 1px solid var(--play-line);
  border-radius: 17px;
  background: var(--nb-surface);
  transition: transform 0.25s ease, border-color 0.25s ease;
}

.nb-play-essentials article::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -90px;
  bottom: -100px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  filter: blur(40px);
}
.nb-play-essentials article:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--color-primary) 34%, transparent);
}
.nb-play-essentials article > .nb-mc-block {
  width: 58px;
  height: 58px;
  border-radius: 7px;
  box-shadow: inset -8px -8px rgba(0, 0, 0, 0.17),
    0 12px 26px rgba(0, 0, 0, 0.26);
}
.nb-play-essentials article > small {
  position: absolute;
  right: 21px;
  top: 20px;
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 26px;
  padding: 0 8px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
  border-radius: 99px;
  color: color-mix(in srgb, var(--color-primary) 50%, var(--nb-muted));
  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
  font-size: 11px;
  font-weight: 900;
}
.nb-play-essentials article h3 {
  margin: 21px 0 8px;
  color: var(--nb-text);
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.nb-play-essentials article p {
  margin: 0;
  color: var(--play-muted);
  font-size: 12px;
  line-height: 1.65;
}
.nb-play-essentials article button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 17px 0 0;
  border: 0;
  color: var(--color-primary);
  background: transparent;
  font-family: ui-monospace, monospace;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.nb-play-final {
  position: relative;
  min-height: 540px;
  display: flex;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  text-align: center;
}

.nb-play-final__texture {
  position: absolute;
  z-index: -2;
  inset: -10%;
  background: var(--mc-panorama) center 62% / cover;
  filter: saturate(0.72);
}
.nb-play-final::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: radial-gradient(
      circle at center,
      rgba(8, 9, 13, 0.46),
      #08090d 83%
    ),
    linear-gradient(0deg, #08090d, transparent 34%, #08090d);
}
.nb-play-final img {
  width: 86px;
  height: 86px;
  object-fit: contain;
  margin-bottom: 16px;
  filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.4));
}
.nb-play-final .nb-play-shell > span {
  display: block;
  color: var(--color-primary);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.2em;
}
.nb-play-final h2 {
  margin: 10px 0 9px;
  color: #fff;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 900;
  letter-spacing: -0.06em;
}
.nb-play-final p {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
}
.nb-play-final button {
  min-width: 300px;
  min-height: 66px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
  padding: 8px 17px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 13px;
  color: #fff;
  background: rgba(8, 9, 13, 0.75);
  backdrop-filter: blur(12px);
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.nb-play-final button:hover {
  transform: translateY(-3px);
  border-color: var(--color-primary);
}
.nb-play-final button > i:first-child {
  color: var(--color-primary);
  font-size: 20px;
}
.nb-play-final button > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: ui-monospace, monospace;
  font-size: 13px;
  font-weight: 900;
}
.nb-play-final button small {
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.38);
  font-family: Inter, sans-serif;
  font-size: 7px;
  letter-spacing: 0.14em;
}
.nb-play-final button > i:last-child {
  color: rgba(255, 255, 255, 0.45);
}

@keyframes nb-play-pan {
  to {
    transform: scale(1.11) translate3d(-1.5%, 1%, 0);
  }
}
@keyframes nb-play-screen-in {
  from {
    opacity: 0;
    transform: scale(0.985);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes nb-play-copy-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes nb-play-button-pulse {
  50% {
    filter: brightness(1.28);
  }
}
@keyframes nb-play-search {
  to {
    background: #fff;
  }
}

@media (max-width: 980px) {
  .nb-play-workspace {
    grid-template-columns: 1fr;
  }
  .nb-mc-frame {
    margin-right: 18px;
  }
  .nb-play-instructions {
    min-height: 400px;
    border-top: 1px solid var(--play-line);
    border-left: 0;
  }
  .nb-play-essentials__grid {
    grid-template-columns: 1fr;
  }
  .nb-play-essentials article {
    min-height: 220px;
  }
}

@media (max-width: 720px) {
  .nb-play-shell {
    width: min(100% - 24px, 1152px);
  }
  .nb-play-hero {
    min-height: 700px;
  }
  .nb-play-hero__content {
    padding-top: 105px;
  }
  .nb-play-hero__scene {
    background-position: 66% center;
  }
  .nb-play-hero__vignette {
    background: linear-gradient(
        90deg,
        rgba(6, 7, 10, 0.93),
        rgba(6, 7, 10, 0.52)
      ),
      linear-gradient(0deg, #08090d, transparent 40%);
  }
  .nb-play-hero h1 {
    font-size: clamp(43px, 14vw, 66px);
  }
  .nb-play-hero__content > p {
    font-size: 14px;
  }
  .nb-play-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .nb-play-hero__actions > a,
  .nb-play-hero__actions > button {
    width: 100%;
  }
  .nb-play-guide,
  .nb-play-essentials {
    padding: 76px 0;
  }
  .nb-play-stepper {
    grid-template-columns: 1fr 1fr;
  }
  .nb-play-stepper button {
    min-height: 68px;
  }
  .nb-mc-frame {
    margin: 10px;
  }
  .nb-mc-frame__bar {
    grid-template-columns: 1fr auto;
  }
  .nb-mc-frame__bar > b {
    display: none;
  }
  .nb-mc-screen {
    min-height: 480px;
  }
  .nb-mc-launcher {
    grid-template-columns: 1fr;
  }
  .nb-mc-launcher > aside {
    display: none;
  }
  .nb-mc-launcher__main {
    padding: 24px;
  }
  .nb-mc-wordmark-image {
    width: min(430px, 88%);
    margin-bottom: 30px;
  }
  .nb-mc-menu__content {
    padding-inline: 16px;
  }
  .nb-mc-servers footer,
  .nb-mc-add footer {
    flex-wrap: wrap;
  }
  .nb-mc-servers footer button,
  .nb-mc-add footer button {
    min-width: calc(50% - 8px);
  }
  .nb-play-instructions {
    min-height: 430px;
    padding: 34px 24px 24px;
  }
  .nb-play-final {
    min-height: 500px;
  }
  .nb-play-final button {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 430px) {
  .nb-play-stepper button {
    padding: 11px;
    gap: 9px;
  }
  .nb-play-stepper button > b {
    font-size: 12px;
  }
  .nb-play-stepper button > span {
    font-size: 10px;
  }
  .nb-play-workspace {
    border-radius: 15px;
  }
  .nb-mc-screen {
    min-height: 440px;
  }
  .nb-mc-wordmark-image {
    width: 92%;
    margin-bottom: 26px;
  }
  .nb-mc-add__form,
  .nb-mc-add__result {
    width: calc(100% - 24px);
  }
  .nb-mc-add__result {
    gap: 9px;
    padding: 9px;
  }
  .nb-mc-add__result img {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }
  .nb-mc-server-info__meta {
    gap: 4px 8px;
  }
  .nb-mc-signal {
    display: none;
  }
  .nb-play-essentials article {
    padding: 25px;
  }
}

/* Site-wide interaction polish v28 */
.nebula-stats article,
.nebula-stats article > i,
.nebula-ip,
.nebula-config-slide a,
.nebula-section-title > a,
.nebula-section-title > a i,
.nebula-discord-card,
.nebula-discord-glow,
.nebula-discord-card > a,
.nebula-quick-card > a,
.nebula-quick-card > a > i,
.nebula-quick-card > a > b,
.nebula-side-card .nebula-title-icon,
.nebula-theme main a.group,
.nebula-theme main button.bg-primary,
.nebula-theme main a.bg-primary {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}

.nebula-stats article {
  position: relative;
  overflow: hidden;
  transition-property: transform, border-color, background-color, box-shadow;
  transition-duration: 240ms;
}

.nebula-stats article > i {
  transition-property: transform, filter;
  transition-duration: 240ms;
}

.nebula-ip {
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
}

.nebula-config-slide a,
.nebula-discord-card > a {
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 220ms ease, filter 220ms ease;
}

.nebula-section-title > a,
.nebula-section-title > a i {
  transition-property: color, gap, transform;
  transition-duration: 200ms;
}

.nebula-discord-card {
  transition-property: transform, box-shadow, filter;
  transition-duration: 260ms;
}

.nebula-discord-glow {
  transition-property: transform, opacity;
  transition-duration: 420ms;
}

.nebula-quick-card > a {
  position: relative;
  transition: transform 210ms cubic-bezier(0.22, 1, 0.36, 1),
    color 210ms ease, background-color 210ms ease;
}

.nebula-quick-card > a > i,
.nebula-quick-card > a > b,
.nebula-side-card .nebula-title-icon {
  transition-property: transform, color, background-color;
  transition-duration: 210ms;
}

.nebula-theme main a.group {
  transition-property: transform, border-color, box-shadow, filter;
  transition-duration: 260ms;
}

.nebula-theme main button.bg-primary,
.nebula-theme main a.bg-primary {
  transition-property: transform, filter, box-shadow, background-color;
  transition-duration: 210ms;
}

@media (hover: hover) and (pointer: fine) {
  .nebula-stats article:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--nb-border));
    background: color-mix(in srgb, var(--nb-surface) 94%, var(--color-primary) 6%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
  }

  .nebula-stats article:hover > i {
    transform: translateY(-2px) scale(1.08) rotate(-3deg);
    filter: saturate(1.18) brightness(1.08);
  }

  .nebula-ip:hover {
    transform: translateY(-2px) scale(1.01);
    border-color: color-mix(in srgb, var(--color-primary) 52%, var(--nb-border));
    background: color-mix(in srgb, var(--nb-surface) 94%, var(--color-primary) 6%);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24),
      0 0 0 1px color-mix(in srgb, var(--color-primary) 12%, transparent);
  }

  .nebula-config-slide a:hover,
  .nebula-discord-card > a:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
  }

  .nebula-section-title > a:hover {
    gap: 10px;
    color: color-mix(in srgb, var(--color-primary) 82%, #fff 18%);
  }

  .nebula-section-title > a:hover i {
    transform: translateX(3px);
  }

  .nebula-discord-card:hover {
    transform: translateY(-4px);
    filter: saturate(1.06);
    box-shadow: 0 24px 52px rgba(50, 62, 180, 0.34);
  }

  .nebula-discord-card:hover .nebula-discord-glow {
    transform: scale(1.12) rotate(8deg);
    opacity: 1;
  }

  .nebula-quick-card > a:hover {
    transform: translateX(4px);
    color: var(--nb-text);
    background: color-mix(in srgb, var(--nb-card-soft) 92%, var(--color-primary) 8%);
  }

  .nebula-quick-card > a:hover > i {
    transform: scale(1.1) rotate(-4deg);
  }

  .nebula-quick-card > a:hover > b {
    color: var(--color-primary);
    transform: translateX(3px);
  }

  .nebula-side-card:hover .nebula-title-icon {
    transform: translateY(-2px) scale(1.06);
  }

  .nebula-theme main a.group:hover {
    filter: brightness(1.035) saturate(1.03);
  }

  .nebula-theme main button.bg-primary:not(:disabled):hover,
  .nebula-theme main a.bg-primary:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--color-primary) 26%, transparent);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nebula-stats article,
  .nebula-stats article > i,
  .nebula-ip,
  .nebula-config-slide a,
  .nebula-section-title > a,
  .nebula-section-title > a i,
  .nebula-discord-card,
  .nebula-discord-glow,
  .nebula-discord-card > a,
  .nebula-quick-card > a,
  .nebula-quick-card > a > i,
  .nebula-quick-card > a > b,
  .nebula-side-card .nebula-title-icon,
  .nebula-theme main a.group,
  .nebula-theme main button.bg-primary,
  .nebula-theme main a.bg-primary {
    transition-duration: 0.01ms !important;
  }
}
/* Lenis smooth scrolling */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

:where([id]) {
  scroll-margin-top: 112px;
}

/* Legacy Nebula marketplace language, adapted for Crafter Liquid */
.nb-market {
  width: min(1400px, calc(100% - 32px));
  margin: 32px auto 96px;
  color: var(--nb-text);
}

.nb-market-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 300px;
  border: 1px solid var(--nb-border);
  border-radius: 40px;
  background: color-mix(in srgb, var(--nb-card) 92%, transparent);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.24), 0 0 52px color-mix(in srgb, var(--color-primary) 7%, transparent);
}

.nb-market-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(135deg, color-mix(in srgb, #8b5cf6 8%, transparent), transparent 42%),
    linear-gradient(315deg, color-mix(in srgb, #d946ef 7%, transparent), transparent 44%);
}

.nb-market-hero__glow {
  position: absolute;
  z-index: -1;
  width: 390px;
  height: 390px;
  border-radius: 50%;
  filter: blur(85px);
  pointer-events: none;
}

.nb-market-hero__glow--one {
  top: -230px;
  right: -90px;
  background: color-mix(in srgb, #8b5cf6 19%, transparent);
}

.nb-market-hero__glow--two {
  bottom: -250px;
  left: -90px;
  background: color-mix(in srgb, #d946ef 14%, transparent);
}

.nb-market-hero__content {
  min-height: inherit;
  padding: 54px 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}

.nb-market-hero__copy {
  max-width: 710px;
}

/* Store index has no summary cards, so let its intro use the freed space. */
.nb-market-index .nb-market-hero__content {
  justify-content: flex-start;
}

.nb-market-index .nb-market-hero__copy,
.nb-market-index .nb-market-hero p {
  width: 100%;
  max-width: none;
}

.nb-market-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 19px;
  padding: 8px 13px;
  border: 1px solid color-mix(in srgb, #8b5cf6 34%, transparent);
  border-radius: 999px;
  color: #a78bfa;
  background: color-mix(in srgb, #8b5cf6 12%, transparent);
  font-size: 13px;
  font-weight: 750;
}

.nb-market-hero h1 {
  margin: 0;
  color: var(--nb-text);
  font-size: clamp(42px, 5vw, 68px);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.045em;
}

.nb-market-hero p {
  max-width: 700px;
  margin: 19px 0 0;
  color: var(--nb-muted);
  font-size: clamp(16px, 1.55vw, 20px);
  font-weight: 500;
  line-height: 1.65;
}

.nb-market-hero__stats {
  width: min(100%, 360px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.nb-market-stat {
  min-height: 154px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nb-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--nb-card-soft) 82%, transparent);
  text-align: center;
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;
}

.nb-market-stat:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--color-primary) 42%, var(--nb-border));
  background: color-mix(in srgb, var(--nb-card-soft) 92%, var(--color-primary) 8%);
}

.nb-market-stat__icon {
  width: 42px;
  height: 42px;
  margin-bottom: 11px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.12);
}

.nb-market-stat--accent .nb-market-stat__icon {
  color: #e879f9;
  background: rgba(217, 70, 239, 0.12);
}

.nb-market-stat strong {
  color: var(--nb-text);
  font-size: 25px;
  line-height: 1.15;
}

.nb-market-stat small {
  margin-top: 5px;
  color: var(--nb-muted);
  font-size: 12px;
  font-weight: 650;
}

.nb-market-hero--compact {
  min-height: 270px;
}

.nb-market-hero__art {
  width: 210px;
  height: 170px;
  flex: 0 0 auto;
  padding: 12px;
  border: 1px solid var(--nb-border);
  border-radius: 24px;
  background: color-mix(in srgb, var(--nb-card-soft) 82%, transparent);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
  transform: rotate(2deg);
}

.nb-market-hero__art img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  object-fit: cover;
}

.nb-market-breadcrumb {
  width: fit-content;
  max-width: 100%;
  margin: 28px 4px 0;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  color: var(--nb-muted);
  background: color-mix(in srgb, var(--nb-card) 86%, transparent);
  font-size: 13px;
  font-weight: 700;
}

.nb-market-breadcrumb a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--nb-muted);
}

.nb-market-breadcrumb a:hover,
.nb-market-breadcrumb > span:last-child {
  color: var(--color-primary);
}

.nb-market-breadcrumb > i {
  color: color-mix(in srgb, var(--nb-muted) 45%, transparent);
  font-size: 9px;
}

.nb-market-section {
  margin-top: 44px;
}

.nb-market-section__head {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.nb-market-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--color-primary);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.nb-market-section__head h2 {
  margin: 0;
  color: var(--nb-text);
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.nb-market-count {
  color: var(--nb-muted);
  font-size: 13px;
  font-weight: 650;
}

.nb-market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.nb-market-card {
  min-width: 0;
  overflow: hidden;
  display: block;
  border: 1px solid var(--nb-border);
  border-radius: 22px;
  color: var(--nb-text);
  background: color-mix(in srgb, var(--nb-card) 90%, transparent);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.nb-market-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--color-primary) 48%, var(--nb-border));
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.26), 0 0 30px color-mix(in srgb, var(--color-primary) 9%, transparent);
}

.nb-market-card__media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--nb-card-soft);
}

.nb-market-card__media > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(.2,.75,.25,1);
}

.nb-market-card:hover .nb-market-card__media > img {
  transform: scale(1.09);
}

.nb-market-card__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: color-mix(in srgb, var(--nb-muted) 35%, transparent);
  font-size: 48px;
  background: radial-gradient(circle at center, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 64%);
}

.nb-market-card__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 7, 12, 0.96), rgba(5, 7, 12, 0.08) 72%);
}

.nb-market-card__media > h3,
.nb-market-card__caption {
  position: absolute;
  z-index: 2;
  right: 22px;
  bottom: 20px;
  left: 22px;
}

.nb-market-card h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: -0.025em;
  text-shadow: 0 3px 14px rgba(0,0,0,.7);
  transition: color 220ms ease;
}

.nb-market-card:hover h3 {
  color: var(--color-primary);
}

.nb-market-card__caption p {
  margin: 7px 0 0;
  overflow: hidden;
  display: -webkit-box;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.nb-market-card__action {
  min-height: 64px;
  padding: 14px 16px 14px 19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--nb-border);
  color: var(--nb-muted);
  background: color-mix(in srgb, var(--nb-card-soft) 52%, transparent);
  font-size: 13px;
  font-weight: 750;
  transition: color 220ms ease, background 220ms ease;
}

.nb-market-card:hover .nb-market-card__action {
  color: var(--color-primary);
  background: color-mix(in srgb, var(--nb-card-soft) 76%, var(--color-primary) 5%);
}

.nb-market-card__arrow {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--nb-border);
  border-radius: 50%;
  color: var(--nb-text);
  background: var(--nb-card);
  transition: transform 220ms ease, border-color 220ms ease, color 220ms ease;
}

.nb-market-card:hover .nb-market-card__arrow {
  transform: translateX(3px);
  border-color: color-mix(in srgb, var(--color-primary) 50%, var(--nb-border));
  color: var(--color-primary);
}

.nb-market-empty {
  padding: 60px 24px;
  border: 1px dashed var(--nb-border);
  border-radius: 22px;
  background: color-mix(in srgb, var(--nb-card) 74%, transparent);
  text-align: center;
}

.nb-market-empty > span {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
  font-size: 24px;
}

.nb-market-empty h3 { margin: 0; color: var(--nb-text); font-size: 20px; }
.nb-market-empty p { margin: 8px 0 0; color: var(--nb-muted); }
.nb-market-empty__link { margin-top: 20px; padding: 11px 15px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--nb-border); border-radius: 11px; color: var(--nb-text); background: var(--nb-card-soft); font-size: 12px; font-weight: 750; }
.nb-market-empty__link:hover { border-color: color-mix(in srgb, var(--color-primary) 45%, var(--nb-border)); color: var(--color-primary); }

.nb-market-products-head {
  margin-top: 44px;
}

.nb-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.nb-product-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--nb-border);
  border-radius: 22px;
  background: color-mix(in srgb, var(--nb-card) 92%, transparent);
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.nb-product-card:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--color-primary) 48%, var(--nb-border));
  box-shadow: 0 22px 44px rgba(0,0,0,.25), 0 0 28px color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.nb-product-card__badges {
  position: absolute;
  z-index: 4;
  top: 13px;
  right: 13px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 7px;
  pointer-events: none;
}

.nb-product-badge {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  color: rgba(255,255,255,.88);
  background: rgba(10,12,18,.83);
  box-shadow: 0 5px 14px rgba(0,0,0,.25);
  backdrop-filter: blur(8px);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.nb-product-badge--discount { border-color: rgba(248,113,113,.35); color: #fff; background: rgba(220,38,38,.9); }
.nb-product-badge--stock { border-color: rgba(52,211,153,.28); color: #6ee7b7; background: rgba(6,78,59,.86); }
.nb-product-badge--low { border-color: rgba(251,146,60,.32); color: #fed7aa; background: rgba(154,52,18,.88); }

.nb-product-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border-bottom: 1px solid var(--nb-border);
  background:
    radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 55%),
    color-mix(in srgb, var(--nb-card-soft) 76%, transparent);
}

.nb-product-card__media > img {
  width: 76%;
  height: 76%;
  object-fit: contain;
  filter: drop-shadow(0 16px 22px rgba(0,0,0,.28));
  transition: transform 500ms cubic-bezier(.2,.75,.25,1), filter 300ms ease;
}

.nb-product-card:hover .nb-product-card__media > img {
  transform: scale(1.1);
  filter: drop-shadow(0 19px 28px rgba(0,0,0,.42));
}

.nb-product-card__placeholder {
  color: color-mix(in srgb, var(--nb-muted) 30%, transparent);
  font-size: 62px;
}

.nb-product-card__inspect {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--nb-text);
  background: rgba(2,4,8,.56);
  opacity: 0;
  font-size: 13px;
  font-weight: 800;
  transition: opacity 240ms ease;
}

.nb-product-card__inspect::before {
  content: "";
  position: absolute;
  width: 86px;
  height: 37px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(15,18,26,.88);
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

.nb-product-card__inspect { isolation: isolate; }
.nb-product-card__inspect::before { z-index: -1; }
.nb-product-card:hover .nb-product-card__inspect { opacity: 1; }

.nb-product-card__content {
  flex: 1;
  padding: 19px;
  display: flex;
  flex-direction: column;
}

.nb-product-card__content h3 {
  margin: 0;
  overflow: hidden;
  color: var(--nb-text);
  font-size: 18px;
  font-weight: 820;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 220ms ease;
}

.nb-product-card:hover .nb-product-card__content h3 { color: var(--color-primary); }

.nb-product-card__content > p {
  min-height: 42px;
  margin: 7px 0 17px;
  overflow: hidden;
  display: -webkit-box;
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.nb-product-card__footer {
  min-height: 60px;
  margin-top: auto;
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--nb-border);
}

.nb-product-card__price { display: flex; flex-direction: column; }
.nb-product-card__price small { color: var(--nb-muted); font-size: 10px; font-weight: 650; }
.nb-product-card__price strong { margin-top: 2px; color: var(--color-primary); font-size: 21px; line-height: 1.15; }

.nb-product-card__footer button {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--color-primary) 42%, transparent);
  border-radius: 12px;
  color: #0b0c10;
  background: var(--color-primary);
  box-shadow: 0 8px 18px color-mix(in srgb, var(--color-primary) 18%, transparent);
  cursor: pointer;
  transition: transform 200ms ease, filter 200ms ease;
}

.nb-product-card__footer button:hover { transform: translateY(-2px) scale(1.04); filter: brightness(1.08); }

.nb-market-product { max-width: 1220px; }
.nb-market-product > .nb-market-breadcrumb { margin-top: 0; }

.nb-product-detail {
  margin-top: 30px;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 46px;
  align-items: start;
}

.nb-product-detail__visual,
.nb-product-detail__info { min-width: 0; }

.nb-product-detail__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  display: grid;
  place-items: center;
  border: 1px solid var(--nb-border);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 58%),
    color-mix(in srgb, var(--nb-card) 92%, transparent);
  box-shadow: 0 22px 54px rgba(0,0,0,.2);
}

.nb-product-detail__image > img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.32));
  transition: transform 600ms cubic-bezier(.2,.75,.25,1);
}

.nb-product-detail__image:hover > img { transform: scale(1.055); }

.nb-product-detail__discount {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  padding: 8px 11px;
  border-radius: 9px;
  color: #fff;
  background: #dc2626;
  box-shadow: 0 8px 20px rgba(220,38,38,.25);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.nb-product-detail__placeholder { color: color-mix(in srgb, var(--nb-muted) 28%, transparent); font-size: 110px; }

.nb-product-thumbs {
  margin-top: 12px;
  padding-bottom: 4px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.nb-product-thumbs button {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  padding: 7px;
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  background: var(--nb-card);
  cursor: pointer;
}

.nb-product-thumbs button:hover,
.nb-product-thumbs button:focus-visible { border-color: var(--color-primary); outline: none; }
.nb-product-thumbs img { width: 100%; height: 100%; object-fit: contain; }

.nb-product-meta-cards {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

.nb-product-meta-cards > div {
  min-width: 0;
  padding: 14px;
  display: grid;
  grid-template-columns: 38px 1fr;
  grid-template-rows: auto auto;
  column-gap: 10px;
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--nb-card) 84%, transparent);
}

.nb-product-meta-cards span {
  grid-row: 1 / 3;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  align-self: center;
  border-radius: 50%;
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 11%, transparent);
}

.nb-product-meta-cards small { color: var(--nb-muted); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.nb-product-meta-cards strong { overflow: hidden; color: var(--nb-text); font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }

.nb-product-detail__info { padding-top: 14px; }
.nb-product-detail__info > h1 { margin: 10px 0 18px; color: var(--nb-text); font-size: clamp(38px, 4.4vw, 58px); font-weight: 900; line-height: 1.02; letter-spacing: -.045em; }

.nb-product-detail__badges { display: flex; flex-wrap: wrap; gap: 8px; }
.nb-product-status,
.nb-product-tag { padding: 7px 10px; border: 1px solid var(--nb-border); border-radius: 9px; color: var(--nb-muted); background: color-mix(in srgb, var(--nb-card-soft) 70%, transparent); font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.nb-product-status--ok { border-color: rgba(52,211,153,.24); color: #6ee7b7; background: rgba(6,78,59,.25); }
.nb-product-status--low { border-color: rgba(251,146,60,.28); color: #fdba74; background: rgba(124,45,18,.25); }
.nb-product-tag { color: var(--color-primary); }

.nb-product-detail__description {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid var(--nb-border);
}

.nb-product-detail__description h2 { margin: 0 0 15px; display: flex; align-items: center; gap: 9px; color: var(--nb-text); font-size: 17px; font-weight: 800; }
.nb-product-detail__description h2 i { color: var(--color-primary); }
.nb-product-detail__description .prose { padding: 18px 20px; border: 1px solid var(--nb-border); border-radius: 16px; color: var(--nb-muted); background: color-mix(in srgb, var(--nb-card-soft) 48%, transparent); font-size: 14px; line-height: 1.75; }
.nb-product-detail__description .prose :first-child { margin-top: 0; }
.nb-product-detail__description .prose :last-child { margin-bottom: 0; }

.nb-product-buybox {
  margin-top: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  border: 1px solid color-mix(in srgb, var(--color-primary) 22%, var(--nb-border));
  border-radius: 20px;
  background: color-mix(in srgb, var(--nb-card) 88%, transparent);
  box-shadow: 0 18px 38px rgba(0,0,0,.18);
}

.nb-product-buybox__price { min-width: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.nb-product-buybox__price small { width: 100%; color: var(--nb-muted); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nb-product-buybox__price span { color: var(--nb-muted); font-size: 15px; font-weight: 700; text-decoration: line-through; }
.nb-product-buybox__price strong { color: var(--color-primary); font-size: 32px; line-height: 1; }

.nb-product-buybox > button {
  min-height: 50px;
  padding: 0 21px;
  border: 0;
  border-radius: 14px;
  color: #0a0b0e;
  background: var(--color-primary);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--color-primary) 22%, transparent);
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  transition: transform 200ms ease, filter 200ms ease;
}

.nb-product-buybox > button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.nb-product-buybox__trust { grid-column: 1 / -1; padding-top: 13px; display: flex; justify-content: center; gap: 22px; border-top: 1px solid var(--nb-border); color: var(--nb-muted); font-size: 10px; font-weight: 700; }
.nb-product-buybox__trust i { margin-right: 4px; color: #34d399; }

@media (max-width: 980px) {
  .nb-market-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nb-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nb-market-hero__content { padding: 46px 40px; }
  .nb-product-detail { grid-template-columns: 1fr; gap: 32px; }
  .nb-product-detail__visual { max-width: 660px; }
}

@media (max-width: 720px) {
  .nb-market { width: min(100% - 24px, 1400px); margin-top: 20px; }
  .nb-market-hero { min-height: auto; border-radius: 28px; }
  .nb-market-hero__content { padding: 34px 24px; flex-direction: column; align-items: stretch; gap: 30px; }
  .nb-market-hero__copy { text-align: center; }
  .nb-market-hero__stats { width: 100%; }
  .nb-market-hero__art { width: 100%; height: 190px; transform: none; }
  .nb-market-pill { margin-inline: auto; }
  .nb-market-section__head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .nb-market-grid { grid-template-columns: 1fr; }
  .nb-product-grid { grid-template-columns: 1fr; }
  .nb-product-buybox { grid-template-columns: 1fr; }
  .nb-product-buybox > button { width: 100%; }
  .nb-product-buybox__trust { grid-column: auto; flex-wrap: wrap; gap: 10px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .nb-market-stat,
  .nb-market-card,
  .nb-market-card__media > img,
  .nb-market-card__action,
  .nb-market-card__arrow,
  .nb-product-card,
  .nb-product-card__media > img,
  .nb-product-detail__image > img,
  .nb-product-card__footer button,
  .nb-product-buybox > button { transition-duration: .01ms !important; }
}

/* Legacy Nebula page system — all content routes except /play and /auth */
.nb-legacy-page {
  --nb-page-accent: var(--color-primary);
  --nb-page-kicker: "OYUNCU MERKEZİ";
  position: relative;
  isolation: isolate;
}

.nb-page-forum,
.nb-page-forum-category,
.nb-page-forum-new,
.nb-page-forum-topic { --nb-page-accent: #8b5cf6; --nb-page-kicker: "TOPLULUK MERKEZİ"; }
.nb-page-posts,
.nb-page-post-detail { --nb-page-accent: #38bdf8; --nb-page-kicker: "HABER MERKEZİ"; }
.nb-page-help,
.nb-page-help-category { --nb-page-accent: #22c55e; --nb-page-kicker: "BİLGİ MERKEZİ"; }
.nb-page-support,
.nb-page-support-new,
.nb-page-support-ticket { --nb-page-accent: #06b6d4; --nb-page-kicker: "DESTEK MERKEZİ"; }
.nb-page-applications,
.nb-page-application-detail { --nb-page-accent: #a78bfa; --nb-page-kicker: "EKİBE KATIL"; }
.nb-page-punishments,
.nb-page-punishment-detail { --nb-page-accent: #ef4444; --nb-page-kicker: "ADALET VE GÜVENLİK"; }
.nb-page-vote,
.nb-page-vote-provider { --nb-page-accent: #d946ef; --nb-page-kicker: "OY VER VE KAZAN"; }
.nb-page-chest { --nb-page-accent: #f59e0b; --nb-page-kicker: "DİJİTAL ENVANTER"; }
.nb-page-gift { --nb-page-accent: #ec4899; --nb-page-kicker: "ARKADAŞINA GÖNDER"; }
.nb-page-redeem { --nb-page-accent: #10b981; --nb-page-kicker: "KOD KULLAN"; }
.nb-page-profile,
.nb-page-profile-settings { --nb-page-accent: var(--color-primary); --nb-page-kicker: "OYUNCU PROFİLİ"; }
.nb-page-cart { --nb-page-accent: var(--color-primary); --nb-page-kicker: "SİPARİŞİNİ TAMAMLA"; }
.nb-page-legal,
.nb-page-custom { --nb-page-accent: #60a5fa; --nb-page-kicker: "BİLGİ VE KOŞULLAR"; }

.nb-legacy-page::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 90px;
  left: 12%;
  width: 50%;
  height: 260px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--nb-page-accent) 7%, transparent);
  filter: blur(100px);
  pointer-events: none;
}

.nb-legacy-page > [class*="w-fit"][class*="bg-white"][class*="text-sm"] {
  min-height: 42px;
  padding: 10px 14px !important;
  gap: 9px !important;
  border-color: var(--nb-border) !important;
  border-radius: 12px !important;
  color: var(--nb-muted) !important;
  background: color-mix(in srgb, var(--nb-card) 86%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}

.nb-legacy-page > [class*="w-fit"][class*="bg-white"][class*="text-sm"] a {
  color: var(--nb-muted) !important;
}

.nb-legacy-page > [class*="w-fit"][class*="bg-white"][class*="text-sm"] a:hover,
.nb-legacy-page > [class*="w-fit"][class*="bg-white"][class*="text-sm"] > span:last-child {
  color: var(--nb-page-accent) !important;
}

.nb-legacy-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 230px;
  padding: 80px 46px 42px !important;
  border: 1px solid var(--nb-border);
  border-radius: 32px;
  background: color-mix(in srgb, var(--nb-card) 91%, transparent);
  box-shadow: 0 22px 58px rgba(0,0,0,.2), 0 0 40px color-mix(in srgb, var(--nb-page-accent) 7%, transparent);
}

.nb-legacy-hero::before {
  content: var(--nb-page-kicker);
  position: absolute;
  z-index: 2;
  top: 38px;
  left: 46px;
  padding: 7px 11px;
  border: 1px solid color-mix(in srgb, var(--nb-page-accent) 34%, transparent);
  border-radius: 999px;
  color: color-mix(in srgb, var(--nb-page-accent) 82%, white 18%);
  background: color-mix(in srgb, var(--nb-page-accent) 11%, transparent);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}

.nb-legacy-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -110px;
  bottom: -180px;
  width: 410px;
  height: 410px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--nb-page-accent) 16%, transparent);
  filter: blur(70px);
}

.nb-legacy-hero > * { position: relative; z-index: 1; }
.nb-legacy-hero--compact { min-height: 190px; padding-block: 72px 34px !important; }

.nb-legacy-hero h1 {
  margin-top: 0 !important;
  color: var(--nb-text) !important;
  font-size: clamp(36px, 4vw, 54px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.nb-legacy-hero p {
  max-width: 720px !important;
  color: var(--nb-muted) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
}

.nb-legacy-hero > a,
.nb-legacy-hero > div + a {
  border: 1px solid color-mix(in srgb, var(--nb-page-accent) 40%, transparent) !important;
  border-radius: 13px !important;
  color: #0b0d10 !important;
  background: var(--nb-page-accent) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--nb-page-accent) 22%, transparent) !important;
}

.nb-legacy-page .bg-white {
  border-color: var(--nb-border) !important;
  background-color: color-mix(in srgb, var(--nb-card) 92%, transparent) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.13);
}

.nb-legacy-page [class~="bg-gray-50"],
.nb-legacy-page [class~="bg-gray-50/50"],
.nb-legacy-page [class~="bg-gray-50/80"] {
  border-color: var(--nb-border) !important;
  background-color: color-mix(in srgb, var(--nb-card-soft) 72%, transparent) !important;
}

.nb-legacy-page .border-gray-100,
.nb-legacy-page .border-gray-200,
.nb-legacy-page .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--nb-border) !important;
}

.nb-legacy-page .text-gray-900,
.nb-legacy-page .text-gray-800,
.nb-legacy-page .text-gray-700 { color: var(--nb-text) !important; }
.nb-legacy-page .text-gray-600,
.nb-legacy-page .text-gray-500,
.nb-legacy-page .text-gray-400 { color: var(--nb-muted) !important; }

.nb-legacy-page a.group.bg-white,
.nb-legacy-page .group.bg-white,
.nb-legacy-page article.bg-white,
.nb-legacy-page div.bg-white[class*="hover:shadow"] {
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease, background 240ms ease !important;
}

.nb-legacy-page a.group.bg-white:hover,
.nb-legacy-page .group.bg-white:hover,
.nb-legacy-page article.bg-white:hover,
.nb-legacy-page div.bg-white[class*="hover:shadow"]:hover {
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--nb-page-accent) 46%, var(--nb-border)) !important;
  background-color: color-mix(in srgb, var(--nb-card) 94%, var(--nb-page-accent) 6%) !important;
  box-shadow: 0 20px 42px rgba(0,0,0,.23), 0 0 28px color-mix(in srgb, var(--nb-page-accent) 8%, transparent) !important;
}

.nb-legacy-page a.group:hover h2,
.nb-legacy-page a.group:hover h3,
.nb-legacy-page a.group:hover h4 { color: var(--nb-page-accent) !important; }

.nb-legacy-page input:not([type="checkbox"]):not([type="radio"]),
.nb-legacy-page select,
.nb-legacy-page textarea {
  border-color: var(--nb-border) !important;
  color: var(--nb-text) !important;
  background: color-mix(in srgb, var(--nb-card-soft) 78%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.nb-legacy-page input:not([type="checkbox"]):not([type="radio"]):hover,
.nb-legacy-page select:hover,
.nb-legacy-page textarea:hover { border-color: color-mix(in srgb, var(--nb-page-accent) 38%, var(--nb-border)) !important; }

.nb-legacy-page input:not([type="checkbox"]):not([type="radio"]):focus,
.nb-legacy-page select:focus,
.nb-legacy-page textarea:focus {
  border-color: var(--nb-page-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--nb-page-accent) 13%, transparent) !important;
}

.nb-legacy-page button:not(:disabled),
.nb-legacy-page a[class*="bg-primary"] { transition: transform 200ms ease, filter 200ms ease, box-shadow 200ms ease, border-color 200ms ease !important; }
.nb-legacy-page button:not(:disabled):hover,
.nb-legacy-page a[class*="bg-primary"]:hover { transform: translateY(-2px); filter: brightness(1.07); }

.nb-legacy-page table,
.nb-legacy-page [class*="overflow-x-auto"] {
  border-color: var(--nb-border) !important;
  border-radius: 18px;
}

.nb-legacy-page .prose {
  color: var(--nb-muted);
}

.nb-legacy-page .prose h1,
.nb-legacy-page .prose h2,
.nb-legacy-page .prose h3,
.nb-legacy-page .prose h4,
.nb-legacy-page .prose strong { color: var(--nb-text); }
.nb-legacy-page .prose a { color: var(--nb-page-accent); }

.nb-page-profile .bg-white,
.nb-page-profile-settings .bg-white {
  background: color-mix(in srgb, var(--nb-card) 91%, transparent) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.16);
}

.nb-page-profile .lg\:col-span-4 > .bg-white:first-child,
.nb-page-profile-settings .lg\:col-span-4 > .bg-white:first-child {
  border-color: color-mix(in srgb, var(--nb-page-accent) 24%, var(--nb-border)) !important;
  background:
    radial-gradient(circle at 85% 4%, color-mix(in srgb, var(--nb-page-accent) 12%, transparent), transparent 30%),
    color-mix(in srgb, var(--nb-card) 93%, transparent) !important;
}

.nb-page-post-detail > .bg-white,
.nb-page-custom > .bg-white,
.nb-page-legal .max-w-4xl > .bg-white {
  border-color: color-mix(in srgb, var(--nb-page-accent) 22%, var(--nb-border)) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.2) !important;
}

@media (max-width: 767px) {
  .nb-legacy-hero {
    min-height: 0;
    padding: 74px 24px 30px !important;
    border-radius: 24px;
    align-items: flex-start !important;
  }
  .nb-legacy-hero::before { top: 30px; left: 24px; }
  .nb-legacy-hero h1 { font-size: 34px !important; }
  .nb-legacy-hero p { font-size: 14px !important; }
  .nb-legacy-page > [class*="w-fit"][class*="bg-white"][class*="text-sm"] { max-width: 100%; overflow: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .nb-legacy-page a.group.bg-white,
  .nb-legacy-page .group.bg-white,
  .nb-legacy-page article.bg-white,
  .nb-legacy-page button,
  .nb-legacy-page input,
  .nb-legacy-page select,
  .nb-legacy-page textarea { transition-duration: .01ms !important; }
}