body{margin:0}.blog-listing{margin:0 auto;max-width:1200px;padding:60px 20px}.blog-listing__header{margin-bottom:60px;text-align:center}.blog-listing__title{color:#1a1a1a;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.blog-listing__description{color:#666;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:700px}.blog-listing__grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.blog-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.blog-card__image-link{display:block;overflow:hidden;width:100%}.blog-card__image{height:240px;overflow:hidden;width:100%}.blog-card__image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__content{display:flex;flex:1;flex-direction:column;padding:30px}.blog-card__meta{align-items:center;color:#999;display:flex;font-size:.875rem;gap:15px;margin-bottom:15px}.blog-card__date,.blog-card__reading-time{display:inline-block}.blog-card__reading-time:before{content:"•";margin-right:15px}.blog-card__title{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:15px}.blog-card__title-link{color:#1a1a1a;text-decoration:none;transition:color .3s ease}.blog-card__title-link:hover{color:#06c}.blog-card__summary{color:#666;flex:1;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:20px}.blog-card__author{align-items:center;border-top:1px solid #eee;display:flex;gap:12px;margin-bottom:20px;padding-top:20px}.blog-card__author-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.blog-card__author-name{color:#666;font-size:.875rem;font-weight:500}.blog-card__read-more{align-items:center;color:#06c;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;text-decoration:none;transition:gap .3s ease}.blog-card__read-more:hover{gap:12px}.blog-card__arrow{transition:transform .3s ease}.blog-card__read-more:hover .blog-card__arrow{transform:translateX(3px)}.blog-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.blog-card__tag{background:#f5f5f5;border-radius:20px;color:#666;display:inline-block;font-size:.8rem;padding:5px 12px;text-decoration:none;transition:background .3s ease,color .3s ease}.blog-card__tag:hover{background:#06c;color:#fff}.blog-listing__pagination{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:60px}.pagination__btn{background:#06c;border-radius:6px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:background .3s ease}.pagination__btn:hover{background:#0052a3}.pagination__numbers{display:flex;gap:10px}.pagination__number{align-items:center;background:#f5f5f5;border-radius:6px;color:#666;display:flex;font-weight:500;height:40px;justify-content:center;text-decoration:none;transition:background .3s ease,color .3s ease;width:40px}.pagination__number:hover{background:#e0e0e0}.pagination__number--active{background:#06c;color:#fff;pointer-events:none}@media (max-width:768px){.blog-listing{padding:40px 15px}.blog-listing__title{font-size:2rem}.blog-listing__description{font-size:1rem}.blog-listing__grid{gap:30px;grid-template-columns:1fr}.blog-card__title{font-size:1.25rem}.pagination__btn{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.blog-listing__header{margin-bottom:40px}.blog-card__content{padding:20px}.blog-card__image{height:200px}}