.thumbnail-container{aspect-ratio:16/9;background:radial-gradient(circle at 100% 0,#fff3,#0000 24%),linear-gradient(135deg,#dc2626 0%,#991b1b 100%);width:100%;position:relative;overflow:hidden}.thumbnail-image{object-fit:cover;width:100%;height:100%;transition:transform .45s}.thumbnail-container:after{content:"";pointer-events:none;background:linear-gradient(#0f172a00 0%,#0f172a1f 100%);position:absolute;inset:0}.thumbnail-container:hover .thumbnail-image{transform:scale(1.08)}.thumbnail-fallback{place-items:center;padding:22px;display:grid}.thumbnail-fallback-copy{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-align:left;background:#7f1d1d3d;border:1px solid #fff3;border-radius:24px;gap:10px;width:100%;max-width:88%;padding:20px;display:grid;position:relative;box-shadow:0 16px 36px #7f1d1d3d}.thumbnail-fallback-copy strong{letter-spacing:-.02em;font-size:clamp(1rem,2vw,1.5rem);line-height:1.35}.thumbnail-fallback-eyebrow{letter-spacing:.12em;text-transform:uppercase;background:#ffffff24;border-radius:999px;width:fit-content;padding:6px 10px;font-size:.68rem;font-weight:800;display:inline-flex}
.blog-card{height:100%;box-shadow:var(--shadow-sm);background:linear-gradient(#fffffff5,#f7f9fce6);border:1px solid #94a3b829;border-radius:28px;transition:transform .24s,box-shadow .24s,border-color .24s;position:relative;overflow:hidden}.blog-card:before{content:"";pointer-events:none;background:linear-gradient(#e5091405,#0000 28%);position:absolute;inset:0}.blog-card>a{flex-direction:column;height:100%;display:flex}.blog-card:hover{box-shadow:var(--shadow-md);border-color:#e5091438;transform:translateY(-6px)}.blog-card-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#f8d6d8 0%,#eef3f8 100%);position:relative;overflow:hidden}.blog-card-thumbnail:after{content:"";pointer-events:none;background:linear-gradient(#0f172a00 0%,#0f172a4d 100%);height:54%;position:absolute;inset:auto 0 0}.blog-card-thumbnail>div{width:100%;height:100%}.featured-badge,.popular-badge{z-index:2;color:#fff;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.7rem;font-weight:900;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 12px 22px #e5091438}.popular-badge{background:linear-gradient(135deg,#0f172a 0%,#334155 100%)}.blog-card-content{flex-direction:column;flex:1;gap:14px;padding:20px 20px 22px;display:flex}.blog-category{margin-bottom:2px}.category-tag{background:var(--brand-soft);color:var(--brand);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.7rem;font-weight:900;display:inline-flex}.blog-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.12rem;line-height:1.36;display:-webkit-box;overflow:hidden}.blog-meta{color:var(--text-soft);flex-wrap:wrap;gap:10px 14px;font-size:.78rem;font-weight:700;display:flex}.meta-date,.meta-readtime{align-items:center;gap:6px;display:inline-flex}.meta-date svg,.meta-readtime svg{color:var(--brand)}.blog-description{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.68;display:-webkit-box;overflow:hidden}.read-more{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;font-size:.85rem;font-weight:900;display:inline-flex}.read-more svg{transition:transform .2s}.blog-card:hover .read-more svg{transform:translate(4px)}@media (max-width:768px){.blog-card{border-radius:22px}.blog-card-content{padding:16px 16px 18px}.blog-title{font-size:1rem}.blog-description{-webkit-line-clamp:2;font-size:.87rem}.category-tag{padding:6px 10px;font-size:.66rem}.featured-badge,.popular-badge{padding:6px 10px;font-size:.62rem;top:10px;right:10px}}@media (max-width:480px){.blog-card{border-radius:20px}.blog-card-content{gap:10px;padding:14px}.blog-title{-webkit-line-clamp:3;font-size:.95rem}.blog-meta{gap:8px 10px;font-size:.72rem}.blog-description{font-size:.84rem}}