.blog-post-container.svelte-1teoznn{max-width:800px;margin:0 auto;padding:2rem 1rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.blog-post-container.mounted.svelte-1teoznn{opacity:1;transform:translateY(0)}.blog-post.svelte-1teoznn{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.blog-header.svelte-1teoznn{padding:3rem 2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.blog-title.svelte-1teoznn{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.blog-meta.svelte-1teoznn{display:flex;gap:1rem;align-items:center;font-size:.9rem;opacity:.9}.updated-badge.svelte-1teoznn{padding:.25rem .75rem;background:#fff3;border-radius:12px;font-size:.85rem}.blog-content.svelte-1teoznn{padding:3rem 2rem;font-size:1.1rem;line-height:1.8;color:#333}.blog-content.svelte-1teoznn h2{font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem;color:#2c3e50}.blog-content.svelte-1teoznn h3{font-size:1.4rem;font-weight:600;margin:2rem 0 .75rem;color:#34495e}.blog-content.svelte-1teoznn p{margin-bottom:1.5rem}.blog-content.svelte-1teoznn ul,.blog-content.svelte-1teoznn ol{margin:1.5rem 0;padding-left:2rem}.blog-content.svelte-1teoznn li{margin-bottom:.5rem}.blog-content.svelte-1teoznn blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#555}.blog-content.svelte-1teoznn img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.blog-content.svelte-1teoznn a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-content.svelte-1teoznn a:hover{border-bottom-color:#667eea}.blog-footer.svelte-1teoznn{padding:2rem;background:#f8f9fa;border-top:1px solid #e9ecef}.back-link.svelte-1teoznn{display:inline-flex;align-items:center;color:#667eea;text-decoration:none;font-weight:500;transition:transform .2s ease}.back-link.svelte-1teoznn:hover{transform:translate(-4px)}@media(max-width:768px){.blog-post-container.svelte-1teoznn{padding:1rem .5rem}.blog-header.svelte-1teoznn{padding:2rem 1.5rem 1.5rem}.blog-title.svelte-1teoznn{font-size:2rem}.blog-content.svelte-1teoznn{padding:2rem 1.5rem;font-size:1rem}.blog-content.svelte-1teoznn h2{font-size:1.5rem}.blog-content.svelte-1teoznn h3{font-size:1.2rem}}