.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eff2f5;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.card-image-wrapper{width:100%;height:200px;overflow:hidden;background:#f8f9fa}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image{transform:scale(1.05)}.card-content{padding:1.5rem}.card-meta{display:flex;gap:1rem;font-size:.8rem;color:#8b8b8f;margin-bottom:.75rem}.card-title{font-size:1.1rem;color:#2a2d32;margin-bottom:.75rem;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{color:#4b4b4f;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#paging a{margin:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%!important;font-weight:600}#paging .current-number-page{background-color:#1aaf84;color:#fff;border-color:#1aaf84}.tilte-tags{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#0000;--swiper-theme-color:#007aff;--swiper-navigation-size:44px;color:#212529;text-align:left;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;box-sizing:border-box;margin:0;padding:20px 0 30px;font-size:24px}