.blog-container{padding:120px 5% 60px}.blog-title{text-align:center;color:#222;margin-bottom:40px;font-size:2.5rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;gap:30px;display:grid}.blog-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 6px 16px #0000000d}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000014}.blog-image{object-fit:cover;width:100%;height:200px}.blog-content{flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px;display:flex}.blog-date{color:#888;margin-bottom:10px;font-size:.85rem}.blog-title-link{color:#1976d2;margin-bottom:10px;font-size:1.1rem;font-weight:600;text-decoration:none}.blog-title-link:hover{text-decoration:none}.blog-excerpt{color:#444;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.8em;margin-bottom:15px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{color:#444;margin-top:auto;font-weight:500;text-decoration:none;transition:color .2s}.read-more:hover{color:#1976d2}.filter-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.search-input{border:1px solid #ccc;border-radius:8px;width:240px;padding:10px 15px;font-size:1rem}.filter-select{color:#555;border:1px solid #ddd;border-radius:5px;min-width:200px;padding:10px 14px;font-size:16px}.reset-button{cursor:pointer;color:#444;background-color:#f5f5f5;border:1px solid #ccc;border-radius:6px;padding:10px 16px;font-size:1rem;transition:background-color .2s}.reset-button:hover{background-color:#e0e0e0}