.blog-gradient-bg{background:linear-gradient(135deg,#67e0a8 0%,#0096f6 50%,#564ec6 100%)}.bg-grid-gray-500\/5{background-image:linear-gradient(#6b72800d 1px,#0000 1px),linear-gradient(90deg,#6b72800d 1px,#0000 1px);background-size:50px 50px}.bg-grid-gray-500\/10{background-image:linear-gradient(#6b72801a 1px,#0000 1px),linear-gradient(90deg,#6b72801a 1px,#0000 1px);background-size:30px 30px}.blog-card-hover{transform:translateY(-8px);box-shadow:0 20px 40px #67e0a826}.blog-search-focus{border-color:#67e0a880;box-shadow:0 0 0 3px #67e0a81a}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-scroll::-webkit-scrollbar{width:6px}.blog-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.blog-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#67e0a8,#0096f6);border-radius:3px}.blog-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5cd49a,#0088e6)}@keyframes blogCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.blog-card-float{animation:6s ease-in-out infinite blogCardFloat}@keyframes blobPulse{0%,to{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.1)rotate(180deg)}}.animate-blob{animation:20s ease-in-out infinite blobPulse}.animate-blob-slow{animation:25s ease-in-out infinite blobPulse}.blog-featured-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827cc 0%,#1f2937cc 100%);border:1px solid #ffffff1a}.blog-featured-card:hover{border-color:#67e0a84d;transform:translateY(-8px);box-shadow:0 25px 50px #67e0a826}@media (max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1rem}.bg-grid-gray-500\/5,.bg-grid-gray-500\/10{background-size:30px 30px}}@media (min-width:768px) and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.bg-grid-gray-500\/5,.bg-grid-gray-500\/10{background-size:40px 40px}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}