.blog-gradient-bg{background:linear-gradient(135deg,#67e0a8 0%,#0096f6 50%,#564ec6 100%)}.bg-grid-gray-500\/5{background-image:linear-gradient(rgba(107,114,128,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(107,114,128,.05) 1px,transparent 1px);background-size:50px 50px}.bg-grid-gray-500\/10{background-image:linear-gradient(rgba(107,114,128,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(107,114,128,.1) 1px,transparent 1px);background-size:30px 30px}.blog-card-hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(103,224,168,.15)}.blog-search-focus{border-color:rgba(103,224,168,.5);box-shadow:0 0 0 3px rgba(103,224,168,.1)}.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:rgba(255,255,255,.05);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,rgba(17,24,39,.8) 0%,rgba(31,41,55,.8) 100%);border:1px solid rgba(255,255,255,.1)}.blog-featured-card:hover{border-color:rgba(103,224,168,.3);transform:translateY(-8px);box-shadow:0 25px 50px rgba(103,224,168,.15)}@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}}