.blog-page-container{color:#1e293b;max-width:1200px;margin:0 auto;padding:3rem 1.5rem 5rem;font-family:inherit}.blog-header{text-align:center;margin-bottom:3.5rem}.blog-header h1{color:#0f172a;letter-spacing:-.025em;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.blog-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000008}.blog-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 20px -4px #00000014}.blog-card-image-wrapper{background-color:#f1f5f9;width:100%;height:200px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-image{transform:scale(1.04)}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card-meta{color:#64748b;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:flex}.blog-author:before{content:"•";margin-right:.75rem}.blog-card-title{color:#0f172a;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:#0284c7}.blog-card-description{color:#475569;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:.75rem}.read-more-link{color:#0284c7;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.read-more-link .arrow{transition:transform .2s}.read-more-link:hover{color:#0369a1}.read-more-link:hover .arrow{transform:translate(4px)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.blog-header h1{font-size:2.25rem}}@media (max-width:640px){.blog-page-container{padding:2rem 1rem 3rem}.blog-header{margin-bottom:2rem}.blog-header h1{font-size:1.875rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card-image-wrapper{height:180px}}