.blog-card{border-radius:var(--radius-xl);background:#fff;flex-direction:column;text-decoration:none;transition:all .28s;display:flex;overflow:hidden;box-shadow:0 6px 22px #0206170f}.blog-home-card__image{height:220px;position:relative;overflow:hidden}.blog-home-card__category{color:#0f172a;z-index:3;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 10px #02061714}.blog-home-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .3s;display:block}.blog-home-card__content{flex-direction:column;flex:1;gap:10px;padding:22px 26px 28px;display:flex}.blog-home-card__meta{gap:var(--space-4);font-size:var(--text-sm);color:#64748b;margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.blog-meta-left{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.blog-meta-item{white-space:normal;background:#0f172a08;border-radius:6px;align-items:center;gap:6px;padding:3px 7px;font-weight:600;transition:background-color .18s,transform .18s;display:inline-flex}.blog-meta-item svg{color:var(--color-gray-500);flex-shrink:0}.blog-meta-value{font-size:var(--text-xs);color:var(--color-gray-600);display:inline-block}.blog-home-card__title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:clamp(20px,2.2vw,22px);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.blog-home-card__excerpt{color:#58606a;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 14px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-home-card__link{color:#183b8b;background:#183b8b0f;border-radius:999px;align-items:center;gap:10px;margin-top:auto;padding:8px 14px;font-size:15px;font-weight:700;transition:transform .18s,color .18s,background .18s;display:inline-flex}.blog-home-card__link:hover{background:linear-gradient(90deg,#2563eb26,#06b6d40f);transform:translateY(-4px)}@media (min-width:768px){.blog-home-card__image{height:240px}}@media (min-width:1200px){.blog-home-card__image{height:280px}}