.thumbnail-container{aspect-ratio:16/9;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);width:100%;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.thumbnail-container:hover .thumbnail-image{transform:scale(1.05)}.thumbnail-overlay{text-align:center;background:linear-gradient(#0003 0%,#0009 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.thumbnail-title{color:#fff;text-shadow:2px 2px 4px #0000004d;-webkit-line-clamp:3;word-break:break-word;z-index:2;-webkit-box-orient:vertical;max-width:100%;margin:0;padding:0;font-size:1.25rem;font-weight:700;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}@media (max-width:768px){.thumbnail-title{-webkit-line-clamp:2;padding:0 10px;font-size:1rem}.thumbnail-overlay{padding:15px}}@media (max-width:480px){.thumbnail-title{-webkit-line-clamp:2;font-size:.9rem;line-height:1.3}.thumbnail-overlay{padding:12px}}@media (max-width:360px){.thumbnail-title{-webkit-line-clamp:2;font-size:.8rem}}.thumbnail-overlay{flex-direction:column;justify-content:center;align-items:center;display:flex}.thumbnail-overlay:before{content:"";z-index:1;background:linear-gradient(135deg,#dc26264d 0%,#00000080 100%);position:absolute;inset:0}.thumbnail-title{z-index:2;position:relative}
.blog-card{background:#fff;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #dc262626}.blog-card-link{flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-card-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#fee2e2 0%,#fef2f2 100%);position:relative;overflow:hidden}.blog-card-thumbnail>div{width:100%;height:100%}.featured-badge,.popular-badge{color:#fff;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001a}.popular-badge{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.featured-badge svg,.popular-badge svg{fill:currentColor;width:14px;height:14px}.blog-card-content{flex-direction:column;flex:1;padding:20px;display:flex}.blog-category{margin-bottom:12px}.category-tag{color:#dc2626;text-transform:uppercase;letter-spacing:.5px;background:#fef2f2;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.blog-card:hover .category-tag{color:#fff;background:#dc2626}.blog-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-title{color:#dc2626}.blog-meta{color:#6b7280;align-items:center;gap:16px;margin-bottom:12px;font-size:.8rem;display:flex}.meta-date,.meta-readtime{align-items:center;gap:6px;display:flex}.meta-date svg,.meta-readtime svg{color:#dc2626;opacity:.7}.blog-description{color:#4b5563;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.read-more{color:#dc2626;align-items:center;gap:8px;margin-top:auto;font-size:.9rem;font-weight:600;transition:gap .3s;display:flex}.read-more span,.read-more svg{transition:transform .3s}.blog-card:hover .read-more{gap:12px}.blog-card:hover .read-more svg{transform:translate(4px)}.blog-card.featured-card{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#dc2626,#991b1b) border-box;border:2px solid #0000;box-shadow:0 4px 12px #dc26261a}.blog-card.featured-card:hover{box-shadow:0 12px 24px #dc262633}.blog-card.popular-card .category-tag{color:#d97706;background:#fef3c7}.blog-card.popular-card:hover .category-tag{color:#fff;background:#d97706}.blog-card.popular-card:hover .blog-title,.blog-card.popular-card .read-more{color:#d97706}@media (max-width:768px){.blog-card-content{padding:16px}.blog-title{font-size:1.1rem}.blog-description{-webkit-line-clamp:2;font-size:.85rem}.blog-meta{gap:12px;font-size:.7rem}.featured-badge,.popular-badge{padding:4px 10px;font-size:.7rem}}@media (max-width:480px){.blog-card-content{padding:14px}.blog-title{font-size:1rem}.category-tag{padding:3px 10px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card-thumbnail img,.read-more,.read-more svg{transition:none}.blog-card:hover{transform:none}}@media print{.blog-card{break-inside:avoid;box-shadow:none;border:1px solid #e5e7eb}.featured-badge,.popular-badge,.read-more{display:none}.blog-card:hover{transform:none}.category-tag{color:#dc2626;background:0 0;border:1px solid #dc2626}}