:root{--primary:#4361ee;--secondary:#3a0ca3;--accent:#f72585;--light:#f8f9fa;--dark:#212529;--success:#4cc9f0;--warning:#fca311}body{font-family:'Poppins',sans-serif;background-color:#f8fafc;color:#334155}.page-header{text-align:center;margin-bottom:40px;padding:20px 0}.page-title{font-weight:700;color:var(--primary);margin-bottom:15px;font-size:2.5rem}.page-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-weight:400}.categories-container{margin-bottom:40px}.category-section{margin-bottom:50px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px rgb(0 0 0 / .03)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e2e8f0}.category-title{font-weight:700;color:var(--dark);margin:0;font-size:1.5rem}.view-all{color:var(--primary);text-decoration:none;font-weight:500}.category-card{background:#fff;border-radius:12px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 6px rgb(0 0 0 / .05);border:none;height:100%;margin-bottom:25px}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.category-img{height:180px;object-fit:cover;width:100%}.category-content{padding:20px}.card-title{font-weight:600;color:var(--dark);margin-bottom:10px;font-size:1.1rem}.card-desc{color:#64748b;margin-bottom:15px;font-size:.9rem}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8}.articles-count{display:inline-flex;align-items:center}.read-more{color:var(--primary);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;transition:all 0.2s ease}.read-more:hover{color:var(--secondary)}.read-more i{margin-left:5px;transition:transform 0.2s ease}.read-more:hover i{transform:translateX(3px)}.category-badge{position:absolute;top:15px;right:15px;background:var(--accent);color:#fff;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.pagination{justify-content:center;margin-top:20px}.page-item .page-link{color:var(--primary);border:none;padding:8px 16px;border-radius:8px;margin:0 3px}.page-item.active .page-link{background-color:var(--primary);color:#fff}.page-item .page-link:hover{background-color:#f0f5ff;color:var(--primary)}@media (max-width:768px){.page-title{font-size:2rem}.category-img{height:150px}.category-header{flex-direction:column;align-items:flex-start}.view-all{margin-top:10px}}@media (max-width:576px){.page-title{font-size:1.75rem}.category-section{padding:15px}}