.filter-button{transition:all .2s}.filter-button:hover{transform:translateY(-2px)}.blog-card{transition:transform .3s}.blog-card:hover{transform:translateY(-5px)}.blog-content h1{color:#fff;margin-bottom:1rem;font-size:2.25rem}.blog-content h2{color:#fff;margin-top:2rem;margin-bottom:1rem;font-size:1.75rem}.blog-content h3{color:#fff;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem}.blog-content p{margin-bottom:1.25rem;font-size:16px;line-height:1.7}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;margin-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content a{color:#00e5ff;text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content blockquote{color:#aaa;border-left:4px solid #333;margin-left:0;padding-left:1rem;font-style:italic}.blog-content img{border-radius:.5rem;max-width:100%;height:auto;margin:1.5rem auto}.blog-post-image-container{background-color:#1e1e1e4d;border-radius:.75rem;justify-content:center;align-items:center;width:100%;max-width:1050px;height:450px;margin:0 auto;display:flex;overflow:hidden}@media (max-width:768px){.blog-post-image-container{height:350px}}@media (max-width:480px){.blog-post-image-container{border-radius:.5rem;height:300px}}.blog-post-image-container img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%;width:auto!important;height:auto!important;position:relative!important}.line-clamp-2{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2 span{display:inline}.line-clamp-2 p{margin:0;padding:0;display:inline}.line-clamp-2 code{background-color:#0000004d;border-radius:.2rem;padding:.1rem .3rem;font-size:.85em}.blog-content pre{background-color:#1a1a1a;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem;overflow-x:auto}.blog-content code{font-family:Courier New,Courier,monospace;font-size:.9rem}.gradient-border{background-clip:padding-box;position:relative;border:none!important}.gradient-border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(90deg,#00e5ff,#8a2be2);margin:-2px;position:absolute;inset:0}.prose{color:#e0e0e0}.prose a{color:#00e5ff}@media (max-width:900px){.prose.max-w-\[1050px\]{padding:20px}}@media (max-width:640px){.prose.max-w-\[1050px\]{border-radius:.5rem;padding:16px}}