.blog-post{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;min-height:100vh;padding:5rem 2rem 4rem;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif}.blog-post__container{max-width:680px;margin:0 auto;animation:.5s both blogFadeIn}@keyframes blogFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.blog-post__back{color:#fff6;letter-spacing:.03em;align-items:center;gap:.5rem;margin-bottom:3.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post__back:hover{color:#2997ff}.blog-post__back-arrow{transition:transform .2s}.blog-post__back:hover .blog-post__back-arrow{transform:translate(-3px)}.blog-post__article{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.blog-post__header{border-bottom:1px solid #ffffff14;margin-bottom:3rem;padding-bottom:2.5rem}.blog-post__meta-row{align-items:center;gap:1.2rem;margin-bottom:1.2rem;display:flex}.blog-post__meta{text-transform:uppercase;letter-spacing:.14em;color:#fff6;margin:0;font-size:.8rem;font-weight:500}.blog-post__reading-time{color:#ffffff4d;letter-spacing:.03em;padding-left:1.2rem;font-size:.8rem;position:relative}.blog-post__reading-time:before{content:"·";color:#fff3;font-weight:700;position:absolute;left:0}.blog-post__title{color:#fff;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.6rem;font-weight:700;line-height:1.25}.blog-post__tags{flex-wrap:wrap;gap:.6rem;display:flex}.blog-post__tag{color:#ffffff80;letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.3rem .9rem;font-size:.8rem;font-weight:500;display:inline-block}.blog-post__content{color:#ffffffd1;font-size:1.15rem;line-height:1.9}.blog-post__h1{color:#fff;letter-spacing:-.015em;margin:3rem 0 1.2rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-post__h2{color:#fff;letter-spacing:-.01em;margin:3rem 0 1rem;padding-top:.5rem;font-size:1.5rem;font-weight:600;line-height:1.35}.blog-post__h3{color:#ffffffeb;margin:2.2rem 0 .8rem;font-size:1.25rem;font-weight:600;line-height:1.4}.blog-post__p{color:#ffffffbf;margin-bottom:1.6rem;font-size:1.15rem;line-height:1.9}.blog-post__ul,.blog-post__ol{margin:1.6rem 0;padding-left:1.5rem}.blog-post__ol{counter-reset:ol-counter;list-style:none}.blog-post__ol>.blog-post__li{counter-increment:ol-counter;padding-left:.5rem;position:relative}.blog-post__ol>.blog-post__li:before{content:counter(ol-counter)".";color:#2997ff;font-size:.95rem;font-weight:600;position:absolute;left:-1.5rem}.blog-post__li{color:#ffffffbf;margin-bottom:.75rem;padding-left:.3rem;font-size:1.15rem;line-height:1.8}.blog-post__li::marker{color:#2997ff80}.blog-post__link{color:#2997ff;border-bottom:1px solid #2997ff40;text-decoration:none;transition:border-color .2s,color .2s}.blog-post__link:hover{color:#64b5ff;border-bottom-color:#2997ff}.blog-post__code-inline{color:#a0c4e8;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;padding:.15rem .45rem;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.88em}.blog-post__code-block{color:#fffc;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;margin:2rem 0;padding:1.4rem 1.6rem;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.7;display:block;overflow-x:auto}.blog-post__blockquote{color:#ffffff8c;border-left:3px solid #2997ff59;margin:2.5rem 0;padding:.2rem 0 .2rem 1.8rem;font-size:1.1rem;font-style:italic;line-height:1.8}.blog-post__hr{background:#ffffff14;border:none;height:1px;margin:3rem 0}.blog-post__img-wrapper{margin:2.5rem 0;display:block}.blog-post__img{border:1px solid #ffffff0f;border-radius:10px;width:100%}.blog-post__content strong{color:#fffffff2;font-weight:600}.blog-post__content em{color:#ffffffa6}.blog-post__footer{border-top:1px solid #ffffff0f;justify-content:flex-start;margin-top:4rem;padding-top:2rem;display:flex}.blog-post__footer-link{color:#fff6;letter-spacing:.03em;font-size:.9rem;text-decoration:none;transition:color .2s}.blog-post__footer-link:hover{color:#2997ff}@media (max-width:900px){.blog-post{padding:3.5rem 1.5rem 3rem}.blog-post__title{font-size:2.1rem}.blog-post__h1{font-size:1.7rem}.blog-post__h2{font-size:1.35rem}.blog-post__h3{font-size:1.15rem}}@media (max-width:600px){.blog-post{padding:2.5rem 1.2rem 2rem}.blog-post__title{font-size:1.75rem}.blog-post__h1{font-size:1.5rem}.blog-post__h2{font-size:1.25rem}.blog-post__h3{font-size:1.1rem}.blog-post__content,.blog-post__p,.blog-post__li{font-size:1.05rem;line-height:1.85}.blog-post__container{max-width:100%}.blog-post__meta-row{flex-wrap:wrap;gap:.3rem 1rem}}