.blog-main-page{max-width:1200px;margin:2rem auto;padding:0 1rem}.blog-header{text-align:center;margin-bottom:2rem}.blog-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.blog-header p{color:#64748b;font-size:1.1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;border:1px solid #e2e8f0}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px rgba(0,0,0,.1)}.card-image{width:100%;height:180px;object-fit:cover}.card-content{padding:1.2rem}.card-content h2{font-size:1.3rem;margin-bottom:.5rem}.card-content h2 a{text-decoration:none;color:#1e293b}.card-content h2 a:hover{color:#3e608d;text-decoration:underline}.card-meta{color:#64748b;font-size:.8rem;margin-bottom:.75rem}.card-link{display:inline-block;margin-top:.75rem;color:#3e608d;font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}