.blog-page{background-color:var(--bg-soft);min-height:100vh}.blog-hero{text-align:center;border-bottom:1px solid var(--border);background:#fff;padding:100px 0 60px}.blog-hero-title{letter-spacing:-.04em;margin-bottom:24px;font-size:3.5rem;font-weight:800}.blog-hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.25rem}.blog-content-section{padding:80px 0}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{border:1px solid var(--border);color:inherit;background:#fff;border-radius:24px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:#3960ef33;transform:translateY(-8px);box-shadow:0 20px 40px -15px #00000014}.blog-card-image{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f0f4ff 0%,#d8e2ff 100%);justify-content:center;align-items:center;height:200px;font-size:3rem;display:flex}.blog-card-content{flex-direction:column;flex:1;padding:32px;display:flex}.blog-meta{color:var(--text-muted);align-items:center;gap:16px;margin-bottom:16px;font-size:.8125rem;font-weight:600;display:flex}.blog-category{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#3960ef1a;border-radius:6px;padding:4px 10px}.blog-title{margin-bottom:12px;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-excerpt{color:var(--text-muted);flex:1;margin-bottom:24px;font-size:1rem}.blog-read-more{color:var(--primary);align-items:center;gap:8px;font-size:.9375rem;font-weight:600;display:flex}.blog-read-more:after{content:"→";transition:transform .2s}.blog-card:hover .blog-read-more:after{transform:translate(4px)}@media (max-width:991px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-hero-title{font-size:2.75rem}}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:60px;display:flex}.page-numbers{gap:8px;display:flex}.page-link{color:var(--text);border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.page-link:hover:not(.disabled):not(.active){background:var(--bg-soft);border-color:var(--primary);color:var(--primary)}.page-link.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-num{width:40px;height:40px;padding:0}