.blog-content{font-family:Inter,sans-serif;color:#000;line-height:1.75;animation:fadeIn 1s ease-in-out}.blog-content.dark{color:white}.blog-content h1,.blog-content h2,.blog-content h3{font-weight:800;color:#223a6f;transition:color .3s ease}.blog-content.dark h1,.blog-content.dark h2,.blog-content.dark h3{color:white}.blog-content h1{font-size:2.5rem;margin-top:3rem;margin-bottom:1.5rem;animation:fadeIn .8s ease-out}.blog-content h2{font-size:1.875rem;margin-top:2.5rem;margin-bottom:1rem;animation:fadeIn .8s ease-out}.blog-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem;animation:fadeIn .8s ease-out}.blog-content p{margin-bottom:1.5rem;color:#000;font-size:large;font-weight:700;animation:fadeIn 1.2s ease-in-out}.blog-content.dark p{color:white}.blog-content p.at-oyen{color:#223a6f;font-weight:700;font-size:1.25rem}.blog-content.dark p.at-oyen{color:white}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{color:#000;font-size:large;font-weight:700;margin-bottom:.75rem;animation:fadeIn 1.2s ease-in-out}.blog-content.dark li{color:white}.blog-content a{color:var(--primary);text-decoration:none;position:relative;transition:color .3s ease}.blog-content a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:var(--primary);transition:width .3s ease}.blog-content a:hover:after{width:100%}.blog-content a:hover{color:rgba(var(--primary-rgb),.8)}.blog-content code{background-color:#f9fafb;color:#111827;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e5e7eb;font-family:Menlo,monospace}.blog-content.dark code{background-color:#2d3748;color:white;border-color:#4a5568}.blog-content pre{background-color:#f9fafb;color:#111827;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-x:auto;font-family:Menlo,monospace}.blog-content.dark pre{background-color:#2d3748;color:white;border-color:#4a5568}.blog-content blockquote{border-left:4px solid var(--primary);background-color:#ffffff;color:#666666;padding:.75rem 1rem;margin:1.5rem 0;border-radius:0 .5rem .5rem 0;position:relative;animation:fadeIn 1.2s ease-in-out}.blog-content.dark blockquote{background-color:#2d3748;color:#a0aec0}.blog-content img{border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:2rem 0;max-width:100%;transition:transform .3s ease}.blog-content img:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}