:root{--brand:#ab183d;--brand-dark:#7f1230;}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}
.whatsapp-float{animation:waPulse 2s infinite;}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 18px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
#progressBar{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,var(--brand),#f59e0b);z-index:60;transition:width .12s ease-out;}
.ad-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;}
.cat-pill{background:#fff;border:1px solid #e5e7eb;color:#374151;}
.cat-pill:hover{border-color:var(--brand);color:var(--brand);}
.cat-active{background:var(--brand);color:#fff;border-color:var(--brand);}
.blog-card{transition:transform .25s ease, box-shadow .25s ease;}
.blog-card:hover{transform:translateY(-4px);}
.blog-card .thumb{transition:transform .5s ease;}
.blog-card:hover .thumb{transform:scale(1.07);}
.read-more{color:var(--brand);font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.35rem;}
.read-more:hover{color:var(--brand-dark);}
.read-more i{transition:transform .25s;}
.read-more:hover i{transform:translateX(4px);}
.sidebar-box{background:#fff;border:1px solid #eee;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.toc-sticky{position:sticky;top:90px;}
.share-btn{width:2.5rem;height:2.5rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease, opacity .2s;}
.share-btn:hover{transform:translateY(-3px);opacity:.9;}
.cta-box{background:linear-gradient(135deg,var(--brand),#c53030);color:#fff;border-radius:1.25rem;padding:1.5rem;text-align:center;}
.article-body{line-height:1.85;color:#374151;font-size:1.05rem;}
.article-body h2{font-size:1.6rem;font-weight:800;color:#111827;margin:2.2rem 0 1rem;scroll-margin-top:90px;}
.article-body h3{font-size:1.2rem;font-weight:700;color:#1f2937;margin:1.4rem 0 .6rem;}
.article-body p{margin:1rem 0;}
.article-body ul{list-style:disc;padding-left:1.4rem;margin:1rem 0;}
.article-body ol{list-style:decimal;padding-left:1.4rem;margin:1rem 0;}
.article-body li{margin:.4rem 0;}
.article-body a{color:var(--brand);font-weight:600;text-decoration:underline;}
.article-body strong{color:#111827;}
.toc{background:#fff;border:1px solid #f3d3da;border-left:4px solid var(--brand);border-radius:.75rem;padding:1.1rem 1.4rem;margin:1.5rem 0;}
.toc h2{font-size:1.05rem!important;margin:0 0 .6rem!important;}
.toc a{color:#374151;text-decoration:none;font-weight:500;}
.toc a:hover{color:var(--brand);text-decoration:underline;}
.step-card{background:#fff;border:1px solid #eee;border-radius:1rem;padding:1.1rem 1.25rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 1px 3px rgba(0,0,0,.05);margin:1rem 0;}
.step-num{flex:none;width:2.4rem;height:2.4rem;border-radius:9999px;background:var(--brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;}
.step-card h3{margin:.1rem 0 .3rem;}
.faq-item{border-bottom:1px solid #eee;padding:1rem 0;}
.faq-item h3{margin:0 0 .4rem;color:#111827;}