.blog-page{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#1e293b;--accent:#3b82f6;--accent-light:#60a5fa;--accent-bg:#3b82f626;--gradient:linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #60a5fa 100%);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #0009;--shadow-xl:0 20px 25px -5px #000000b3;font-family:var(--font-jakarta), "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}.blog-page *,.blog-page :before,.blog-page :after{box-sizing:border-box}.blog-page .main{min-height:100vh;padding-top:120px}.blog-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-page .blog-header{text-align:center;padding:60px 0 40px}.blog-page .blog-title{letter-spacing:-.03em;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(36px,6vw,56px);font-weight:800}.blog-page .blog-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:18px}.blog-page .blog-count{color:var(--text-muted);margin-top:16px;font-size:14px}.blog-page .blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin:48px 0 64px;display:grid}.blog-page .blog-card{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:inherit;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.blog-page .blog-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-page .blog-card-image{background:var(--accent-bg);justify-content:center;align-items:center;width:100%;height:200px;font-size:48px;display:flex}.blog-page .blog-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-page .blog-card-categories{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.blog-page .blog-card-category{background:var(--accent-bg);color:var(--accent-light);border-radius:100px;padding:4px 10px;font-size:12px;font-weight:500}.blog-page .blog-card-title{letter-spacing:-.01em;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.4}.blog-page .blog-card-description{color:var(--text-secondary);flex:1;margin-bottom:16px;font-size:14px;line-height:1.6}.blog-page .blog-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-page .blog-card-date{color:var(--text-muted);font-size:13px}.blog-page .blog-card-readmore{color:var(--accent-light);font-size:13px;font-weight:600}.blog-page .article-container{max-width:760px;margin:0 auto;padding:0 24px 80px}.blog-page .breadcrumb{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-bottom:32px;font-size:13px;display:flex}.blog-page .breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.blog-page .breadcrumb a:hover{color:var(--accent)}.blog-page .breadcrumb span{color:var(--text-muted)}.blog-page .article-meta{margin-bottom:32px}.blog-page .article-categories{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.blog-page .article-category{background:var(--accent-bg);color:var(--accent-light);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500}.blog-page .article-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.2}.blog-page .article-byline{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;font-size:14px;display:flex}.blog-page .article-author{color:var(--text-secondary)}.blog-page .article-date{color:var(--text-muted);font-size:14px}.blog-page .back-to-blog{color:var(--accent-light);margin-top:48px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.blog-page .back-to-blog:hover{color:var(--accent)}.blog-page .article-content{color:var(--text-secondary);font-size:17px;line-height:1.8}.blog-page .article-content h2{color:var(--text-primary);letter-spacing:-.02em;margin:48px 0 16px;font-size:28px;font-weight:700}.blog-page .article-content h3{color:var(--text-primary);margin:36px 0 12px;font-size:22px;font-weight:600}.blog-page .article-content p{margin-bottom:20px}.blog-page .article-content ul,.blog-page .article-content ol{margin:0 0 20px 24px}.blog-page .article-content li{margin-bottom:8px}.blog-page .article-content blockquote{border-left:3px solid var(--accent);background:var(--bg-secondary);color:var(--text-primary);border-radius:0 12px 12px 0;margin:24px 0;padding:16px 24px;font-style:italic}.blog-page .article-content strong{color:var(--text-primary)}.blog-page .article-content a{color:var(--accent-light);text-decoration:underline}.blog-page .article-content img{border-radius:12px;max-width:100%;height:auto;margin:24px 0}.blog-page .article-content .prompt-box{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;margin:20px 0;padding:20px;font-size:15px}.blog-page .article-content .prompt-box strong{color:var(--accent-light)}.blog-page .article-content .compare-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px;display:block;overflow-x:auto}.blog-page .article-content .compare-table th,.blog-page .article-content .compare-table td{border:1px solid var(--border-color);text-align:left;vertical-align:top;color:var(--text-primary);padding:12px 14px}.blog-page .article-content .compare-table thead th{background:var(--bg-secondary);font-weight:700}.blog-page .article-content .compare-table tbody th{background:var(--bg-secondary);white-space:nowrap;font-weight:600}.blog-page .cta-section{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:20px;margin:48px 0;padding:40px}.blog-page .cta-section h2{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.blog-page .cta-section p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.blog-page .cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.blog-page .cta-btn{border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.blog-page .cta-btn-primary{background:var(--accent);color:#fff;border:none}.blog-page .cta-btn-primary:hover{background:var(--accent-light)}.blog-page .cta-btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.blog-page .cta-btn-secondary:hover{border-color:var(--accent)}.blog-page .related-posts{border-top:1px solid var(--border-color);margin-top:64px;padding-top:48px}.blog-page .related-posts h2{margin-bottom:24px;font-size:24px;font-weight:700}.blog-page .related-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.blog-page .related-card{background:var(--bg-secondary);border:1px solid var(--border-color);color:inherit;border-radius:16px;padding:24px;text-decoration:none;transition:all .2s}.blog-page .related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-page .related-card-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.blog-page .related-card-date{color:var(--text-muted);font-size:13px}@media (max-width:1024px){.blog-page .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-page .blog-grid{grid-template-columns:1fr}.blog-page .article-title{font-size:28px}.blog-page .article-content h2{font-size:24px}.blog-page .article-content h3{font-size:20px}.blog-page .cta-section{padding:28px 20px}.blog-page .related-grid{grid-template-columns:1fr}}