.blog-card{cursor:pointer}.blog-card,.blog-card:hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.blog-card-description{z-index:1;transition:all .3s ease-in-out;opacity:1;background:#221d2300;background:linear-gradient(0deg,rgba(34,29,35,1),rgba(34,29,35,0))}.blog-content{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8))}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (max-width:640px){.blogs-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:1rem;padding:2rem;margin-bottom:2rem}.blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#9ca3af}.blog-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffffff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-excerpt{font-size:1.25rem;line-height:1.6;color:#d1d5db;margin-bottom:2rem}.blog-author{display:flex;align-items:center;gap:1rem}.blog-author-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1.125rem}.blog-content{max-width:65ch;margin:0 auto}.blog-content p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem;color:#d1d5db}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #374151}.blog-tag{background:#374151;color:#d1d5db;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;transition:all .2s ease}.blog-tag:hover{background:#4b5563;color:white}@media (max-width:768px){.blog-header{padding:1.5rem}.blog-meta{gap:.5rem}.blog-author,.blog-meta{flex-direction:column;align-items:flex-start}.blog-author{gap:.75rem}}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.featured-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;z-index:10}