:root {
  color-scheme: light dark;
}
* { box-sizing: border-box; }
body {
  font-family: "Roboto", sans-serif;
  background: #000;
  color: #e2e8f0;
}
h1, h2, h3, .font-header { font-family: "Oswald", sans-serif; }
[v-cloak] { display: none; }
.gradient-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(56, 189, 248, 0.34), transparent 34%),
    radial-gradient(circle at 88% 22%, rgba(139, 92, 246, 0.30), transparent 32%),
    linear-gradient(130deg, rgba(2, 6, 23, 0.75), rgba(30, 41, 59, 0.6));
}
.surface {
  background: #0b1120;
  border-color: rgba(51, 65, 85, 0.8);
}
.ad-label {
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
  margin-bottom: 6px;
}
.ad-shell {
  border: 1px solid rgba(100,116,139,.25);
  border-radius: 12px;
  min-height: 90px;
  padding: 8px;
  background: rgba(15,23,42,.75);
}
.ad-shell.rail { min-height: 600px; }
.ad-shell.box { min-height: 250px; }
.table-zebra tbody tr:nth-child(even) { background: rgba(148,163,184,0.04); }
.footer-links a { color: #64748b; margin-right: 14px; font-size: 13px; }
.footer-links a:hover { color: #2563eb; }
.kpi-card { border: 1px solid rgba(100,116,139,.25); border-radius: 12px; padding: 14px; background: rgba(255,255,255,.85); }
.dark .kpi-card { background: rgba(15,23,42,.8); }
.neo-chip {
  border: 1px solid rgba(99, 102, 241, 0.35);
  background: rgba(255, 255, 255, 0.75);
  color: #1e293b;
  border-radius: 9999px;
  padding: 0.35rem 0.8rem;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}
.dark .neo-chip {
  background: rgba(15, 23, 42, 0.72);
  color: #cbd5e1;
  border-color: rgba(56, 189, 248, 0.42);
}
.neo-glow {
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.18);
}
.glass-panel {
  background: rgba(2, 6, 23, 0.82);
  border: 1px solid rgba(71, 85, 105, 0.65);
  backdrop-filter: blur(10px);
  border-radius: 16px;
}
.premium-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 0.7rem 1rem;
  font-weight: 700;
  transition: all 0.2s ease;
}
.premium-btn:hover {
  transform: translateY(-1px);
}
.soft-ring {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.12), 0 16px 30px -18px rgba(59, 130, 246, 0.4);
}
.page-bg {
  background:
    radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.16), transparent 30%),
    radial-gradient(circle at 100% 20%, rgba(139, 92, 246, 0.14), transparent 28%),
    #000;
}
.site-logo {
  color: #f8fafc;
}
.site-logo-accent {
  color: #38bdf8;
}
.header-link {
  color: #cbd5e1;
  font-weight: 600;
}
.header-link:hover {
  color: #38bdf8;
}