@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:wght@300;400&display=swap";.blog-post{background:linear-gradient(to bottom,#fff,#f8fafb);padding:40px 20px 80px;min-height:100vh;position:relative}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.03;z-index:-1}.blog-post__container{max-width:800px;margin:0 auto;background:#fff;padding:60px 80px;border-radius:20px;box-shadow:0 10px 40px #0000000a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.blog-post__container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.blog-post__header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.blog-post__header h1{font-size:2.75rem;font-weight:800;color:#0f172a;margin-bottom:20px;line-height:1.2;letter-spacing:-.02em}.blog-post__header .blog-post__meta{display:flex;align-items:center;gap:20px;font-size:.95rem;color:#64748b;flex-wrap:wrap}.blog-post__header .blog-post__meta span{display:flex;align-items:center;gap:6px}.blog-post__header .blog-post__meta span:before{content:"";width:4px;height:4px;background:#cbd5e1;border-radius:50%;display:inline-block}.blog-post__header .blog-post__meta span:first-child:before{display:none}.blog-post__date{display:inline-flex;align-items:center}.blog-post__content{color:#334155;line-height:1.8;font-size:1.125rem;font-family:Merriweather,serif;font-weight:300}.blog-post__content p{margin-bottom:1.75em;font-size:1.1rem;color:#334155}.blog-post__content h3{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin-top:2.5em;margin-bottom:1em;letter-spacing:-.01em;position:relative;padding-left:20px}.blog-post__content h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.blog-post__content ul,.blog-post__content ol{margin-left:0;margin-bottom:1.75em;padding-left:0;list-style:none}.blog-post__content li{margin-bottom:.75em;padding-left:32px;position:relative;color:#475569}.blog-post__content ul li:before{content:"•";position:absolute;left:12px;color:#667eea;font-weight:700;font-size:1.2em}.blog-post__content ol{counter-reset:list-counter}.blog-post__content ol li{counter-increment:list-counter}.blog-post__content ol li:before{content:counter(list-counter) ".";position:absolute;left:8px;color:#667eea;font-weight:600;font-family:Inter,sans-serif}.blog-post__content a{color:#667eea;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative;border-bottom:1px solid transparent}.blog-post__content a:hover{color:#764ba2;border-bottom-color:#764ba2}.blog-post__content strong{font-weight:600;color:#0f172a}.blog-post__content blockquote{margin:2em 0;padding:1.5em 2em;background:#f8fafc;border-left:4px solid #667eea;font-style:italic;color:#475569;border-radius:8px}.blog-post__footer{margin-top:60px;padding-top:32px;border-top:1px solid #e2e8f0}.blog-post__back-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;font-weight:600;text-decoration:none;font-size:.95rem;transition:all .2s ease;padding:12px 24px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.blog-post__back-link:before{content:"←";transition:transform .2s ease}.blog-post__back-link:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translate(-4px)}.blog-post__back-link:hover:before{transform:translate(-4px)}.blog-post__content pre{background:#0f172a;color:#e2e8f0;padding:1.5em;border-radius:8px;overflow-x:auto;margin:2em 0;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6}.blog-post__content code{background:#f1f5f9;color:#667eea;padding:.2em .4em;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.blog-post__content pre code{background:none;color:inherit;padding:0}.blog-post__container--loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:#64748b;font-size:1.125rem}@media (max-width: 1024px){.blog-post__container{padding:48px 60px}}@media (max-width: 768px){.blog-post__container{padding:40px 32px;border-radius:16px}.blog-post__header h1{font-size:2rem}.blog-post__content,.blog-post__content p{font-size:1.05rem}.blog-post__content h3{font-size:1.5rem}}@media (max-width: 480px){.blog-post{padding:24px 16px 60px}.blog-post__container{padding:32px 24px}.blog-post__header h1{font-size:1.75rem}.blog-post__content{font-size:1rem}}