:root {
  --brand: #1d4ed8;
  --brand-dark: #1e40af;
}
html { scroll-behavior: smooth; }
.shadow-soft { box-shadow: 0 8px 30px rgba(2,6,23,.08); }
.container { max-width: 80rem; margin-inline: auto; padding-inline: 1rem; }
.badge { display:inline-flex; align-items:center; padding:.25rem .5rem; border-radius:.5rem; background:#dcfce7; color:#166534; font-weight:600; font-size:.75rem; }
.nav-link { position:relative; }
.nav-link::after { content:""; position:absolute; left:0; bottom:-4px; width:0; height:2px; background:var(--brand); transition:width .2s; }
.nav-link:hover::after { width:100%; }
.nav-link.active { color:#0f172a; font-weight:600; }
.nav-link.active::after{ width:100%; }
.footer a:hover { text-decoration: underline; }
.icon-circle{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:.75rem;background:#eff6ff;color:#1d4ed8}