.hero .cta-btn{display:inline-block;background:#ff3b6e;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;transition:background .2s ease}
.hero .cta-btn:hover{background:#e33261}
.hero .hero-content p{max-width:860px;margin:0 auto 18px}
.section-title h2{margin-bottom:6px}
.section-title p{color:#666}
.blog-article{max-width:960px;margin:0 auto}
.blog-article section{margin-bottom:28px}
.blog-article h2{color:#e74064;margin-bottom:10px}
.blog-article h3{font-size:1.15rem;color:#333;margin:14px 0 8px}
.blog-article p{color:#444}
.blog-article img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.08);margin:10px 0 20px}
.blog-article ul,.blog-article ol{list-style:none;margin-left:0}
.blog-article ul li,.blog-article ol li{position:relative;padding-left:26px;margin-bottom:8px}
.blog-article ul li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:#e74064;position:absolute;left:0}
.blog-article ol{counter-reset:item}
.blog-article ol li:before{content:counter(item) ".";counter-increment:item;position:absolute;left:0;color:#e74064;font-weight:700}
.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.image-card{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.image-card img{width:100%;height:240px;object-fit:cover;display:block}
.image-card .caption{padding:10px 12px;font-size:.95rem;color:#555}
@media (max-width:1024px){.image-grid{grid-template-columns:1fr}}
@media (max-width:640px){.blog-article{padding:0 4px}.image-card img{height:200px}}