:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#222;
  --primary:#0d47a1;
}
[data-theme="dark"]{
  --bg:#0b1220;
  --card:#0f1724;
  --text:#e6eef8;
  --primary:#66b2ff;
}
body{
  background:var(--bg);
  color:var(--text);
  font-family: 'Poppins', sans-serif;
}
.hero-section{
  background: linear-gradient(135deg, rgba(13,71,161,0.9), rgba(2,30,80,0.85));
  padding:70px 0;
}
.card{ background:var(--card); }
.navbar, .bg-light{ background:var(--card) !important; }
a{ color:var(--primary); }
.badge{ margin-right:6px; margin-bottom:6px; }
footer{ background:transparent; }