body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f9ff;color:#0b1220}
.container{width:min(1100px,92%);margin:0 auto}
a{text-decoration:none;color:#2563eb;font-weight:600}
.nav{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}
.nav-inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.menu a{margin-left:16px;color:#374151}
.menu a:hover{color:#2563eb}
.hero{padding:48px 0}
.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:24px}
h1,h2,h3{line-height:1.2}
.small{color:#4b5563;line-height:1.65}
.faq{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}
.faq h3{margin-top:24px}
.footer{border-top:1px solid #e5e7eb;padding:32px 0;margin-top:48px}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px}

/* Mobile Hamburger Menu */
.burger{display:none;border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 12px;font-weight:800}
@media (max-width: 860px){
  .burger{display:inline-flex}
  .menu{display:none;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.10);position:absolute;right:4%;top:64px;min-width:220px}
  .menu.open{display:flex}
}


/* Author box */
.authorbox{margin-top:24px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}
.authorbox .small{margin:6px 0}
.authorbox a{font-weight:600}

/* Blog layout */
.blog-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
  margin:22px 0 10px;
}
@media (max-width: 820px){
  .blog-grid{grid-template-columns:1fr}
}
.post-card{
  overflow:hidden;
  padding:0;
}
.post-media{
  display:block;
  aspect-ratio: 16/9;
  overflow:hidden;
  background: rgba(0,0,0,0.04);
}
.post-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.post-card:hover .post-media img{ transform: scale(1.07); }
.post-body{
  padding:16px 16px 18px;
}
.post-body h2{
  margin:0 0 8px;
  font-size:1.1rem;
  line-height:1.25;
}
.post-body p{
  margin:0 0 12px;
  color: rgba(11,18,32,0.78);
}
.post-cta{
  display:inline-block;
  font-weight:700;
  color:#2563eb;
}