:root{--ink:#172033;--muted:#667085;--brand:#0d6efd;--soft:#f5f8fc;--border:#e7ebf2}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7}
.navbar{border-bottom:1px solid var(--border);background:#fff}.navbar-brand{font-weight:800;letter-spacing:-.5px}
.hero{background:linear-gradient(135deg,#eef6ff 0%,#fff 55%,#f6f9ff 100%);padding:90px 0 80px}
.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800;line-height:1.08;letter-spacing:-2px}
.hero p{font-size:1.15rem;color:var(--muted);max-width:720px}
.section{padding:75px 0}.section-soft{background:var(--soft)}
.card{border:1px solid var(--border);border-radius:18px;overflow:hidden;height:100%;box-shadow:0 5px 25px rgba(16,24,40,.04)}
.card-body{padding:28px}.post-card h3{font-size:1.25rem}.post-meta{font-size:.85rem;color:var(--muted)}
.badge-cat{background:#eaf3ff;color:#0757b8;font-weight:600}
.kipinn-cta{background:#102a43;color:#fff;border-radius:24px;padding:50px}.kipinn-cta p{color:#d8e5f2}
footer{background:#0b1320;color:#cbd5e1;padding:55px 0}footer a{color:#cbd5e1;text-decoration:none}footer a:hover{color:#fff}
.article{max-width:850px}.article h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.12;letter-spacing:-1.5px}.article h2{margin-top:45px;font-weight:750}.article p,.article li{font-size:1.05rem}.article .lead{font-size:1.25rem;color:var(--muted)}
.article-img{height:320px;background:linear-gradient(135deg,#dbeafe,#f8fafc);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-weight:800;font-size:1.4rem}
.breadcrumb a{text-decoration:none}.search-box{max-width:560px}
.category-hero{padding:60px 0;background:var(--soft)}
.form-control,.form-select{padding:.8rem 1rem;border-radius:10px;border-color:#d8dee9}
.btn{border-radius:10px;padding:.7rem 1.1rem;font-weight:650}
@media(max-width:767px){.hero{padding:65px 0}.section{padding:55px 0}.kipinn-cta{padding:32px 24px}}