:root{--brand:#4f46e5;--accent:#f59e0b;--ink:#0f172a;--muted:#6b7280}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink)}
a{text-decoration:none} a:hover{text-decoration:underline}
.btn-brand{background:var(--brand);color:#fff;border:0}
.btn-brand:hover{filter:brightness(1.05)}
.lead{color:var(--muted)}
.hero{position:relative;background:linear-gradient(180deg,#f6f7ff,#ffffff)}
.hero h1{font-weight:800;letter-spacing:.2px}
.badge-soft{background:#eef2ff;color:#3730a3;border:1px solid #e0e7ff}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 .75rem 1.5rem rgba(2,6,23,.08);transition:.2s}
/* Masonry columns */
.masonry{column-count:3;column-gap:1.25rem}
@media (max-width: 992px){.masonry{column-count:2}}
@media (max-width: 576px){.masonry{column-count:1}}
.masonry .masonry-item{break-inside:avoid;margin:0 0 1.25rem}
.container-narrow{max-width:920px}
.post-body img{border-radius:12px;margin:10px 0}
.navbar .btn-brand{background:var(--accent);color:#1f2937}