@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
:root{--brand:#0d6efd;--ink:#0f172a;--muted:#64748b;--surface:#ffffff;--ring: rgba(13,110,253,.35);}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans";color:var(--ink);background:#f8fafc}
.navbar{backdrop-filter:saturate(150%) blur(6px);background:rgba(255,255,255,.9)!important;border-bottom:1px solid rgba(0,0,0,.06)}
.navbar-brand img{height:36px}
.hero{background:linear-gradient(180deg, rgba(13,110,253,.08), rgba(13,110,253,0));padding:3rem 0 1rem}
.hero .headline{font-weight:800;letter-spacing:-.02em}
.card{border:1px solid rgba(0,0,0,.06);border-radius:1.25rem;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;background:var(--surface);box-shadow:0 10px 30px rgba(2,6,23,.06)}
.card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(2,6,23,.12)}
.card-img-top{height:200px;object-fit:cover}
.badge-rounded{border-radius:999px}
.footer-min{background:#ffffff;border-top:1px solid rgba(0,0,0,.06)}
.footer-min .copy{color:#6b7280}
.container-narrow{max-width:980px}
.btn-pill{border-radius:999px}
.kicker{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.post-title{font-weight:800;letter-spacing:-.01em}
.post-meta{color:var(--muted)}
.post-cover{border-radius:1rem}
.post-content p{line-height:1.85;font-size:1.05rem}
.post-content h2{margin-top:2rem}
.table{--bs-table-striped-bg:#f1f5f9}
.search-input{max-width:520px}
.form-control:focus{box-shadow:0 0 0 .25rem var(--ring);border-color:var(--brand)}
a{text-decoration:none}
.pagination .page-link{border-radius:.75rem}
.category-pill{padding:.4rem .8rem;border:1px solid #e5e7eb;border-radius:999px;display:inline-block;color:#0f172a;background:#fff}
.category-pill:hover{border-color:var(--brand);color:var(--brand)}
.small-muted{color:#94a3b8}