@charset "UTF-8";.blog-header{text-align:center;padding:40px 0}.blog-title{font-size:2.8rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.blog-subtitle{font-size:1.6rem;color:#7f8c8d;font-weight:300}.blog-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.search-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:5rem;padding:10px 20px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:400px}.search-box i{color:#95a5a6;margin-right:10px}.search-box input{border:none;outline:0;font-size:1.2rem;width:100%;background:0 0}.sort-options select{padding:10px 20px;border-radius:50px;border:2px solid #e0e0e0;background:#fff;font-size:1.2rem;color:#333;outline:0;cursor:pointer;-webkit-transition:border-color .3s;transition:border-color .3s}.sort-options select:hover{border-color:#3498db}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px;margin-bottom:50px}.article-card{background:#fff;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.08);box-shadow:0 5px 15px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.article-card:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.15);box-shadow:0 15px 30px rgba(0,0,0,.15)}.card-image-container{position:relative;height:200px;overflow:hidden}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.article-card:hover .card-image{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.card-date-badge{position:absolute;top:15px;right:15px;background:rgba(52,152,219,.9);color:#fff;padding:5px 15px;border-radius:20px;font-size:1rem;font-weight:500}.card-content{padding:25px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:10px;line-height:1.3}.card-excerpt{color:#666;margin-bottom:20px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:1rem}.card-footer{margin-top:auto}.read-more-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;background:#3498db;color:#fff;padding:10px 20px;border-radius:50px;-webkit-text-decoration:none;text-decoration:none;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.read-more-btn:hover{background:#2980b9;gap:12px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin:40px 0}.pagination-btn{padding:10px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:500}.pagination-btn:hover:not(.disabled){border-color:#3498db;color:#3498db}.pagination-btn.active{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-dots{padding:10px;color:#95a5a6}.error,.no-results{text-align:center;padding:40px;color:#e74c3c;font-size:1.1rem;grid-column:1/-1}.no-results{color:#7f8c8d}@media (max-width:768px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blog-title{font-size:2.2rem}.blog-controls{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.search-box{max-width:100%}}@media (max-width:575px){.blog-header{padding:20px 0}}@media (max-width:480px){.articles-grid{grid-template-columns:1fr}.card-image-container{height:180px}.blog-title{font-size:1.8rem}}