.blog-post-main{padding-top:61px}.post-hero{position:relative;min-height:480px;display:flex;align-items:flex-end;overflow:hidden}.post-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.6) brightness(.4);transform:scale(1.05)}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0c0e1f33,#0c0e1fb3 60%,#0c0e1ffa)}.post-hero-content{position:relative;z-index:10;padding-top:6rem;padding-bottom:4rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:#fff6;margin-bottom:1.2rem;flex-wrap:wrap}.breadcrumb a{color:#fff6;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--indigo2)}.post-category-chip{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--indigo2);border:1px solid rgba(99,102,241,.4);background:#6366f11a;padding:.3rem .8rem;border-radius:4px;margin-bottom:1.2rem}.post-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-1.5px;line-height:1.15;margin-bottom:1.2rem;max-width:800px}.post-excerpt{font-size:1.05rem;color:#f0f4ffa6;max-width:640px;line-height:1.7;margin-bottom:1.8rem}.post-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.82rem;color:#ffffff73}.post-meta>*{display:flex;align-items:center;gap:.4rem}.post-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem;padding-top:4rem;padding-bottom:6rem;align-items:start}.post-content h2{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:3rem 0 1rem;color:var(--white);position:relative;padding-left:1.2rem}.post-content h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;background:linear-gradient(to bottom,var(--indigo),var(--purple));border-radius:2px}.post-content h3{font-size:1.15rem;font-weight:700;margin:2rem 0 .7rem;color:var(--indigo2)}.post-content p{color:#f0f4ffd1;line-height:1.85;margin-bottom:1.2rem;font-size:1rem}.post-content ul,.post-content ol{color:#f0f4ffd1;line-height:1.85;margin-bottom:1.2rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content strong{color:var(--white);font-weight:600}.post-content a{color:var(--indigo2);text-decoration:none;border-bottom:1px solid rgba(129,140,248,.3);transition:color .2s,border-color .2s}.post-content a:hover{color:var(--white);border-color:var(--indigo2)}.post-content .callout{background:#6366f112;border:1px solid rgba(99,102,241,.2);border-left:3px solid var(--indigo);border-radius:8px;padding:1.2rem 1.5rem;margin:2rem 0;color:#f0f4ffcc}.post-content .callout strong{color:var(--indigo2)}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem}.post-content th{background:#6366f11f;color:var(--indigo2);font-weight:600;padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(99,102,241,.2)}.post-content td{padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#f0f4ffb3;vertical-align:top}.post-content tr:last-child td{border-bottom:none}.post-tags-footer{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:3rem 0 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.tags-label{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}.tags-list{display:flex;flex-wrap:wrap;gap:.4rem}.post-tag{font-family:JetBrains Mono,monospace;font-size:.65rem;padding:.25rem .6rem;border-radius:4px;border:1px solid rgba(99,102,241,.25);color:#818cf8b3;background:#6366f10f}.post-cta-box{margin-top:3.5rem;background:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:2.5rem;text-align:center}.post-cta-icon{font-size:2rem;margin-bottom:1rem}.post-cta-box h3{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;color:var(--white)}.post-cta-box p{color:#f0f4ff8c;font-size:.95rem;max-width:480px;margin:0 auto 1.8rem}.post-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.sidebar-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--indigo2);margin-bottom:1rem;font-family:JetBrains Mono,monospace}.sidebar-text{font-size:.88rem;color:#f0f4ff8c;line-height:1.7;margin-bottom:1.2rem}.sidebar-cta{display:inline-block;color:var(--indigo2);font-size:.82rem;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(129,140,248,.3);transition:color .2s}.sidebar-cta:hover{color:var(--white)}.sidebar-services{list-style:none;display:flex;flex-direction:column;gap:.6rem}.sidebar-services li:before{content:"→ ";color:var(--indigo);font-family:monospace}.sidebar-services a{font-size:.85rem;color:#f0f4ff8c;text-decoration:none;transition:color .2s}.sidebar-services a:hover{color:var(--indigo2)}.sidebar-posts{list-style:none;display:flex;flex-direction:column;gap:.7rem}.sidebar-posts li:before{content:"// ";color:var(--purple);font-family:monospace;font-size:.75rem}.sidebar-posts a{font-size:.85rem;color:#f0f4ff8c;text-decoration:none;transition:color .2s}.sidebar-posts a:hover{color:var(--indigo2)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--indigo),var(--purple));z-index:9999;transition:width .1s linear;border-radius:0 2px 2px 0}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.1rem}.toc-list li a{display:block;font-size:.82rem;color:#f0f4ff73;text-decoration:none;padding:.35rem .6rem;border-left:2px solid transparent;border-radius:0 4px 4px 0;transition:all .2s;line-height:1.4}.toc-list li a:hover{color:#f0f4ffd9;border-left-color:#6366f166}.toc-list li a.toc-active{color:var(--indigo2);border-left-color:var(--indigo);background:#6366f112}.post-layout,.post-hero-content{padding-left:2rem;padding-right:2rem}@media (max-width: 1024px){.post-layout{grid-template-columns:1fr;gap:3rem}.post-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sidebar-toc{display:none!important}}@media (max-width: 768px){.post-layout,.post-hero-content{padding-left:1.5rem;padding-right:1.5rem}.post-hero{min-height:400px}.post-title{font-size:1.9rem}.post-sidebar{grid-template-columns:1fr}}@media (max-width: 540px){.post-layout{padding-left:1rem;padding-right:1rem;padding-top:2.5rem}.post-hero-content{padding-left:1rem;padding-right:1rem}.post-hero{min-height:340px}.post-title{font-size:1.5rem;letter-spacing:-.3px}.post-excerpt{font-size:.95rem}.post-meta{gap:.6rem;font-size:.72rem;flex-wrap:wrap}.post-content h2{font-size:1.2rem;padding-left:1rem}.post-content h3{font-size:1.05rem}.post-content p,.post-content li{font-size:.95rem}.post-content table{font-size:.8rem;display:block;overflow-x:auto}.post-cta-box{padding:1.5rem 1rem}.post-cta-box h3{font-size:1.1rem}}
