* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body.body-lock {
  overflow: hidden;
  touch-action: none;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
}

.app-shell {
  --page-accent: var(--accent);
  --page-accent-soft: var(--accent-soft);
  min-height: 100vh;
  background: var(--bg-primary);
}

.theme-home {
  --page-accent: var(--accent);
  --page-accent-soft: var(--accent-soft);
}

.theme-gas {
  --page-accent: #d97706;
  --page-accent-soft: rgba(217, 119, 6, 0.08);
}

.theme-batch {
  --page-accent: #2563eb;
  --page-accent-soft: rgba(37, 99, 235, 0.08);
}

.theme-tools {
  --page-accent: #7c3aed;
  --page-accent-soft: rgba(124, 58, 237, 0.08);
}

.theme-monitor {
  --page-accent: #7c3aed;
  --page-accent-soft: rgba(124, 58, 237, 0.08);
}

.theme-btc {
  --page-accent: #ea580c;
  --page-accent-soft: rgba(234, 88, 12, 0.08);
}

html.dark .theme-gas {
  --page-accent: #fdba74;
  --page-accent-soft: rgba(253, 186, 116, 0.12);
}

html.dark .theme-batch {
  --page-accent: #8ab4ff;
  --page-accent-soft: rgba(138, 180, 255, 0.12);
}

html.dark .theme-tools {
  --page-accent: #c4b5fd;
  --page-accent-soft: rgba(196, 181, 253, 0.12);
}

html.dark .theme-monitor {
  --page-accent: #c4b5fd;
  --page-accent-soft: rgba(196, 181, 253, 0.12);
}

html.dark .theme-btc {
  --page-accent: #fdba74;
  --page-accent-soft: rgba(253, 186, 116, 0.12);
}

.container {
  width: min(100% - 40px, 1240px);
  margin: 0 auto;
}

.nav-left, .nav-right {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.logo-text-full {
  font-size: 18px;
}

.nav-item {
  position: relative;
}

.nav-link:hover,
        .nav-link.active,
        .nav-link.current {
  background: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-strong);
}

.nav-link.current {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--page-accent) 28%, transparent);
  background: color-mix(in srgb, var(--page-accent-soft) 64%, var(--bg-card));
}

.nav-link .arrow {
  font-size: 10px;
  opacity: .78;
  transition: transform .18s ease;
}

.nav-link.active .arrow,
        .nav-link:hover .arrow,
        .nav-link.current .arrow {
  transform: rotate(180deg);
}

.dropdown.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.dropdown-arrow {
  position: absolute;
  top: -7px;
  left: var(--arrow-left, 50%);
  width: 14px;
  height: 14px;
  transform: translateX(-50%) rotate(45deg);
  background: var(--bg-card);
  border-top: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}

.dropdown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dropdown-item {
  display: flex;
  gap: 12px;
  padding: 14px;
  border-radius: 14px;
  background: var(--bg-card-soft);
  border: 1px solid transparent;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
  min-width: 0;
}

.dropdown-item:hover {
  background: var(--bg-secondary);
  border-color: var(--border-strong);
  transform: translateY(-1px);
}

.dropdown-item-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  flex: 0 0 auto;
}

.dropdown-item-desc {
  font-size: 12px;
  line-height: 1.55;
  color: var(--text-secondary);
  margin-top: 5px;
}

.icon-btn,
        .btn-login,
        .btn-register,
        .primary-btn,
        .secondary-btn,
        .search-btn,
        .verify-btn,
        .plan-btn,
        .points-btn {
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease, color .16s ease;
}

.icon-btn {
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.btn-login,
        .secondary-btn,
        .verify-btn,
        .plan-btn,
        .points-btn {
  padding: 0 16px;
}

.btn-login:hover,
        .secondary-btn:hover,
        .verify-btn:hover,
        .plan-btn:hover,
        .points-btn:hover,
        .icon-btn:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-strong);
}

.lang-select-wrap {
  position: relative;
  width: 108px;
  flex: 0 0 auto;
}

.lang-select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  padding: 0 34px 0 14px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  outline: none;
}

.lang-select:focus {
  border-color: var(--border-strong);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--page-accent) 12%, transparent);
}

.select-caret {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: var(--text-muted);
  pointer-events: none;
}

.mobile-menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.mobile-menu-toggle span {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: var(--text-primary);
  transition: transform .18s ease, opacity .18s ease;
}

.mobile-menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}

.mobile-menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

.mobile-menu {
  display: none;
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  background: var(--bg-primary);
  border-top: 1px solid var(--border-color);
  overflow-y: auto;
  padding: 18px 20px 88px;
}

.mobile-menu.show {
  display: block;
}

.mobile-menu-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-secondary);
  font-weight: 800;
  cursor: pointer;
  margin-bottom: 10px;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.mobile-menu-link:hover,
        .mobile-menu-link.active,
        .mobile-menu-link.expanded {
  background: color-mix(in srgb, var(--page-accent-soft) 66%, var(--bg-card));
  border-color: color-mix(in srgb, var(--page-accent) 34%, var(--border-strong));
  color: var(--text-primary);
  box-shadow: inset 3px 0 0 var(--page-accent);
}

.mobile-submenu {
  display: none;
  margin: -2px 0 12px 12px;
  padding-left: 12px;
  border-left: 1px solid var(--border-color);
}

.mobile-submenu.show {
  display: block;
}

.mobile-submenu-item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.mobile-submenu-item:hover,
        .mobile-submenu-item.active {
  background: color-mix(in srgb, var(--page-accent-soft) 78%, var(--bg-card));
  color: var(--text-primary);
}

.mobile-auth-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.mobile-auth-row .btn-login,
        .mobile-auth-row .btn-register {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.page-content {
  padding-top: 72px;
}

.hero-subtitle {
  margin-top: 18px;
  max-width: 760px;
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.75;
  color: var(--text-secondary);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.search-input::placeholder {
  color: var(--text-muted);
}

.card-panel,
        .matrix-card,
        .focus-card,
        .plan-card,
        .points-card,
        .metric-card,
        .qa-item,
        .page-stat,
        .page-block,
        .signal-card,
        .step-card,
        .footnote-card,
        .table-card {
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 20px;
  box-shadow: var(--shadow-sm);
  min-width: 0;
}

.hero-panel {
  padding: 22px;
}

.panel-title,
        .section-mini-title {
  font-size: 16px;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 14px;
}

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

.quick-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px 12px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  text-align: left;
  cursor: pointer;
  min-width: 0;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}

.quick-card:hover {
  transform: translateY(-2px);
  border-color: var(--border-strong);
  background: var(--bg-secondary);
}

.quick-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.quick-card h3 {
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--text-primary);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-card p {
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-secondary);
}

.section.alt {
  background: var(--bg-secondary);
}

.section-subtitle {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-secondary);
}

.matrix-grid,
        .focus-grid,
        .plans-grid,
        .points-grid,
        .metric-grid,
        .analysis-grid,
        .market-grid,
        .tracker-grid,
        .batch-grid,
        .chain-grid,
        .footer-links-grid,
        .summary-grid,
        .compare-cards {
  display: grid;
  gap: 18px;
}

.matrix-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.focus-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.plans-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.points-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 980px;
  margin: 0 auto;
}

.metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.analysis-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tracker-grid {
  grid-template-columns: 1.4fr .9fr;
}

.batch-grid {
  grid-template-columns: 1.2fr .8fr;
}

.chain-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compare-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 18px;
}

.matrix-card,
        .focus-card,
        .plan-card,
        .points-card,
        .metric-card,
        .page-stat,
        .page-block,
        .signal-card,
        .step-card,
        .table-card {
  padding: 22px;
}

.matrix-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}

.matrix-head h3,
        .focus-card h3,
        .plan-name,
        .metric-card h3,
        .page-block h3,
        .signal-card h3,
        .step-card h3,
        .table-card h3 {
  font-size: 18px;
  line-height: 1.35;
  font-weight: 800;
  color: var(--text-primary);
}

.matrix-count {
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--page-accent-soft) 74%, var(--bg-card));
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
  border: 1px solid color-mix(in srgb, var(--page-accent) 22%, var(--border-color));
}

.chip-grid,
        .tag-grid,
        .subpage-nav,
        .page-summary-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.matrix-chip,
        .page-tag,
        .summary-chip,
        .subpage-chip {
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-secondary);
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.matrix-chip:hover,
        .subpage-chip:hover {
  background: color-mix(in srgb, var(--page-accent-soft) 66%, var(--bg-card));
  border-color: color-mix(in srgb, var(--page-accent) 34%, var(--border-strong));
  color: var(--text-primary);
}

.subpage-chip.active {
  background: color-mix(in srgb, var(--page-accent-soft) 74%, var(--bg-card));
  border-color: color-mix(in srgb, var(--page-accent) 40%, var(--border-strong));
  color: var(--text-primary);
}

.focus-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.focus-icon,
        .metric-icon,
        .page-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--page-accent-soft) 70%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--page-accent) 22%, var(--border-color));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  flex: 0 0 auto;
}

.focus-card p,
        .metric-card p,
        .page-stat p,
        .page-block p,
        .signal-card p,
        .step-card p,
        .table-card p {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.72;
  margin-top: 10px;
}

.pricing-tab-btn {
  min-width: 132px;
  height: 42px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  border-radius: 10px;
  color: var(--text-secondary);
  font-weight: 800;
  cursor: pointer;
}

.pricing-tab-btn.active {
  background: var(--bg-card);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm);
}

.plan-card {
  position: relative;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.plan-card.popular {
  border-color: color-mix(in srgb, var(--page-accent) 34%, var(--border-strong));
  box-shadow: 0 18px 34px color-mix(in srgb, var(--page-accent-soft) 85%, transparent);
}

.plan-card.popular,
        .points-card.featured {
  overflow: visible;
  padding-top: 34px;
}

.plan-badge,
        .points-badge {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  min-width: 96px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--page-accent) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--page-accent) 72%, #4f8cff 28%) 100%);
  border: 1px solid color-mix(in srgb, var(--page-accent) 52%, transparent);
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--page-accent-soft) 78%, transparent);
  white-space: nowrap;
  z-index: 2;
}

html.dark .plan-badge,
        html.dark .points-badge {
  background: linear-gradient(135deg, color-mix(in srgb, var(--page-accent) 86%, #dbeafe 14%) 0%, color-mix(in srgb, var(--page-accent) 72%, #8db4ff 28%) 100%);
  border-color: color-mix(in srgb, var(--page-accent) 60%, transparent);
  color: #f8fafc;
}

html.dark .plan-price {
  color: #f3f4f6;
}

.plan-price span {
  margin-left: 4px;
  font-size: 15px;
  color: var(--text-muted);
  font-weight: 700;
}

.plan-features li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.6;
}

.plan-features li::before {
  content: '✓';
  color: var(--success);
  font-weight: 900;
  margin-top: 1px;
}

.plan-btn,
        .points-btn {
  width: 100%;
}

.compare-table th,
        .compare-table td {
  padding: 14px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border-color);
  vertical-align: top;
  font-size: 14px;
  line-height: 1.55;
}

.compare-table th {
  font-weight: 800;
  color: var(--text-primary);
  background: var(--bg-card-soft);
}

.compare-table td {
  color: var(--text-secondary);
}

.compare-table tr:last-child td {
  border-bottom: 0;
}

.compare-cards .signal-card {
  background: var(--bg-card-soft);
}

html.dark .points-card .points-price {
  color: #f3f4f6;
}

.qa-list {
  display: grid;
  gap: 12px;
  max-width: 980px;
  margin: 0 auto;
}

.qa-item {
  overflow: hidden;
}

.qa-question {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  text-align: left;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
}

.qa-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 20px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.78;
  transition: max-height .24s ease, opacity .2s ease, padding .2s ease;
}

.qa-item.open .qa-answer {
  max-height: 320px;
  opacity: 1;
  padding: 0 20px 18px;
}

.page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(290px, .82fr);
  gap: 24px;
  align-items: start;
}

.page-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--page-accent-soft) 72%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--page-accent) 30%, var(--border-color));
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
}

.page-hero p {
  max-width: 860px;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.78;
  color: var(--text-secondary);
}

.page-summary {
  padding: 20px;
  background: color-mix(in srgb, var(--bg-card) 88%, transparent);
}

.page-summary h3 {
  font-size: 16px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--text-primary);
  margin-bottom: 14px;
}

.page-stat {
  padding: 16px;
  background: var(--bg-card-soft);
  border-radius: 16px;
  border: 1px solid var(--border-color);
  margin-bottom: 10px;
  box-shadow: none;
}

.page-stat:last-child {
  margin-bottom: 0;
}

.stat-label {
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.stat-value {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.45;
  color: var(--text-primary);
  font-weight: 800;
}

.stat-desc {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--text-secondary);
}

.subpage-nav {
  margin-top: 22px;
}

.analysis-shell,
        .market-shell,
        .tracker-shell,
        .batch-shell,
        .chain-shell {
  display: grid;
  gap: 18px;
}

.analysis-shell {
  grid-template-columns: 1.2fr .82fr;
}

.market-shell {
  grid-template-columns: 1.1fr .88fr;
}

.tracker-shell {
  grid-template-columns: 1.16fr .84fr;
}

.batch-shell {
  grid-template-columns: 1.18fr .82fr;
}

.chain-shell {
  grid-template-columns: 1fr .92fr;
}

.page-block ul,
        .page-block ol {
  padding-left: 18px;
  color: var(--text-secondary);
  display: grid;
  gap: 10px;
  line-height: 1.72;
}

.metric-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.metric-card h3,
        .page-block h3,
        .signal-card h3,
        .step-card h3,
        .table-card h3 {
  font-size: 17px;
}

.metric-card .metric-icon,
        .page-block .page-icon,
        .signal-card .page-icon,
        .step-card .page-icon {
  margin-bottom: 2px;
}

.signal-list,
        .insight-list,
        .guard-list {
  display: grid;
  gap: 12px;
}

.signal-card,
        .page-block,
        .step-card {
  background: var(--bg-card);
}

.step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--page-accent-soft) 82%, var(--bg-card));
  border: 1px solid color-mix(in srgb, var(--page-accent) 24%, var(--border-color));
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 12px;
}

.page-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.bullet-list {
  list-style: none;
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.bullet-list li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.72;
}

.bullet-list li::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--page-accent);
  margin-top: 8px;
  flex: 0 0 auto;
}

.footer {
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-color);
}

.footer-link-column a:hover {
  color: var(--text-primary);
}

.footer-note {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.7;
  text-align: left;
}

.social-link-btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.social-link-btn:hover {
  background: var(--bg-tertiary);
  border-color: var(--border-strong);
  color: var(--text-primary);
}

.x-logo {
  width: 15px;
  height: 15px;
  display: block;
}

.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--overlay);
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
  overscroll-behavior: contain;
}

.modal-overlay.show {
  opacity: 1;
  visibility: visible;
}

.form-group {
  margin-bottom: 14px;
}

.form-input,
        .email-domain-select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  outline: none;
  font-size: 14px;
}

.form-input:focus,
        .email-domain-select:focus {
  border-color: color-mix(in srgb, var(--page-accent) 35%, var(--border-strong));
  background: var(--bg-card);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--page-accent) 10%, transparent);
}

.captcha-side {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.captcha-box {
  height: 46px;
  border-radius: 14px;
  border: 1px solid var(--border-color);
  background: linear-gradient(90deg, rgba(0,0,0,.03) 0 50%, transparent 50% 100%),
                repeating-linear-gradient(135deg, var(--bg-tertiary), var(--bg-tertiary) 12px, var(--bg-card) 12px, var(--bg-card) 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 4px;
  user-select: none;
}

.captcha-refresh {
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1;
  text-align: right;
  cursor: pointer;
  padding: 0;
}

.auth-note {
  margin-top: 14px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
}

.modal-footer {
  margin-top: 16px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 14px;
}

html.dark .modal-footer a {
  color: #f3f4f6;
}

html.dark .nav-link:hover,
        html.dark .nav-link.active,
        html.dark .nav-link.current {
  background: #303641;
  border-color: #596273;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.btn-login,
        .btn-register {
  white-space: nowrap;
  min-width: max-content;
}

.lang-trigger:hover,
        .lang-trigger.active {
  border-color: var(--border-strong);
  background: var(--bg-tertiary);
}

.lang-option + .lang-option {
  border-top: 1px solid var(--border-color);
  border-radius: 0 0 10px 10px;
}

.lang-option.active,
        .lang-option:hover {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}

.hero-visual {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border-radius: 28px;
}

.hero-visual::before {
  content: '';
  position: absolute;
  inset: -30% auto auto -24%;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--page-accent-soft) 75%, transparent);
  pointer-events: none;
}

html.dark .hero-visual::before {
  background: rgba(255,255,255,.035);
}

.visual-top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.visual-kicker {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.visual-title {
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -.5px;
}

.visual-status {
  min-width: 92px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
}

.visual-stack {
  position: relative;
  display: grid;
  gap: 12px;
}

.visual-row {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  gap: 12px;
  align-items: center;
  padding: 15px;
  border-radius: 18px 18px 18px 8px;
  border: 1px solid var(--border-color);
  background: color-mix(in srgb, var(--bg-card-soft) 88%, var(--bg-card));
}

.visual-row:nth-child(even) {
  border-radius: 18px 8px 18px 18px;
  transform: translateX(10px);
}

.visual-icon {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -.02em;
}

.visual-row h3 {
  font-size: 15px;
  color: var(--text-primary);
  line-height: 1.35;
  font-weight: 800;
}

.visual-row p {
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.62;
}

.matrix-card,
        .focus-card {
  border-radius: 26px;
}

.matrix-card {
  position: relative;
  overflow: hidden;
}

.matrix-card::after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -44px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--page-accent) 22%, transparent);
  opacity: .7;
}

.plan-card:hover,
        .points-card:hover {
  transform: translateY(-10px) scale(1.015);
  border-color: var(--text-primary);
  box-shadow: 0 24px 58px rgba(15, 23, 42, .16);
}

html.dark .plan-card:hover,
        html.dark .points-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 28px 64px rgba(0, 0, 0, .58);
}

.compare-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 16px;
  min-width: 760px;
}

.page-layout {
  display: grid;
  gap: 24px;
}

.signal-card:nth-child(even),
        .metric-card:nth-child(even),
        .step-card:nth-child(even) {
  border-radius: 26px 12px 26px 26px;
}

html.dark .page-block,
        html.dark .signal-card,
        html.dark .metric-card,
        html.dark .step-card,
        html.dark .page-summary,
        html.dark .card-panel {
  background: #171b20;
  border-color: #39424f;
}

.page-hero {
  position: relative;
  padding: 72px 0 34px;
  background: linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));
  border-bottom: 1px solid var(--border-color);
  overflow: hidden;
}

html.dark .page-hero {
  background: linear-gradient(180deg, #171a1f, #101214);
}

@media (max-width: 1180px) {
  .nav-menu,
              .btn-login,
              .btn-register {
    display: none;
  }
}

@media (max-width: 1180px) {
  .mobile-menu-toggle {
    display: inline-flex;
  }
}

@media (max-width: 1180px) {
  .hero-grid,
              .page-hero-grid,
              .analysis-shell,
              .market-shell,
              .tracker-shell,
              .batch-shell,
              .chain-shell,
              .page-split {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .matrix-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .container {
    width: min(100% - 28px, 1240px);
  }
}

@media (max-width: 920px) {
  .nav-content {
    height: 64px;
  }
}

@media (max-width: 920px) {
  .page-content {
    padding-top: 64px;
  }
}

@media (max-width: 920px) {
  .mobile-menu {
    top: 64px;
  }
}

@media (max-width: 920px) {
  .logo-text-full {
    font-size: 16px;
  }
}

@media (max-width: 920px) {
  .quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .matrix-grid,
              .summary-grid,
              .plans-grid,
              .points-grid,
              .metric-grid,
              .analysis-grid,
              .market-grid,
              .chain-grid,
              .compare-cards,
              .footer-links-grid,
              .focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .tracker-grid,
              .batch-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .footer-copyright {
    text-align: center;
  }
}

@media (max-width: 680px) {
  .logo-text-full {
    display: none;
  }
}

@media (max-width: 680px) {
  .logo-text-short {
    display: inline;
  }
}

@media (max-width: 680px) {
  .lang-select-wrap {
    width: 96px;
  }
}

@media (max-width: 680px) {
  .lang-select {
    font-size: 13px;
  }
}

@media (max-width: 680px) {
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 680px) {
  .search-btn, .primary-btn, .secondary-btn {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .quick-grid,
              .matrix-grid,
              .summary-grid,
              .plans-grid,
              .points-grid,
              .metric-grid,
              .analysis-grid,
              .market-grid,
              .chain-grid,
              .compare-cards,
              .focus-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .email-input-wrapper,
              .captcha-row,
              .verify-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .page-hero {
    padding: 56px 0 28px;
  }
}

@media (max-width: 520px) {
  .container {
    width: min(100% - 24px, 1240px);
  }
}

@media (max-width: 520px) {
  .logo-icon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    font-size: 13px;
  }
}

@media (max-width: 520px) {
  .logo-text-short {
    font-size: 15px;
  }
}

@media (max-width: 520px) {
  .icon-btn,
              .mobile-menu-toggle,
              .lang-select {
    height: 38px;
  }
}

@media (max-width: 520px) {
  .icon-btn,
              .mobile-menu-toggle {
    width: 38px;
  }
}

@media (max-width: 520px) {
  .lang-menu {
    width: 96px;
  }
}

@media (max-width: 520px) {
  .lang-trigger {
    height: 38px;
    font-size: 13px;
    padding: 0 10px;
  }
}

@media (max-width: 520px) {
  .lang-dropdown {
    width: 118px;
  }
}

@media (max-width: 520px) {
  .footer-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px;
  }
}

@media (max-width: 520px) {
  .footer-link-column {
    padding: 14px;
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: var(--bg-card);
  }
}

@media (max-width: 520px) {
  .footer-link-column h4 {
    margin-bottom: 10px;
    font-size: 13px;
  }
}

@media (max-width: 520px) {
  .footer-link-column li {
    margin-bottom: 6px;
  }
}

@media (max-width: 520px) {
  .footer-link-column a {
    font-size: 12px;
    line-height: 1.4;
  }
}

@media (max-width: 520px) {
  .quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (max-width: 520px) {
  .quick-card {
    padding: 12px 10px;
  }
}

@media (max-width: 520px) {
  .quick-card h3 {
    font-size: 13px;
  }
}

@media (max-width: 520px) {
  .quick-card p {
    display: none;
  }
}

@media (max-width: 520px) {
  .hero-title {
    letter-spacing: -1px;
  }
}

@media (max-width: 520px) {
  .section {
    padding: 50px 0;
  }
}

@media (max-width: 520px) {
  .mobile-auth-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .modal-container {
    padding: 24px 18px;
  }
}

@media (max-width: 520px) {
  .modal-title {
    font-size: 24px;
  }
}

html.dark .nav-link {
  color: #d5d9e1;
  border-color: transparent;
}

html.dark .nav-link.current {
  background: #343c48;
  border-color: #737f91;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 8px 18px rgba(0,0,0,.26);
}

.dropdown {
  position: fixed;
  top: 72px;
  width: min(600px, calc(100vw - 32px));
  min-width: 0;
  padding: 14px;
  border-radius: 18px;
  background: var(--bg-card);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index: 1250;
}

html.dark .dropdown {
  background: #1b2027;
  border-color: #4b5563;
}

.lang-option:last-child {
  border-bottom: 1px solid var(--border-color);
}

.btn-login,
        .btn-register,
        .lang-trigger,
        .pricing-tab-btn {
  white-space: nowrap;
}

html.dark .hero {
  background: #101214;
}

.hero-points li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  background: var(--bg-card-soft);
}

.home-map-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.home-map-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--border-color);
  border-radius: 28px;
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  min-height: 230px;
}

.home-map-card.large,
        .home-map-card.wide {
  grid-column: span 2;
}

.home-map-card.tall {
  grid-row: span 2;
}

.home-map-card::before {
  content: '';
  position: absolute;
  right: -48px;
  top: -48px;
  width: 140px;
  height: 140px;
  border-radius: 46% 54% 43% 57%;
  border: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
  background: color-mix(in srgb, var(--bg-card-soft) 76%, transparent);
}

.home-map-top {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.home-map-icon {
  width: 58px;
  height: 58px;
  border-radius: 19px 19px 19px 8px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.home-map-card:nth-child(even) .home-map-icon {
  border-radius: 19px 8px 19px 19px;
}

.home-map-card h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 800;
  color: var(--text-primary);
  letter-spacing: -.2px;
}

.home-map-card p {
  margin-top: 8px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.72;
}

.home-map-tools {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.home-map-tools span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
}

html.dark .home-map-card,
        html.dark .home-map-tools span,
        html.dark .hero-points li {
  border-color: #39424f;
  background: #171b20;
}

.page-visual-card {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 26px;
  border-radius: 34px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  box-shadow: var(--shadow-lg);
}

.page-visual-orbit {
  position: absolute;
  right: -62px;
  top: -62px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  border: 1px dashed color-mix(in srgb, var(--page-accent) 34%, var(--border-color));
  opacity: .7;
}

.page-visual-card::after {
  content: '';
  position: absolute;
  left: -36px;
  bottom: -42px;
  width: 130px;
  height: 130px;
  border-radius: 28px 70px 42px 80px;
  border: 1px solid color-mix(in srgb, var(--page-accent) 22%, var(--border-color));
  background: color-mix(in srgb, var(--page-accent-soft) 54%, transparent);
}

.page-visual-symbol {
  position: relative;
  width: 86px;
  height: 86px;
  border-radius: 30px 30px 30px 10px;
  border: 1px solid color-mix(in srgb, var(--page-accent) 26%, var(--border-color));
  background: color-mix(in srgb, var(--page-accent-soft) 72%, var(--bg-card));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  margin-bottom: 18px;
  z-index: 1;
}

.visual-market .page-visual-symbol {
  border-radius: 50%;
}

.visual-tracker .page-visual-symbol {
  border-radius: 50% 18px 50% 18px;
}

.visual-batch .page-visual-symbol {
  border-radius: 12px 34px 12px 34px;
}

.visual-chain .page-visual-symbol {
  border-radius: 44px 16px 44px 16px;
}

.page-visual-label {
  position: relative;
  z-index: 1;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.page-visual-title {
  position: relative;
  z-index: 1;
  margin-top: 7px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 900;
  color: var(--text-primary);
  letter-spacing: -.4px;
}

.page-visual-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.page-visual-tags span {
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
}

.page-visual-metrics {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

.page-visual-metrics div {
  display: grid;
  grid-template-columns: minmax(90px, auto) 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  background: var(--bg-card-soft);
}

.page-visual-metrics strong {
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.35;
}

.page-visual-metrics span {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

html.dark .page-visual-card,
        html.dark .page-visual-tags span,
        html.dark .page-visual-metrics div {
  background: #171b20;
  border-color: #3d4653;
}

.page-block,
        .signal-card,
        .metric-card,
        .step-card {
  position: relative;
  overflow: hidden;
  border-radius: 26px 26px 26px 12px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.market-shell .signal-card:nth-child(odd) {
  border-radius: 26px 26px 10px 26px;
}

.market-shell .signal-card:nth-child(even) {
  border-radius: 26px 10px 26px 26px;
}

.tracker-shell .signal-card {
  border-left: 4px solid color-mix(in srgb, var(--page-accent) 52%, var(--border-color));
}

.chain-shell .signal-card {
  border-radius: 50px 26px 26px 26px;
}

.page-split .step-card {
  border-style: dashed;
}

.footer-bottom-copy {
  min-width: 0;
  text-align: left;
}

.footer-copyright {
  color: var(--text-secondary);
  font-size: 13px;
  text-align: left;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .home-map-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .home-map-card.large,
              .home-map-card.wide,
              .home-map-card.tall {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 680px) {
  .home-map-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .home-map-card {
    min-height: 0;
    padding: 20px;
    border-radius: 24px;
  }
}

@media (max-width: 680px) {
  .home-map-top {
    grid-template-columns: 50px minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .home-map-icon {
    width: 50px;
    height: 50px;
    font-size: 21px;
  }
}

@media (max-width: 680px) {
  .page-visual-card {
    min-height: 0;
    padding: 22px;
    border-radius: 26px;
  }
}

@media (max-width: 680px) {
  .page-visual-metrics div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (max-width: 680px) {
  .page-visual-metrics span {
    text-align: left;
  }
}

@media (max-width: 420px) {
  .nav-right {
    gap: 8px;
  }
}

@media (max-width: 420px) {
  .home-map-tools span {
    font-size: 11px;
    padding: 6px 9px;
  }
}

html.light {
  --bg-primary: #ffffff;
  --bg-secondary: #f7f8fa;
  --bg-tertiary: #eef1f5;
  --bg-card: #ffffff;
  --bg-card-soft: #f7f8fa;
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --border-color: #e5e7eb;
  --border-strong: #cfd6df;
  --accent: #2563eb;
  --accent-strong: #1d4ed8;
  --accent-soft: #eef4ff;
  --shadow-sm: 0 1px 3px rgba(17, 24, 39, .06);
  --shadow-lg: 0 12px 28px rgba(17, 24, 39, .10);
  --overlay: rgba(17, 24, 39, .56);
  --success: #16a34a;
  --danger: #dc2626;
}

html.dark {
  --bg-primary: #0a0c10;
  --bg-secondary: #111418;
  --bg-tertiary: #1c2027;
  --bg-card: #14171d;
  --bg-card-soft: #111418;
  --text-primary: #edf0f5;
  --text-secondary: #bcc3cf;
  --text-muted: #8893a4;
  --border-color: #262c36;
  --border-strong: #3a4352;
  --accent: #8ab4ff;
  --accent-strong: #a8c7ff;
  --accent-soft: #1a2335;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .40);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, .55);
  --overlay: rgba(3, 4, 6, .78);
  --success: #4ade80;
  --danger: #f87171;
}

html, body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Inter, Arial, sans-serif;
  transition: background-color .22s ease, color .22s ease;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1100;
  background: var(--bg-primary);
  backdrop-filter: none;
  border-bottom: 1px solid var(--border-color);
  transition: box-shadow .2s ease, background-color .2s ease;
}

.navbar.scrolled {
  box-shadow: 0 1px 0 var(--border-color);
}

html.dark .navbar {
  background: var(--bg-primary);
  border-bottom-color: var(--border-color);
}

.logo-text,
        .dropdown-item-title,
        .footer-link-column h4,
        .form-label {
  font-weight: 600;
}

.nav-link:hover,
        .nav-link.active {
  color: var(--text-primary);
  background: var(--bg-secondary);
  border-color: var(--border-color);
  box-shadow: none;
}

.nav-link.current,
        html.dark .nav-link.current {
  color: var(--accent);
  background: var(--accent-soft);
  border-color: var(--accent-soft);
  box-shadow: none;
}

html.dark .nav-link:hover,
        html.dark .nav-link.active {
  background: var(--bg-tertiary);
  border-color: var(--border-strong);
  color: var(--text-primary);
  box-shadow: none;
}

.icon-btn,
        .btn-login,
        .btn-register,
        .primary-btn,
        .secondary-btn,
        .search-btn,
        .verify-btn,
        .plan-btn,
        .points-btn,
        .lang-trigger {
  border-radius: 8px;
  font-weight: 500;
}

.btn-register,
        .primary-btn,
        .search-btn,
        .plan-btn.primary,
        .points-btn.primary {
  padding: 0 18px;
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

.btn-register:hover,
        .primary-btn:hover,
        .search-btn:hover,
        .plan-btn.primary:hover,
        .points-btn.primary:hover {
  transform: none;
  box-shadow: none;
  background: var(--accent-strong);
  border-color: var(--accent-strong);
}

html.dark .btn-register,
        html.dark .primary-btn,
        html.dark .search-btn,
        html.dark .plan-btn.primary,
        html.dark .points-btn.primary {
  color: #111315;
  background: var(--accent);
  border-color: var(--accent);
}

html.dark .btn-register:hover,
        html.dark .primary-btn:hover,
        html.dark .search-btn:hover,
        html.dark .plan-btn.primary:hover,
        html.dark .points-btn.primary:hover {
  background: var(--accent-strong);
  border-color: var(--accent-strong);
  color: #111315;
}

.hero,
        html.dark .hero {
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
}

.hero-title,
        .section-title,
        .page-hero h1 {
  font-weight: 700;
  letter-spacing: -0.04em;
}

.hero-title {
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.06;
  letter-spacing: -1.6px;
  font-weight: 800;
  max-width: 780px;
  color: var(--text-primary);
}

.page-hero h1 {
  font-size: clamp(30px, 4.4vw, 48px);
  line-height: 1.08;
  letter-spacing: -1.1px;
  font-weight: 800;
  color: var(--text-primary);
}

.section-subtitle,
        .hero-subtitle,
        .page-hero p {
  color: var(--text-secondary);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--accent);
  border: 0;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px;
}

.hero-points li,
        html.dark .hero-points li {
  border: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
  color: var(--text-secondary);
}

.hero-points li::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  margin-top: 8px;
  flex: 0 0 auto;
}

.home-side-label {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-side-title {
  margin-top: 8px;
  color: var(--text-primary);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.home-side-list {
  margin-top: 20px;
  display: grid;
  gap: 0;
}

.home-side-item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 14px;
  padding: 16px 0;
  border-top: 1px solid var(--border-color);
}

.home-side-icon {
  color: var(--accent);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.home-side-copy strong {
  display: block;
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
}

.home-side-copy em {
  display: block;
  margin-top: 4px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
  font-style: normal;
}

.home-module-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  background: var(--accent-soft);
  border-radius: 10px;
  font-size: 20px;
}

.home-module-row p,
        .home-usecase-row p {
  margin-top: 6px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}

.home-module-tools span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  font-size: 12px;
  font-weight: 500;
}

.home-usecase-list {
  max-width: 980px;
  margin: 0 auto;
  border-top: 1px solid var(--border-color);
}

.home-usecase-icon {
  color: var(--accent);
  font-size: 20px;
  line-height: 1.2;
}

.plans-grid,
        .points-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: none;
  margin: 0;
}

.plan-card:hover,
        .points-card:hover,
        html.dark .plan-card:hover,
        html.dark .points-card:hover {
  transform: translateY(-6px);
  border-color: var(--accent);
  box-shadow: var(--shadow-lg);
}

.plan-card:hover::after,
        .points-card:hover::after {
  content: '';
  position: absolute;
  inset: 10px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--page-accent) 25%, transparent);
  pointer-events: none;
  display: none;
}

.plan-name {
  font-size: 18px;
  font-weight: 600;
}

html.dark .plan-price,
        html.dark .points-card .points-price {
  color: var(--accent);
}

.plan-features {
  list-style: none;
  display: grid;
  gap: 10px;
  margin: 18px 0 22px;
  flex: 1;
}

.points-card.featured {
  border-color: var(--accent);
  box-shadow: 0 18px 34px color-mix(in srgb, var(--page-accent-soft) 85%, transparent);
}

.page-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--border-color);
  opacity: .55;
}

.page-block,
        .signal-card,
        .metric-card,
        .step-card,
        .table-card,
        .page-visual-card {
  border-radius: 14px;
  box-shadow: none;
}

.page-block::before,
        .signal-card::before,
        .metric-card::before,
        .step-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--page-accent) 55%, var(--border-strong));
  opacity: .7;
  display: none;
}

.page-block:hover,
        .signal-card:hover,
        .metric-card:hover,
        .step-card:hover {
  transform: translateY(-2px);
  border-color: var(--border-strong);
  box-shadow: var(--shadow-sm);
}

.footer-brand-row {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

.footer-brand-mark {
  width: auto;
  height: 34px;
  max-width: 126px;
  object-fit: contain;
  display: block;
}

html.dark .footer-brand-mark {
  opacity: 1;
}

.footer-copyright,
        .footer-disclaimer {
  text-align: left;
  font-weight: 400;
}

.auth-help-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -2px 0 14px;
  color: var(--text-secondary);
  font-size: 13px;
}

.remember-box {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: var(--text-secondary);
}

.forgot-link {
  border: 0;
  background: transparent;
  color: var(--accent);
  cursor: pointer;
  font-weight: 500;
  padding: 0;
}

.modal-footer a {
  color: var(--accent);
  font-weight: 600;
  cursor: pointer;
  margin-left: 6px;
}

.lang-option + .lang-option,
        .lang-option:last-child {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

@media (max-width: 920px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .home-side-list-wrap {
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid var(--border-color);
    padding-top: 22px;
  }
}

@media (max-width: 920px) {
  .home-module-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 920px) {
  .plans-grid,
              .points-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 920px) {
  .plan-card,
              .points-card {
    min-height: 0;
  }
}

@media (max-width: 920px) {
  .footer-bottom-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 920px) {
  .footer-bottom-copy,
              .footer-copyright,
              .footer-disclaimer {
    text-align: center;
  }
}

@media (max-width: 920px) {
  .footer-social-right {
    justify-content: center;
  }
}

@media (max-width: 680px) {
  .home-usecase-icon {
    display: none;
  }
}

.hero-grid {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 34px;
  align-items: start;
  max-width: 1040px;
}

.hero-title,
        .hero-subtitle {
  max-width: 900px;
}

.home-side-list-wrap {
  align-self: stretch;
  padding: 12px 0 12px 28px;
  border-left: 1px solid var(--border-color);
  display: none !important;
}

.home-module-list {
  border-top: 1px solid var(--border-color);
  max-width: 1080px;
  margin: 0 auto;
}

.home-module-row {
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 12px;
  align-items: center;
  padding: 26px 0;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
  outline: none;
}

.home-module-row:hover h3,
        .home-module-row:focus h3 {
  color: var(--accent);
}

.home-module-row:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
  border-radius: 12px;
}

.lang-menu {
  position: relative;
  width: auto !important;
  flex: 0 0 auto;
  min-width: 92px;
}

.footer-brand-column p {
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.8;
  max-width: 285px;
}

.close-btn {
  position: absolute;
  top: 14px !important;
  right: 28px !important;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-secondary);
  cursor: pointer;
  z-index: 2;
}

.back-to-top-btn {
  position: fixed;
  right: 22px;
  bottom: 24px;
  z-index: 1080;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  box-shadow: var(--shadow-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease, opacity .16s ease;
}

.back-to-top-btn:hover {
  transform: translateY(-2px);
  border-color: var(--accent);
  background: var(--bg-secondary);
}

@media (max-width: 920px) {
  .home-module-tools {
    justify-content: flex-start;
    padding-left: 0;
  }
}

@media (max-width: 920px) {
  .footer-brand-column {
    grid-column: 1 / -1;
  }
}

@media (max-width: 920px) {
  .footer-link-column {
    justify-self: start;
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .search-hint {
    text-align: left;
  }
}

@media (max-width: 680px) {
  .home-module-main {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 680px) {
  .home-module-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

@media (max-width: 680px) {
  .footer-brand-column p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
  }
}

@media (max-width: 680px) {
  .back-to-top-btn {
    right: 16px;
    bottom: 18px;
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
}

@media (max-width: 680px) {
  .close-btn {
    right: 18px !important;
    top: 12px !important;
  }
}

@media (max-width: 420px) {
  .lang-menu {
    width: 88px;
    min-width: 84px;
  }
}

@media (max-width: 420px) {
  .lang-trigger {
    padding: 0 9px !important;
    gap: 5px !important;
  }
}

.hero-grid > div:first-child {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.hero-title,
        .hero-subtitle,
        .hero-points {
  margin-left: auto;
  margin-right: auto;
}

.home-module-list,
        .home-usecase-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  border-top: 0;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.home-module-row,
        .home-usecase-row {
  border: 1px solid var(--border-color);
  border-radius: 16px;
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  padding: 20px;
  min-width: 0;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.home-module-row:hover,
        .home-module-row:focus,
        .home-usecase-row:hover {
  border-color: var(--border-strong);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.home-module-main {
  display: block !important;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.home-module-icon,
        .home-usecase-icon {
  display: none !important;
}

.home-module-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start !important;
  padding-left: 0 !important;
  margin-top: 14px;
}

.home-module-row h3,
        .home-usecase-row h3 {
  color: var(--text-primary);
  font-size: 17px;
  line-height: 1.35;
  font-weight: 600;
}

.home-usecase-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 16px;
  align-items: start;
  padding: 20px;
}

.home-usecase-num {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-secondary);
}

.modal-wrapper {
  width: min(100%, 460px) !important;
  position: relative;
}
.modal-wrapper.register-wrapper {
  width: min(100%, 520px) !important;
}

.auth-form-grid .form-group {
  margin-bottom: 0;
  min-width: 0;
}

.auth-form-grid .form-group:first-child,
        .auth-form-grid .auth-help-row,
        .auth-form-grid .submit-btn,
        .auth-form-grid .auth-submit-btn {
  grid-column: 1 / -1;
}

.auth-group-email,
        .auth-group-captcha,
        .auth-group-code,
        .auth-group-password.auth-full {
  grid-column: 1 / -1;
}

.captcha-box,
        .form-input,
        .email-domain-select,
        .verify-btn {
  height: 44px;
}

.verify-btn {
  padding-left: 10px;
  padding-right: 10px;
}

.auth-captcha-row {
  grid-column: 1 / -1;
  padding: 12px 0 4px;
  margin-top: 2px;
  border-top: 1px solid var(--border-color);
}
.turnstile-widget {
  min-height: 65px;
}

@media (max-width: 920px) {
  .hero-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .home-module-list,
              .home-usecase-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .hero-grid > div:first-child {
    max-width: none;
    text-align: center;
  }
}

@media (max-width: 680px) {
  .hero-points {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }
}

@media (max-width: 680px) {
  .hero-points li {
    font-size: 13px;
    line-height: 1.55;
  }
}

@media (max-width: 680px) {
  .home-module-list,
              .home-usecase-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px;
  }
}

@media (max-width: 680px) {
  .home-module-row,
              .home-usecase-row {
    padding: 14px;
    border-radius: 14px;
    box-shadow: none;
  }
}

@media (max-width: 680px) {
  .home-module-row h3,
              .home-usecase-row h3 {
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (max-width: 680px) {
  .home-module-row p,
              .home-usecase-row p {
    font-size: 12px;
    line-height: 1.55;
    margin-top: 5px;
  }
}

@media (max-width: 680px) {
  .home-module-tools {
    gap: 6px;
    margin-top: 10px;
  }
}

@media (max-width: 680px) {
  .home-module-tools span {
    min-height: 26px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1.2;
  }
}

@media (max-width: 680px) {
  .home-usecase-row {
    grid-template-columns: 1fr !important;
    gap: 8px;
  }
}

@media (max-width: 680px) {
  .home-usecase-num {
    width: auto;
    height: auto;
    justify-content: flex-start;
    background: transparent;
  }
}

@media (max-width: 680px) {
  .footer-brand-row {
    justify-content: flex-start !important;
  }
}

@media (max-width: 680px) {
  .footer-link-column {
    padding: 13px !important;
    border: 1px solid var(--border-color) !important;
    background: var(--bg-card) !important;
    border-radius: 14px !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }
}

@media (max-width: 680px) {
  .footer-link-column li {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 680px) {
  .modal-wrapper {
    padding-right: 0;
    width: min(100%, 520px) !important;
  }
}

@media (max-width: 680px) {
  .captcha-side {
    min-width: 0;
  }
}

@media (max-width: 680px) {
  .captcha-box {
    font-size: 16px;
    letter-spacing: 2px;
  }
}

@media (max-width: 680px) {
  .email-domain-select,
              .verify-btn {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 420px) {
  .hero-points,
              .home-module-list,
              .home-usecase-list,
              .footer-links-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .home-module-row,
              .home-usecase-row,
              .footer-link-column {
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  .home-module-tools span {
    font-size: 10.5px;
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media (max-width: 420px) {
  .modal-overlay {
    padding: 12px;
  }
}

@media (max-width: 420px) {
  .modal-container {
    padding: 22px 14px 20px !important;
  }
}

@media (max-width: 420px) {
  .form-input,
              .email-domain-select,
              .verify-btn {
    padding-left: 9px;
    padding-right: 9px;
    font-size: 13px;
  }
}

.hero-points {
  list-style: none;
  display: none !important;
  gap: 8px;
  margin-top: 22px;
  max-width: 820px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  text-align: left;
}

.search-input {
  flex: 1;
  min-width: 0;
  height: 42px;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  padding: 0 14px;
  font-size: 15px;
  outline: none;
}

.search-btn {
  flex: 0 0 auto;
  height: 42px;
  min-width: 108px;
  padding-left: 16px;
  padding-right: 16px;
}

.footer-link-column a {
  color: var(--text-secondary);
  font-size: 13px !important;
  display: inline-block;
  line-height: 1.45 !important;
  white-space: normal;
}

@media (max-width: 680px) {
  .hero-subtitle {
    margin-top: 14px;
  }
}

@media (max-width: 680px) {
  .search-box {
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px !important;
    width: 100%;
  }
}

@media (max-width: 680px) {
  .search-input {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
}

@media (max-width: 680px) {
  .search-btn {
    width: auto !important;
    min-width: 82px;
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
  }
}

@media (max-width: 680px) {
  .footer-link-column ul {
    display: grid !important;
    gap: 5px !important;
  }
}

@media (max-width: 680px) {
  .social-link-btn {
    width: 32px;
    height: 32px;
    border-radius: 10px;
  }
}

@media (max-width: 680px) {
  .modal-container {
    padding-right: 22px;
    padding: 22px 16px 20px !important;
  }
}

@media (max-width: 680px) {
  .auth-group-email,
              .auth-group-captcha,
              .auth-group-code,
              .auth-group-password,
              .auth-group-confirm,
              .auth-group-password.auth-full,
              .auth-form-grid .form-group:first-child,
              .auth-form-grid .auth-help-row,
              .auth-form-grid .submit-btn,
              .auth-form-grid .auth-submit-btn {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 680px) {
  .captcha-row,
              .verify-row {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 7px;
  }
}

@media (max-width: 420px) {
  .search-input {
    font-size: 13px;
    padding-left: 9px;
    padding-right: 8px;
  }
}

@media (max-width: 420px) {
  .search-btn {
    min-width: 76px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .lang-dropdown {
    width: 116px !important;
  }
}

@media (max-width: 420px) {
  .captcha-row,
              .verify-row {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 6px;
  }
}

.section-title + .section-subtitle, .section-subtitle {
  margin-top: 18px;
}

.footer-brand-column,
        .footer-bottom-copy {
  display: block !important;
}

.footer-disclaimer {
  margin-top: 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.55;
  margin-bottom: 6px;
}

.points-features li:first-child {
  margin-top: 0;
}

.logo-icon,
        .footer-brand-mark {
  border-radius: 10px;
  font-weight: 700;
  width: auto !important;
  min-width: 42px;
  padding: 0 8px;
  letter-spacing: -0.02em;
}

.search-box {
  width: min(760px, 100%);
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 6px;
  border-radius: 14px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  margin-left: auto;
  margin-right: auto;
  max-width: 620px !important;
}

.section-title {
  font-size: clamp(26px, 3.2vw, 38px);
  line-height: 1.24 !important;
  letter-spacing: -0.01em;
  font-weight: 800;
  color: var(--text-primary);
}

.pricing-tabs {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 14px;
  background: var(--bg-tertiary);
  margin: 0 auto 28px;
  margin-top: 4px !important;
  margin-bottom: 36px !important;
}

.points-card {
  position: relative;
  min-height: 330px !important;
}

.points-name {
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  margin-bottom: 6px !important;
}

.points-card .points-amount {
  font-size: 0 !important;
  line-height: 1;
  font-weight: 700;
  color: var(--text-primary);
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
}

.points-card .points-amount span {
  color: var(--text-primary);
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.points-card .points-amount em {
  color: var(--text-muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.points-card .points-price {
  margin: 0 !important;
  font-size: 28px;
  font-weight: 800;
  color: var(--page-accent);
  text-align: right;
  white-space: nowrap;
}

.points-card .points-label {
  margin-top: 5px;
  color: var(--text-muted);
  font-size: 13px;
  display: none !important;
}

.points-features {
  margin-top: 8px !important;
}

@media (max-width: 920px) {
  .footer-links-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (max-width: 680px) {
  .section-title {
    letter-spacing: 0;
  }
}


.hero {
  padding: 84px 0 56px;
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
  padding-top: 48px !important;
  padding-bottom: 38px !important;
}

.search-wrap {
  margin-top: 38px !important;
  margin-bottom: 0 !important;
}

.search-hint {
  margin-top: 10px;
  color: var(--text-muted);
  font-size: 13px;
  text-align: center;
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
}

@media (max-width: 680px) {
  .hero {
    padding: 52px 0 38px;
    padding-top: 36px !important;
    padding-bottom: 28px !important;
  }
}

@media (max-width: 680px) {
  .search-wrap {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 680px) {
  .footer-brand-column,
              .footer-bottom-copy {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .footer-link-column a {
    display: block;
    color: var(--text-secondary);
    font-size: 11px !important;
    line-height: 1.42 !important;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: keep-all;
  }
}

@media (max-width: 420px) {
  .footer-links-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
  }
}

.plan-price {
  margin-top: 20px !important;
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  color: var(--page-accent);
  margin-bottom: 18px !important;
}

.points-meta-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 4px 0 14px;
  margin-top: 20px !important;
  margin-bottom: 18px !important;
}

.points-features,
        .plan-features {
  margin-top: 0 !important;
}

@media (max-width: 680px) {
  .footer-brand-column {
    grid-column: 1 / -1;
    text-align: left !important;
    display: none !important;
  }
}

@media (max-width: 680px) {
  .footer-bottom-copy {
    display: block !important;
    text-align: center !important;
    margin-top: 4px;
  }
}

@media (max-width: 680px) {
  .footer-disclaimer,
              .footer-copyright {
    display: block !important;
    text-align: center !important;
  }
}

@media (max-width: 680px) {
  .footer-disclaimer {
    margin-bottom: 5px !important;
    font-size: 11px;
    line-height: 1.55;
  }
}

@media (max-width: 680px) {
  .footer-copyright {
    font-size: 11px;
    line-height: 1.55;
  }
}

@media (max-width: 680px) {
  .footer-bottom-content {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

.section-title,
        .hero-title,
        .page-hero h1 {
  letter-spacing: -0.01em;
}

#pricing-section {
  scroll-margin-top: 92px;
}

.plan-price,
        .points-card .points-price {
  color: var(--accent);
  font-weight: 700;
  margin-top: 18px !important;
  margin-bottom: 16px !important;
}

.points-summary-row {
  margin-top: 18px !important;
  margin-bottom: 16px !important;
}

.points-summary-row .points-price {
  margin: 0 !important;
}

@media (max-width: 680px) {
  #pricing-section {
    scroll-margin-top: 78px;
  }
}

@media (max-width: 680px) {
  .plan-price,
              .points-card .points-price,
              .points-summary-row {
    margin-top: 16px !important;
    margin-bottom: 14px !important;
  }
}

.plan-target,
        .points-desc {
  min-height: 48px !important;
  color: var(--text-secondary);
  line-height: 1.7;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

.points-meta-row .points-price {
  margin: 0 !important;
}

.plan-card,
        .points-card {
  display: flex;
  flex-direction: column;
  min-height: 360px !important;
  padding: 22px;
  border-radius: 14px;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

@media (max-width: 680px) {
  .points-desc {
    min-height: 0 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 680px) {
  .plan-price,
              .points-meta-row {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 680px) {
  .plan-target {
    align-self: flex-start !important;
    padding: 4px 9px !important;
    margin-bottom: 16px !important;
    font-size: 12px !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

.section {
  padding: 60px 0;
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.section-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 34px;
  margin-bottom: 38px !important;
}

.plan-target {
  margin-top: 10px !important;
  color: var(--text-secondary);
  font-size: 13px !important;
  line-height: 1.35 !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-self: flex-start !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  font-weight: 600;
  justify-content: flex-start !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  margin-bottom: 24px !important;
  text-align: left !important;
}

.points-desc {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7 !important;
  margin-bottom: 24px !important;
  margin-top: 8px !important;
}

.plan-price,
        .points-meta-row {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

@media (max-width: 680px) {
  .section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}

@media (max-width: 680px) {
  .section-header {
    margin-bottom: 28px !important;
  }
}

@media (max-width: 680px) {
  .plan-target,
              .points-desc {
    min-height: 0 !important;
    margin-bottom: 20px !important;
  }
}

.dropdown.mega-dropdown {
  width: min(900px, calc(100vw - 24px));
}

.dropdown-grid.mega-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.dropdown-item.nested-dropdown-item {
  display: block;
  padding: 16px 14px 14px;
}

.dropdown-item.nested-dropdown-item:hover {
  transform: translateY(-1px);
}

.dropdown-item-head .dropdown-item-title {
  margin: 0;
}

.dropdown-link-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--border-color);
}

.dropdown-sub-link {
  height: 34px;
  justify-content: flex-start;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  padding: 0 10px;
  text-align: left;
  transition: background-color .16s ease, color .16s ease;
}

.dropdown-sub-link:hover,
        .dropdown-sub-link.active {
  background: var(--bg-secondary);
  color: var(--text-primary);
}

.mobile-submenu-group {
  font-weight: 800;
  color: var(--text-primary);
}

.mobile-submenu-nested {
  display: grid;
  gap: 8px;
  padding: 4px 0 12px 18px;
}

.mobile-submenu-leaf {
  height: 34px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  padding: 0 12px;
}

.mobile-submenu-leaf.active {
  color: var(--text-primary);
  border-color: var(--border-strong);
  background: var(--bg-secondary);
}

@media (max-width: 1180px) {
  .dropdown-grid.mega-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .dropdown-grid.mega-grid {
    grid-template-columns: 1fr;
  }
}

.table-card {
  margin-top: 20px;
  overflow-x: auto;
  padding-bottom: 12px;
}

.table-card .compare-table {
  margin-bottom: 0;
}

.dropdown .dropdown-item-icon,
        .dropdown-item-head .dropdown-item-icon {
  display: none;
}

.dropdown-item-head {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 12px;
  cursor: pointer;
}

.dropdown-item-title {
  font-size: 14px;
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.35;
  transition: color .18s ease;
}

.dropdown-item:hover .dropdown-item-title,
        .dropdown-item-head:hover .dropdown-item-title,
        .nested-dropdown-item:hover .dropdown-item-title {
  color: var(--accent);
}

.dropdown-item:hover .dropdown-item-desc,
        .nested-dropdown-item:hover .dropdown-item-desc,
        .dropdown-sub-link:hover {
  color: var(--text-secondary);
}

.domain-activity-arch {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.domain-activity-node {
  padding: 14px;
  border: 1px solid var(--border-color);
  border-radius: 14px;
  background: var(--bg-card-soft);
}

.domain-activity-node strong {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.domain-activity-node span {
  display: block;
  margin-top: 6px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}

@media (max-width: 920px) {
  .domain-activity-arch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .domain-activity-arch {
    grid-template-columns: 1fr;
  }
}

.activity-dashboard {
  display: grid;
  gap: 16px;
}

.activity-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.activity-toolbar-left,
        .activity-toolbar-right,
        .activity-filter-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.activity-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-primary);
  font-weight: 700;
}

.activity-source-btn,
        .activity-filter-btn,
        .activity-refresh-btn {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card-soft);
  color: var(--text-secondary);
  font-weight: 700;
  cursor: pointer;
}

.activity-source-btn.active,
        .activity-filter-btn.active,
        .activity-source-btn:hover,
        .activity-filter-btn:hover,
        .activity-refresh-btn:hover {
  color: var(--text-primary);
  border-color: var(--border-strong);
  background: var(--bg-secondary);
}

.activity-refresh-btn {
  color: #fff;
  background: var(--accent);
  border-color: var(--accent);
}

html.dark .activity-refresh-btn {
  color: #111315;
}

.activity-input {
  height: 34px;
  min-width: 220px;
  padding: 0 10px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--bg-card-soft);
  color: var(--text-primary);
  outline: none;
  font-size: 13px;
}

.activity-input:focus {
  border-color: var(--border-strong);
  background: var(--bg-card);
}

.activity-table th,
        .activity-table td {
  padding: 16px 12px;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1.45;
}

.activity-table th {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
}

.activity-table tbody tr:hover {
  background: var(--bg-card-soft);
}

.activity-table tbody tr:last-child td {
  border-bottom: 0;
}

.activity-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.activity-thumb {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: linear-gradient(135deg, #5b8cff, #8ec5ff);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 900;
  flex: 0 0 auto;
}

.activity-item strong {
  display: block;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.35;
}

.activity-item span {
  display: block;
  color: var(--text-secondary);
  margin-top: 2px;
}

.activity-event-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.activity-event-sale {
  border-color: color-mix(in srgb, var(--success) 45%, var(--border-color));
  color: var(--success);
}

.activity-price strong {
  color: var(--text-primary);
  display: block;
}

.activity-price span {
  color: var(--text-muted);
  display: block;
  margin-top: 2px;
}

.activity-link {
  color: var(--accent);
  font-weight: 800;
}

.activity-status-line {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 920px) {
  .activity-toolbar {
    align-items: flex-start;
  }
}

@media (max-width: 920px) {
  .activity-input {
    min-width: 180px;
    flex: 1;
  }
}

@media (max-width: 520px) {
  .activity-toolbar-left, .activity-toolbar-right, .activity-filter-row {
    width: 100%;
  }
}

@media (max-width: 520px) {
  .activity-source-btn, .activity-filter-btn, .activity-refresh-btn {
    flex: 1;
  }
}

@media (min-width: 1181px) {
  .logo-text-full {
    font-size: 17px !important;
  }
}

@media (min-width: 1181px) {
  .btn-login, .btn-register, .lang-trigger, .icon-btn {
    flex: 0 0 auto !important;
  }
}

.footer-link-column li {
  margin-bottom: 0 !important;
  margin: 0 !important;
}

.footer-link-column:last-child h4, .footer-link-column:last-child a {
  text-align: left !important;
}

.activity-dashboard, .activity-table-card, .activity-table {
  min-width: 0 !important;
}

.activity-table-card {
  overflow-x: auto !important;
  padding-bottom: 0 !important;
}

.activity-table {
  width: 100% !important;
  min-width: 900px !important;
  border-collapse: collapse;
}

@media (min-width: 1181px) {
  .navbar .nav-content {
    width: 100% !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    min-width: 0 !important;
  }
}

@media (min-width: 1181px) {
  .navbar .nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
  }
}

@media (min-width: 1181px) {
  .navbar .nav-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .container {
    width: min(100% - 44px, 1320px) !important;
    max-width: 1320px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .nav-right {
    gap: 8px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .logo-text-full {
    font-size: 16px !important;
  }
}

.page-hero-grid.page-hero-grid-activity,
.activity-clean-mode .page-hero-grid {
  grid-template-columns: 1fr;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-hero-grid.page-hero-grid-activity > div,
.activity-clean-mode .page-hero-grid > div {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-hero-grid.page-hero-grid-activity h1,
.activity-clean-mode .page-hero h1 {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.page-hero-grid.page-hero-grid-activity p,
.activity-clean-mode .page-hero p {
  width: 100%;
  max-width: 900px;
  margin: 16px auto 0;
  text-align: center;
}

.activity-dynamic-shell {
  width: min(100% - 40px, 1240px);
  margin: 34px auto 0;
  border: 1px solid var(--border-color);
  border-radius: 18px;
  background: var(--bg-card);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.activity-dynamic-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--text-primary);
}

.activity-search:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
}

.activity-download-btn,
.activity-page-btn {
  height: 40px;
  padding: 0 13px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  font-weight: 700;
  cursor: pointer;
}

.activity-download-btn:hover,
.activity-page-btn:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--bg-secondary);
}

.activity-page-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.activity-clean-table th {
  font-weight: 800;
  color: var(--text-primary);
  background: var(--bg-card-soft);
}

.activity-clean-table tbody tr:hover {
  background: var(--bg-secondary);
}

.activity-index {
  width: 64px;
  color: var(--text-muted) !important;
  font-weight: 800;
}

.activity-token-thumb {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: #eef4ff;
  object-fit: contain;
  padding: 3px;
  display: block;
}

.activity-token-fallback {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.activity-token-name {
  font-weight: 800;
  color: var(--text-primary);
  line-height: 1.35;
}

.activity-token-sub {
  margin-top: 3px;
  font-size: 12px;
  color: var(--text-muted);
}

.activity-event-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
}

.activity-price-main {
  font-weight: 900;
  color: var(--text-primary);
}

.activity-price-sub {
  margin-top: 3px;
  font-size: 12px;
  color: var(--text-muted);
}

.activity-address {
  font-weight: 800;
  color: var(--text-primary);
  white-space: nowrap;
}

.activity-page-left,
.activity-page-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.activity-page-size {
  height: 36px;
  border-radius: 9px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  padding: 0 8px;
}

.activity-empty {
  padding: 34px 20px;
  color: var(--text-muted);
  text-align: center;
}

@media (max-width: 680px) {
  .activity-dynamic-shell {
    width: min(100% - 24px, 1240px);
    margin-top: 24px;
  }
}

@media (max-width: 680px) {
  .activity-dynamic-head {
    align-items: stretch;
  }
}

@media (max-width: 680px) {
  .activity-search {
    width: 100%;
  }
}

.activity-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.activity-inline-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.activity-filter-chip {
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-secondary);
  font-weight: 800;
  cursor: pointer;
}

.activity-filter-chip.is-active,
.activity-filter-chip:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-soft);
}

.activity-download-icon-btn,
.activity-page-icon-btn {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  cursor: pointer;
}

.activity-download-icon-btn:hover,
.activity-page-icon-btn:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--bg-secondary);
}

.activity-page-icon-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.activity-download-icon-btn svg,
.activity-page-icon-btn svg {
  width: 17px;
  height: 17px;
}

.activity-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  gap: 14px;
  padding: 14px 20px;
  flex-wrap: wrap;
  border-top: 1px solid var(--border-color);
}

.activity-page-right {
  margin-left: auto;
}

.activity-page-indicator {
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  color: var(--text-muted);
  font-weight: 800;
}

.activity-page-left {
  margin-right: auto;
}

@media (max-width: 680px) {
  .activity-dynamic-tools {
    width: 100%;
    margin-left: 0;
  }
}

.activity-rich-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 20px 4px;
}

.activity-rich-metric {
  border: 1px solid var(--border-color);
  border-radius: 14px;
  background: var(--bg-secondary);
  padding: 13px 14px;
}

.activity-rich-metric-label {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 6px;
}

.activity-rich-metric-value {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 900;
}

.activity-rich-metric-sub {
  color: var(--text-muted);
  font-size: 12px;
  margin-top: 4px;
}

.activity-filter-toolbar input:focus,
.activity-filter-toolbar select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
}

.activity-icon-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.activity-icon-btn:hover,
.activity-icon-btn.is-active {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--accent-soft);
}

.activity-icon-btn svg {
  width: 17px;
  height: 17px;
}

.activity-live-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px 14px;
  color: var(--text-muted);
  font-size: 12px;
  flex-wrap: wrap;
}

.activity-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .12);
  display: inline-block;
  margin-right: 6px;
}

.activity-market-pill {
  display: inline-flex;
  height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  font-size: 12px;
  font-weight: 800;
  color: var(--text-secondary);
}

.activity-hash-link {
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}

.activity-compact .activity-clean-table th,
.activity-compact .activity-clean-table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.activity-compact .activity-token-fallback,
.activity-compact .activity-token-thumb {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
}

.activity-column-menu {
  position: relative;
}

.activity-column-popover {
  position: absolute;
  right: 0;
  top: 44px;
  width: 180px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  box-shadow: var(--shadow-lg);
  z-index: 20;
  display: none;
}

.activity-column-popover.show {
  display: grid;
  gap: 8px;
}

.activity-column-popover label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 800;
}

.activity-column-popover input {
  width: 14px;
  height: 14px;
}

@media (max-width: 1080px) {
  .activity-rich-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .activity-filter-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1080px) {
  .activity-action-icons {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .activity-rich-metrics,
    .activity-filter-toolbar {
    grid-template-columns: 1fr;
  }
}

.activity-filter-toolbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(128px, 1fr)) auto !important;
  gap: 10px;
  padding: 14px 20px 18px;
  border-bottom: 1px solid var(--border-color);
  align-items: center !important;
  overflow: visible !important;
}

.activity-filter-toolbar input,
.activity-filter-toolbar select {
  height: 40px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  padding: 0 12px;
  outline: none;
  font-weight: 700;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.activity-price-range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  min-width: 220px !important;
}

.activity-action-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content !important;
}

.activity-action-icons .activity-clear-all-btn {
  width: auto !important;
  min-width: 40px !important;
  padding: 0 12px !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.activity-active-tags {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  max-width: 100%;
}

.activity-active-tag {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-market-pill,
.activity-event-pill {
  white-space: nowrap;
}

.activity-dynamic-head {
  display: flex;
  align-items: flex-start !important;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-color);
  flex-wrap: wrap;
  overflow: visible !important;
}

.activity-dynamic-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
  max-width: 360px;
}

.activity-search {
  width: min(360px, 100%) !important;
  height: 40px;
  padding: 0 13px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  outline: none;
}

@media (max-width: 1180px) {
  .activity-filter-toolbar {
    grid-template-columns: repeat(3, minmax(140px, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  .activity-action-icons {
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  .activity-filter-toolbar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .activity-price-range {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  .activity-dynamic-tools {
    max-width: none;
    width: 100%;
  }
}

.footer,
.site-footer,
.footer-section {
  overflow-x: hidden;
}

.footer-grid,
.footer-columns,
.footer-inner,
.site-footer-grid {
  box-sizing: border-box;
}

.footer-column,
.footer-col,
.footer-links,
.footer-title,
.footer-heading {
  box-sizing: border-box;
}

.footer-grid,
.footer-columns,
.site-footer-grid {
  display: grid;
  align-items: start;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer-bottom::before,
.site-footer-bottom::before,
.footer::after,
.site-footer::after {
  left: 0 !important;
  right: 0 !important;
}

@media (max-width: 900px) {
  .footer-inner,
    .footer-content,
    .footer-main,
    .footer-bottom,
    .footer-grid,
    .site-footer-inner,
    .site-footer-content,
    .site-footer-bottom {
    width: min(100% - 32px, 1400px) !important;
  }
}

@media (max-width: 900px) {
  .footer-column:last-child,
    .footer-col:last-child,
    .site-footer-grid > *:last-child {
    justify-self: start;
    max-width: none;
  }
}

.nav-actions,
.header-actions,
.nav-right,
.header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.lang-switch,
.language-switch,
.lang-toggle,
.theme-toggle,
.btc-toggle,
.nav-btc {
  flex: 0 0 auto;
}

.activity-table-wrap {
  width: 100%;
  overflow-x: auto;
  max-height: 620px;
  overflow: auto !important;
  position: relative;
}

.activity-clean-table {
  width: 100%;
  min-width: 1180px !important;
  border-collapse: collapse;
  table-layout: fixed;
}

.activity-clean-table thead th {
  position: sticky;
  top: 0;
  z-index: 8;
  background: var(--bg-card-soft) !important;
  box-shadow: 0 1px 0 var(--border-color);
}

.activity-clean-table th,
.activity-clean-table td {
  padding: 15px 14px;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  vertical-align: middle;
  font-size: 14px;
  color: var(--text-secondary);
  white-space: nowrap;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.activity-clean-table th:nth-child(1),
.activity-clean-table td:nth-child(1) {
  width: 64px;
}

.activity-clean-table th:nth-child(2),
.activity-clean-table td:nth-child(2) {
  white-space: normal;
  width: 290px;
}

.activity-clean-table th:nth-child(3),
.activity-clean-table td:nth-child(3) {
  width: 96px;
}

.activity-clean-table th:nth-child(4),
.activity-clean-table td:nth-child(4) {
  width: 126px;
}

.activity-clean-table th:nth-child(5),
.activity-clean-table td:nth-child(5) {
  width: 70px;
}

.activity-clean-table th:nth-child(6),
.activity-clean-table td:nth-child(6),
.activity-clean-table th:nth-child(7),
.activity-clean-table td:nth-child(7) {
  width: 150px;
}

.activity-clean-table th:nth-child(8),
.activity-clean-table td:nth-child(8) {
  width: 96px;
}

.activity-clean-table th:nth-child(9),
.activity-clean-table td:nth-child(9) {
  width: 150px;
}

.activity-clean-table th:nth-child(10),
.activity-clean-table td:nth-child(10) {
  width: 104px;
}

.activity-collection-cell {
  display: flex;
  align-items: center;
  gap: 10px !important;
  min-width: 0 !important;
}

.activity-token-name,
.activity-token-sub {
  word-break: break-word;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.activity-address,
.activity-hash-link {
  max-width: 132px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.activity-page-jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  color: var(--text-muted);
  font-weight: 800;
}

.activity-page-jump-input {
  width: 58px;
  height: 38px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text-primary);
  text-align: center;
  font-weight: 900;
  outline: none;
}

.activity-page-jump-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);
}

.activity-page-jump-btn {
  height: 38px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  color: var(--text-primary);
  font-weight: 900;
  cursor: pointer;
}

.activity-page-jump-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: var(--bg-secondary);
}

@media (max-width: 760px) {
  .activity-table-wrap {
    max-height: 70vh;
  }
}

.theme-toggle,
.mode-toggle,
.dark-toggle,
.lang-switch,
.language-switch,
.lang-toggle,
.btc-toggle,
.nav-btc,
.currency-switch {
  position: relative !important;
  z-index: 3 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
}

#activity-dynamic-shell .activity-table-wrap:hover {
  scrollbar-width: thin;
}

#activity-dynamic-shell .activity-table-wrap:hover::-webkit-scrollbar {
  height: 8px !important;
}

#activity-dynamic-shell .activity-token-name {
  max-width: 205px !important;
  font-size: 14px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#activity-dynamic-shell .activity-token-sub {
  max-width: 205px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.page-summary-tags,
.subpage-nav,
.activity-inline-filters,
.activity-dynamic-tools {
  flex-wrap: wrap !important;
}

@media (max-width: 1240px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    gap: 18px !important;
  }
}

@media (max-width: 1240px) {
  .nav-right,
    .header-right,
    .nav-actions,
    .header-actions {
    gap: 8px !important;
  }
}

@media (max-width: 980px) {
  #activity-dynamic-shell.activity-dynamic-shell {
    width: min(100% - 18px, 1560px) !important;
  }
}

@media (max-width: 980px) {
  #activity-dynamic-shell .activity-clean-table thead th {
    top: 64px !important;
  }
}

.site-header,
.header,
.navbar,
.topbar {
  overflow: visible !important;
}

.nav-inner,
.header-inner,
.nav-container,
.header-container {
  max-width: 1600px !important;
  width: min(100% - 28px, 1600px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: nowrap !important;
}

.nav-menu > *,
.desktop-nav > *,
.main-nav > * {
  flex: 0 1 auto !important;
  white-space: nowrap !important;
}

.nav-right > *,
.header-right > *,
.nav-actions > *,
.header-actions > *,
.top-actions > * {
  flex: 0 0 auto !important;
}

.lang-switch,
.language-switch,
.lang-toggle {
  min-width: 104px !important;
  width: auto !important;
}

.btc-toggle,
.nav-btc,
.currency-switch {
  min-width: 64px !important;
  width: auto !important;
}

.theme-toggle,
.mode-toggle,
.dark-toggle {
  min-width: 52px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
}

#activity-dynamic-shell.activity-dynamic-shell {
  width: min(100% - 36px, 1320px) !important;
  max-width: 1320px !important;
  margin-bottom: 14px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#activity-dynamic-shell .activity-clean-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background: var(--bg-card-soft) !important;
  box-shadow: 0 1px 0 var(--border-color), 0 2px 8px rgba(15, 23, 42, .04) !important;
}

#activity-dynamic-shell .activity-clean-table th,
#activity-dynamic-shell .activity-clean-table td {
  padding: 12px 10px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#activity-dynamic-shell .activity-collection-cell {
  gap: 8px !important;
  min-width: 0 !important;
  max-width: 250px !important;
}

#activity-dynamic-shell .activity-token-fallback,
#activity-dynamic-shell .activity-token-thumb {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
}

#activity-dynamic-shell + * {
  margin-top: 18px !important;
}

#activity-dynamic-shell .activity-pagination {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
  padding-top: 12px !important;
}

@media (max-width: 1320px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    gap: 16px !important;
  }
}

@media (max-width: 1120px) {
  #activity-dynamic-shell.activity-dynamic-shell {
    width: min(100% - 24px, 1320px) !important;
  }
}

.nav-right .lang-menu,
.header-right .lang-menu,
.nav-actions .lang-menu,
.header-actions .lang-menu,
.lang-menu {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  z-index: 1000 !important;
}

.lang-trigger:hover,
.lang-trigger.active {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: var(--bg-secondary) !important;
}

.lang-trigger i {
  font-size: 12px !important;
  flex: 0 0 auto;
  margin-left: 0;
  transition: transform .18s ease !important;
}

.lang-trigger.active i {
  transform: rotate(180deg) !important;
}

.lang-dropdown {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 8px) !important;
  width: 150px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-card) !important;
  box-shadow: var(--shadow-lg) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) !important;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
  z-index: 99999 !important;
  left: auto !important;
  text-align: left !important;
  min-width: 150px !important;
  display: grid !important;
  gap: 6px !important;
  pointer-events: none !important;
}

.lang-dropdown.show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.lang-option {
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  font-size: 14px;
  font-weight: 800 !important;
  cursor: pointer !important;
  text-align: left;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.lang-option:hover,
.lang-option.active {
  background: var(--bg-secondary) !important;
  color: var(--accent) !important;
}

.theme-toggle,
.mode-toggle,
.dark-toggle,
.icon-btn {
  flex: 0 0 auto !important;
}

@media (max-width: 900px) {
  .lang-dropdown {
    right: 0 !important;
    left: auto !important;
  }
}

.footer,
.site-footer {
  overflow: hidden !important;
}

.footer-inner,
.footer-content,
.footer-main,
.footer-bottom,
.footer-grid,
.site-footer-inner,
.site-footer-content,
.site-footer-bottom {
  width: min(100% - 72px, 1440px) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.footer-main,
.footer-grid,
.site-footer-content,
.site-footer-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.55fr) repeat(5, minmax(120px, 1fr)) !important;
  column-gap: clamp(38px, 5vw, 92px) !important;
  align-items: start !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer-column,
.footer-col {
  min-width: 0 !important;
  justify-self: start !important;
  text-align: left !important;
}

.footer-bottom,
.site-footer-bottom {
  border-top: 1px solid var(--border-color) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: min(100% - 72px, 1440px) !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.footer-bottom::before,
.footer-bottom::after,
.site-footer-bottom::before,
.site-footer-bottom::after {
  left: 0 !important;
  right: 0 !important;
}

@media (max-width: 1180px) {
  .footer-main,
    .footer-grid,
    .site-footer-content,
    .site-footer-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    gap: 32px !important;
  }
}

@media (max-width: 1180px) {
  .footer-column:last-child,
    .footer-col:last-child,
    .site-footer-grid > *:last-child {
    justify-self: start !important;
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  .footer-inner,
    .footer-content,
    .footer-main,
    .footer-bottom,
    .footer-grid,
    .site-footer-inner,
    .site-footer-content,
    .site-footer-bottom {
    width: min(100% - 32px, 1440px) !important;
  }
}

@media (max-width: 720px) {
  .footer-main,
    .footer-grid,
    .site-footer-content,
    .site-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px 20px !important;
  }
}

.footer-brand-column {
  flex: 0 1 245px !important;
  max-width: 245px !important;
  min-width: 210px !important;
  text-align: left !important;
}

.footer-link-column {
  justify-self: auto !important;
  min-width: max-content !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  text-align: left !important;
}

.footer-link-column ul {
  list-style: none !important;
  display: grid !important;
  gap: 9px !important;
}

.footer-column:last-child,
.footer-col:last-child,
.site-footer-grid > *:last-child {
  justify-self: auto !important;
  text-align: left !important;
  max-width: none !important;
}

@media (max-width: 1180px) {
  .footer .container {
    width: min(100% - 48px, 1550px) !important;
  }
}

@media (max-width: 1180px) {
  .footer-brand-column,
    .footer-link-column {
    max-width: none !important;
    min-width: 0 !important;
  }
}

#activity-dynamic-shell + *,
.activity-dynamic-shell + * {
  margin-top: 12px !important;
  padding-top: 0 !important;
}

#activity-dynamic-shell .activity-pagination,
.activity-dynamic-shell .activity-pagination {
  margin-bottom: 0 !important;
  padding-bottom: 10px !important;
}

body.activity-route-active .faq-section,
body.activity-route-active .qa-section,
body.activity-route-active .faq,
body.activity-route-active .home-faq,
body.activity-route-active .section:has(.faq-grid),
body.activity-route-active .section:has(.accordion),
body.activity-route-active .section:has(h2) {
  margin-top: 18px !important;
}

body.activity-route-active #activity-dynamic-shell + section,
body.activity-route-active #activity-dynamic-shell + .section,
body.activity-route-active #activity-dynamic-shell + .page-section,
body.activity-route-active #activity-dynamic-shell + .content-section {
  padding-top: 18px !important;
}

.footer .container {
  width: min(100% - 40px, 1240px) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.footer-brand-column,
.footer-link-column {
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
  text-align: left !important;
}

.footer-link-column:last-child {
  justify-self: end !important;
  width: 100% !important;
  min-width: 112px !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  max-width: 110px !important;
}

.footer-link-column h4,
.footer-link-column ul,
.footer-link-column li {
  text-align: left !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.footer-bottom-section,
.footer-bottom-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.footer-social-right {
  display: flex;
  justify-content: flex-end !important;
  flex-wrap: wrap;
  gap: 10px;
  justify-self: end !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 1180px) {
  .footer-link-column:last-child {
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 720px) {
  .footer .container {
    width: min(100% - 32px, 1240px) !important;
  }
}

@media (max-width: 720px) {
  .footer-links-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 26px 22px !important;
  }
}

@media (max-width: 720px) {
  .footer-bottom-content {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .footer-social-right {
    justify-self: start !important;
  }
}

#activity-dynamic-shell .activity-table-wrap::-webkit-scrollbar {
  height: 10px !important;
  width: 10px !important;
  display: block !important;
}

#activity-dynamic-shell .activity-table-wrap::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text-muted) 42%, transparent) !important;
  border-radius: 999px !important;
  border: 2px solid var(--bg-card) !important;
}

#activity-dynamic-shell .activity-table-wrap::-webkit-scrollbar-track {
  background: var(--bg-secondary) !important;
  border-radius: 999px !important;
}

#activity-dynamic-shell .activity-clean-table {
  min-width: 1260px !important;
  width: 1260px !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.nav-content {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px !important;
  min-width: 0;
}

.nav-menu,
.desktop-nav,
.main-nav {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(10px, 1.1vw, 18px) !important;
  flex: 1 1 auto !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}

.nav-item,
.nav-link,
.nav-menu-item,
.desktop-nav > *,
.main-nav > * {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  min-width: max-content !important;
}

.nav-link,
.nav-item > button,
.nav-item > a,
.nav-menu button,
.desktop-nav button,
.main-nav button {
  font-size: 14px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  white-space: nowrap !important;
}

.nav-right,
.header-right,
.nav-actions,
.header-actions,
.top-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.btn-login,
.btn-register {
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: nowrap !important;
}

.lang-trigger {
  width: 100%;
  height: 46px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 14px;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  min-width: 108px !important;
  box-sizing: border-box !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.icon-btn,
.theme-toggle,
.mode-toggle,
.dark-toggle {
  width: 42px !important;
  min-width: 42px !important;
  flex: 0 0 42px !important;
}

@media (max-width: 1280px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    gap: 9px !important;
  }
}

@media (max-width: 1280px) {
  .nav-link,
    .nav-item > button,
    .nav-item > a,
    .nav-menu button,
    .desktop-nav button,
    .main-nav button {
    font-size: 13px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media (max-width: 1280px) {
  .logo-text-full {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  .logo-text-short {
    display: inline !important;
  }
}

@media (max-width: 1280px) {
  .btn-login,
    .btn-register {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 1120px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    gap: 12px !important;
    display: none !important;
  }
}

@media (max-width: 1120px) {
  .mobile-menu-toggle {
    display: inline-flex !important;
  }
}

.footer-social-right .social-link-btn {
  flex: 0 0 auto !important;
}

@media (min-width: 1181px) {
  .footer-link-column {
    justify-self: start !important;
    width: max-content !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
}

.navbar .container {
  width: min(100% - 56px, 1520px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1320px) {
  .navbar .container {
    width: min(100% - 40px, 1520px) !important;
  }
}

.footer-bottom-content,
.footer-bottom,
.site-footer-bottom {
  border-top: 1px solid var(--border-color) !important;
}

body.activity-clean-mode .page-layout {
  min-height: 0 !important;
}

#activity-dynamic-shell,
.activity-dynamic-shell {
  margin-bottom: 12px !important;
  overflow: visible !important;
}

#activity-dynamic-shell .activity-title-wrap {
  min-width: 0 !important;
}

#activity-dynamic-shell .activity-inline-filters {
  max-width: 100% !important;
}

#activity-dynamic-shell .activity-search {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 40px !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis !important;
}

#activity-dynamic-shell .activity-filter-toolbar {
  display: grid !important;
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(220px, 1.35fr) minmax(170px, 1fr) minmax(160px, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 14px 20px 18px !important;
  overflow: visible !important;
}

#activity-dynamic-shell .activity-filter-toolbar input,
#activity-dynamic-shell .activity-filter-toolbar select {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#activity-dynamic-shell .activity-price-range {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
}

#activity-dynamic-shell .activity-action-icons {
  min-width: max-content !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

#activity-dynamic-shell .activity-icon-btn {
  flex: 0 0 40px !important;
}

#activity-dynamic-shell .activity-clear-all-btn {
  flex-basis: auto !important;
  white-space: nowrap !important;
}

#activity-dynamic-shell .activity-table-wrap {
  max-height: 560px !important;
  height: 560px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  -ms-overflow-style: auto !important;
  overscroll-behavior: contain !important;
  overflow: auto !important;
  position: relative !important;
  scrollbar-gutter: stable both-edges !important;
}

@media (max-width: 1280px) {
  #activity-dynamic-shell .activity-filter-toolbar {
    grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 1280px) {
  #activity-dynamic-shell .activity-action-icons {
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-dynamic-head {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-dynamic-tools {
    justify-content: flex-start !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-filter-toolbar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-action-icons {
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-clear-all-btn {
    flex: 1 1 100% !important;
  }
}

#activity-dynamic-shell .activity-dynamic-head,
.activity-dynamic-shell .activity-dynamic-head {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.navbar .dropdown-item,
.dropdown .dropdown-item {
  min-width: 0 !important;
  align-items: flex-start !important;
}

.navbar .dropdown-item > div,
.dropdown .dropdown-item > div,
.navbar .dropdown-item-title,
.navbar .dropdown-item-desc,
.dropdown .dropdown-item-title,
.dropdown .dropdown-item-desc {
  min-width: 0 !important;
  max-width: 100% !important;
}

.navbar .dropdown-item-desc,
.dropdown .dropdown-item-desc {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.45 !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(1),
#activity-dynamic-shell .activity-clean-table td:nth-child(1) {
  width: 58px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(2),
#activity-dynamic-shell .activity-clean-table td:nth-child(2) {
  width: 292px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(3),
#activity-dynamic-shell .activity-clean-table td:nth-child(3) {
  width: 100px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(4),
#activity-dynamic-shell .activity-clean-table td:nth-child(4) {
  width: 120px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(5),
#activity-dynamic-shell .activity-clean-table td:nth-child(5) {
  width: 68px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(6),
#activity-dynamic-shell .activity-clean-table td:nth-child(6),
#activity-dynamic-shell .activity-clean-table th:nth-child(7),
#activity-dynamic-shell .activity-clean-table td:nth-child(7) {
  width: 145px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(8),
#activity-dynamic-shell .activity-clean-table td:nth-child(8) {
  width: 100px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(9),
#activity-dynamic-shell .activity-clean-table td:nth-child(9) {
  width: 135px !important;
}

#activity-dynamic-shell .activity-clean-table th:nth-child(10),
#activity-dynamic-shell .activity-clean-table td:nth-child(10) {
  width: 125px !important;
}

#activity-dynamic-shell .activity-token-name,
#activity-dynamic-shell .activity-token-sub {
  max-width: 212px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#activity-dynamic-shell .activity-address,
#activity-dynamic-shell .activity-hash-link {
  max-width: 124px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: bottom !important;
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-dynamic-head,
    .activity-dynamic-shell .activity-dynamic-head {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-dynamic-tools,
    .activity-dynamic-shell .activity-dynamic-tools {
    justify-self: stretch !important;
    width: 100% !important;
  }
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-search,
    .activity-dynamic-shell .activity-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

.logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  cursor: pointer;
  min-width: 0;
  flex: 0 0 auto !important;
  height: 40px !important;
}

.logo-icon {
  width: auto;
  height: 40px !important;
  max-width: 148px;
  object-fit: contain;
  display: block !important;
  flex: 0 0 auto;
  min-width: 0 !important;
  line-height: 1 !important;
}

.logo-text {
  display: none !important;
}

.nav-menu,
    .nav-right {
  align-items: center !important;
}

.nav-link,
    .icon-btn,
    .lang-trigger,
    .btn-login,
    .btn-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (max-width: 520px) {
  .logo {
    height: 38px !important;
    gap: 10px !important;
  }
}

@media (max-width: 520px) {
  .logo-icon,
          .logo-text {
    height: 38px !important;
  }
}

.logo-text-short {
  display: none !important;
  font-size: 16px;
}

.nav-left {
  gap: 38px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
}

.nav-menu {
  display: flex;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
}

.nav-link {
  height: 40px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
  white-space: nowrap;
  background: transparent;
  box-shadow: none;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.logo,
    .nav-menu,
    .nav-right,
    .icon-btn,
    .lang-trigger {
  align-items: center !important;
}

.footer-links-grid {
  grid-template-columns: minmax(200px, .85fr) repeat(6, minmax(88px, 1fr)) !important;
  align-items: start !important;
  gap: 18px !important;
  column-gap: clamp(18px, 2.6vw, 46px) !important;
  row-gap: 22px !important;
  display: grid !important;
  justify-content: space-between !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 1180px) {
  .nav-left {
    gap: 30px !important;
  }
}

@media (max-width: 1180px) {
  .footer-brand-column {
    grid-column: 1 / -1;
  }
}

@media (max-width: 520px) {
  .nav-left {
    gap: 18px !important;
  }
}

@media (max-width: 520px) {
  .nav-menu {
    gap: 6px !important;
  }
}

@media (max-width: 420px) {
  .nav-left {
    gap: 12px !important;
  }
}

@media (min-width: 1181px) {
  .nav-menu {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: var(--nav-dynamic-gap, clamp(14px, 1.05vw, 28px)) !important;
    justify-content: flex-start !important;
  }
}

@media (min-width: 1181px) {
  .nav-link {
    padding: 0 11px !important;
    font-size: 14px !important;
    max-width: none !important;
    padding-left: var(--nav-dynamic-pad, clamp(12px, .75vw, 18px)) !important;
    padding-right: var(--nav-dynamic-pad, clamp(12px, .75vw, 18px)) !important;
  }
}

@media (min-width: 1181px) {
  .nav-item {
    flex: 0 0 auto !important;
  }
}

@media (min-width: 1181px) {
  .nav-right {
    gap: var(--nav-action-gap, 12px) !important;
    flex: 0 0 auto !important;
  }
}

@media (min-width: 1181px) {
  .footer-links-section {
    border-bottom: 1px solid var(--border-color) !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column,
    .footer-link-column:last-child {
    justify-self: start !important;
    width: max-content !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:last-child {
    justify-self: end !important;
    width: max-content !important;
    min-width: 0 !important;
  }
}

@media (max-width: 1180px) {
  .footer-links-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    display: grid !important;
    gap: 18px 24px !important;
    justify-content: stretch !important;
  }
}

@media (max-width: 1180px) {
  .footer-link-column,
    .footer-link-column:last-child {
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

@media (max-width: 680px) {
  .footer-links-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 12px !important;
    align-items: stretch;
  }
}

@media (min-width: 1181px) {
  .footer .container {
    width: min(100% - 80px, 1550px) !important;
  }
}

@media (min-width: 1181px) {
  .footer-links-grid {
    display: grid !important;
    grid-template-columns: minmax(260px, 300px) repeat(6, max-content) !important;
    justify-content: space-between !important;
    align-items: start !important;
    column-gap: 24px !important;
    width: 100% !important;
    row-gap: 0 !important;
  }
}

@media (min-width: 1181px) {
  .footer-brand-column,
    .footer-link-column {
    grid-row: 1 !important;
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (min-width: 1181px) {
  .footer-brand-column {
    justify-self: start !important;
    min-width: 0 !important;
    grid-column: 1 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(2) {
    grid-column: 2 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(3) {
    grid-column: 3 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(4) {
    grid-column: 4 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(5) {
    grid-column: 5 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(6) {
    grid-column: 6 !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column:nth-of-type(7),
    .footer-link-column:last-child {
    grid-column: 7 !important;
    justify-self: end !important;
  }
}

@media (min-width: 1181px) {
  .footer-link-column h4,
    .footer-link-column a {
    white-space: nowrap !important;
    text-align: left !important;
  }
}

@media (min-width: 1181px) {
  .navbar .container {
    width: min(100% - 40px, 1560px) !important;
    max-width: 1540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1181px) {
  .nav-content {
    gap: 18px !important;
    justify-content: space-between !important;
    --nav-shell-gap: 18px !important;
    --nav-logo-gap: 26px !important;
    --nav-action-gap: 10px !important;
    --nav-dynamic-gap: 20px !important;
    --nav-dynamic-pad: 10px !important;
  }
}

@media (min-width: 1181px) {
  .nav-left {
    gap: 26px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}

@media (min-width: 1181px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    overflow: visible !important;
  }
}

@media (min-width: 1181px) {
  .nav-item,
    .nav-link,
    .nav-menu-item {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1181px) {
  .nav-link,
    .nav-item > button,
    .nav-item > a,
    .nav-menu button,
    .desktop-nav button,
    .main-nav button {
    height: 40px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

@media (min-width: 1181px) {
  .nav-right,
    .header-right,
    .nav-actions,
    .header-actions,
    .top-actions {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    gap: 10px !important;
    margin-left: auto !important;
  }
}

@media (min-width: 1181px) {
  .lang-trigger {
    min-width: 128px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .nav-content {
    --nav-logo-gap: 20px !important;
    --nav-dynamic-gap: 14px !important;
    --nav-dynamic-pad: 8px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .nav-left {
    gap: 20px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .nav-menu,
    .desktop-nav,
    .main-nav {
    gap: 14px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .nav-link,
    .nav-item > button,
    .nav-item > a,
    .nav-menu button,
    .desktop-nav button,
    .main-nav button {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

.navbar .nav-content {
  justify-content: flex-start !important;
  gap: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

.navbar .nav-left {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  gap: 32px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
}

.navbar .logo {
  flex: 0 0 auto !important;
  margin-right: 4px !important;
  margin: 0 !important;
}

.navbar .nav-menu {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  max-width: none !important;
  margin: 0 !important;
}

.navbar .nav-item {
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.navbar .nav-link {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  height: 40px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 40px !important;
}

.navbar .nav-right {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  padding-left: 34px !important;
  padding-right: 12px !important;
  gap: 10px !important;
  min-width: max-content !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.navbar .lang-menu {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 126px !important;
}

.navbar .lang-trigger {
  width: 100% !important;
  min-width: 126px !important;
  padding: 0 16px !important;
}

.navbar .icon-btn {
  flex: 0 0 50px !important;
  width: 50px !important;
  min-width: 50px !important;
}

.navbar .btn-login, .navbar .btn-register {
  flex: 0 0 auto !important;
  min-width: 68px !important;
  padding: 0 16px !important;
}

@media (max-width: 1320px) {
  .navbar .nav-left {
    gap: 24px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .nav-menu {
    gap: 4px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .nav-link {
    padding-left: 9px !important;
    padding-right: 9px !important;
    padding: 0 9px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .nav-right {
    padding-left: 26px !important;
    padding-right: 8px !important;
    gap: 8px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .lang-menu {
    min-width: 112px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .lang-trigger {
    min-width: 112px !important;
    padding: 0 13px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .icon-btn {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
  }
}

@media (max-width: 1320px) {
  .navbar .btn-login, .navbar .btn-register {
    min-width: 60px !important;
    padding: 0 12px !important;
  }
}

@media (max-width: 1180px) {
  .navbar .nav-menu {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  .navbar .mobile-menu-toggle {
    display: inline-flex !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .navbar .nav-left {
    gap: 26px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .navbar .logo {
    margin-right: 10px !important;
  }
}

@media (min-width: 1181px) {
  .navbar .lang-menu {
    width: 108px !important;
    min-width: 108px !important;
    flex: 0 0 108px !important;
  }
}

@media (min-width: 1181px) {
  .navbar .lang-trigger {
    width: 108px !important;
    min-width: 108px !important;
    height: 40px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    justify-content: space-between !important;
  }
}

@media (min-width: 1181px) {
  .navbar .nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 12px !important;
    margin: 0 !important;
  }
}

@media (min-width: 1181px) {
  .navbar .nav-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

@media (min-width: 1181px) {
  .navbar .nav-left {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: 38px !important;
    margin: 0 !important;
  }
}

@media (min-width: 1181px) {
  .navbar .logo {
    flex: 0 0 auto !important;
    margin: 0 !important;
    margin-right: 16px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .lang-menu {
    width: 100px !important;
    min-width: 100px !important;
    flex-basis: 100px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .lang-trigger {
    width: 100px !important;
    min-width: 100px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .nav-menu {
    gap: 8px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .nav-link {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .nav-left {
    gap: 30px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .logo {
    margin-right: 12px !important;
  }
}

.footer-links-section {
  padding: 38px 0 28px !important;
  border-bottom: 0 !important;
  padding-bottom: 12px !important;
}

.footer-bottom-section {
  padding: 18px 0 24px;
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 18px !important;
}

.footer-bottom-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  border-top: 1px solid var(--border-color);
  padding-top: 18px;
  margin-top: 0 !important;
}

@media (max-width: 680px) {
  .footer-links-section {
    padding: 28px 0 16px !important;
    padding-bottom: 8px !important;
  }
}

@media (max-width: 680px) {
  .footer-bottom-section {
    padding-top: 4px !important;
    padding: 10px 0 18px !important;
    padding-bottom: 14px !important;
  }
}

#activity-dynamic-shell .activity-table-wrap,
.activity-dynamic-shell .activity-table-wrap,
.activity-table-card {
  max-height: 620px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

#activity-dynamic-shell .activity-table-wrap::-webkit-scrollbar,
.activity-dynamic-shell .activity-table-wrap::-webkit-scrollbar,
.activity-table-card::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

#activity-dynamic-shell .activity-clean-table th,
#activity-dynamic-shell .activity-clean-table td,
.activity-dynamic-shell .activity-clean-table th,
.activity-dynamic-shell .activity-clean-table td,
.activity-table th,
.activity-table td {
  vertical-align: middle !important;
  line-height: 1.45 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

#activity-dynamic-shell .activity-clean-table thead th,
.activity-dynamic-shell .activity-clean-table thead th,
.activity-table thead th {
  height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  vertical-align: middle !important;
}

#activity-dynamic-shell .activity-dynamic-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 20px 16px !important;
}

#activity-dynamic-shell .activity-dynamic-tools {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  justify-content: flex-end !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}

#activity-dynamic-shell .activity-live-row > *,
.activity-dynamic-shell .activity-live-row > *,
#activity-dynamic-shell .activity-active-tags,
.activity-dynamic-shell .activity-active-tags {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
}

#activity-dynamic-shell .activity-active-tag,
.activity-dynamic-shell .activity-active-tag,
#activity-dynamic-shell .activity-filter-chip,
.activity-dynamic-shell .activity-filter-chip,
#activity-dynamic-shell .activity-event-pill,
.activity-dynamic-shell .activity-event-pill,
#activity-dynamic-shell .activity-market-pill,
.activity-dynamic-shell .activity-market-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#activity-dynamic-shell .activity-pagination,
#activity-dynamic-shell .activity-page-left,
#activity-dynamic-shell .activity-page-right,
#activity-dynamic-shell .activity-page-jump,
.activity-dynamic-shell .activity-pagination,
.activity-dynamic-shell .activity-page-left,
.activity-dynamic-shell .activity-page-right,
.activity-dynamic-shell .activity-page-jump {
  display: flex !important;
  align-items: center !important;
}

#activity-dynamic-shell .activity-page-indicator,
#activity-dynamic-shell .activity-page-size,
#activity-dynamic-shell .activity-page-icon-btn,
#activity-dynamic-shell .activity-page-jump-input,
#activity-dynamic-shell .activity-page-jump-btn,
#activity-dynamic-shell .activity-download-icon-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

.navbar .lang-menu,
.lang-menu {
  position: relative !important;
}

.navbar .lang-dropdown,
.lang-dropdown {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -6px) !important;
  transform-origin: top center !important;
}

.navbar .lang-dropdown.show,
.lang-dropdown.show {
  transform: translate(-50%, 0) !important;
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-dynamic-head,
    .activity-dynamic-shell .activity-dynamic-head,
    #activity-dynamic-shell .activity-live-row,
    .activity-dynamic-shell .activity-live-row {
    align-items: stretch !important;
  }
}

@media (max-width: 680px) {
  .footer-social-right {
    gap: 8px !important;
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}

@media (max-width: 680px) {
  .footer-social-right .social-link-btn {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 680px) {
  .footer-link-column h4 {
    margin: 0 0 8px !important;
    min-height: 0 !important;
    display: block !important;
    align-items: center;
    justify-content: flex-start !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    color: var(--text-primary);
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.35 !important;
    margin-bottom: 7px !important;
    width: 100% !important;
  }
}

@media (max-width: 680px) {
  .footer-link-column h4::after {
    width: 48px !important;
  }
}

#activity-dynamic-shell .activity-dynamic-tools,
.activity-dynamic-shell .activity-dynamic-tools {
  flex: 0 1 auto !important;
  justify-content: flex-end !important;
  width: auto !important;
  max-width: none !important;
  justify-self: end !important;
  margin-left: 0 !important;
  min-width: 0 !important;
}

#activity-dynamic-shell .activity-search,
.activity-dynamic-shell .activity-search {
  width: var(--activity-search-dynamic-width, 220px) !important;
  min-width: 0 !important;
  max-width: min(100%, 340px) !important;
  box-sizing: border-box !important;
  flex: 0 0 var(--activity-search-width, 238px) !important;
  height: 40px !important;
  line-height: 40px !important;
  text-overflow: ellipsis !important;
}

html[lang^="en"] #activity-dynamic-shell .activity-search,
html[lang^="en"] .activity-dynamic-shell .activity-search {
  width: var(--activity-search-dynamic-width, 330px) !important;
  min-width: 0 !important;
  max-width: min(100%, 360px) !important;
}

#activity-dynamic-shell .activity-live-row,
.activity-dynamic-shell .activity-live-row {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#activity-dynamic-shell .activity-live-row > div,
.activity-dynamic-shell .activity-live-row > div,
#activity-dynamic-shell .activity-active-tags,
.activity-dynamic-shell .activity-active-tags {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
}

#activity-dynamic-shell .activity-live-row > div:first-child,
.activity-dynamic-shell .activity-live-row > div:first-child {
  line-height: 1 !important;
}

#activity-dynamic-shell .activity-active-tags,
.activity-dynamic-shell .activity-active-tags {
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-content: center !important;
}

#activity-dynamic-shell .activity-active-tag,
.activity-dynamic-shell .activity-active-tag {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (max-width: 760px) {
  #activity-dynamic-shell .activity-search,
    .activity-dynamic-shell .activity-search,
    html[lang^="en"] #activity-dynamic-shell .activity-search,
    html[lang^="en"] .activity-dynamic-shell .activity-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

#activity-dynamic-shell .activity-table-wrap,
.activity-dynamic-shell .activity-table-wrap {
  padding-right: 0 !important;
  margin-right: 0 !important;
  scrollbar-gutter: auto !important;
  box-sizing: border-box !important;
}

#activity-dynamic-shell .activity-clean-table,
.activity-dynamic-shell .activity-clean-table {
  width: 100% !important;
  min-width: 1180px !important;
  table-layout: fixed !important;
}

#activity-dynamic-shell .activity-clean-table th:last-child,
#activity-dynamic-shell .activity-clean-table td:last-child,
.activity-dynamic-shell .activity-clean-table th:last-child,
.activity-dynamic-shell .activity-clean-table td:last-child {
  width: auto !important;
}

.footer-link-column h4 {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--text-primary);
  margin-bottom: 10px !important;
  display: inline-flex !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  position: relative !important;
  align-items: center !important;
  padding-bottom: 0 !important;
}

.footer-link-column h4::after {
  content: none !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 56px !important;
  max-width: 100% !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--border-strong) !important;
  display: none !important;
}

@media (max-width: 680px) {
  .footer-links-grid .footer-link-column:nth-of-type(5),
    .footer-links-grid .footer-link-column:nth-of-type(6),
    .footer-links-grid .footer-link-column:nth-of-type(7) {
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 10px !important;
  }
}

@media (max-width: 680px) {
  .footer-links-grid .footer-link-column:nth-of-type(5) h4,
    .footer-links-grid .footer-link-column:nth-of-type(6) h4,
    .footer-links-grid .footer-link-column:nth-of-type(7) h4 {
    margin-top: 0 !important;
    position: relative !important;
    display: inline-block !important;
    width: max-content !important;
    max-width: 100% !important;
    padding-top: 10px !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 680px) {
  .footer-links-grid .footer-link-column:nth-of-type(5) h4::before,
    .footer-links-grid .footer-link-column:nth-of-type(6) h4::before,
    .footer-links-grid .footer-link-column:nth-of-type(7) h4::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: var(--border-color) !important;
  }
}

@media (max-width: 680px) {
  .footer-links-grid .footer-link-column:nth-of-type(5) h4::after,
    .footer-links-grid .footer-link-column:nth-of-type(6) h4::after,
    .footer-links-grid .footer-link-column:nth-of-type(7) h4::after {
    display: none !important;
    content: none !important;
  }
}

.home-usecase-row {
  padding: 20px;
}
#activity-dynamic-shell .activity-clean-table th,
#activity-dynamic-shell .activity-clean-table td {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#activity-dynamic-shell .activity-clean-table .activity-col-index {
  text-align: center !important;
}
#activity-dynamic-shell .activity-clean-table .activity-col-item {
  text-align: left !important;
}
#activity-dynamic-shell .activity-clean-table th.activity-col-event {
  text-align: left !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#activity-dynamic-shell .activity-clean-table td.activity-col-event {
  text-align: center !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#activity-dynamic-shell .activity-clean-table td.activity-col-event .activity-event-pill {
  margin-left: auto !important;
  margin-right: auto !important;
}
#activity-dynamic-shell .activity-clean-table .activity-col-price,
#activity-dynamic-shell .activity-clean-table .activity-col-qty,
#activity-dynamic-shell .activity-clean-table .activity-col-market,
#activity-dynamic-shell .activity-clean-table .activity-col-tx,
#activity-dynamic-shell .activity-clean-table .activity-col-time {
  text-align: center !important;
}
#activity-dynamic-shell .activity-clean-table .activity-col-from,
#activity-dynamic-shell .activity-clean-table .activity-col-to {
  text-align: left !important;
}
#activity-dynamic-shell .activity-clean-table td.activity-col-market .activity-market-pill {
  margin-left: auto !important;
  margin-right: auto !important;
}

.activity-rich-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 16px 20px 10px;
}

.activity-filter-toolbar {
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(220px, 1.35fr) minmax(150px, 1fr) auto !important;
  padding: 14px 20px 18px;
}

.activity-price-range {
  width: 100%;
  min-width: 0 !important;
}

.activity-action-icons {
  justify-content: flex-end;
}

@media (max-width: 1080px) {
  .activity-rich-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .activity-filter-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .activity-action-icons {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .activity-rich-metrics,
  .activity-filter-toolbar {
    grid-template-columns: 1fr !important;
  }
}

#activity-dynamic-shell .activity-filter-chip,
#activity-dynamic-shell .activity-event-pill-btn {
  user-select: none !important;
}

#activity-dynamic-shell .activity-event-pill-btn {
  cursor: pointer !important;
  font: inherit !important;
}

#activity-dynamic-shell .activity-event-pill-btn:hover {
  border-color: var(--accent) !important;
  color: var(--accent) !important;
  background: var(--accent-soft) !important;
}

.navbar .lang-menu,
.nav-right .lang-menu,
.header-right .lang-menu,
.nav-actions .lang-menu,
.header-actions .lang-menu,
.lang-menu {
  width: auto !important;
  min-width: 0 !important;
}

.navbar .lang-trigger,
.lang-trigger {
  width: auto !important;
  min-width: 0 !important;
  height: 40px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 6px !important;
  justify-content: center !important;
  font-size: 14px !important;
}

.lang-trigger span {
  display: inline-flex !important;
  align-items: center !important;
}

.lang-trigger i {
  margin-left: 0 !important;
}

.navbar .nav-right,
.header-right,
.nav-actions,
.header-actions {
  gap: 10px !important;
}

.navbar .nav-right > *,
.header-right > *,
.nav-actions > *,
.header-actions > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.navbar .lang-menu,
.nav-right .lang-menu,
.header-right .lang-menu,
.nav-actions .lang-menu,
.header-actions .lang-menu,
.lang-menu {
  width: auto !important;
  min-width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.navbar .lang-trigger,
.lang-trigger {
  width: auto !important;
  min-width: auto !important;
  height: 40px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  gap: 4px !important;
  justify-content: center !important;
}

.lang-trigger span {
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

.lang-trigger i {
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 11px !important;
  transform: translateY(0) !important;
}

@media (min-width: 1181px) {
  .navbar .lang-menu {
    width: auto !important;
    min-width: auto !important;
    flex-basis: auto !important;
  }

  .navbar .lang-trigger {
    width: auto !important;
    min-width: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    gap: 4px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1380px) {
  .navbar .lang-menu {
    width: auto !important;
    min-width: auto !important;
    flex-basis: auto !important;
  }

  .navbar .lang-trigger {
    width: auto !important;
    min-width: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 680px) {
  .navbar .nav-right,
  .header-right,
  .nav-actions,
  .header-actions {
    gap: 8px !important;
  }

  .navbar .lang-trigger,
  .lang-trigger {
    padding-left: 9px !important;
    padding-right: 9px !important;
    gap: 4px !important;
  }
}

.home-reveal{opacity:0;transform:translateY(34px);animation:homeContentRise .78s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--home-delay,0ms)}
@keyframes homeContentRise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
.hero{position:relative;overflow:hidden}.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;border-radius:999px;filter:blur(2px)}.hero::before{width:460px;height:460px;right:-160px;top:-170px;background:color-mix(in srgb,var(--accent) 16%,transparent)}.hero::after{width:360px;height:360px;left:-140px;bottom:-170px;background:color-mix(in srgb,var(--page-accent-soft) 80%,transparent)}
.home-hero-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,.72fr);gap:34px;align-items:center;width:min(100%,1120px);margin:0 auto}.home-hero-copy{text-align:left!important;max-width:660px!important;margin:0!important}.home-hero-copy .hero-title,.home-hero-copy .hero-subtitle{margin-left:0;margin-right:0}.home-hero-copy .search-box{margin-left:0;margin-right:0}.home-hero-kicker{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:6px 12px;margin-bottom:16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color));background:color-mix(in srgb,var(--accent-soft) 70%,var(--bg-card));color:var(--accent);font-size:13px;font-weight:800}
.home-hero-art{position:relative;min-height:380px;border:1px solid var(--border-color);border-radius:28px;padding:20px;overflow:hidden;background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--bg-card) 92%,var(--accent-soft)),var(--bg-secondary));box-shadow:var(--shadow-lg)}.home-hero-art img{width:100%;height:100%;min-height:330px;object-fit:contain;display:block;position:relative;z-index:1}.home-hero-metrics{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-hero-metric{padding:11px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--border-color) 76%,transparent);background:color-mix(in srgb,var(--bg-card) 82%,transparent);backdrop-filter:blur(14px)}.home-hero-metric strong{display:block;color:var(--text-primary);font-size:17px;line-height:1.2;font-weight:900}.home-hero-metric span{display:block;margin-top:4px;color:var(--text-muted);font-size:12px;font-weight:700;line-height:1.35}
.home-carousel-shell{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:28px;background:var(--bg-card);box-shadow:var(--shadow-lg)}.home-carousel-track{display:flex;transition:transform .52s cubic-bezier(.16,1,.3,1);will-change:transform}.home-carousel-slide{min-width:100%;padding:26px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(280px,.78fr);gap:28px;align-items:center;cursor:pointer;outline:none}.home-slide-text{min-width:0}.home-slide-index{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;margin-bottom:14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:900}.home-slide-text h3{color:var(--text-primary);font-size:clamp(24px,3vw,38px);line-height:1.12;letter-spacing:-.03em;font-weight:900}.home-slide-text p{margin-top:14px;max-width:620px;color:var(--text-secondary);font-size:15px;line-height:1.85}.home-slide-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.home-slide-tools span{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:12px;font-weight:800}.home-slide-image{min-height:320px;border-radius:24px;border:1px solid var(--border-color);background:radial-gradient(circle at 22% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 32%),linear-gradient(145deg,var(--bg-secondary),var(--bg-card-soft));display:flex;align-items:center;justify-content:center;overflow:hidden}.home-slide-image img{width:100%;height:100%;min-height:320px;object-fit:contain;display:block}.home-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 26px 24px}.home-carousel-arrows{display:inline-flex;gap:10px}.home-carousel-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .16s ease,color .16s ease,background-color .16s ease,transform .16s ease}.home-carousel-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-secondary);transform:translateY(-1px)}.home-carousel-dots{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.home-carousel-dot{width:9px;height:9px;padding:0;border-radius:999px;border:0;background:var(--border-strong);cursor:pointer;transition:width .2s ease,background-color .2s ease}.home-carousel-dot.active{width:30px;background:var(--accent)}
.home-usecase-row{position:relative;overflow:hidden}.home-usecase-visual{width:100%;height:118px;margin-bottom:16px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden}.home-usecase-visual img{width:100%;height:100%;object-fit:cover;display:block}html.dark .home-hero-art,html.dark .home-carousel-shell,html.dark .home-slide-image,html.dark .home-usecase-visual,html.dark .home-hero-metric{border-color:#39424f}
@media(max-width:920px){.home-hero-stage,.home-carousel-slide{grid-template-columns:1fr}.home-hero-copy{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.home-hero-copy .hero-title,.home-hero-copy .hero-subtitle,.home-hero-copy .search-box{margin-left:auto;margin-right:auto}.home-hero-art{min-height:320px}.home-slide-image,.home-slide-image img{min-height:260px}}
@media(max-width:680px){.home-hero-stage{gap:24px}.home-hero-art{min-height:270px;padding:14px;border-radius:22px}.home-hero-art img{min-height:250px}.home-hero-metrics{position:relative;left:auto;right:auto;bottom:auto;margin-top:-8px;grid-template-columns:1fr}.home-carousel-slide{padding:18px;gap:18px}.home-slide-text h3{font-size:24px}.home-slide-text p{font-size:13px;line-height:1.65}.home-slide-image,.home-slide-image img{min-height:210px}.home-carousel-controls{padding:0 18px 18px;align-items:flex-start;flex-direction:column-reverse}.home-carousel-arrows{width:100%;justify-content:space-between}.home-carousel-btn{width:40px;height:40px}.home-usecase-visual{height:92px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.home-reveal{animation:none;opacity:1;transform:none}.home-carousel-track{transition:none}}

.hero-grid>.home-hero-stage{width:min(100%,1120px)!important;max-width:1120px!important;text-align:left!important;margin-left:auto!important;margin-right:auto!important}.home-usecase-visual{grid-column:1/-1}.home-usecase-row .home-usecase-num{align-self:start}.home-usecase-row>div:last-child{min-width:0}
@media(max-width:680px){.home-usecase-visual{grid-column:1/-1}.home-usecase-row>div:last-child{grid-column:1/-1}}

.screenshot-home{--shot-bg:#f7faff;--shot-card:#fff;--shot-text:#101828;--shot-muted:#667085;--shot-line:#e7eefb;--shot-blue:#2867f6;--shot-green:#15b981;--shot-purple:#8b5cf6;--shot-orange:#ff9b2f;background:var(--shot-bg);color:var(--shot-text)}
html.dark .screenshot-home{--shot-bg:#0b1424;--shot-card:#101b2e;--shot-text:#f4f7ff;--shot-muted:#a7b4cb;--shot-line:#243650}
.shot-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#eef6ff 0%,#fbfdff 82%,#f7faff 100%);padding:44px 0 48px}
html.dark .shot-hero{background:linear-gradient(180deg,#0f1f37 0%,#0b1424 100%)}
.shot-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 22%,rgba(40,103,246,.18),transparent 32%),radial-gradient(circle at 17% 4%,rgba(19,168,255,.12),transparent 28%)}
.shot-hero-grid{position:relative;width:min(100% - 40px,700px);margin:0 auto;text-align:center}
.shot-hero-copy h1{font-size:54px;line-height:1.14;letter-spacing:-.04em;margin:0 0 18px;font-weight:900;color:var(--shot-text)}
.shot-hero-copy h1 span{color:var(--shot-blue)}
.shot-hero-copy p{max-width:660px;margin:0 auto 24px;color:#4d5b73;font-weight:600;line-height:1.85;font-size:15px;white-space:nowrap;text-align:center}html.dark .shot-hero-copy p{color:#b8c6dd}
.shot-search{width:468px;max-width:100%;height:60px;background:var(--shot-card);border:1px solid #dce7fb;border-radius:9px;display:flex;align-items:center;padding:6px;box-shadow:0 16px 34px rgba(36,86,172,.14);margin-bottom:24px}html.dark .shot-search{border-color:var(--shot-line)}
.shot-search input{height:100%;flex:1;border:0;outline:0;background:transparent;padding:0 16px;color:var(--shot-text);font-size:13px;font-weight:700}.shot-search button{width:50px;height:48px;border:0;border-radius:7px;background:var(--shot-blue);color:#fff;cursor:pointer}
.shot-actions{display:flex;gap:16px;margin-bottom:23px}.shot-actions button{height:48px;border:0;border-radius:8px;padding:0 28px;font-weight:800;cursor:pointer}.shot-primary{background:var(--shot-blue);color:#fff;box-shadow:0 15px 28px rgba(40,103,246,.22)}.shot-secondary{background:var(--shot-card);border:1px solid var(--shot-line)!important;color:#2c3950}html.dark .shot-secondary{color:#e7eefc}
.shot-hot{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#6d7890;font-size:12px;font-weight:800}.shot-hot em{font-style:normal;background:var(--shot-card);border:1px solid var(--shot-line);border-radius:14px;padding:6px 10px;color:#6c7b94}
.shot-visual{position:relative;height:470px}.shot-visual-shell{position:relative;width:100%;height:100%}.shot-visual-orb{position:absolute;border-radius:50%;filter:blur(0)}.shot-visual-orb.o1{width:168px;height:168px;left:34px;top:28px;background:radial-gradient(circle,rgba(153,210,255,.72),rgba(153,210,255,0) 68%)}.shot-visual-orb.o2{width:210px;height:210px;right:34px;top:18px;background:radial-gradient(circle,rgba(128,112,255,.24),rgba(128,112,255,0) 70%)}.shot-visual-orb.o3{width:240px;height:240px;right:84px;bottom:16px;background:radial-gradient(circle,rgba(110,150,255,.18),rgba(110,150,255,0) 72%)}.shot-main-card{position:absolute;left:132px;top:52px;width:310px;height:172px;padding:20px 22px;border-radius:28px;background:linear-gradient(135deg,#28c1ff,#2d63ff);box-shadow:0 26px 58px rgba(49,98,229,.28);border:1px solid rgba(255,255,255,.55);color:#fff;z-index:3}.shot-main-card .eth-badge{position:absolute;right:16px;top:14px;font-size:22px;font-weight:900;opacity:.96}.shot-main-card .domain-title{margin:22px 0 18px;font-size:32px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.shot-main-card .domain-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.shot-main-card .domain-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.28);font-size:14px;font-weight:800}.shot-main-card .domain-chip img{width:18px;height:18px;object-fit:contain}.shot-main-card .search-mini{width:40px;height:32px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-size:14px}.shot-side-card{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:24px;border:1px solid rgba(205,220,248,.9);background:rgba(255,255,255,.88);box-shadow:0 18px 42px rgba(50,95,181,.14);backdrop-filter:blur(10px);z-index:2}.shot-side-card img{width:64px;height:64px;object-fit:contain;display:block}.shot-side-card.item{right:26px;top:104px;width:138px;height:182px;transform:rotate(8deg)}.shot-side-card.item:before{content:"Item";position:absolute;left:16px;top:16px;color:#5a69f6;font-size:24px;font-weight:900}.shot-side-card.chart{right:10px;bottom:44px;width:150px;height:104px}.shot-side-card.chart img{width:72px;height:72px}.shot-wallet-card{position:absolute;left:170px;bottom:64px;width:120px;height:94px;border-radius:22px;background:linear-gradient(180deg,#4f66f4,#354be8);box-shadow:0 20px 40px rgba(70,87,222,.24);display:grid;place-items:center;z-index:2}.shot-wallet-card img{width:66px;height:66px;object-fit:contain;display:block}.shot-gem-stand{position:absolute;left:298px;bottom:42px;width:182px;height:132px;z-index:2}.shot-gem-stand:before{content:"";position:absolute;left:0;right:0;bottom:10px;height:24px;border-radius:50%;background:rgba(122,155,255,.18)}.shot-gem-stand:after{content:"";position:absolute;left:22px;right:22px;bottom:20px;height:88px;border-radius:28px;background:linear-gradient(180deg,#f8fbff,#d9e7ff);border:1px solid #cfe0ff;box-shadow:0 18px 34px rgba(65,106,204,.14)}.shot-gem-stand img{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:90px;height:90px;object-fit:contain;z-index:1;filter:drop-shadow(0 16px 20px rgba(47,97,231,.25))}.shot-float{position:absolute;background:rgba(255,255,255,.88);border:1px solid rgba(171,196,235,.65);border-radius:16px;box-shadow:0 16px 36px rgba(39,88,173,.14);backdrop-filter:blur(10px);padding:12px 14px;color:#34435f;font-size:12px;font-weight:900;z-index:4}html.dark .shot-float{background:rgba(16,27,46,.9);border-color:#355076;color:#dce7f9}.shot-float small{display:block;margin-top:6px;color:#7b8ba3;font-size:11px;font-weight:800}.shot-float.f1{left:12px;top:118px;width:148px}.shot-float.f2{right:18px;top:34px;width:148px}.shot-float.f3{right:0;bottom:78px;width:150px}
.shot-stats{position:relative;z-index:4;margin-top:-50px}.shot-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shot-stat{height:106px;background:var(--shot-card);border:1px solid var(--shot-line);border-radius:12px;box-shadow:0 12px 30px rgba(42,82,155,.08);display:flex;align-items:center;gap:16px;padding:18px 20px}.shot-stat>i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:var(--shot-blue);font-size:23px}.shot-stat.green>i{background:#e9fbf4;color:var(--shot-green)}.shot-stat.purple>i{background:#f3edff;color:var(--shot-purple)}.shot-stat.orange>i{background:#fff2e3;color:var(--shot-orange)}.shot-stat b{display:block;font-size:12px;color:#77849a;font-weight:800;margin-bottom:6px}.shot-stat strong{display:block;font-size:25px;line-height:1;font-weight:900;color:var(--shot-text)}.shot-stat small{font-size:14px}.shot-stat span{display:block;font-size:12px;color:#7c899b;margin-top:7px;font-weight:700}.shot-stat em{font-style:normal;color:#12b981;margin-left:8px}.shot-feature-strip-wrap{position:relative;z-index:4;margin-top:-44px}.shot-feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(115,137,193,.14);border-radius:18px;box-shadow:0 18px 42px rgba(66,90,156,.08);overflow:hidden}.shot-feature-item{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,255,.9));transition:background-color .18s ease,transform .18s ease}.shot-feature-item:not(:last-child)::after{content:'';position:absolute;right:0;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(111,129,191,0),rgba(111,129,191,.24),rgba(111,129,191,0))}.shot-feature-item:hover{background:#fff;transform:translateY(-1px)}.shot-feature-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;color:#6b63ff}.shot-feature-icon svg{width:36px;height:36px;display:block}.shot-feature-copy{min-width:0}.shot-feature-copy h3{margin:0;color:#27344e;font-size:16px;line-height:1.2;font-weight:800}.shot-feature-copy p{margin:6px 0 0;color:#7c88a1;font-size:12px;line-height:1.55;font-weight:600}.shot-feature-item.power .shot-feature-icon{color:#7a58ff}.shot-feature-item.chain .shot-feature-icon{color:#5d7cff}.shot-feature-item.analysis .shot-feature-icon{color:#7860ff}.shot-feature-item.service .shot-feature-icon{color:#627cff}
.shot-section{padding:36px 0 20px;background:var(--shot-bg)}.shot-head{margin-bottom:22px}.shot-head h2{margin:0 0 8px;font-size:25px;font-weight:900;color:var(--shot-text)}.shot-head p{margin:0;color:var(--shot-muted);font-size:13px;font-weight:750}
.shot-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shot-scene{height:158px;background:var(--shot-card);border:1px solid var(--shot-line);border-radius:10px;box-shadow:0 10px 26px rgba(36,86,172,.05);position:relative;overflow:hidden;padding:20px 16px}.shot-scene h3{margin:0 0 8px;font-size:16px;font-weight:900;color:var(--shot-text)}.shot-scene p{margin:0;width:62%;color:var(--shot-muted);font-size:12px;line-height:1.5;font-weight:700}.shot-scene a{position:absolute;left:16px;bottom:18px;color:var(--shot-blue);font-size:12px;font-weight:900}.shot-scene svg{position:absolute;right:-18px;bottom:-16px;width:142px;height:112px}
.shot-pricing-section{padding-top:58px}.shot-price-head{margin:0 auto 28px;max-width:960px;text-align:center}.shot-price-head .shot-head{margin:0}.shot-price-head h2{margin:0 0 12px;font-size:34px;font-weight:900;color:var(--shot-text)}.shot-price-head p{margin:0;color:var(--shot-muted);font-size:14px;line-height:1.8;font-weight:750}.shot-pricing-switch{margin-top:26px;display:inline-flex;align-items:center;gap:6px;padding:6px;background:#e8edf4;border:1px solid #d8e1ee;border-radius:18px}.shot-switch-btn{min-width:128px;height:44px;padding:0 20px;border:0;border-radius:14px;background:transparent;color:#63748a;font-size:14px;font-weight:900;cursor:pointer;transition:.2s}.shot-switch-btn.active{background:var(--shot-card);color:var(--shot-text);box-shadow:0 8px 18px rgba(36,86,172,.12)}html.dark .shot-pricing-switch{background:#162238;border-color:#2a3a57}html.dark .shot-switch-btn{color:#9eb0cb}
.shot-pricing-grid{display:grid;gap:18px}.shot-pricing-grid.subscription-grid{grid-template-columns:repeat(3,1fr)}.shot-pricing-grid.credit-grid{grid-template-columns:repeat(3,1fr)}
.shot-plan,.shot-credit-card{background:var(--shot-card);border:1px solid var(--shot-line);border-radius:18px;padding:24px 22px;box-shadow:0 14px 34px rgba(36,86,172,.06);position:relative;display:flex;flex-direction:column;min-height:378px;transition:.2s}.shot-plan:hover,.shot-credit-card:hover{transform:translateY(-2px);border-color:#b8cff6;box-shadow:0 18px 40px rgba(36,86,172,.10)}.shot-plan.is-popular{border:2px solid #3b6df0;box-shadow:0 20px 42px rgba(47,107,255,.16)}.shot-plan-badge{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:7px 16px;border-radius:999px;background:#3568eb;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}.shot-plan h3,.shot-credit-card h3{margin:0 0 8px;font-size:18px;font-weight:900;color:var(--shot-text)}.shot-plan-tier{display:inline-flex;align-self:flex-start;margin-bottom:18px;padding:5px 10px;border:1px solid #d9e4f8;border-radius:999px;background:#f8fbff;color:#5f718a;font-size:12px;font-weight:800}html.dark .shot-plan-tier{background:#132035;border-color:#2a3a57;color:#b8c7de}.shot-price{display:flex;align-items:flex-end;gap:4px;margin-bottom:18px;font-size:44px;line-height:1;font-weight:900;color:#2f62ea}.shot-price span{margin-bottom:6px;color:#4e5d75;font-size:14px;font-weight:800}html.dark .shot-price span{color:#b4c2d8}.shot-plan ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:14px}.shot-plan li{position:relative;padding-left:22px;color:#516075;font-size:14px;line-height:1.6;font-weight:700}.shot-plan li:before{content:'✓';position:absolute;left:0;top:0;color:#16a34a;font-weight:900}.shot-plan button,.shot-credit-card button{margin-top:auto;height:44px;border-radius:10px;border:1px solid #d7e0ef;background:#fff;color:#14243f;font-size:15px;font-weight:900;cursor:pointer}.shot-plan button.fill,.shot-credit-card button.fill{background:#3568eb;border-color:#3568eb;color:#fff}.shot-plan button.ghost,.shot-credit-card button.ghost{background:#f7faff;color:#14243f}html.dark .shot-plan button.ghost,html.dark .shot-credit-card button.ghost{background:#162238;color:#eef4ff;border-color:#324766}
.shot-credit-card{min-height:378px}.shot-credit-card .credit-top{display:block;margin-bottom:16px}.shot-credit-card .credit-subtitle{display:inline-flex;margin-top:10px;padding:6px 12px;border-radius:999px;background:#eff4ff;color:#3568eb;font-size:12px;font-weight:900}.shot-credit-card .credit-amount{font-size:34px;line-height:1;font-weight:900;color:var(--shot-text);margin-bottom:10px}.shot-credit-card .credit-amount span{font-size:16px;font-weight:800;color:var(--shot-muted)}.shot-credit-card .credit-price{font-size:30px;line-height:1;font-weight:900;color:#2f62ea;margin-bottom:10px}.shot-credit-card p{margin:0 0 16px;color:var(--shot-muted);font-size:13px;line-height:1.7;font-weight:700}.shot-credit-card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px}.shot-credit-card li{position:relative;padding-left:20px;color:#516075;font-size:13px;line-height:1.55;font-weight:700}.shot-credit-card li:before{content:'•';position:absolute;left:0;top:0;color:#3568eb;font-size:16px;line-height:1}.shot-credit-meta{display:grid;gap:10px;margin-bottom:18px}.shot-credit-meta div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--shot-line);font-size:12px;font-weight:800;color:var(--shot-muted)}.shot-credit-meta b{color:var(--shot-text);font-weight:900}.shot-credit-note{margin-top:14px;text-align:center;color:var(--shot-muted);font-size:12px;font-weight:700}
.shot-faq-section{padding-top:56px;padding-bottom:40px}.shot-faq-shell{max-width:980px;margin:0 auto}.shot-faq-top{margin-bottom:22px;text-align:left}.shot-faq-top h2{margin:0 0 8px;font-size:30px;font-weight:900;color:var(--shot-text)}.shot-faq-top p{margin:0;color:var(--shot-muted);font-size:13px;line-height:1.8;font-weight:750}.shot-faq-main .qa-list{max-width:none;gap:14px}.shot-faq-main .qa-item{background:var(--shot-card);border:1px solid var(--shot-line);border-radius:16px;box-shadow:0 12px 28px rgba(36,86,172,.05)}.shot-faq-main .qa-question{min-height:64px;padding:20px 22px;font-size:15px;font-weight:900}.shot-faq-main .qa-question i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#3568eb;font-size:13px;flex:none}.shot-faq-main .qa-answer{padding:0 22px;color:var(--shot-muted);font-size:13px;line-height:1.8}.shot-faq-main .qa-item.open .qa-answer{padding:0 22px 20px}
.shot-faq-main .qa-list{max-width:none;gap:14px}.shot-faq-main .qa-item{background:var(--shot-card);border:1px solid var(--shot-line);border-radius:16px;box-shadow:0 12px 28px rgba(36,86,172,.05)}.shot-faq-main .qa-question{min-height:64px;padding:20px 22px;font-size:15px;font-weight:900}.shot-faq-main .qa-question i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#3568eb;font-size:13px;flex:none}.shot-faq-main .qa-answer{padding:0 22px;color:var(--shot-muted);font-size:13px;line-height:1.8}.shot-faq-main .qa-item.open .qa-answer{padding:0 22px 20px}

.shot-reveal{opacity:0;transform:translateY(34px);animation:shotRise .72s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay,0ms)}@keyframes shotRise{to{opacity:1;transform:translateY(0)}}
@media(max-width:1120px){.shot-hero-grid{grid-template-columns:1fr}.shot-visual{height:430px}.shot-pricing-grid.subscription-grid{grid-template-columns:repeat(2,1fr)}.shot-pricing-grid.credit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shot-hero{padding:28px 0 32px}.shot-hero-grid{min-height:0}.shot-hero-copy h1{font-size:36px}.shot-visual{display:none}.shot-search{width:100%;height:auto}.shot-actions{flex-direction:column}.shot-actions button{width:100%}.shot-stats{margin-top:0;padding-top:20px}.shot-feature-strip-wrap{margin-top:0;padding-top:18px}.shot-section{padding:28px 0 14px}.shot-scene p{width:70%}.shot-price-head h2{font-size:28px}.shot-pricing-switch{display:flex;width:100%}.shot-switch-btn{flex:1;min-width:0}.shot-faq-top h2{font-size:26px}}



.hero-neo{position:relative;width:100%;min-height:472px;border-radius:32px;overflow:hidden;border:1px solid #dbe6fb;background:radial-gradient(circle at 18% 18%,rgba(102,193,255,.22),transparent 30%),radial-gradient(circle at 86% 10%,rgba(113,102,255,.18),transparent 24%),linear-gradient(180deg,#fbfdff 0%,#f3f7ff 48%,#eef4ff 100%);box-shadow:0 26px 64px rgba(37,81,173,.10)}
.hero-neo:before{content:"";position:absolute;inset:22px;border-radius:28px;border:1px solid rgba(198,215,244,.62);pointer-events:none}
.hero-neo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(173,191,225,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(173,191,225,.18) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.18));opacity:.7}
.hero-neo-node{position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,#6fd1ff,#4474ff);box-shadow:0 0 0 6px rgba(93,165,255,.10),0 8px 18px rgba(61,111,231,.20)}
.hero-neo-line{position:absolute;height:2px;background:linear-gradient(90deg,rgba(141,189,255,.06),rgba(122,163,255,.75),rgba(141,189,255,.06));transform-origin:left center;opacity:.85}
.hero-neo-float{position:absolute;padding:14px 16px;border-radius:20px;border:1px solid rgba(213,225,246,.92);background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(39,88,173,.12);backdrop-filter:blur(10px);z-index:4;color:#3d4a62}
.hero-neo-float small{display:block;font-size:12px;font-weight:900;color:#7b8ba5;margin-bottom:7px}
.hero-neo-float strong{display:block;font-size:16px;font-weight:900;color:#243755;line-height:1.35}
.hero-neo-float span{display:block;margin-top:6px;font-size:12px;line-height:1.55;color:#6e7f99;font-weight:700}
.hero-neo-float.right{top:28px;right:18px;width:152px}
.hero-neo-float.left{left:18px;top:108px;width:156px}
.hero-neo-panel{position:absolute;left:174px;top:60px;width:296px;padding:20px 22px 18px;border-radius:30px;background:linear-gradient(135deg,#18b8ff,#2b63ff 64%,#416dff 100%);box-shadow:0 26px 58px rgba(49,98,229,.28);border:1px solid rgba(255,255,255,.58);color:#fff;z-index:4}
.hero-neo-panel .mini-tag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);font-size:12px;font-weight:900}
.hero-neo-panel .mini-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;opacity:.92}
.hero-neo-panel .eth{position:absolute;right:16px;top:16px;font-size:18px;font-weight:900;opacity:.96}
.hero-neo-panel h3{margin:18px 0 14px;font-size:34px;line-height:1.08;font-weight:900;letter-spacing:-.04em}
.hero-neo-panel .panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-neo-panel .chain-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);font-size:14px;font-weight:900}
.hero-neo-panel .chain-chip i{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(222,240,255,.78));position:relative;display:inline-block}
.hero-neo-panel .chain-chip i:before{content:"";position:absolute;inset:4px;border-radius:50%;background:linear-gradient(180deg,#28c1ff,#2d63ff)}
.hero-neo-panel .search-ball{width:42px;height:34px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center}
.hero-neo-platform{position:absolute;right:54px;bottom:34px;width:320px;height:176px;z-index:2}
.hero-neo-platform .plat-base{position:absolute;left:18px;right:18px;bottom:8px;height:28px;border-radius:50%;background:rgba(126,159,255,.18);filter:blur(2px)}
.hero-neo-platform .plat-main{position:absolute;left:28px;right:28px;bottom:22px;height:92px;border-radius:34px;background:linear-gradient(180deg,#f9fcff,#dfeaff);border:1px solid #cfe0ff;box-shadow:0 20px 40px rgba(65,106,204,.16)}
.hero-neo-platform .plat-top{position:absolute;left:74px;right:74px;bottom:50px;height:76px;border-radius:28px;background:linear-gradient(180deg,#ffffff,#edf3ff);border:1px solid #d8e6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 16px 34px rgba(80,116,212,.14)}
.hero-neo-platform .plat-ring{position:absolute;left:96px;right:96px;bottom:56px;height:20px;border-radius:50%;background:radial-gradient(circle,rgba(70,149,255,.28),rgba(70,149,255,.05) 65%,transparent 66%)}
.hero-neo-diamond{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:96px;height:114px;filter:drop-shadow(0 18px 24px rgba(48,97,226,.26))}
.hero-neo-wallet{position:absolute;left:120px;bottom:56px;width:116px;height:86px;border-radius:24px;background:linear-gradient(180deg,#5370ff,#3d54ea);box-shadow:0 18px 36px rgba(66,96,223,.22);z-index:3}
.hero-neo-wallet:before{content:"";position:absolute;left:12px;right:12px;top:16px;bottom:16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.12)}
.hero-neo-wallet:after{content:"";position:absolute;right:18px;top:32px;width:12px;height:12px;border-radius:50%;background:#ffd972;box-shadow:0 0 0 4px rgba(255,217,114,.18)}
.hero-neo-mini-card{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:24px;border:1px solid rgba(205,220,248,.9);background:rgba(255,255,255,.9);box-shadow:0 18px 42px rgba(50,95,181,.14);backdrop-filter:blur(10px);z-index:3}
.hero-neo-mini-card.support{left:86px;top:116px;width:126px;height:112px;padding:16px}
.hero-neo-mini-card.support .icons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.hero-neo-mini-card.support .icons i{height:24px;border-radius:999px;background:linear-gradient(180deg,#eff6ff,#e2ecff);border:1px solid #d6e4ff;position:relative}
.hero-neo-mini-card.support .icons i:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--c,#5d9cff)}
.hero-neo-mini-card.support .icons i:nth-child(1){--c:#4e8fff}.hero-neo-mini-card.support .icons i:nth-child(2){--c:#f4b63f}.hero-neo-mini-card.support .icons i:nth-child(3){--c:#8b73ff}.hero-neo-mini-card.support .icons i:nth-child(4){--c:#24b4ff}.hero-neo-mini-card.support .icons i:nth-child(5){--c:#5cd3a7}.hero-neo-mini-card.support .icons i:nth-child(6){--c:#5770ff}
.hero-neo-mini-card.nft{right:34px;top:124px;width:138px;height:186px;transform:rotate(8deg);overflow:hidden;padding-top:34px}
.hero-neo-mini-card.nft:before{content:"NFT";position:absolute;left:16px;top:14px;color:#6b74ff;font-size:24px;font-weight:900}
.hero-neo-mini-card.nft .avatar{position:relative;width:78px;height:96px;border-radius:18px;background:linear-gradient(180deg,#7b8cff,#5b70ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.hero-neo-mini-card.nft .avatar:before{content:"";position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:8px;background:#ffd98b;box-shadow:0 30px 0 0 #ffd98b}
.hero-neo-mini-card.nft .avatar:after{content:"";position:absolute;left:22px;top:26px;width:34px;height:18px;background:linear-gradient(90deg,#2146ff 25%,transparent 25% 45%,#2146ff 45% 55%,transparent 55% 78%,#2146ff 78%);opacity:.55}
.hero-neo-mini-card.chart{right:14px;bottom:48px;width:150px;height:104px;padding:18px}
.hero-neo-mini-card.chart .spark{position:relative;width:100%;height:100%;border-radius:18px;background:linear-gradient(180deg,#fafdff,#f3f8ff)}
.hero-neo-mini-card.chart .spark:before{content:"";position:absolute;left:18px;right:18px;bottom:24px;height:3px;background:linear-gradient(90deg,#bfe0ff,#7cc4ff 30%,#5c8dff 65%,#3d57ff)} 
.hero-neo-mini-card.chart .spark:after{content:"";position:absolute;left:22px;right:20px;top:18px;bottom:22px;background:linear-gradient(180deg,rgba(103,183,255,.12),rgba(88,109,255,.02));clip-path:path('M0,46 C18,34 24,26 40,28 C54,29 62,22 76,16 C91,10 101,14 108,0 L108,54 L0,54 Z');opacity:.75}
.hero-neo-tiny{position:absolute;padding:12px 14px;border-radius:18px;border:1px solid rgba(213,225,246,.92);background:rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(39,88,173,.10);z-index:4;color:#415270}
.hero-neo-tiny strong{display:block;font-size:14px;font-weight:900;color:#34445f;line-height:1.35}
.hero-neo-tiny span{display:block;margin-top:5px;font-size:12px;color:#7b8ba5;font-weight:800}
.hero-neo-tiny.top{right:38px;top:28px}.hero-neo-tiny.bottom{right:2px;bottom:88px}
.hero-neo-tiny .badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:900;color:#5367f7}
.hero-neo-tiny .badge i{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#5bc4ff,#3e64ff);display:inline-block}
.screenshot-home .shot-scenes-with-art .shot-scene-art svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 16px 18px rgba(66,107,202,.16))!important}
html.dark .hero-neo{border-color:#243650;background:radial-gradient(circle at 18% 18%,rgba(102,193,255,.13),transparent 30%),radial-gradient(circle at 86% 10%,rgba(113,102,255,.12),transparent 24%),linear-gradient(180deg,#101b2e 0%,#0f192a 48%,#0d1727 100%)}
html.dark .hero-neo:before{border-color:#243650}html.dark .hero-neo-panel,html.dark .hero-neo-mini-card,html.dark .hero-neo-float,html.dark .hero-neo-tiny{background:rgba(16,27,46,.88);border-color:#2a4060;color:#dce7f9}html.dark .hero-neo-panel{color:#fff;background:linear-gradient(135deg,#1494db,#2453d9 64%,#3557d7 100%)}html.dark .hero-neo-platform .plat-main{background:linear-gradient(180deg,#122038,#162743);border-color:#2a4060}html.dark .hero-neo-platform .plat-top{background:linear-gradient(180deg,#162743,#192d4b);border-color:#314a6d}html.dark .hero-neo-mini-card.chart .spark{background:linear-gradient(180deg,#172843,#14233a)}html.dark .hero-neo-mini-card.support .icons i{background:linear-gradient(180deg,#14253d,#1a2d48);border-color:#2b4467}html.dark .hero-neo-float strong,html.dark .hero-neo-tiny strong{color:#eef5ff}html.dark .hero-neo-float span,html.dark .hero-neo-float small,html.dark .hero-neo-tiny span{color:#9fb4d4}
@media(max-width:1120px){.hero-neo{min-height:430px}.hero-neo-panel{left:136px;top:56px;width:270px}.hero-neo-platform{right:34px;transform:scale(.94);transform-origin:right bottom}.hero-neo-mini-card.support{left:42px}.hero-neo-float.left{left:10px;top:112px}.hero-neo-float.right{right:10px}.hero-neo-tiny.top{right:28px}}
@media(max-width:720px){.hero-neo{display:none}}



.screenshot-home .shot-head.centered,.screenshot-home .shot-faq-top{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.screenshot-home .shot-head.centered p,.screenshot-home .shot-faq-top p{line-height:1.8}
.screenshot-home .shot-scenes-with-art{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.screenshot-home .shot-scenes-with-art .shot-scene{height:178px!important;min-height:178px!important;padding:0!important;border-radius:18px!important;border:1px solid #e4ecf8!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 12px 28px rgba(36,86,172,.055)!important;overflow:hidden!important;position:relative!important}
.screenshot-home .shot-scenes-with-art .shot-scene:before{content:"";position:absolute;right:-42px;bottom:-42px;width:170px;height:170px;border-radius:44% 56% 46% 54%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.98),rgba(114,153,255,.18) 40%,rgba(86,134,255,.04) 72%)}
.screenshot-home .shot-scenes-with-art .shot-scene-art{position:absolute!important;right:-4px!important;bottom:-6px!important;width:156px!important;height:122px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;z-index:1!important}
.screenshot-home .shot-scenes-with-art .shot-scene-art svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 16px 20px rgba(66,107,202,.16))!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body{position:relative!important;z-index:2!important;padding:20px 16px 18px!important;min-height:100%!important;width:100%!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body h3{margin:0 0 8px!important;font-size:16px!important;font-weight:900!important;color:var(--shot-text)!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body p{width:58%!important;margin:0!important;font-size:12px!important;line-height:1.58!important;color:var(--shot-muted)!important;font-weight:750!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body a{position:absolute!important;left:16px!important;bottom:17px!important;color:var(--shot-blue)!important;font-size:12px!important;font-weight:900!important}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card{border:1px solid var(--shot-line)}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular{border:2px solid #3b6df0;box-shadow:0 20px 42px rgba(47,107,255,.14)}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card:not(.credit-popular) button{background:#f7faff;color:#14243f;border-color:#d7e0ef}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular button{background:#3568eb;color:#fff;border-color:#3568eb}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular .credit-subtitle{background:#edf2ff;color:#355fe5}
.screenshot-home .shot-faq-top{margin-bottom:26px}
.screenshot-home .shot-faq-top h2{margin-bottom:10px}
.screenshot-home .hero-showcase{position:relative;height:472px;border-radius:32px;overflow:hidden;border:1px solid #dbe6fb;background:radial-gradient(circle at 18% 16%,rgba(90,180,255,.16),transparent 32%),radial-gradient(circle at 82% 12%,rgba(101,100,255,.16),transparent 28%),linear-gradient(145deg,#f9fbff 0%,#f0f5ff 54%,#f7faff 100%);box-shadow:0 26px 64px rgba(37,81,173,.10)}
.screenshot-home .hero-showcase:before{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(214,226,246,.84);pointer-events:none}
.screenshot-home .hero-showcase .hero-noise{position:absolute;inset:0;background-image:linear-gradient(rgba(168,187,225,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(168,187,225,.18) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.2));opacity:.65}
.screenshot-home .hero-showcase .hero-badge{position:absolute;z-index:4;padding:14px 16px;border-radius:20px;border:1px solid rgba(214,226,246,.92);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(39,88,173,.12)}
.screenshot-home .hero-showcase .hero-badge strong{display:block;color:#273955;font-size:15px;font-weight:900;line-height:1.35}
.screenshot-home .hero-showcase .hero-badge span{display:block;margin-top:5px;color:#7384a0;font-size:12px;font-weight:750;line-height:1.55}
.screenshot-home .hero-showcase .hero-badge small{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;color:#4c63d7;font-size:12px;font-weight:900}
.screenshot-home .hero-showcase .hero-badge small i{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#5bc4ff,#3e64ff);display:inline-block}
.screenshot-home .hero-showcase .hero-badge.top{top:26px;right:26px;width:160px}
.screenshot-home .hero-showcase .hero-badge.bottom{right:10px;bottom:88px;width:170px}
.screenshot-home .hero-showcase .hero-note{position:absolute;left:18px;top:102px;width:156px;z-index:4;padding:14px 16px;border-radius:20px;border:1px solid rgba(214,226,246,.92);background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(39,88,173,.12);backdrop-filter:blur(10px)}
.screenshot-home .hero-showcase .hero-note b{display:block;font-size:15px;font-weight:900;color:#233653;line-height:1.35}
.screenshot-home .hero-showcase .hero-note p{margin:6px 0 0;color:#73839d;font-size:12px;line-height:1.55;font-weight:750}
.screenshot-home .hero-showcase svg{position:absolute;inset:0;width:100%;height:100%;display:block}
html.dark .screenshot-home .shot-scenes-with-art .shot-scene{background:linear-gradient(180deg,#101b2e,#0f192a)!important;border-color:#243650!important}
html.dark .screenshot-home .hero-showcase{border-color:#243650;background:radial-gradient(circle at 18% 16%,rgba(90,180,255,.10),transparent 32%),radial-gradient(circle at 82% 12%,rgba(101,100,255,.10),transparent 28%),linear-gradient(145deg,#101b2e 0%,#122039 54%,#111b2d 100%)}
html.dark .screenshot-home .hero-showcase:before{border-color:#263a57}
html.dark .screenshot-home .hero-showcase .hero-badge,html.dark .screenshot-home .hero-showcase .hero-note{background:rgba(16,27,46,.88);border-color:#2a4060;box-shadow:none}
html.dark .screenshot-home .hero-showcase .hero-badge strong,html.dark .screenshot-home .hero-showcase .hero-note b{color:#eef5ff}
html.dark .screenshot-home .hero-showcase .hero-badge span,html.dark .screenshot-home .hero-showcase .hero-note p{color:#a9bad4}
@media(max-width:1120px){.screenshot-home .hero-showcase{height:432px}.screenshot-home .hero-showcase .hero-badge.top{right:14px}.screenshot-home .hero-showcase .hero-note{left:12px;width:144px}}
@media(max-width:720px){.screenshot-home .shot-scenes-with-art .shot-scene{height:164px!important;min-height:164px!important}.screenshot-home .shot-scenes-with-art .shot-scene-art{width:138px!important;height:108px!important}.screenshot-home .shot-scenes-with-art .shot-scene-body p{width:62%!important}.screenshot-home .hero-showcase{display:none}}

@media (max-width: 920px) {
  .screenshot-home .shot-title-one-line {
    white-space: normal !important;
    word-break: keep-all;
  }
}

.turnstile-widget {
  width: 100%;
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.turnstile-widget > * { transform-origin: center; }

.auth-turnstile-row {
  align-items: stretch !important;
}

.auth-runtime-status {
  min-height: 22px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary);
}

.auth-runtime-status.is-error {
  color: #dc2626;
}

.auth-runtime-status.is-success {
  color: #059669;
}

.screenshot-home .shot-head.centered,.screenshot-home .shot-faq-top{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.screenshot-home .shot-head.centered p,.screenshot-home .shot-faq-top p{line-height:1.8}
.screenshot-home .shot-scenes-with-art{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.screenshot-home .shot-scenes-with-art .shot-scene{height:178px!important;min-height:178px!important;padding:0!important;border-radius:18px!important;border:1px solid #e4ecf8!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;box-shadow:0 12px 28px rgba(36,86,172,.055)!important;overflow:hidden!important;position:relative!important}
.screenshot-home .shot-scenes-with-art .shot-scene:before{content:"";position:absolute;right:-42px;bottom:-42px;width:170px;height:170px;border-radius:44% 56% 46% 54%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.98),rgba(114,153,255,.18) 40%,rgba(86,134,255,.04) 72%)}
.screenshot-home .shot-scenes-with-art .shot-scene-art{position:absolute!important;right:-4px!important;bottom:-6px!important;width:156px!important;height:122px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;z-index:1!important}
.screenshot-home .shot-scenes-with-art .shot-scene-art svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 16px 20px rgba(66,107,202,.16))!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body{position:relative!important;z-index:2!important;padding:20px 16px 18px!important;min-height:100%!important;width:100%!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body h3{margin:0 0 8px!important;font-size:16px!important;font-weight:900!important;color:var(--shot-text)!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body p{width:58%!important;margin:0!important;font-size:12px!important;line-height:1.58!important;color:var(--shot-muted)!important;font-weight:750!important}
.screenshot-home .shot-scenes-with-art .shot-scene-body a{position:absolute!important;left:16px!important;bottom:17px!important;color:var(--shot-blue)!important;font-size:12px!important;font-weight:900!important}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card{border:1px solid var(--shot-line)}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular{border:2px solid #3b6df0;box-shadow:0 20px 42px rgba(47,107,255,.14)}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card:not(.credit-popular) button{background:#f7faff;color:#14243f;border-color:#d7e0ef}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular button{background:#3568eb;color:#fff;border-color:#3568eb}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular .credit-subtitle{background:#edf2ff;color:#355fe5}
.screenshot-home .shot-faq-top{margin-bottom:26px}
.screenshot-home .shot-faq-top h2{margin-bottom:10px}
.screenshot-home .hero-showcase{position:relative;height:472px;border-radius:32px;overflow:hidden;border:1px solid #dbe6fb;background:radial-gradient(circle at 18% 16%,rgba(90,180,255,.16),transparent 32%),radial-gradient(circle at 82% 12%,rgba(101,100,255,.16),transparent 28%),linear-gradient(145deg,#f9fbff 0%,#f0f5ff 54%,#f7faff 100%);box-shadow:0 26px 64px rgba(37,81,173,.10)}
.screenshot-home .hero-showcase:before{content:"";position:absolute;inset:18px;border-radius:28px;border:1px solid rgba(214,226,246,.84);pointer-events:none}
.screenshot-home .hero-showcase .hero-noise{position:absolute;inset:0;background-image:linear-gradient(rgba(168,187,225,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(168,187,225,.18) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.2));opacity:.65}
.screenshot-home .hero-showcase .hero-badge{position:absolute;z-index:4;padding:14px 16px;border-radius:20px;border:1px solid rgba(214,226,246,.92);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(39,88,173,.12)}
.screenshot-home .hero-showcase .hero-badge strong{display:block;color:#273955;font-size:15px;font-weight:900;line-height:1.35}
.screenshot-home .hero-showcase .hero-badge span{display:block;margin-top:5px;color:#7384a0;font-size:12px;font-weight:750;line-height:1.55}
.screenshot-home .hero-showcase .hero-badge small{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;color:#4c63d7;font-size:12px;font-weight:900}
.screenshot-home .hero-showcase .hero-badge small i{width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#5bc4ff,#3e64ff);display:inline-block}
.screenshot-home .hero-showcase .hero-badge.top{top:26px;right:26px;width:160px}
.screenshot-home .hero-showcase .hero-badge.bottom{right:10px;bottom:88px;width:170px}
.screenshot-home .hero-showcase .hero-note{position:absolute;left:18px;top:102px;width:156px;z-index:4;padding:14px 16px;border-radius:20px;border:1px solid rgba(214,226,246,.92);background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(39,88,173,.12);backdrop-filter:blur(10px)}
.screenshot-home .hero-showcase .hero-note b{display:block;font-size:15px;font-weight:900;color:#233653;line-height:1.35}
.screenshot-home .hero-showcase .hero-note p{margin:6px 0 0;color:#73839d;font-size:12px;line-height:1.55;font-weight:750}
.screenshot-home .hero-showcase svg{position:absolute;inset:0;width:100%;height:100%;display:block}
html.dark .screenshot-home .shot-scenes-with-art .shot-scene{background:linear-gradient(180deg,#101b2e,#0f192a)!important;border-color:#243650!important}
html.dark .screenshot-home .hero-showcase{border-color:#243650;background:radial-gradient(circle at 18% 16%,rgba(90,180,255,.10),transparent 32%),radial-gradient(circle at 82% 12%,rgba(101,100,255,.10),transparent 28%),linear-gradient(145deg,#101b2e 0%,#122039 54%,#111b2d 100%)}
html.dark .screenshot-home .hero-showcase:before{border-color:#263a57}
html.dark .screenshot-home .hero-showcase .hero-badge,html.dark .screenshot-home .hero-showcase .hero-note{background:rgba(16,27,46,.88);border-color:#2a4060;box-shadow:none}
html.dark .screenshot-home .hero-showcase .hero-badge strong,html.dark .screenshot-home .hero-showcase .hero-note b{color:#eef5ff}
html.dark .screenshot-home .hero-showcase .hero-badge span,html.dark .screenshot-home .hero-showcase .hero-note p{color:#a9bad4}
@media(max-width:1120px){.screenshot-home .hero-showcase{height:432px}.screenshot-home .hero-showcase .hero-badge.top{right:14px}.screenshot-home .hero-showcase .hero-note{left:12px;width:144px}}
@media(max-width:720px){.screenshot-home .shot-scenes-with-art .shot-scene{height:164px!important;min-height:164px!important}.screenshot-home .shot-scenes-with-art .shot-scene-art{width:138px!important;height:108px!important}.screenshot-home .shot-scenes-with-art .shot-scene-body p{width:62%!important}.screenshot-home .hero-showcase{display:none}}

.screenshot-home .hero-premium{position:relative;height:472px;border-radius:32px;overflow:hidden;border:1px solid #dbe6fb;background:radial-gradient(circle at 12% 14%,rgba(86,185,255,.16),transparent 34%),radial-gradient(circle at 86% 14%,rgba(98,106,255,.16),transparent 30%),linear-gradient(145deg,#fbfdff 0%,#f3f7ff 52%,#f8fbff 100%);box-shadow:0 28px 66px rgba(37,81,173,.11)}
.screenshot-home .hero-premium:before{content:"";position:absolute;inset:16px;border-radius:28px;border:1px solid rgba(214,226,246,.82);pointer-events:none}
.screenshot-home .hero-premium-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(176,193,227,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(176,193,227,.16) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.12));opacity:.7}
.screenshot-home .hero-premium-bg{position:absolute;border-radius:50%;filter:blur(6px)}
.screenshot-home .hero-premium-bg.orb-a{width:180px;height:180px;left:-26px;top:-28px;background:radial-gradient(circle,#d9f4ff 0%,rgba(133,213,255,.18) 48%,rgba(133,213,255,0) 72%)}
.screenshot-home .hero-premium-bg.orb-b{width:210px;height:210px;right:-42px;bottom:-38px;background:radial-gradient(circle,#e4ebff 0%,rgba(124,133,255,.16) 44%,rgba(124,133,255,0) 74%)}
.screenshot-home .hero-premium-board{position:absolute;left:34px;top:42px;width:328px;padding:20px;border-radius:28px;background:rgba(255,255,255,.88);border:1px solid rgba(219,229,247,.96);backdrop-filter:blur(12px);box-shadow:0 20px 40px rgba(40,88,171,.10);z-index:3}
.screenshot-home .board-top{display:flex;gap:8px;align-items:center;margin-bottom:16px}
.screenshot-home .board-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#eef4ff;color:#61738d;font-size:12px;font-weight:900}
.screenshot-home .board-badge.primary{background:linear-gradient(90deg,#dbf5ff,#e8efff);color:#3256d8}
.screenshot-home .board-search-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.screenshot-home .board-search-input{flex:1;height:48px;padding:0 16px;border-radius:16px;background:#f7faff;border:1px solid #e1eaf9;display:flex;align-items:center;gap:10px;color:#31435d;font-size:15px;font-weight:850}
.screenshot-home .board-search-input i{color:#5f7ef2;font-size:14px}
.screenshot-home .board-search-type{height:48px;padding:0 16px;border-radius:16px;background:#3568eb;color:#fff;display:flex;align-items:center;font-size:13px;font-weight:900;box-shadow:0 10px 20px rgba(53,104,235,.18)}
.screenshot-home .board-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.screenshot-home .board-kpi{padding:14px 14px 13px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e5edf9;box-shadow:0 8px 18px rgba(36,86,172,.04)}
.screenshot-home .board-kpi span{display:block;font-size:11px;color:#7a8aa4;font-weight:800;margin-bottom:6px}
.screenshot-home .board-kpi strong{display:block;font-size:20px;line-height:1;color:#243857;font-weight:900}
.screenshot-home .board-panels{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.screenshot-home .board-panel{padding:14px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e5edf9}
.screenshot-home .board-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.screenshot-home .board-panel-head b{color:#2a3d5a;font-size:13px;font-weight:900}
.screenshot-home .board-panel-head span{color:#22a466;font-size:12px;font-weight:900}
.screenshot-home .trend-line{position:relative;height:46px;margin-bottom:10px}
.screenshot-home .trend-line i{position:absolute;bottom:0;display:block;width:12px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#7ac9ff,#4d74ff)}
.screenshot-home .trend-line .p1{left:2px;height:16px}.screenshot-home .trend-line .p2{left:22px;height:24px}.screenshot-home .trend-line .p3{left:42px;height:20px}.screenshot-home .trend-line .p4{left:62px;height:34px}.screenshot-home .trend-line .p5{left:82px;height:26px}.screenshot-home .trend-line .p6{left:102px;height:40px}.screenshot-home .trend-line .p7{left:122px;height:32px}
.screenshot-home .trend-bars{display:flex;align-items:center;gap:8px}
.screenshot-home .trend-bars i{flex:1;height:6px;border-radius:999px;background:linear-gradient(90deg,#bcd6ff,#e0ecff)}
.screenshot-home .list-panel .list-item{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed #e4ebf8;font-size:12px;font-weight:850;color:#6d7e95}
.screenshot-home .list-panel .list-item:last-child{padding-bottom:0;border-bottom:0}
.screenshot-home .list-panel .list-item em{font-style:normal;color:#344660;flex:1}
.screenshot-home .list-panel .list-item strong{color:#2f62ea;font-size:12px}
.screenshot-home .list-panel .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.screenshot-home .list-panel .dot.ens{background:#668bff}.screenshot-home .list-panel .dot.gas{background:#8d69ff}.screenshot-home .list-panel .dot.batch{background:#f1b24d}.screenshot-home .list-panel .dot.wallet{background:#41b883}
.screenshot-home .hero-crystal-stage{position:absolute;right:48px;bottom:28px;width:244px;height:250px;z-index:2}
.screenshot-home .hero-stage-shadow{position:absolute;left:20px;right:20px;bottom:6px;height:30px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(105,137,220,.25),rgba(105,137,220,0) 72%)}
.screenshot-home .hero-stage-base{position:absolute;left:28px;right:28px;border-radius:999px;background:linear-gradient(180deg,#fff,#dce8ff);border:1px solid #d3e0fa}
.screenshot-home .hero-stage-base.base-1{bottom:14px;height:36px;box-shadow:0 14px 24px rgba(39,84,165,.10)}
.screenshot-home .hero-stage-base.base-2{bottom:42px;left:52px;right:52px;height:54px;background:linear-gradient(180deg,#fff,#edf4ff)}
.screenshot-home .hero-stage-core{position:absolute;left:85px;right:85px;bottom:66px;height:18px;border-radius:999px;background:radial-gradient(circle,#d8fbff 0%,#bde8ff 56%,rgba(189,232,255,.2) 100%)}
.screenshot-home .hero-stage-ring{position:absolute;left:74px;right:74px;bottom:58px;height:34px;border:6px solid rgba(112,208,255,.32);border-radius:50%}
.screenshot-home .hero-crystal{position:absolute;left:50%;bottom:86px;width:118px;height:144px;transform:translateX(-50%)}
.screenshot-home .hero-crystal span{position:absolute;display:block}
.screenshot-home .hero-crystal .crystal-top{left:50%;top:0;width:82px;height:46px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);background:linear-gradient(180deg,#a9ecff,#5a92ff)}
.screenshot-home .hero-crystal .crystal-left{left:12px;top:36px;width:48px;height:88px;clip-path:polygon(100% 0,100% 100%,0 24%,0 8%);background:linear-gradient(180deg,#73b8ff,#3559e8)}
.screenshot-home .hero-crystal .crystal-right{right:12px;top:36px;width:48px;height:88px;clip-path:polygon(0 0,100% 8%,100% 24%,0 100%);background:linear-gradient(180deg,#59a7ff,#2849cb)}
.screenshot-home .hero-crystal .crystal-bottom{left:50%;bottom:0;width:110px;height:78px;transform:translateX(-50%);clip-path:polygon(0 0,50% 28%,100% 0,50% 100%);background:linear-gradient(180deg,#98e9ff,#4e73ff)}
.screenshot-home .hero-floating-card{position:absolute;z-index:4;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid rgba(220,230,246,.96);backdrop-filter:blur(10px);box-shadow:0 16px 34px rgba(39,88,173,.11)}
.screenshot-home .hero-floating-card small{display:block;margin-bottom:7px;color:#4b61d7;font-size:12px;font-weight:900}
.screenshot-home .hero-floating-card strong{display:block;color:#273955;font-size:14px;line-height:1.45;font-weight:900}
.screenshot-home .hero-floating-card.left-top{left:26px;top:24px;width:168px}
.screenshot-home .hero-floating-card.right-top{right:28px;top:26px;width:176px}
.screenshot-home .hero-floating-card.right-bottom{right:18px;bottom:84px;width:184px}
.screenshot-home .hero-floating-card.compact strong{font-size:13px}

.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card{border:1px solid var(--shot-line)!important;box-shadow:0 14px 34px rgba(36,86,172,.06)!important}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular{border:2px solid #3b6df0!important;box-shadow:0 20px 42px rgba(47,107,255,.14)!important}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card:not(.credit-popular) button{background:#f7faff!important;color:#14243f!important;border-color:#d7e0ef!important}
.screenshot-home .shot-pricing-grid.credit-grid .shot-credit-card.credit-popular button{background:#3568eb!important;color:#fff!important;border-color:#3568eb!important}

.screenshot-home .shot-faq-top.centered{max-width:760px!important;margin:0 auto 26px!important;text-align:center!important}
.screenshot-home .shot-faq-top.centered h2,.screenshot-home .shot-faq-top.centered p{text-align:center!important}
html.dark .screenshot-home .hero-premium{border-color:#243650;background:radial-gradient(circle at 12% 14%,rgba(86,185,255,.10),transparent 34%),radial-gradient(circle at 86% 14%,rgba(98,106,255,.10),transparent 30%),linear-gradient(145deg,#101b2e 0%,#122039 52%,#111b2d 100%)}
html.dark .screenshot-home .hero-premium:before{border-color:#263a57}
html.dark .screenshot-home .hero-premium-board,html.dark .screenshot-home .hero-floating-card{background:rgba(16,27,46,.88);border-color:#2a4060;box-shadow:none}
html.dark .screenshot-home .board-search-input,html.dark .screenshot-home .board-kpi,html.dark .screenshot-home .board-panel{background:#132035;border-color:#2a4060}
html.dark .screenshot-home .board-badge{background:#162238;color:#b1c2da}
html.dark .screenshot-home .board-badge.primary{background:#17315c;color:#dce8ff}
html.dark .screenshot-home .board-search-input,html.dark .screenshot-home .board-kpi strong,html.dark .screenshot-home .board-panel-head b,html.dark .screenshot-home .list-panel .list-item em,html.dark .screenshot-home .hero-floating-card strong{color:#eef5ff}
html.dark .screenshot-home .board-kpi span,html.dark .screenshot-home .list-panel .list-item,html.dark .screenshot-home .hero-floating-card small{color:#a9bad4}
@media(max-width:1120px){.screenshot-home .hero-premium{height:440px}.screenshot-home .hero-premium-board{width:300px;left:24px}.screenshot-home .hero-crystal-stage{right:28px;width:220px}.screenshot-home .hero-floating-card.right-top{right:18px;width:162px}}
@media(max-width:720px){.screenshot-home .hero-premium{display:none}}

.screenshot-home .hero-illustration-premium{position:relative;height:472px;border-radius:34px;overflow:hidden;border:1px solid #dbe6fb;background:linear-gradient(145deg,#fbfdff 0%,#f4f8ff 52%,#f9fbff 100%);box-shadow:0 30px 70px rgba(37,81,173,.11)}
.screenshot-home .hero-illustration-premium:before{content:"";position:absolute;inset:16px;border-radius:28px;border:1px solid rgba(214,226,246,.82);pointer-events:none}
.screenshot-home .hero-illustration-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(176,193,227,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(176,193,227,.16) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.12));opacity:.65}
.screenshot-home .hero-art-svg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}
.screenshot-home .hero-note-card{position:absolute;z-index:4;max-width:170px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.84);border:1px solid rgba(220,230,246,.96);backdrop-filter:blur(10px);box-shadow:0 16px 34px rgba(39,88,173,.11)}
.screenshot-home .hero-note-card small{display:block;margin-bottom:7px;color:#4d63d8;font-size:12px;font-weight:900}
.screenshot-home .hero-note-card strong{display:block;color:#273955;font-size:13px;line-height:1.48;font-weight:900}
.screenshot-home .hero-note-card.note-left{left:20px;top:22px}
.screenshot-home .hero-note-card.note-right{right:22px;bottom:78px;max-width:178px}
html.dark .screenshot-home .hero-illustration-premium{border-color:#243650;background:linear-gradient(145deg,#101b2e 0%,#122039 52%,#111b2d 100%)}
html.dark .screenshot-home .hero-illustration-premium:before{border-color:#263a57}
html.dark .screenshot-home .hero-note-card{background:rgba(16,27,46,.88);border-color:#2a4060;box-shadow:none}
html.dark .screenshot-home .hero-note-card strong{color:#eef5ff}
html.dark .screenshot-home .hero-note-card small{color:#a9bad4}
@media(max-width:1120px){.screenshot-home .hero-illustration-premium{height:440px}.screenshot-home .hero-note-card.note-right{right:12px;bottom:64px}.screenshot-home .hero-note-card.note-left{left:12px;top:18px}}
@media(max-width:720px){.screenshot-home .hero-illustration-premium{display:none}}

.screenshot-home .shot-scene-head-refined p{max-width:860px!important;margin:0 auto!important}
.screenshot-home .shot-scenes-refined{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.screenshot-home .shot-scenes-refined .shot-scene{height:196px!important;min-height:196px!important;border-radius:20px!important;border:1px solid #e3ebf8!important;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;box-shadow:0 14px 34px rgba(36,86,172,.06)!important;overflow:hidden!important;position:relative!important}
.screenshot-home .shot-scenes-refined .shot-scene:before{content:"";position:absolute;right:-48px;bottom:-52px;width:182px;height:182px;border-radius:44% 56% 46% 54%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.98),rgba(114,153,255,.20) 40%,rgba(86,134,255,.05) 72%)}
.screenshot-home .shot-scenes-refined .shot-scene-art{position:absolute!important;right:-2px!important;bottom:-2px!important;width:170px!important;height:130px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;z-index:1!important}
.screenshot-home .shot-scenes-refined .shot-scene-art svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 14px 22px rgba(66,107,202,.14))!important}
.screenshot-home .shot-scenes-refined .shot-scene-body{position:relative!important;z-index:2!important;padding:18px 18px 18px!important;min-height:100%!important;width:100%!important}
.screenshot-home .shot-scenes-refined .shot-scene-tag{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 10px!important;border-radius:999px!important;background:#eef4ff!important;color:#4967e8!important;font-size:11px!important;font-weight:900!important;margin-bottom:10px!important}
.screenshot-home .shot-scenes-refined .shot-scene-body h3{margin:0 0 8px!important;font-size:18px!important;line-height:1.28!important;font-weight:900!important;color:var(--shot-text)!important;width:60%!important}
.screenshot-home .shot-scenes-refined .shot-scene-body p{width:58%!important;margin:0!important;font-size:12px!important;line-height:1.62!important;color:var(--shot-muted)!important;font-weight:760!important}
.screenshot-home .shot-scenes-refined .shot-scene-body a{position:absolute!important;left:18px!important;bottom:18px!important;color:var(--shot-blue)!important;font-size:12px!important;font-weight:900!important}
html.dark .screenshot-home .shot-scenes-refined .shot-scene{background:linear-gradient(180deg,#101b2e,#0f192a)!important;border-color:#243650!important}
html.dark .screenshot-home .shot-scenes-refined .shot-scene-tag{background:#162238!important;color:#d8e5ff!important}
@media(max-width:1120px){.screenshot-home .shot-scenes-refined{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.screenshot-home .shot-scenes-refined{grid-template-columns:1fr!important}.screenshot-home .shot-scenes-refined .shot-scene{height:178px!important;min-height:178px!important}.screenshot-home .shot-scenes-refined .shot-scene-art{width:150px!important;height:114px!important}.screenshot-home .shot-scenes-refined .shot-scene-body h3,.screenshot-home .shot-scenes-refined .shot-scene-body p{width:62%!important}}

.screenshot-home .shot-scene-head-v2 h2{margin-bottom:12px!important}
.screenshot-home .shot-scene-head-v2 p{max-width:820px!important;margin:0 auto!important;font-size:15px!important;line-height:1.8!important;color:#6a7b94!important;font-weight:700!important}
.screenshot-home .shot-scenes-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.screenshot-home .shot-scene-v2{position:relative!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center!important;min-height:236px!important;padding:26px 24px!important;border-radius:24px!important;border:1px solid #e3ebf8!important;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)!important;box-shadow:0 18px 42px rgba(36,86,172,.07)!important;overflow:hidden!important}
.screenshot-home .shot-scene-v2:before{content:"";position:absolute;right:-56px;bottom:-62px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(117,159,255,.14) 0%,rgba(117,159,255,.06) 38%,rgba(117,159,255,0) 72%)}
.screenshot-home .shot-scene-v2:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(206,221,247,.8),rgba(255,255,255,.9))}
.screenshot-home .shot-scene-copy{position:relative!important;z-index:2!important;padding-right:14px!important}
.screenshot-home .shot-scene-kicker{display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 12px!important;border-radius:999px!important;background:#eef4ff!important;color:#4d68e8!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;margin-bottom:14px!important}
.screenshot-home .shot-scene-v2 h3{margin:0 0 10px!important;font-size:24px!important;line-height:1.28!important;color:var(--shot-text)!important;font-weight:900!important}
.screenshot-home .shot-scene-v2 p{margin:0 0 18px!important;font-size:13px!important;line-height:1.85!important;color:#697a92!important;font-weight:760!important;max-width:330px!important}
.screenshot-home .shot-scene-v2 a{display:inline-flex!important;align-items:center!important;color:var(--shot-blue)!important;font-size:13px!important;font-weight:900!important}
.screenshot-home .shot-scene-visual{position:relative!important;z-index:2!important;height:170px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.screenshot-home .shot-scene-visual svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 18px 26px rgba(66,107,202,.12))!important}
html.dark .screenshot-home .shot-scene-head-v2 p{color:#a9bad4!important}
html.dark .screenshot-home .shot-scene-v2{background:linear-gradient(180deg,#101b2e,#0f192a)!important;border-color:#243650!important;box-shadow:none!important}
html.dark .screenshot-home .shot-scene-v2:before{background:radial-gradient(circle,rgba(117,159,255,.12) 0%,rgba(117,159,255,.04) 38%,rgba(117,159,255,0) 72%)}
html.dark .screenshot-home .shot-scene-kicker{background:#162238!important;color:#dce8ff!important}
html.dark .screenshot-home .shot-scene-v2 p{color:#a9bad4!important}
@media(max-width:1120px){.screenshot-home .shot-scenes-v2{grid-template-columns:1fr!important}.screenshot-home .shot-scene-v2{grid-template-columns:1fr .9fr!important}}
@media(max-width:720px){.screenshot-home .shot-scene-v2{grid-template-columns:1fr!important;padding:22px 18px!important;min-height:unset!important}.screenshot-home .shot-scene-visual{margin-top:8px!important;height:148px!important}.screenshot-home .shot-scene-v2 h3{font-size:21px!important}.screenshot-home .shot-scene-v2 p{max-width:none!important}}

.screenshot-home .hero-note-card.note-right{right:22px;bottom:54px;max-width:184px!important}
.screenshot-home .shot-scene-head-v3 h2{margin-bottom:12px!important}
.screenshot-home .shot-scene-head-v3 p{max-width:780px!important;margin:0 auto!important;font-size:15px!important;line-height:1.8!important;color:#6a7b94!important;font-weight:700!important}
.screenshot-home .shot-scenes-v3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
.screenshot-home .shot-scene-v3{position:relative!important;display:grid!important;grid-template-columns:1.05fr .95fr!important;align-items:center!important;min-height:238px!important;padding:26px 24px!important;border-radius:24px!important;border:1px solid #e3ebf8!important;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)!important;box-shadow:0 18px 42px rgba(36,86,172,.07)!important;overflow:hidden!important}
.screenshot-home .shot-scene-v3:before{content:"";position:absolute;right:-56px;bottom:-62px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(117,159,255,.14) 0%,rgba(117,159,255,.06) 38%,rgba(117,159,255,0) 72%)}
.screenshot-home .shot-scene-copy{position:relative!important;z-index:2!important;padding-right:14px!important}
.screenshot-home .shot-scene-kicker{display:inline-flex!important;align-items:center!important;height:26px!important;padding:0 12px!important;border-radius:999px!important;background:#eef4ff!important;color:#4d68e8!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;margin-bottom:14px!important}
.screenshot-home .shot-scene-v3 h3{margin:0 0 10px!important;font-size:24px!important;line-height:1.28!important;color:var(--shot-text)!important;font-weight:900!important}
.screenshot-home .shot-scene-v3 p{margin:0!important;font-size:13px!important;line-height:1.85!important;color:#697a92!important;font-weight:760!important;max-width:340px!important}
.screenshot-home .shot-scene-visual{position:relative!important;z-index:2!important;height:170px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.screenshot-home .shot-scene-visual svg{width:100%!important;height:100%!important;display:block!important;filter:drop-shadow(0 18px 26px rgba(66,107,202,.12))!important}
html.dark .screenshot-home .shot-scene-head-v3 p{color:#a9bad4!important}
html.dark .screenshot-home .shot-scene-v3{background:linear-gradient(180deg,#101b2e,#0f192a)!important;border-color:#243650!important;box-shadow:none!important}
html.dark .screenshot-home .shot-scene-v3:before{background:radial-gradient(circle,rgba(117,159,255,.12) 0%,rgba(117,159,255,.04) 38%,rgba(117,159,255,0) 72%)}
html.dark .screenshot-home .shot-scene-kicker{background:#162238!important;color:#dce8ff!important}
html.dark .screenshot-home .shot-scene-v3 p{color:#a9bad4!important}
@media(max-width:1120px){.screenshot-home .shot-scenes-v3{grid-template-columns:1fr!important}.screenshot-home .shot-scene-v3{grid-template-columns:1fr .9fr!important}}
@media(max-width:720px){.screenshot-home .shot-scene-v3{grid-template-columns:1fr!important;padding:22px 18px!important;min-height:unset!important}.screenshot-home .shot-scene-visual{margin-top:8px!important;height:148px!important}.screenshot-home .shot-scene-v3 h3{font-size:21px!important}.screenshot-home .shot-scene-v3 p{max-width:none!important}.screenshot-home .hero-note-card.note-right{right:12px;bottom:42px!important;max-width:168px!important}}

.screenshot-home .hero-illustration-premium{background:linear-gradient(145deg,#fcfeff 0%,#f5f8ff 52%,#fbfdff 100%)!important}
.screenshot-home .hero-illustration-premium:before{inset:14px!important;border-color:rgba(218,228,246,.9)!important}
.screenshot-home .hero-note-card{background:rgba(255,255,255,.86)!important;border-color:#dfe8f8!important;box-shadow:0 14px 32px rgba(39,88,173,.1)!important}
.screenshot-home .hero-note-card small{color:#5068df!important}
.screenshot-home .hero-note-card strong{color:#2a3a56!important}
html.dark .screenshot-home .hero-note-card{background:rgba(16,27,46,.9)!important;border-color:#2a4060!important;box-shadow:none!important}
html.dark .screenshot-home .hero-note-card strong{color:#eef5ff!important}
html.dark .screenshot-home .hero-note-card small{color:#adc0dd!important}

/* ── Profile / User Chip ── */
.user-chip {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(15, 142, 115, 0.3);
  background: rgba(15, 142, 115, 0.1);
  color: var(--text-primary);
  font-size: 16px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: background .18s ease, border-color .18s ease, transform .16s ease;
}
.user-chip:hover {
  background: rgba(15, 142, 115, 0.16);
  border-color: rgba(15, 142, 115, 0.5);
  transform: translateY(-1px);
}
.user-chip i {
  font-size: 16px;
  color: var(--accent-strong);
}
html.dark .user-chip {
  border-color: rgba(15, 142, 115, 0.4);
  background: rgba(15, 142, 115, 0.14);
}
html.dark .user-chip:hover {
  background: rgba(15, 142, 115, 0.22);
}

/* ── Profile ── */
/* ── Profile ── */
.p-page { padding: 28px 0 64px; }
.p-layout { display: grid; grid-template-columns: 230px 1fr; gap: 24px; align-items: start; }

/* ── Sidebar ── */
.p-sidebar {
  position: sticky; top: 92px;
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: 16px; overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.p-sidebar-user {
  padding: 24px 20px 20px; text-align: center;
  border-bottom: 1px solid var(--border-color);
  background: linear-gradient(180deg, rgba(15,142,115,.04) 0%, transparent 100%);
}
.p-avatar {
  width: 56px; height: 56px; border-radius: 16px; margin: 0 auto 12px;
  background: linear-gradient(135deg, #0f8e73, #4a77e7);
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; color: #fff;
  box-shadow: 0 6px 18px rgba(15,142,115,.25);
}
.p-sidebar-uname { font-size: 15px; font-weight: 800; color: var(--text-primary); }
.p-sidebar-uno { font-size: 12px; font-weight: 700; color: var(--text-muted); margin-top: 3px; }
.p-sidebar-tags { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 10px; }
.p-tag {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 10px; border-radius: 999px;
  font-size: 11px; font-weight: 700;
  background: rgba(107,114,128,.1); color: #6b7280;
  border: 1px solid rgba(107,114,128,.2);
}
.p-tag.gold { background: rgba(217,119,6,.1); color: #d97706; border-color: rgba(217,119,6,.2); }

.p-nav { padding: 6px; }
.p-nav-item {
  display: flex; align-items: center; gap: 10px; width: 100%;
  padding: 10px 12px; border: 0; border-radius: 8px;
  background: transparent; color: var(--text-secondary);
  font-size: 13px; font-weight: 600; cursor: pointer;
  transition: all .14s ease; text-align: left;
}
.p-nav-item:hover { background: var(--bg-secondary); color: var(--text-primary); }
.p-nav-item.active {
  background: rgba(15,142,115,.1); color: var(--accent-strong); font-weight: 700;
  box-shadow: inset 3px 0 0 var(--accent-strong);
}
.p-nav-item i { width: 18px; text-align: center; font-size: 14px; }
.p-nav-item span { flex: 1; }
.p-nav-danger:hover { color: #dc2626 !important; background: rgba(220,38,38,.08) !important; }
.p-nav-divider { height: 1px; background: var(--border-color); margin: 6px 12px; }

/* ── Main ── */
.p-main { min-height: 400px; }
.p-tabc { animation: pfade .22s ease; }
@keyframes pfade { 0%{opacity:0;transform:translateY(5px)} 100%{opacity:1;transform:translateY(0)} }

/* ── Grid ── */
.p-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

/* ── Card ── */
.p-card {
  background: var(--bg-card); border: 1px solid var(--border-color);
  border-radius: 14px; padding: 22px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.p-card-h { font-size: 14px; font-weight: 800; color: var(--text-primary); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.p-card-h i { font-size: 15px; }

/* ── Info Table ── */
.p-info { border: 1px solid var(--border-color); border-radius: 10px; overflow: hidden; }
.p-ir { display: flex; align-items: center; padding: 11px 15px; border-bottom: 1px solid var(--border-color); }
.p-ir:last-child { border-bottom: 0; }
.p-ir:nth-child(even) { background: var(--bg-card-soft); }
.p-il { width: 88px; flex-shrink: 0; font-size: 12px; font-weight: 700; color: var(--text-muted); }
.p-iv { font-size: 14px; font-weight: 600; color: var(--text-primary); display: flex; align-items: center; gap: 6px; word-break: break-all; }
.p-dot { width: 8px; height: 8px; border-radius: 50%; }
.p-dot.g { background: #22c55e; box-shadow: 0 0 0 3px rgba(34,197,94,.18); }

/* ── Form ── */
.p-f { margin-bottom: 16px; }
.p-f label { display: block; font-size: 12px; font-weight: 700; color: var(--text-secondary); margin-bottom: 5px; }
.p-inp {
  width: 100%; height: 40px; padding: 0 12px; border-radius: 9px;
  border: 1px solid var(--border-color); background: var(--bg-secondary);
  color: var(--text-primary); font-size: 14px; outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.p-inp:focus { border-color: rgba(15,142,115,.35); box-shadow: 0 0 0 3px rgba(15,142,115,.08); background: var(--bg-card); }
.p-inp.code { font-family: 'Courier New', monospace; letter-spacing: 3px; font-weight: 700; text-transform: uppercase; }
.p-msg { font-size: 13px; font-weight: 600; min-height: 20px; margin-bottom: 12px; }
.p-msg.e { color: #dc2626; }
.p-msg.s { color: #16a34a; }
.p-btn {
  display: inline-flex; align-items: center; justify-content: center; height: 40px;
  padding: 0 20px; border: 0; border-radius: 9px;
  background: linear-gradient(135deg, #0f8e73, #4a77e7);
  color: #fff; font-size: 13px; font-weight: 700; cursor: pointer;
  transition: opacity .16s ease, transform .14s ease;
}
.p-btn:hover { opacity: .88; transform: translateY(-1px); }
.p-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.p-btn-sm {
  display: inline-flex; align-items: center; gap: 4px; height: 32px;
  padding: 0 11px; border: 1px solid var(--border-color); border-radius: 7px;
  background: var(--bg-card); color: var(--text-primary);
  font-size: 12px; font-weight: 700; cursor: pointer; transition: all .14s ease;
}
.p-btn-sm:hover { background: var(--bg-secondary); border-color: var(--border-strong); }
.p-btn-sm.primary { background: rgba(15,142,115,.1); border-color: rgba(15,142,115,.2); color: var(--accent-strong); }

/* ── Code Row ── */
.p-code { display: flex; gap: 8px; }
.p-code .p-inp { flex: 1; }
.p-code .p-btn { flex-shrink: 0; }

/* ── Plan Box ── */
.p-plan {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; border-radius: 10px; margin-bottom: 16px;
  background: rgba(107,114,128,.05); border: 1px solid rgba(107,114,128,.16);
}
.p-plan-icon { width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0; background: rgba(107,114,128,.12); color: #6b7280; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.p-plan-lbl { font-size: 11px; color: var(--text-muted); font-weight: 600; }
.p-plan strong { font-size: 15px; font-weight: 800; color: #6b7280; }
.p-plan-badge { margin-left: auto; padding: 3px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; background: rgba(107,114,128,.12); color: #6b7280; }

/* ── Points ── */
.p-pts { text-align: center; padding: 20px 0 12px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.p-pts-n { font-size: 38px; font-weight: 900; color: var(--text-primary); letter-spacing: -.03em; }
.p-pts-l { font-size: 12px; color: var(--text-muted); font-weight: 600; }

/* ── Transaction List ── */
.p-txl { display: grid; gap: 5px; }
.p-txi { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 9px; border: 1px solid var(--border-color); background: var(--bg-card); transition: border-color .12s ease; }
.p-txi:hover { border-color: var(--border-strong); }
.p-txi-icon { width: 32px; height: 32px; border-radius: 8px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.p-txi-b { flex: 1; min-width: 0; }
.p-txi-m { font-size: 12px; font-weight: 700; color: var(--text-primary); }
.p-txi-t { font-size: 11px; color: var(--text-muted); margin-top: 1px; }
.p-txi-a { font-size: 14px; font-weight: 800; flex-shrink: 0; }

/* ── Favorites ── */
.p-favf { padding: 12px; margin-bottom: 10px; border-radius: 9px; background: var(--bg-secondary); border: 1px solid var(--border-color); }
.p-favr { display: flex; gap: 7px; align-items: flex-end; }
.p-favr .p-inp { height: 36px; font-size: 12px; }
.p-favl { display: grid; gap: 5px; }
.p-favi { display: flex; align-items: center; gap: 11px; padding: 10px 12px; border-radius: 9px; border: 1px solid var(--border-color); background: var(--bg-card); }
.p-favi-icon { width: 32px; height: 32px; border-radius: 8px; background: rgba(15,142,115,.08); color: var(--accent-strong); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 13px; }
.p-favi-b { flex: 1; min-width: 0; }
.p-favi-type { font-size: 10px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; }
.p-favi-val { font-size: 13px; font-weight: 600; color: var(--text-primary); word-break: break-all; margin-top: 1px; }
.p-favi-lbl { font-size: 11px; color: var(--text-muted); margin-top: 1px; }
.p-favi-del { width: 26px; height: 26px; border: 0; border-radius: 6px; background: transparent; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .12s ease; }
.p-favi-del:hover { background: rgba(220,38,38,.1); color: #dc2626; }

/* ── Empty ── */
.p-empty  { text-align: center; padding: 36px 16px; color: var(--text-muted); font-size: 13px; }
.p-empty-s { text-align: center; padding: 24px; color: var(--text-muted); font-size: 13px; }

/* ── Responsive ── */
@media (max-width: 900px) {
  .p-layout { grid-template-columns: 1fr; }
  .p-sidebar { position: static; }
  .p-nav { display: flex; flex-wrap: wrap; gap: 3px; }
  .p-nav-item { flex: 1; min-width: 0; justify-content: center; padding: 8px; font-size: 12px; }
  .p-nav-item span { display: none; }
  .p-nav-divider { display: none; }
  .p-grid-2 { grid-template-columns: 1fr; }
  .p-favr { flex-wrap: wrap; }
  .p-favr .p-inp { flex: 1 1 100% !important; }
}

/* ====== Home Motion / Auth Final Pass ====== */
.screenshot-home {
  position: relative;
  isolation: isolate;
}

.screenshot-home::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 620px;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(44, 118, 255, 0.16), transparent 24%),
    radial-gradient(circle at 82% 8%, rgba(21, 181, 255, 0.14), transparent 22%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
  z-index: -1;
}

.shot-section {
  scroll-margin-top: 96px;
}

.shot-section .container,
.shot-feature-strip-wrap .container {
  position: relative;
}

.shot-feature-strip-wrap .container::before,
.shot-section .container::before {
  content: "";
  position: absolute;
  inset: -12px 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(143, 170, 214, 0.62), transparent);
  opacity: 0.72;
  pointer-events: none;
}

.shot-hero {
  padding: 84px 0 102px;
}

.shot-hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 18px;
  width: min(1080px, calc(100% - 56px));
  height: 88px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(54, 110, 230, 0.14), rgba(54, 110, 230, 0) 72%);
  filter: blur(10px);
  pointer-events: none;
}

.shot-hero-copy {
  max-width: 860px;
  margin: 0 auto;
}

.shot-search,
.shot-feature-item,
.shot-module,
.shot-scene-v3,
.shot-plan,
.shot-credit-card,
.shot-faq-main .qa-item,
.shot-faq-rotate-btn,
.modal-wrapper {
  will-change: transform, opacity, box-shadow;
}

.shot-search {
  border-radius: 20px;
  box-shadow: 0 24px 48px rgba(39, 86, 174, 0.12);
}

.shot-search:focus-within {
  transform: translateY(-2px);
  border-color: rgba(74, 122, 243, 0.45);
  box-shadow: 0 28px 54px rgba(39, 86, 174, 0.16);
}

.shot-actions button,
.shot-hot em,
.shot-module,
.shot-feature-item,
.shot-scene-v3,
.shot-plan,
.shot-credit-card,
.shot-faq-main .qa-item {
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s cubic-bezier(.2,.8,.2,1),
    border-color .24s ease,
    background-color .24s ease,
    opacity .24s ease;
}

.shot-hot em:hover,
.shot-actions button:hover,
.shot-module:hover,
.shot-feature-item:hover,
.shot-scene-v3:hover,
.shot-plan:hover,
.shot-credit-card:hover,
.shot-faq-main .qa-item:hover {
  transform: translate3d(0, -6px, 0);
}

.shot-module:hover,
.shot-feature-item:hover,
.shot-scene-v3:hover,
.shot-plan:hover,
.shot-credit-card:hover {
  box-shadow: 0 28px 54px rgba(37, 88, 180, 0.14);
}

.shot-rise {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition:
    opacity .9s cubic-bezier(.22,1,.36,1),
    transform .9s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--delay, 0ms);
}

.shot-rise.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
  .shot-rise,
  .shot-rise.is-visible,
  .shot-actions button,
  .shot-hot em,
  .shot-module,
  .shot-feature-item,
  .shot-scene-v3,
  .shot-plan,
  .shot-credit-card,
  .shot-faq-main .qa-item,
  .auth-submit-btn {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* Final homepage hero alignment override */
@media (min-width: 881px) {
  .shot-hero,
  .shot-hero-grid,
  .shot-hero-copy {
    text-align: center !important;
  }

  .shot-hero-grid {
    width: min(100% - 40px, 1280px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .shot-hero-copy {
    max-width: 980px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .shot-hero-copy h1,
  .shot-hero-copy p,
  .shot-search,
  .shot-actions,
  .shot-hot {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .shot-hero-copy h1 {
    width: 100% !important;
    max-width: 960px !important;
  }

  .screenshot-home .shot-title-one-line {
    max-width: none !important;
    font-size: clamp(32px, 3.6vw, 46px) !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }

  .shot-hero-copy p {
    width: 100% !important;
    max-width: 860px !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  .shot-search {
    width: min(100%, 560px) !important;
  }

  .shot-hot {
    max-width: 860px !important;
  }
}

@media (max-width: 880px) {
  .screenshot-home .shot-title-one-line {
    max-width: 100% !important;
    font-size: clamp(28px, 8.2vw, 38px) !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }
}

/* Latest logo/icon rules only */
.navbar .logo {
  min-width: 0 !important;
}

.navbar .logo-icon {
  width: auto !important;
  height: 40px !important;
  max-width: min(228px, 24vw) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  flex: 0 1 auto !important;
  background: transparent !important;
}

.footer-brand-mark {
  width: auto !important;
  height: 34px !important;
  max-width: min(220px, 48vw) !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
}

@media (max-width: 920px) {
  .navbar .logo-icon {
    max-width: min(180px, 32vw) !important;
  }

  .footer-brand-mark {
    max-width: min(180px, 52vw) !important;
  }
}

@media (max-width: 680px) {
  .navbar .logo-icon {
    height: 36px !important;
    max-width: min(156px, 36vw) !important;
  }

  .footer-brand-mark {
    height: 32px !important;
    max-width: min(160px, 58vw) !important;
  }
}

@media (max-width: 520px) {
  .navbar .logo-icon {
    height: 34px !important;
    max-width: min(140px, 40vw) !important;
  }

  .footer-brand-mark {
    height: 30px !important;
    max-width: min(148px, 64vw) !important;
  }
}

.password-input-wrap {
  position: relative;
}

.password-input-wrap .password-input {
  padding-right: 50px !important;
}

.password-toggle-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #64748b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.password-toggle-btn:hover {
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-primary);
}

html.dark .password-toggle-btn {
  color: #94a3b8;
}

html.dark .password-toggle-btn:hover {
  background: rgba(148, 163, 184, 0.14);
  color: #f8fafc;
}

html.dark .navbar .logo {
  padding: 6px 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.94));
  box-shadow: 0 10px 26px rgba(8, 15, 32, 0.28);
}

html.dark .navbar .logo-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

html.dark .footer-brand-mark {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.94));
  border: 1px solid rgba(148, 163, 184, 0.32);
  box-shadow: 0 10px 26px rgba(8, 15, 32, 0.28);
  padding: 6px 12px !important;
  border-radius: 16px !important;
}

body.body-lock {
  overflow: hidden !important;
  touch-action: none;
}

.modal-overlay {
  padding: 18px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.modal-wrapper,
.modal-wrapper.login-wrapper,
.modal-wrapper.register-wrapper {
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  max-height: min(88vh, 920px) !important;
  min-height: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(210, 220, 236, 0.92) !important;
  background:
    radial-gradient(circle at top right, rgba(98, 140, 255, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 251, 255, 0.99)) !important;
  box-shadow:
    0 28px 64px rgba(15, 23, 42, 0.18),
    0 10px 28px rgba(59, 130, 246, 0.12) !important;
}

.modal-container {
  position: relative;
  padding: 24px 20px 20px !important;
  max-height: min(88vh, 920px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
  background: transparent !important;
}

.modal-container::before {
  content: "" !important;
  position: absolute !important;
  width: 100% !important;
  height: 164px !important;
  inset: 0 0 auto 0 !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(104, 137, 255, 0.18), transparent 26%),
    radial-gradient(circle at 84% 12%, rgba(58, 190, 255, 0.12), transparent 24%),
    linear-gradient(180deg, rgba(238, 244, 255, 0.92), rgba(246, 250, 255, 0)) !important;
}

.modal-header,
.auth-form-grid,
.modal-footer {
  max-width: 100% !important;
}

.modal-header {
  padding-right: 52px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 1 !important;
}

.modal-header,
.auth-form-grid,
.modal-footer {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.modal-title {
  font-size: clamp(30px, 4.6vw, 40px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  color: #1f2a44 !important;
}

.modal-subtitle {
  max-width: none !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #52627d !important;
  margin-top: 10px !important;
  text-align: center !important;
}

.auth-form-grid {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 22px !important;
  position: relative !important;
  z-index: 1 !important;
}

.auth-captcha-row {
  padding-bottom: 2px !important;
}

.auth-runtime-status {
  min-height: 42px !important;
  margin-top: 2px !important;
  margin-bottom: 8px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(214, 223, 237, 0.52) !important;
  background: rgba(245, 248, 252, 0.72) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.form-group,
.auth-help-row,
.auth-captcha-row,
.auth-runtime-status,
.auth-submit-btn,
.modal-footer {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.email-input-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.form-input,
.email-domain-select,
.password-input,
.password-input-wrap,
.turnstile-widget,
.auth-runtime-status,
.auth-submit-btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.form-input,
.email-domain-select,
.password-input {
  min-height: 50px !important;
  border-color: rgba(210, 220, 236, 0.96) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

.email-domain-select option {
  color: #1f2a44 !important;
  background: #f8fbff !important;
}

.turnstile-widget {
  display: flex !important;
  justify-content: center !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.auth-submit-btn {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #3b6df2, #2f5fdd) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(59, 109, 242, 0.26) !important;
}

.close-btn {
  z-index: 3 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(210, 220, 236, 0.96) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08) !important;
}

.form-label,
.auth-kicker {
  color: #1f2a44 !important;
}

.auth-kicker {
  opacity: 0.78 !important;
}

.auth-help-row,
.terms-checkbox-label,
.modal-footer {
  position: relative !important;
  z-index: 1 !important;
}

.modal-footer {
  color: #5f6f89 !important;
}

.modal-footer a,
.forgot-link,
.terms-link {
  color: #2f5fdd !important;
}

html.dark .modal-overlay {
  background:
    radial-gradient(circle at top, rgba(88, 132, 255, 0.22), transparent 24%),
    rgba(7, 11, 18, 0.74) !important;
}

html.dark .modal-wrapper,
html.dark .modal-wrapper.login-wrapper,
html.dark .modal-wrapper.register-wrapper {
  background:
    radial-gradient(circle at top right, rgba(95, 124, 255, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(17, 25, 38, 0.98), rgba(13, 19, 30, 0.98)) !important;
  border-color: rgba(53, 70, 97, 0.92) !important;
}

html.dark .modal-container::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(104, 137, 255, 0.16), transparent 26%),
    radial-gradient(circle at 84% 12%, rgba(58, 190, 255, 0.08), transparent 24%),
    linear-gradient(180deg, rgba(24, 35, 54, 0.88), rgba(16, 24, 38, 0)) !important;
}

html.dark .modal-title,
html.dark .auth-kicker,
html.dark .form-label {
  color: #f8fafc !important;
}

html.dark .modal-subtitle,
html.dark .modal-footer {
  color: #c4cfdf !important;
}

html.dark .form-input,
html.dark .email-domain-select,
html.dark .password-input {
  border-color: #32445f !important;
  background: linear-gradient(180deg, rgba(18, 28, 45, 0.94), rgba(14, 23, 38, 0.94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html.dark .email-domain-select {
  color: #f8fafc !important;
}

html.dark .email-domain-select option {
  color: #e6edf8 !important;
  background: #162338 !important;
}

html.dark .auth-runtime-status {
  color: #9fb0c9 !important;
  background: rgba(18, 28, 45, 0.72) !important;
  border-color: rgba(63, 86, 120, 0.62) !important;
}

@media (max-width: 640px) {
  .modal-wrapper,
  .modal-wrapper.login-wrapper,
  .modal-wrapper.register-wrapper {
    width: min(100% - 16px, 420px) !important;
    max-width: 420px !important;
    max-height: calc(100vh - 20px) !important;
    border-radius: 22px !important;
  }

  .modal-container {
    padding: 20px 14px 18px !important;
    max-height: calc(100vh - 20px) !important;
  }

  .modal-container::before {
    width: 100% !important;
    height: 144px !important;
    inset: 0 0 auto 0 !important;
  }

  .modal-header {
    padding-right: 44px !important;
  }

  .modal-header,
  .auth-form-grid,
  .modal-footer {
    width: 100% !important;
  }

  .auth-form-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .auth-form-grid .form-group,
  .auth-form-grid .auth-help-row,
  .auth-form-grid .auth-captcha-row,
  .auth-form-grid .auth-runtime-status,
  .auth-form-grid .auth-submit-btn,
  .auth-form-grid .modal-footer,
  .auth-form-grid .form-group:has(.terms-checkbox-label) {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .form-input,
  .email-domain-select,
  .password-input,
  .password-input-wrap,
  .auth-runtime-status,
  .auth-submit-btn,
  .turnstile-widget {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .form-input,
  .email-domain-select,
  .password-input {
    min-height: 48px !important;
  }

  .email-input-wrapper {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    gap: 8px !important;
  }
}

@media (max-width: 420px) {
  .modal-overlay {
    padding: 10px !important;
  }

  .modal-wrapper,
  .modal-wrapper.login-wrapper,
  .modal-wrapper.register-wrapper {
    width: calc(100% - 8px) !important;
    border-radius: 20px !important;
  }

  .modal-container {
    padding: 18px 12px 16px !important;
  }

  .modal-title {
    font-size: clamp(24px, 9vw, 34px) !important;
  }

  .email-input-wrapper {
    grid-template-columns: minmax(0, 1fr) 110px !important;
    gap: 7px !important;
  }

  .modal-header,
  .auth-form-grid,
  .modal-footer {
    width: 100% !important;
  }
}