/* 24HG Liquid Glass — variable bridge (market) */
:root {
  --bg: #07080a; --deep: #0a0b0d; --surface: #101114; --surface2: #16171b;
  --accent: #00e5ff; --accent-rgb: 0,229,255; --pink: #e040fb;
  --text: #f0f0f0; --muted: #6a6b6c; --border: rgba(255,255,255,0.06);
  --border-focus: color-mix(in srgb, var(--accent) 40%, transparent);
  --bg-primary: var(--bg); --bg-secondary: var(--surface); --bg-elevated: var(--surface2);
  --accent-primary: var(--accent); --accent-secondary: var(--pink);
  --text-primary: var(--text); --text-secondary: rgba(240,240,240,0.7); --text-muted: var(--muted);
  --border-primary: var(--border); --border-hover: rgba(255,255,255,0.12);
}
html, body, #root { background: var(--bg) !important; }
body::before, body::after { display: none !important; }

/* Nav */
.land-nav {
  background: color-mix(in srgb, var(--bg) 75%, transparent) !important;
  backdrop-filter: saturate(1.2) blur(20px) !important;
  -webkit-backdrop-filter: saturate(1.2) blur(20px) !important;
  border-bottom: 1px solid var(--border) !important;
}
/* Feature cards */
.land-feature {
  background: color-mix(in srgb, var(--surface) 55%, transparent) !important;
  backdrop-filter: saturate(1.2) blur(30px);
  -webkit-backdrop-filter: saturate(1.2) blur(30px);
  border: 1px solid var(--border) !important;
  border-radius: 16px !important;
  transition: border-color 0.2s ease, transform 0.2s ease !important;
}
.land-feature:hover {
  border-color: rgba(255,255,255,0.12) !important;
  transform: translateY(-2px);
}
/* Stat cards */
.land-stats {
  background: color-mix(in srgb, var(--surface) 40%, transparent) !important;
  backdrop-filter: saturate(1.2) blur(20px);
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
}
.land-stat {
  border-right: 1px solid var(--border);
}
/* CTA */
.land-cta {
  background: color-mix(in srgb, var(--surface) 40%, transparent) !important;
  border-top: 1px solid var(--border) !important;
}
/* Buttons */
.land-btn--primary {
  background: var(--accent) !important;
  color: var(--bg) !important;
  border-radius: 10px !important;
  border: 1px solid var(--accent) !important;
  backdrop-filter: blur(10px);
}
.land-btn--secondary {
  background: color-mix(in srgb, var(--surface) 60%, transparent) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(10px);
  color: var(--text) !important;
}
.land-btn--secondary:hover {
  border-color: rgba(255,255,255,0.15) !important;
  background: color-mix(in srgb, var(--surface2) 70%, transparent) !important;
}
/* Sign in button */
.land-signin {
  background: color-mix(in srgb, var(--surface) 60%, transparent) !important;
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(10px);
}
/* Footer */
.land-footer {
  background: color-mix(in srgb, var(--deep) 80%, transparent) !important;
  border-top: 1px solid var(--border) !important;
  backdrop-filter: saturate(1.2) blur(20px);
}
/* App main */
.mkt-main { background: transparent !important; }

/* glass-btn CTA/form override — restore readable size for page-level buttons */
.glass-btn:not(.eco-glass-btn):not(.glass-btn--icon):not(.glass-btn--sm) {
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
}
.glass-btn--accent:not(.eco-glass-btn) {
  color: var(--bg, #07080a) !important;
  background: color-mix(in srgb, var(--accent, #00e5ff) 90%, transparent) !important;
  border-color: var(--accent, #00e5ff) !important;
}
.glass-btn--accent:not(.eco-glass-btn):hover {
  background: var(--accent, #00e5ff) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px color-mix(in srgb, var(--accent, #00e5ff) 30%, transparent) !important;
}