.blog-page{padding:170px 20px 60px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.blog-page .container{margin:0 auto}.blog-page .blog-title{font-size:36px;font-weight:700;margin-bottom:10px}.blog-page .blog-subtitle{color:#fff;font-size:16px;margin-bottom:28px;max-width:700px}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:26px;gap:26px}.blog-page .blog-card{background:#2f2d2e;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(47,45,46,.06);transition:.25s ease}.blog-page .blog-card .img-wrap{position:relative;width:100%;height:210px}.blog-page .blog-card .img-wrap img{object-fit:cover}.blog-page .blog-card .card-body{padding:16px 18px}.blog-page .blog-card .card-body .meta{font-size:13px;color:#fff;display:flex;gap:6px;margin-bottom:8px;align-items:center}.blog-page .blog-card .card-body .meta .dot{opacity:.6}.blog-page .blog-card .card-body .title{font-size:18px;margin-bottom:15px}.blog-page .blog-card .card-body .title a{color:#fff;text-decoration:none}.blog-page .blog-card .card-body .desc{font-size:14px;color:#fff;line-height:1.35}.blog-page .blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(47,45,46,.1);background:#2f2d2e;background:#fff}.blog-page .blog-card:hover .card-body .desc,.blog-page .blog-card:hover .card-body .meta,.blog-page .blog-card:hover .card-body .title{color:#1d1d1f}@media(max-width:1300px){.blog-page{padding:100px 20px 60px}}@media(max-width:600px){.blog-page .blog-title{font-size:28px}.blog-page .blog-subtitle{font-size:14px;margin-bottom:20px}}