.blog-post-section-page{padding:120px 0 80px;background:#F8FAFB;color:#1A2338}.blog-post-header{background:#FFF;border:1px solid #E2E8F0;border-radius:16px;padding:48px;margin-bottom:48px;box-shadow:0 4px 16px rgb(0 0 0 / .08);text-align:center}.blog-post-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;margin-bottom:24px;color:#1A2338;letter-spacing:-.02em;line-height:1.2}.blog-post-meta{display:flex;justify-content:center;align-items:center;gap:32px;margin-bottom:24px;font-size:.9375rem;color:#718096;flex-wrap:wrap}.blog-post-meta span{display:flex;align-items:center;gap:8px}.blog-post-meta svg{color:#4F46E5;flex-shrink:0}.blog-post-excerpt{font-size:1.25rem;color:#4A5568;font-style:italic;max-width:800px;margin:0 auto;line-height:1.7}.blog-post-content-wrapper{background:#FFF;border:1px solid #E2E8F0;border-radius:16px;padding:48px;box-shadow:0 4px 16px rgb(0 0 0 / .08);margin-bottom:48px}.blog-post-image{width:100%;max-height:500px;object-fit:cover;border-radius:12px;margin-bottom:32px;box-shadow:0 4px 16px rgb(0 0 0 / .08)}.blog-post-content{max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:#4A5568}.blog-post-content h2{font-size:2rem;font-weight:700;margin-top:48px;margin-bottom:24px;color:#1A2338;line-height:1.3;scroll-margin-top:120px}.blog-post-content h3{font-size:1.5rem;font-weight:600;margin-top:32px;margin-bottom:16px;color:#1A2338;line-height:1.4;scroll-margin-top:120px}.blog-post-content h4{font-size:1.25rem;font-weight:600;margin-top:24px;margin-bottom:12px;color:#1A2338;scroll-margin-top:120px}.blog-post-toc{background:rgb(79 70 229 / .05);border:1px solid rgb(79 70 229 / .15);border-radius:12px;padding:20px 24px;margin:32px 0 40px}.blog-post-toc-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4F46E5;margin-bottom:12px}.blog-post-content .blog-post-toc ol,.blog-post-content .blog-post-toc ul{margin-bottom:0;padding-left:1.25rem}.blog-post-content .blog-post-toc a{color:#4338CA;border-bottom:none}.blog-post-content .blog-post-toc a:hover{text-decoration:underline}.blog-post-content p{margin-bottom:24px}.blog-post-content ul,.blog-post-content ol{margin-bottom:24px;padding-left:32px}.blog-post-content li{margin-bottom:12px;line-height:1.7}.blog-post-content blockquote{border-left:4px solid #4F46E5;padding:24px 32px;margin:32px 0;font-style:italic;color:#4A5568;background:rgb(79 70 229 / .05);border-radius:8px}.blog-post-content img{max-width:100%;height:auto;border-radius:12px;margin:32px 0;box-shadow:0 4px 16px rgb(0 0 0 / .08)}.blog-post-content a{color:#4F46E5;text-decoration:none;font-weight:500;border-bottom:1px solid #fff0;transition:all 0.2s}.blog-post-content a:hover{color:#4338CA;border-bottom-color:#4338CA}.back-to-blog{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid #E2E8F0}.back-to-blog a{color:#4F46E5;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s;font-size:1rem}.back-to-blog a:hover{color:#4338CA;gap:12px}.back-to-blog svg{transition:transform 0.2s;flex-shrink:0}.back-to-blog a:hover svg{transform:translateX(-4px)}.related-posts-section{background:#FFF;border:1px solid #E2E8F0;border-radius:16px;padding:48px;box-shadow:0 4px 16px rgb(0 0 0 / .08)}.related-posts-title{font-size:2rem;font-weight:700;margin-bottom:32px;color:#1A2338;text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.related-post-card{background:#FFF;border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .04);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;height:100%;display:flex;flex-direction:column}.related-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .12);border-color:#4F46E5}.related-post-image{width:100%;height:180px;object-fit:cover;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%)}.related-post-image-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 100%);display:flex;align-items:center;justify-content:center;color:#fff}.related-post-image-placeholder i{font-size:2.5rem}.related-post-body{padding:24px;flex-grow:1;display:flex;flex-direction:column}.related-post-title{font-size:1.125rem;font-weight:700;margin-bottom:12px;color:#1A2338;line-height:1.4}.related-post-meta{font-size:.875rem;color:#718096;margin-bottom:16px;display:flex;align-items:center;gap:8px}.related-post-meta svg{color:#4F46E5;flex-shrink:0}.related-post-link{color:#4F46E5;text-decoration:none;font-weight:600;font-size:.9375rem;margin-top:auto;display:inline-flex;align-items:center;gap:8px;transition:all 0.2s}.related-post-link:hover{color:#4338CA;gap:12px}.related-post-link svg{transition:transform 0.2s;flex-shrink:0}.related-post-link:hover svg{transform:translateX(4px)}@media (max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}.blog-post-content-wrapper{padding:32px 24px}.blog-post-header{padding:32px 24px}}@media (max-width:768px){.blog-post-section-page{padding:80px 0 48px}.blog-post-header{padding:24px 16px}.blog-post-content-wrapper{padding:24px 16px}.related-posts-grid{grid-template-columns:1fr}.related-posts-section{padding:32px 24px}.blog-post-meta{flex-direction:column;gap:16px}}