.blog-content{letter-spacing:-.01em;font-size:1.125rem;line-height:1.8}.blog-content h2{margin-top:2.5rem;margin-bottom:1rem;scroll-margin-top:6rem;font-size:1.75rem;font-weight:700}.blog-content h3{margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:6rem;font-size:1.35rem;font-weight:600}.blog-content h4{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.blog-content p{margin-bottom:1.25rem}.blog-content a{color:#8b5cf6;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.blog-content a:hover{color:#7c3aed}.blog-content ul,.blog-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content ul li{list-style-type:disc}.blog-content ol li{list-style-type:decimal}.blog-content pre{background:#1e1b2e;border:1px solid rgba(139,92,246,.2);border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-content pre code{font-size:inherit;color:#e2e8f0;background:0 0;border:none;padding:0}.blog-content code{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:.375rem;padding:.125rem .375rem;font-size:.875em}.blog-content blockquote{border-left:4px solid #8b5cf6;border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.blog-content img{border-radius:.75rem;max-width:100%;height:auto;margin:1.5rem 0}.blog-content table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}.blog-content th{text-align:left;border-bottom:2px solid rgba(139,92,246,.3);padding:.75rem 1rem;font-weight:600}.blog-content td{border-bottom:1px solid rgba(148,163,184,.2);padding:.75rem 1rem}.blog-content tr:hover td{background:rgba(139,92,246,.05)}.blog-content hr{background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);border:none;height:1px;margin:2rem 0}@media (max-width:768px){.blog-content{font-size:1rem;line-height:1.7}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.2rem}.blog-content pre{border-radius:.5rem;padding:1rem;font-size:.8125rem}}@keyframes blogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes blogFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-fade-in{animation:.5s ease-out forwards blogFadeIn}.blog-fade-in-up{animation:.5s ease-out forwards blogFadeInUp}
