.blog-card{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.blog-card.visible{opacity:1;transform:translateY(0)}.blog-card:not(.visible){animation:fadeInFallback 3s ease-out forwards}@keyframes fadeInFallback{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.js-enabled .blog-card{opacity:0;transform:translateY(30px)}.js-enabled .blog-card.visible{opacity:1;transform:translateY(0)}.blog-card{min-height:200px;background-color:#f0f0f0;border:1px solid #ddd}.blog-card[style*="opacity: 0"]{opacity:1!important;transform:none!important}.grid{display:grid!important}@media (max-width:640px){.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media (min-width:640px) and (max-width:1024px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.blog-card:hover{transform:translateY(-5px);transition:transform .3s ease}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-button{transition:all .3s ease}.category-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.blog-card.loading{opacity:.6;pointer-events:none}@media (max-width:768px){.blog-card{transform:translateY(20px)}.blog-card.visible{transform:translateY(0)}}