.all-news-page{max-width:1200px;margin:0 auto;padding:200px 20px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.search-input{border:1px solid #ddd;border-radius:8px;flex-grow:1;min-width:250px;padding:12px}.filter-controls{flex-wrap:wrap;gap:15px;display:flex}.category-hooks{gap:10px;display:flex}.hook-button{color:#252154;cursor:pointer;background-color:#f0f2f5;border:none;border-radius:50px;padding:10px 20px;font-weight:600;transition:background-color .3s,color .3s}.hook-button:hover{background-color:#dfe3e8}.hook-button.active{color:#fff;background-color:#252154}.sort-dropdown{appearance:none;color:#252154;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right 15px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ced4da;border-radius:8px;padding:10px 40px 10px 15px;font-weight:600}.news-grid-container{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.news-grid-card{color:inherit;text-decoration:none}.news-grid-image-wrapper{background-color:#e9ecef;border-radius:8px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.news-grid-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.news-grid-card:hover .news-grid-image-wrapper img{transform:scale(1.05)}.news-grid-viewcount{color:#fff;background:#000000a6;border-radius:15px;align-items:center;gap:5px;padding:5px 9px;font-size:.85rem;display:flex;position:absolute;bottom:10px;right:10px}.news-grid-meta{color:gray;margin:14px 0 7px;font-size:.9rem}.news-grid-content h4{color:#252154;margin:0 0 8px;font-size:1.15rem;line-height:1.45}.news-grid-desc{color:#555;margin:0;line-height:1.6}@media (max-width:768px){.all-news-page{max-width:768px;padding:80px 20px}.filter-bar{flex-direction:column;align-items:stretch}.filter-controls{flex-direction:column}.category-hooks{flex-wrap:wrap;justify-content:center;gap:10px;overflow-x:visible}.hook-button{white-space:nowrap}.news-grid-container{grid-template-columns:1fr}}