:root {
  color-scheme: dark;
  --alive-bg: #070a0f;
  --alive-bg-raised: #0a0f16;
  --alive-surface: #0d141d;
  --alive-surface-2: #111b27;
  --alive-surface-3: #162231;
  --alive-line: #263546;
  --alive-line-soft: #182431;
  --alive-cyan: #ef3340;
  --alive-cyan-strong: #ff6b73;
  --alive-magenta: #f5c451;
  --alive-amber: #f5c451;
  --alive-green: #54d59b;
  --alive-blue: #5f8fff;
  --alive-red: #ff6b77;
  --alive-text: #eef6fb;
  --alive-muted: #91a4b8;
  --alive-dim: #66798d;
  --semi-color-primary: #ef3340;
  --semi-color-primary-hover: #ff6b73;
  --semi-color-primary-active: #c92532;
  --semi-color-bg-0: #070a0f;
  --semi-color-bg-1: #0d141d;
  --semi-color-bg-2: #111b27;
  --semi-color-bg-3: #162231;
  --semi-color-fill-0: #111b27;
  --semi-color-fill-1: #162231;
  --semi-color-fill-2: #1b2938;
  --semi-color-border: #263546;
  --semi-color-text-0: #eef6fb;
  --semi-color-text-1: #c5d4e1;
  --semi-color-text-2: #91a4b8;
  --semi-color-text-3: #66798d;
}

* {
  letter-spacing: 0 !important;
  scrollbar-color: #31465b #0a0f16;
}

html,
body,
#root,
.app-layout,
.semi-layout {
  min-width: 320px;
  min-height: 100%;
  color: var(--alive-text) !important;
  background: var(--alive-bg) !important;
}

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

body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
}

body::after {
  position: fixed;
  z-index: 0;
  right: max(24px, 4vw);
  bottom: max(24px, 4vw);
  width: min(320px, 28vw);
  aspect-ratio: 1;
  background: url("/logo.png") center / contain no-repeat;
  content: "";
  opacity: 0.025;
  pointer-events: none;
}

#root {
  position: relative;
  z-index: 1;
}

::selection {
  color: #170407;
  background: var(--alive-cyan);
}

a {
  color: var(--alive-cyan);
}

.text-semi-color-text-0,
.text-gray-900,
.dark\:text-white {
  color: var(--alive-text) !important;
}

.text-semi-color-text-1,
.text-gray-700,
.text-gray-600,
.text-gray-500 {
  color: var(--alive-muted) !important;
}

.bg-white,
.bg-white\/75,
.dark\:bg-zinc-900\/75,
.bg-semi-color-bg-0,
.bg-semi-color-bg-1 {
  background: var(--alive-bg-raised) !important;
}

.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-semi-color-border {
  border-color: var(--alive-line) !important;
}

.blur-ball {
  display: none !important;
}

/* Shared application chrome */
.semi-layout-header {
  height: 64px;
  border-bottom: 1px solid var(--alive-line) !important;
  background: rgba(7, 10, 15, 0.96) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
}

.semi-layout-header > header {
  height: 64px !important;
  padding-right: 14px !important;
  padding-left: 14px !important;
  color: var(--alive-text) !important;
  background: transparent !important;
}

.semi-layout-header img[alt="logo"],
.semi-layout-header img[alt="Logo"] {
  filter: drop-shadow(0 0 9px rgba(239, 51, 64, 0.36));
}

.semi-layout-header h1,
.semi-layout-header h2,
.semi-layout-header h3,
.semi-layout-header h4,
.semi-layout-header > header > a {
  color: var(--alive-text) !important;
}

.semi-layout-header nav a,
.semi-layout-header nav button {
  color: var(--alive-muted) !important;
}

.semi-layout-header nav a:hover,
.semi-layout-header nav button:hover {
  color: var(--alive-text) !important;
}

.semi-layout-header nav a[aria-current="page"],
.semi-layout-header nav .text-semi-color-primary {
  color: var(--alive-cyan) !important;
}

.semi-layout-header nav a[aria-current="page"]::after {
  height: 2px;
  background: var(--alive-cyan);
  box-shadow: 0 0 10px rgba(239, 51, 64, 0.7);
}

.semi-layout-content {
  color: var(--alive-text);
  background: var(--alive-bg) !important;
}

.semi-layout-footer,
.semi-layout-footer footer {
  color: var(--alive-dim) !important;
  border-top: 1px solid var(--alive-line-soft);
  background: #080c12 !important;
}

.semi-layout-footer a {
  color: var(--alive-cyan) !important;
}

.semi-layout-footer footer *:not(a) {
  color: var(--alive-muted) !important;
  opacity: 1 !important;
}

.bg-\[\#FFD166\] {
  display: none !important;
}

#aliveai-pricing-note {
  display: grid;
  width: min(calc(100% - 32px), 1180px);
  margin: 18px auto 0;
  padding: 14px 16px;
  border: 1px solid rgba(245, 196, 81, 0.42);
  border-radius: 6px;
  color: var(--alive-text);
  background: #13171c;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

#aliveai-pricing-note strong {
  color: var(--alive-magenta);
  white-space: nowrap;
}

#aliveai-pricing-note span {
  color: var(--alive-muted);
  font-size: 13px;
}

#aliveai-pricing-note a {
  color: var(--alive-cyan-strong);
  font-weight: 700;
  white-space: nowrap;
}

#aliveai-auth-legal {
  margin: 12px 0 0;
  color: var(--alive-dim);
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
}

#aliveai-auth-legal a {
  color: var(--alive-cyan-strong);
  font-weight: 650;
}

@media (max-width: 760px) {
  #aliveai-pricing-note {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  #aliveai-pricing-note strong,
  #aliveai-pricing-note a {
    white-space: normal;
  }
}

/* Buttons, fields and compact controls */
.semi-button {
  min-height: 36px;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.semi-button-primary,
.semi-button-primary.semi-button-light {
  border-color: var(--alive-cyan) !important;
  color: #170407 !important;
  background: var(--alive-cyan) !important;
}

.semi-button-primary:hover {
  border-color: var(--alive-cyan-strong) !important;
  background: var(--alive-cyan-strong) !important;
  box-shadow: 0 0 18px rgba(239, 51, 64, 0.28) !important;
}

.semi-button-secondary,
.semi-button-tertiary,
.semi-button-borderless,
.semi-button-light,
.semi-button-outline {
  border-color: var(--alive-line) !important;
  color: var(--alive-text) !important;
  background: var(--alive-surface-2) !important;
}

.semi-button-secondary:hover,
.semi-button-tertiary:hover,
.semi-button-borderless:hover,
.semi-button-light:hover,
.semi-button-outline:hover {
  border-color: #46617a !important;
  color: var(--alive-cyan-strong) !important;
  background: var(--alive-surface-3) !important;
}

.semi-input-wrapper,
.semi-input-textarea-wrapper,
.semi-select,
.semi-select-selection,
.semi-datepicker,
.semi-input-number {
  border-color: var(--alive-line) !important;
  border-radius: 6px !important;
  color: var(--alive-text) !important;
  background: #091019 !important;
}

.semi-input-wrapper:hover,
.semi-input-textarea-wrapper:hover,
.semi-select:hover {
  border-color: #46617a !important;
}

.semi-input-wrapper-focus,
.semi-input-textarea-wrapper-focus,
.semi-select-focus {
  border-color: var(--alive-cyan) !important;
  box-shadow: 0 0 0 3px rgba(239, 51, 64, 0.14) !important;
}

.semi-input,
.semi-input-textarea,
.semi-select-selection-text,
.semi-input-number-input {
  color: var(--alive-text) !important;
  background: transparent !important;
}

.semi-input::placeholder,
.semi-input-textarea::placeholder {
  color: var(--alive-dim) !important;
}

.semi-form-field-label-text {
  color: #cbd9e5 !important;
}

.semi-checkbox-inner-display,
.semi-radio-inner-display,
.semi-switch {
  border-color: #46617a !important;
  background: var(--alive-surface-2) !important;
}

.semi-checkbox-checked .semi-checkbox-inner-display,
.semi-radio-checked .semi-radio-inner-display,
.semi-switch-checked {
  border-color: var(--alive-cyan) !important;
  background: var(--alive-cyan) !important;
}

/* Panels, tables, menus and feedback */
.semi-card {
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  color: var(--alive-text) !important;
  background: var(--alive-surface) !important;
  box-shadow: none !important;
}

.semi-card:hover {
  border-color: #3c5269 !important;
}

.semi-table-container,
.semi-table-wrapper,
.semi-table,
.semi-table-tbody,
.semi-table-row,
.semi-table-cell,
.semi-table-thead > .semi-table-row > .semi-table-row-head {
  border-color: var(--alive-line-soft) !important;
  color: var(--alive-text) !important;
  background: var(--alive-surface) !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  color: var(--alive-muted) !important;
  background: #0a111a !important;
}

.semi-table-tbody > .semi-table-row:hover > .semi-table-row-cell {
  background: #121d29 !important;
}

.semi-modal-content,
.semi-modal-header,
.semi-modal-body,
.semi-modal-footer,
.semi-popover-content,
.semi-dropdown-menu,
.semi-select-option-list,
.semi-tooltip-wrapper,
.semi-datepicker-container {
  border-color: var(--alive-line) !important;
  color: var(--alive-text) !important;
  background: var(--alive-surface) !important;
}

.semi-modal-content,
.semi-popover-content,
.semi-dropdown-menu {
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.5) !important;
}

.semi-dropdown-item:hover,
.semi-select-option:hover,
.semi-navigation-item:hover {
  color: var(--alive-text) !important;
  background: var(--alive-surface-3) !important;
}

.semi-tag {
  border: 1px solid #33485d !important;
  border-radius: 4px !important;
  color: #a9c0d2 !important;
  background: #14202d !important;
}

.semi-tag-violet-light,
.semi-tag-purple-light {
  border-color: rgba(245, 196, 81, 0.4) !important;
  color: #ff9fe4 !important;
  background: rgba(245, 196, 81, 0.1) !important;
}

.semi-banner,
.semi-notification,
.semi-toast-content {
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  color: var(--alive-text) !important;
  background: var(--alive-surface-2) !important;
}

.semi-divider {
  border-color: var(--alive-line) !important;
}

.semi-pagination-item,
.semi-page-item {
  border-color: var(--alive-line) !important;
  border-radius: 5px !important;
  color: var(--alive-muted) !important;
  background: var(--alive-surface) !important;
}

.semi-page-item-active {
  border-color: var(--alive-cyan) !important;
  color: #061116 !important;
  background: var(--alive-cyan) !important;
}

/* Home: product-first sci-fi command gateway */
html[data-alive-route="home"] .semi-layout-content > .w-full,
html[data-alive-route="home"] .semi-layout-content > .w-full > .w-full {
  background: var(--alive-bg) !important;
}

html[data-alive-route="home"] .semi-layout-content .min-h-\[500px\] {
  min-height: 620px !important;
  border-color: var(--alive-line) !important;
  background-color: #080d14 !important;
  background-image: url("/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: calc(50% + 360px) 50% !important;
  background-size: 360px 360px !important;
}

html[data-alive-route="home"] h1[data-alive-home-title="true"] {
  position: relative;
  color: var(--alive-text) !important;
  font-size: 68px !important;
  line-height: 1 !important;
  text-shadow: 0 0 22px rgba(239, 51, 64, 0.22);
}

html[data-alive-route="home"] h1[data-alive-home-title="true"]::after {
  display: block;
  margin: 14px auto 0;
  color: var(--alive-amber);
  content: "HERO NETWORK / ONLINE";
  font: 700 12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html[data-alive-route="home"] h1 + p,
html[data-alive-route="home"] h1 ~ p {
  color: var(--alive-muted) !important;
}

html[data-alive-route="home"] .semi-layout-content .semi-typography {
  color: var(--alive-muted) !important;
  opacity: 1 !important;
}

html[data-alive-route="home"] .aliveai-intel-deck {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr;
  width: min(980px, calc(100% - 32px));
  margin: 18px auto 0;
  border: 1px solid #493c26;
  border-top: 2px solid var(--alive-amber);
  background: #0d1118;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3);
}

html[data-alive-route="home"] .aliveai-intel-item {
  min-height: 72px;
  padding: 14px 16px;
  border-right: 1px solid var(--alive-line);
}

html[data-alive-route="home"] .aliveai-intel-item:last-child {
  border-right: 0;
}

html[data-alive-route="home"] .aliveai-intel-kicker,
html[data-alive-route="home"] .aliveai-intel-status {
  display: block;
  font: 700 10px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  text-transform: uppercase;
}

html[data-alive-route="home"] .aliveai-intel-kicker {
  margin-bottom: 5px;
  color: var(--alive-amber);
}

html[data-alive-route="home"] .aliveai-intel-status {
  color: var(--alive-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-alive-route="home"] .aliveai-intel-item:first-child .aliveai-intel-status {
  color: var(--alive-cyan-strong);
}

html[data-alive-route="home"] .semi-scrolllist {
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  background: #091019 !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

html[data-alive-route="home"] .semi-layout-content .rounded-full,
html[data-alive-route="home"] .semi-layout-content .\!rounded-3xl {
  border-radius: 6px !important;
}

html[data-alive-route="home"] .semi-layout-content svg,
html[data-alive-route="home"] .semi-layout-content img {
  filter: saturate(0.86) contrast(1.08);
}

/* Authentication: compact terminal-like access panel */
html[data-alive-route="auth"] .semi-layout-content {
  min-height: calc(100vh - 64px);
  background-color: #070a0f !important;
  background-image: url("/logo.png") !important;
  background-repeat: no-repeat !important;
  background-position: calc(50% - 360px) center !important;
  background-size: 420px 420px !important;
}

html[data-alive-route="auth"] .semi-layout-content > div {
  min-height: calc(100vh - 64px) !important;
}

html[data-alive-route="auth"] .w-full.max-w-sm {
  position: relative;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-alive-route="auth"] .w-full.max-w-sm::before {
  display: none;
}

html[data-alive-route="auth"] .w-full.max-w-sm .w-full.max-w-md > .semi-card {
  border: 1px solid var(--alive-line) !important;
  border-top: 2px solid var(--alive-cyan) !important;
  border-radius: 6px !important;
  background: rgba(10, 15, 22, 0.97) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38) !important;
}

html[data-alive-route="auth"] .w-full.max-w-sm .w-full.max-w-md > .semi-card::before {
  display: block;
  padding: 18px 20px 0;
  color: var(--alive-cyan);
  content: "SECURE ACCESS NODE";
  font: 700 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

html[data-alive-route="auth"] .w-full.max-w-sm .w-full.max-w-md > div:first-child h3,
html[data-alive-route="auth"] .semi-card h3,
html[data-alive-route="auth"] .semi-card .semi-typography {
  color: var(--alive-text) !important;
}

#aliveai-login-support {
  margin-top: 12px !important;
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  color: var(--alive-muted) !important;
  background: #091019 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

#aliveai-login-support span {
  color: var(--alive-muted) !important;
}

#aliveai-login-support a {
  color: var(--alive-cyan) !important;
}

/* Pricing: dense technical catalogue */
html[data-alive-route="pricing"] .pricing-sidebar,
html[data-alive-route="pricing"] .pricing-content {
  background: var(--alive-bg) !important;
}

html[data-alive-route="pricing"] .pricing-sidebar {
  border-right: 1px solid var(--alive-line) !important;
}

html[data-alive-route="pricing"] .pricing-sidebar .sbg-button {
  border: 1px solid var(--alive-line) !important;
  border-radius: 5px !important;
  color: var(--alive-muted) !important;
  background: var(--alive-surface) !important;
}

html[data-alive-route="pricing"] .pricing-sidebar .sbg-button:hover,
html[data-alive-route="pricing"] .pricing-sidebar .sbg-badge-active {
  border-color: rgba(239, 51, 64, 0.55) !important;
  color: var(--alive-cyan-strong) !important;
  background: rgba(239, 51, 64, 0.08) !important;
}

html[data-alive-route="pricing"] .pricing-content > div:first-child {
  border: 1px solid var(--alive-line) !important;
  border-radius: 6px !important;
  background: #0d1722 !important;
  background-image: none !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card-cover > div {
  background-color: #101923 !important;
  background-image: none !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card-cover .semi-tag {
  border-color: rgba(239, 51, 64, 0.45) !important;
  color: var(--alive-cyan-strong) !important;
  background: rgba(239, 51, 64, 0.08) !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card {
  min-height: 138px;
  border-radius: 6px !important;
  background: #0c131c !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card-body {
  color: var(--alive-text) !important;
  background: transparent !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card .text-xs span,
html[data-alive-route="pricing"] .pricing-content .semi-card p,
html[data-alive-route="pricing"] .pricing-content .semi-card [style*="--semi-color-text-1"] {
  color: var(--alive-muted) !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card h2,
html[data-alive-route="pricing"] .pricing-content .semi-card .text-lg,
html[data-alive-route="pricing"] .pricing-content .semi-card .font-bold {
  color: var(--alive-text) !important;
}

html[data-alive-route="pricing"] .pricing-sidebar .semi-divider_inner-text {
  color: #cbd9e5 !important;
}

html[data-alive-route="pricing"] .pricing-sidebar .sbg-button,
html[data-alive-route="pricing"] .pricing-sidebar .sbg-content {
  color: #a9bdd0 !important;
}

html[data-alive-route="pricing"] .pricing-content .semi-card:hover {
  border-color: rgba(239, 51, 64, 0.58) !important;
  background: #101b27 !important;
  box-shadow: 0 0 0 1px rgba(239, 51, 64, 0.08) !important;
}

html[data-alive-route="pricing"] .pricing-content .shadow-md {
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22) !important;
}

html[data-alive-route="pricing"] .pricing-content .rounded-2xl,
html[data-alive-route="pricing"] .pricing-content .\!rounded-2xl {
  border-radius: 6px !important;
}

/* Console: utilitarian command surface */
html[data-alive-route="console"] .semi-layout-sider,
html[data-alive-route="console"] .semi-navigation {
  border-right: 1px solid var(--alive-line) !important;
  color: var(--alive-muted) !important;
  background: #080d14 !important;
}

html[data-alive-route="console"] .semi-navigation-header,
html[data-alive-route="console"] .semi-navigation-footer {
  border-color: var(--alive-line) !important;
  background: #080d14 !important;
}

html[data-alive-route="console"] .semi-navigation-item {
  margin: 2px 8px;
  border-radius: 5px !important;
  color: var(--alive-muted) !important;
}

html[data-alive-route="console"] .semi-navigation-item-selected {
  color: var(--alive-cyan-strong) !important;
  background: rgba(239, 51, 64, 0.1) !important;
  box-shadow: inset 2px 0 0 var(--alive-cyan);
}

html[data-alive-route="console"] .semi-layout-content {
  background: #090e15 !important;
}

html[data-alive-route="console"] .semi-card {
  background: #0d141d !important;
}

#aliveai-native-topup-buy {
  border: 1px solid var(--alive-cyan) !important;
  border-radius: 6px !important;
  color: #170407 !important;
  background: var(--alive-cyan) !important;
  box-shadow: 0 0 18px rgba(239, 51, 64, 0.2) !important;
}

@media (max-width: 900px) {
  body::after {
    display: none;
  }

  .semi-layout-header,
  .semi-layout-header > header {
    height: 58px !important;
  }

  html[data-alive-route="home"] .semi-layout-content .min-h-\[500px\] {
    min-height: 610px !important;
    background-position: center 70px !important;
    background-size: 190px 190px !important;
  }

  html[data-alive-route="home"] h1[data-alive-home-title="true"] {
    margin-top: 105px;
    font-size: 48px !important;
  }

  html[data-alive-route="auth"] .semi-layout-content {
    background-image: none !important;
  }

  html[data-alive-route="auth"] .semi-layout-content > div {
    padding-top: 52px !important;
  }

  html[data-alive-route="pricing"] .pricing-sidebar {
    border-right: 0 !important;
    border-bottom: 1px solid var(--alive-line) !important;
  }
}

@media (max-width: 560px) {
  .semi-layout-header > header {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .semi-layout-header nav {
    margin-right: 4px !important;
    margin-left: 4px !important;
    gap: 0 !important;
  }

  .semi-layout-header nav a {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 13px !important;
  }

  .semi-layout-header h4 {
    display: none !important;
  }

  .semi-layout-header button[aria-label="\5207\6362\4e3b\9898"],
  .semi-layout-header button[aria-label="common.changeLanguage"],
  .semi-layout-header button[aria-label="\5207\6362\8bed\8a00"] {
    display: none !important;
  }

  html[data-alive-route="home"] .semi-layout-content .min-h-\[500px\] {
    min-height: 650px !important;
  }

  html[data-alive-route="home"] h1[data-alive-home-title="true"] {
    font-size: 43px !important;
  }

  html[data-alive-route="home"] h1[data-alive-home-title="true"]::after {
    font-size: 10px;
  }

  html[data-alive-route="home"] .aliveai-intel-deck {
    grid-template-columns: 1fr;
    width: calc(100% - 28px);
  }

  html[data-alive-route="home"] .aliveai-intel-item {
    min-height: 58px;
    border-right: 0;
    border-bottom: 1px solid var(--alive-line);
  }

  html[data-alive-route="home"] .aliveai-intel-item:last-child {
    border-bottom: 0;
  }

  html[data-alive-route="auth"] .w-full.max-w-sm {
    width: calc(100vw - 28px) !important;
  }

  html[data-alive-route="pricing"] .pricing-content .semi-card {
    min-height: 128px;
  }
}

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