.blog-post-page{background:#0a0a0f;flex-direction:column;min-height:100vh;display:flex}.blog-post-main{flex:1;padding:3rem 1.5rem}.blog-post-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e66;border:1px solid #ffffff0d;border-radius:1rem;max-width:1200px;margin:0 auto;padding:3rem 3rem 2.5rem}.blog-post-header{border-bottom:1px solid #ffffff14;margin-bottom:2.5rem;padding-bottom:2rem}.blog-post-meta{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.blog-post-category{text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.blog-post-date{color:#888;font-size:.875rem}.blog-post-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:3rem;font-weight:700;line-height:1.2}.blog-post-image{border-radius:12px;width:100%;height:450px;margin-bottom:3rem;overflow:hidden;box-shadow:0 8px 30px #0000004d}.blog-post-image img{object-fit:cover;width:100%;height:100%}.blog-post-content{color:#d0d0d0;font-size:1.125rem;line-height:1.9}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3{color:#fff;margin-top:3rem;margin-bottom:1.25rem;font-weight:700;line-height:1.3}.blog-post-content h1{letter-spacing:-.5px;font-size:2.25rem}.blog-post-content h2{letter-spacing:-.3px;font-size:1.875rem}.blog-post-content h3{color:#e8e8e8;font-size:1.5rem}.blog-post-content p{margin-bottom:1.75rem}.blog-post-content img{border-radius:8px;max-width:100%;height:auto;margin:2rem 0;display:block}.blog-post-content p img{margin:1.5rem auto}.blog-post-content ul,.blog-post-content ol{margin-bottom:2rem;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem;line-height:1.8}.blog-post-content strong{color:#f0f0f0;font-weight:600}.blog-post-content a{color:#69f;border-bottom:1px solid #6699ff4d;text-decoration:none;transition:all .2s}.blog-post-content a:hover{color:#8af;border-bottom-color:#8af}.blog-post-content code{color:#acf;background:#6699ff1a;border:1px solid #6699ff26;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.9em}.blog-post-content blockquote{color:#b8b8b8;background:#6699ff0d;border-left:4px solid #69f;border-radius:0 8px 8px 0;margin:2rem 0;padding:1.25rem 1.5rem;font-style:italic}@media (max-width:768px){.blog-post-main{padding:1.5rem 1rem}.blog-post-content-wrapper{padding:2rem 1.5rem}.blog-post-title{font-size:2rem}.blog-post-image{height:250px}.blog-post-content{font-size:1.0625rem}.blog-post-content h1{font-size:1.75rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}}