.blog-card{background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);color:inherit;transform:translateY(-4px)}.blog-card-image{aspect-ratio:16/9;background-color:var(--color-bg-light);overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-card-image-placeholder{opacity:.15;background:linear-gradient(135deg,#0061f2 0%,#38a169 100%);width:100%;height:100%}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:24px;display:flex}.blog-card-meta-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-card-date{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.blog-card-author{align-items:center;gap:6px;display:flex}.blog-card-author-avatar{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.55rem;font-weight:700;display:flex}.blog-card-author-name{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.blog-card-title{color:var(--color-text-main);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}
.pagination{justify-content:center;align-items:center;gap:16px;margin-top:48px;display:flex}.pagination-btn{color:var(--color-text-main);background-color:var(--color-bg-white);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.pagination-btn:hover{background-color:var(--color-bg-light);color:var(--color-primary)}.pagination-btn-disabled{color:var(--color-text-muted);opacity:.5;pointer-events:none;cursor:default}.pagination-info{color:var(--color-text-muted);font-size:.9rem;font-weight:500}
.blog-main{background-color:var(--color-bg-light);min-height:100vh;padding-top:100px;padding-bottom:80px}.blog-header{text-align:center;margin-bottom:48px}.blog-header-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background-color:#0061f214;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.blog-header-title{color:var(--color-text-main);margin-bottom:12px;font-size:2.25rem;font-weight:800;line-height:1.2}.blog-header-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.blog-grid{grid-template-columns:1fr;gap:24px;display:grid}.blog-empty{text-align:center;color:var(--color-text-muted);padding:80px 24px;font-size:1.05rem}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-header-title{font-size:2.75rem}}