@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap";.blog-container{font-family:Sora,sans-serif}.blog-container *{font-family:Sora,sans-serif!important}.blog-post-card{transition:all .3s ease}.blog-post-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.blog-post-image{transition:transform .3s ease}.blog-post-image:hover{transform:scale(1.05)}.blog-content{line-height:1.7;color:#374151}.blog-content h1{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.2}.blog-content h2{font-size:2rem;font-weight:600;color:#1f2937;margin-top:2.5rem;margin-bottom:1rem;line-height:1.3}.blog-content h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-top:2rem;margin-bottom:.75rem;line-height:1.4}.blog-content h4{font-size:1.25rem;font-weight:600;color:#374151;margin-top:1.5rem;margin-bottom:.75rem;line-height:1.4}.blog-content p{margin-bottom:1.5rem;color:#4b5563}.blog-content img{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.blog-content figure{margin:2rem 0}.blog-content figcaption{text-align:center;font-style:italic;color:#6b7280;margin-top:.5rem;font-size:.875rem}.blog-container::-webkit-scrollbar{width:6px}.blog-container::-webkit-scrollbar-track{background:#f1f5f9}.blog-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.blog-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.blog-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.75rem}.blog-content h3{font-size:1.375rem}.blog-content figure{margin:1.5rem 0}}.blog-meta{color:#6b7280;font-size:.875rem}.blog-category{background-color:var(--color-freelancer-accent, #3b82f6);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.blog-excerpt{color:#6b7280;line-height:1.6}.blog-read-more{color:var(--color-freelancer-accent, #3b82f6);font-weight:600;text-decoration:none;transition:color .2s ease}.blog-read-more:hover{color:var(--color-freelancer-primary, #1e40af)}
