.blog-post{background-color:var(--white);min-height:100vh;padding:8rem 0 5rem}.blog-post__container{max-width:800px;margin:0 auto}.blog-post__header{text-align:center;margin-bottom:3rem}.blog-post__category{color:var(--primary-600);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:inline-block}.blog-post__title{color:var(--gray-900);margin-bottom:2rem;font-size:2.5rem;font-weight:800;line-height:1.2}@media (min-width:768px){.blog-post__title{font-size:3.5rem}}.blog-post__meta{border-bottom:1px solid var(--gray-100);justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.blog-post__author{align-items:center;gap:1rem;display:flex}.blog-post__author-image{object-fit:cover;border-radius:9999px;width:3rem;height:3rem}.blog-post__author-info{text-align:left}.blog-post__author-name{color:var(--gray-900);font-size:1rem;font-weight:700;display:block}.blog-post__date{color:var(--gray-500);font-size:.875rem}.blog-post__cover-wrapper{border-radius:1.5rem;margin-bottom:4rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.blog-post__cover{aspect-ratio:21/9;object-fit:cover;width:100%}.blog-post__body{color:var(--gray-800);font-size:1.125rem;line-height:1.8}.blog-post__body h1,.blog-post__body h2,.blog-post__body h3{color:var(--gray-900);margin-top:2.5rem;margin-bottom:1rem}.blog-post__body h2{font-size:2rem}.blog-post__body h3{font-size:1.5rem}.blog-post__body p{margin-bottom:1.5rem}.blog-post__body ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style:outside}.blog-post__body li{margin-bottom:.5rem}.blog-post__body blockquote{border-left:4px solid var(--primary-500);color:var(--gray-600);margin:2rem 0;padding-left:1.5rem;font-style:italic}.blog-post__body img{border-radius:1rem;max-width:100%;margin:2rem 0}.blog-post__body code{background-color:var(--gray-100);border-radius:.25rem;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.blog-post__footer{border-top:1px solid var(--gray-100);justify-content:center;margin-top:5rem;padding-top:3rem;display:flex}.back-to-blogs{color:var(--primary-600);align-items:center;gap:.5rem;font-weight:600;transition:transform .2s;display:flex}.back-to-blogs:hover{transform:translate(-5px)}