.blog-page{background-color:#fff;width:100%;min-height:100vh;padding-bottom:80px}.blog-banner{position:relative;height:320px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.blog-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}.blog-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000009e,#00000047)}.blog-banner__title{position:relative;z-index:2;color:#fff;font-size:2.6rem;font-weight:400;margin:0 0 1rem;text-align:center;line-height:1.15}.blog-banner__description{position:relative;z-index:2;color:#ffffffeb;font-size:1.15rem;text-align:center;max-width:900px;padding:0 1rem}.blog-content{max-width:1400px;margin:0 auto;padding:0 2rem 3rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.blog-card{background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 6px #0000001f;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000029}.blog-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-card__image{height:220px;background:#f1f3f5;overflow:hidden}.blog-card__img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;flex:1}.blog-card__date{font-size:.8rem;color:#6c757d;margin-bottom:.6rem}.blog-card__title{font-size:1.05rem;font-weight:600;color:#202020;line-height:1.35;margin:0 0 .9rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__cta{font-size:.85rem;color:#2b2b2b;opacity:.75;transition:opacity .18s ease}.blog-card:hover .blog-card__cta{opacity:1}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 2rem;color:#6c757d;font-size:1rem;background:#f8f9fa;border-radius:6px;margin:1.5rem 0}.error-state{color:#dc3545;background:#f8d7da}.empty-state{background:#e9ecef}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e9ecef}.pagination-button{padding:.5rem .75rem;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .18s ease;color:#495057;min-width:40px;text-align:center}.pagination-button:hover:not(:disabled){background-color:#eff1f3;border-color:#d5dbe1}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#2e62ff;color:#fff;border-color:#2e62ff}.pagination-ellipsis{padding:.5rem .25rem;color:#6c757d;font-size:.85rem}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-content{padding:0 1.5rem 2rem}.blog-banner{height:280px}.blog-banner__title{font-size:2.2rem}}@media (max-width: 768px){.pagination{flex-wrap:wrap;gap:.25rem}.pagination-button{min-width:36px;padding:.4rem .6rem;font-size:.8rem}}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}.blog-content{padding:0 1rem 2rem}.blog-card__image{height:200px}.blog-banner{height:240px;margin-bottom:1.5rem}.blog-banner__title{font-size:1.8rem}.blog-banner__description{font-size:1rem}}