:root{--nov:#0f5f8f;--navy:#093654;--ink:#0f2438;--muted:#5a6b7a;--turq:#06B6D4}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.68;background:#f5f8fb}
.bwrap{max-width:820px;margin:0 auto;padding:0 20px}
.btop{background:linear-gradient(135deg,var(--navy),var(--nov));color:#fff;padding:30px 20px 40px}
.btop .bwrap{padding:0}
.btop a.back{color:#cfe6f5;text-decoration:none;font-size:.9rem}
.bkicker{display:inline-block;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800;opacity:.9;margin:14px 0 6px}
.btop h1{margin:0;font-size:2rem;line-height:1.15}
.bmeta{margin-top:10px;opacity:.8;font-size:.85rem}
.btop p.lead{margin:10px 0 0;opacity:.92;max-width:640px}
main.bmain{padding:32px 0 60px}
article.post{background:#fff;border-radius:18px;padding:32px 32px 26px;box-shadow:0 12px 34px rgba(9,54,84,.08)}
article.post h2{color:var(--nov);font-size:1.25rem;margin:26px 0 8px}
article.post p{color:#33475b;margin:0 0 14px}
article.post ul{color:#33475b;margin:0 0 14px;padding-left:20px}
article.post li{margin:6px 0}
.post-cta{margin:26px 0 6px;background:linear-gradient(135deg,#eef6fb,#e3f0f8);border:1px solid #d4e6f2;border-radius:16px;padding:22px 24px}
.post-cta h3{margin:0 0 6px;color:var(--navy);font-size:1.1rem}
.post-cta p{margin:0 0 14px;color:#33475b}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#05351f;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:800}
.comment-box{background:#fff;border-radius:18px;padding:26px 30px;box-shadow:0 12px 34px rgba(9,54,84,.08);margin-top:22px}
.comment-box h3{margin:0 0 4px;color:var(--nov);font-size:1.1rem}
.comment-box p.sub{margin:0 0 14px;color:var(--muted);font-size:.9rem}
.comment-box label{display:block;font-weight:600;font-size:.85rem;color:var(--navy);margin:10px 0 4px}
.comment-box input,.comment-box textarea{width:100%;padding:11px 14px;border:1px solid #d8e0e8;border-radius:10px;font-size:1rem;font-family:inherit;box-sizing:border-box}
.comment-box textarea{min-height:90px;resize:vertical}
.comment-box button{margin-top:14px;background:var(--nov);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit}
.comment-ok{display:none;color:#0a7d33;font-weight:600;margin-top:12px}
.bfoot{padding:26px 20px;text-align:center;color:var(--muted);font-size:.85rem}
.bfoot a{color:var(--nov);text-decoration:none}
.blog-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:26px}
.blog-card{display:block;background:#fff;border-radius:16px;padding:22px 22px 20px;box-shadow:0 10px 28px rgba(9,54,84,.07);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(9,54,84,.13)}
.blog-card .tag{display:inline-block;background:#e8f2f9;color:var(--nov);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 11px;border-radius:999px}
.blog-card h3{margin:12px 0 8px;font-size:1.08rem;line-height:1.3;color:var(--navy)}
.blog-card p{margin:0;color:var(--muted);font-size:.9rem}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:9000;background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.28);text-decoration:none}
.wa-float svg{width:30px;height:30px}
@media(max-width:600px){.btop h1{font-size:1.6rem}article.post{padding:24px 22px}}