:root{ --brand:#0ea5e9; --bg:#ffffff; --text:#111827; --muted:#6b7280; --card:#ffffff; --border:#e5e7eb; }
:root[data-theme='dark']{ --bg:#0b1220; --text:#e5e7eb; --muted:#94a3b8; --card:#0f172a; --border:#1f2937; }
html,body{background:var(--bg); color:var(--text);}
body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
.navbar{background:var(--bg)!important;}
.navbar-brand{letter-spacing:.2px}
.hero{background: radial-gradient(800px 400px at 10% 10%, #eaf6ff 0%, #f8fbff 60%, #ffffff 100%);}
[data-theme='dark'] .hero{background: radial-gradient(800px 400px at 10% 10%, #0c2236 0%, #0b1220 60%, #0b1220 100%);}
.card{background:var(--card); border-color:var(--border);}
.card-elevated{box-shadow: 0 6px 24px rgba(0,0,0,.06);}
.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.req{color:#dc3545}
.table-fixed{table-layout:fixed}
.sticky-result{position:sticky; bottom:0; background:var(--card); border-top:1px solid var(--border); padding:.75rem; z-index:10}
.cookiebar{background:#0b1220;color:#fff}
a{color:#0ea5e9}
.text-secondary{color:var(--muted)!important}
.btn-light{background:#f3f4f6;border-color:#e5e7eb}
[data-theme='dark'] .btn-light{background:#0b2236;border-color:#1f2937;color:#e5e7eb}