.blog-post-hero{background:linear-gradient(135deg,#020617 0%,#0f172a 40%,#0c2d48 100%);padding:60px 0 80px;position:relative;overflow:hidden}.blog-post-hero:before{content:"";background:radial-gradient(circle,#0ea5e91f 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;right:-20%}.blog-post-hero .container{z-index:1;max-width:800px;position:relative}.breadcrumb{color:#9ca3af;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumb a{color:#9ca3af}.breadcrumb a:hover{color:#38bdf8}.blog-post-category{text-transform:uppercase;letter-spacing:1px;color:#38bdf8;background:#0ea5e926;border-radius:6px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.blog-post-hero h1{color:#fff;margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.blog-post-meta{color:#9ca3af;align-items:center;gap:12px;font-size:14px;display:flex}.blog-post-article{background:#fff;padding:60px 0 80px}.blog-post-article .container{max-width:800px}.blog-post-content h2{color:#1e293b;letter-spacing:-.3px;margin:40px 0 16px;font-size:28px;font-weight:800}.blog-post-content h3{color:#1e293b;margin:32px 0 12px;font-size:22px;font-weight:700}.blog-post-content h4{color:#1e293b;margin:24px 0 8px;font-size:18px;font-weight:700}.blog-post-content p{color:#374151;margin-bottom:20px;font-size:16px;line-height:1.8}.blog-post-content ul,.blog-post-content ol{margin:16px 0;padding-left:24px}.blog-post-content li{color:#374151;margin-bottom:8px;font-size:16px;line-height:1.8}.blog-post-content a{color:#0ea5e9;font-weight:500}.blog-post-content a:hover{color:#0284c7;text-decoration:underline}.blog-post-content strong{color:#1e293b}.blog-post-content hr{border:none;border-top:1px solid #e5e7eb;margin:32px 0}.blog-post-content img{border:1px solid #e5e7eb;border-radius:12px;max-width:100%;height:auto;margin:32px auto;display:block}.blog-post-content .img-caption{color:#6b7280;text-align:center;margin:-24px 0 32px;font-size:14px;font-style:italic}.blog-post-content blockquote{color:#4b5563;background:#f8fafc;border-left:4px solid #0ea5e9;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 24px;font-style:italic}@media (max-width:768px){.blog-post-hero h1{font-size:28px}.blog-post-content h2{font-size:24px}}