.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #D9D9D9;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:inherit}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000014;border-color:#e617394d}.blog-card__image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#f0f0f0}.blog-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__image img{transform:scale(1.04)}.blog-card__image-fallback{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);background-image:radial-gradient(circle at 30% 70%,rgba(230,23,57,.05) 0%,transparent 60%)}.blog-card__badge{position:absolute;top:12px;left:12px;background:#e61739;color:#fff;font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px}.blog-card__content{padding:20px;display:flex;flex-direction:column;flex:1}.blog-card__cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.blog-card__cat{font-family:Inter,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e61739;background:#e617390f;padding:2px 8px;border-radius:999px}.blog-card__title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:clamp(16px,1.2vw,20px);color:#000;line-height:1.3;margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-card__excerpt{font-family:Inter,sans-serif;font-size:14px;color:#4c4c4c;line-height:1.6;margin:0 0 16px;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;color:#999;margin-top:auto}.blog-card__sep{opacity:.5}.blog-card__author{font-weight:500;color:#4c4c4c}.blog-card--large .blog-card__title{font-size:clamp(20px,1.8vw,28px);-webkit-line-clamp:3}.blog-card--large .blog-card__excerpt{-webkit-line-clamp:4}.blog-card--small .blog-card__content{padding:14px}.blog-card--small .blog-card__title{font-size:15px}.blog-card--small .blog-card__excerpt{display:none}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-skeleton-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.blog-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-skeleton-grid{grid-template-columns:1fr}}.blog-skeleton-card{border:1px solid #E5E5E5;border-radius:12px;overflow:hidden;min-height:340px}.skeleton-image,.skeleton-cat,.skeleton-title,.skeleton-excerpt,.skeleton-meta{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:4px}.skeleton-image{width:100%;aspect-ratio:16 / 9;border-radius:0}.skeleton-content{padding:20px;display:flex;flex-direction:column;gap:10px}.skeleton-cat{height:16px;width:80px}.skeleton-title{height:22px;width:90%}.skeleton-excerpt{height:60px}.skeleton-meta{height:14px;width:60%}@media (prefers-reduced-motion: reduce){.skeleton-image,.skeleton-cat,.skeleton-title,.skeleton-excerpt,.skeleton-meta{animation:none;background:#f0f0f0}}.blog-error{padding:48px 24px;text-align:center;color:#4c4c4c;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}
