.blog-post-page{background-color:var(--background);min-height:100vh;padding-bottom:80px}.post-hero{align-items:flex-end;width:100%;height:60vh;min-height:400px;display:flex;position:relative;overflow:hidden}.post-hero-bg{z-index:0;background-position:50%;background-size:cover;animation:1.5s ease-out both scaleDown;position:absolute;inset:0}.post-hero-overlay{background:linear-gradient(to top, var(--background) 0%, #13131380 40%, #13131333 100%);z-index:1;position:absolute;inset:0}.post-hero-content{z-index:10;width:100%;padding-bottom:6rem;animation:.8s .3s both fadeInUp;position:relative}.post-back-link{letter-spacing:.2em;text-transform:uppercase;color:var(--primary-container);align-items:center;gap:.5rem;margin-bottom:2rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.post-back-link:hover{color:var(--primary);text-decoration:none;transform:translate(-4px)}.post-back-link .material-symbols-outlined{font-size:1rem}.post-header-meta{letter-spacing:.2em;color:var(--on-surface-variant);gap:1.5rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:.75rem;display:flex}.post-header-meta span.primary-text{color:var(--primary-container)}.post-header-title{color:var(--on-surface);text-transform:uppercase;margin-bottom:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.post-header-title .accent-text{color:var(--primary-container)}.post-article-wrapper{z-index:20;margin-top:-3rem;margin-bottom:4rem;animation:.8s .5s both fadeInUp;position:relative}.post-article-glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);border-radius:16px;max-width:900px;margin:0 auto;padding:4rem}@media (max-width:768px){.post-article-glass{padding:2rem 1.5rem}}.post-content{color:var(--on-surface-variant);font-family:Manrope,sans-serif;font-size:1.125rem;line-height:1.8}.post-content h2{color:var(--primary);margin-top:3rem;margin-bottom:1.5rem;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700}.post-content h3{color:var(--on-surface);margin-top:2rem;margin-bottom:1rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.post-content p{margin-bottom:1.5rem}.post-content blockquote{border-left:2px solid var(--primary-container);color:var(--on-surface);background:#00f0ff08;border-radius:0 8px 8px 0;margin:2.5rem 0;padding:1.5rem;font-size:1.25rem;font-style:italic}.post-content img{border:1px solid #ffffff0d;border-radius:8px;width:100%;margin:2rem 0}.post-content code{color:var(--secondary);background:#ffffff0d;border-radius:4px;padding:.2rem .4rem;font-family:monospace}.post-footer-tags{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:.75rem;margin-top:4rem;padding-top:2rem;display:flex}.post-footer-tags .tag-pill{background:#ffffff08;border:1px solid #ffffff1a;border-radius:9999px;padding:.4rem 1rem;font-size:.7rem}@keyframes scaleDown{0%{transform:scale(1.1)}to{transform:scale(1)}}