:root { --brand:#0f172a; --accent:#22c55e; }
html { scroll-behavior:smooth }
.nav-blur { backdrop-filter:saturate(180%) blur(8px); background:rgba(255,255,255,.8) }
.card { border-radius:1rem; background:#fff; box-shadow:0 8px 24px rgba(2,6,23,.08); padding:1.25rem }
.badge { display:inline-flex; align-items:center; gap:.4rem; border-radius:999px; padding:.25rem .6rem; font-size:.75rem; background:#eef2ff; color:#334155 }
.btn { display:inline-flex; align-items:center; justify-content:center; border-radius:.75rem; padding:.55rem 1rem; border:1px solid #e2e8f0; font-weight:600 }
.btn:hover { background:#f8fafc }
.btn-primary { background:#0f172a; color:#fff; border-color:#0f172a }
.btn-primary:hover { background:#111827 }
.footer { color:#64748b; font-size:.9rem }