.blog-post-page{background-color:#fff;min-height:100vh;font-family:Outfit,sans-serif}.blog-post-loading{justify-content:center;align-items:center;min-height:80vh;display:flex}.modern-spinner{border:3px solid #0000001a;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.post-header{text-align:left;background:#fff;max-width:1200px;margin:0 auto;padding:120px 24px 0}.post-header-inner{max-width:900px;margin-bottom:60px}.post-back-btn{text-transform:uppercase;letter-spacing:.1em;color:#4b5563;align-items:center;gap:8px;width:fit-content;margin-bottom:40px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .3s;display:flex}.post-back-btn:hover{color:#111827;transform:translate(-5px)}.post-category-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#000;border-radius:30px;margin-bottom:24px;padding:6px 14px;font-size:10px;font-weight:800;display:inline-block}.post-title{letter-spacing:-.04em;color:#111827;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:900;line-height:1.1}.post-excerpt{color:#4b5563;letter-spacing:-.01em;margin-bottom:40px;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;line-height:1.4}.post-metadata{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:30px 0;display:flex}.author-wrap{align-items:center;gap:12px;display:flex}.author-img{background:#f1f5f9;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.author-info{flex-direction:column;display:flex}.author-name{color:#111827;font-size:14px;font-weight:700}.post-date{color:#6b7280;font-size:12px}.post-stats{color:#6b7280;gap:20px;font-size:13px;font-weight:500;display:flex}.read-time{align-items:center;gap:6px;display:flex}.post-hero-image-wrap{aspect-ratio:21/10;border-radius:24px;width:100%;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #00000026}.post-hero-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.post-content-container{justify-content:center;max-width:1200px;margin:0 auto;padding:0 24px 100px;display:flex}.post-content-inner{width:100%}.post-body-content{color:#374151;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.8}.post-body-content p{margin-bottom:2rem}.post-body-content h2{color:#111827;letter-spacing:-.03em;margin:4rem 0 1.5rem;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800}.post-body-content h3{color:#111827;letter-spacing:-.02em;margin:3rem 0 1rem;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700}.post-body-content blockquote{color:#000;border-left:4px solid #000;margin:3rem 0;padding-left:30px;font-family:Outfit,sans-serif;font-size:1.5rem;font-style:italic;font-weight:600;line-height:1.4}.post-body-content ul,.post-body-content ol{margin-bottom:2rem;padding-left:1.5rem}.post-body-content li{margin-bottom:.75rem;padding-left:.5rem}.post-tags-list{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:10px;margin-top:60px;padding-top:40px;display:flex}.post-tag{color:#4b5563;cursor:default;background:#f1f5f9;border-radius:40px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s}.post-tag:hover{color:#fff;background:#000}.post-footer{background:#f9fafb;border-top:1px solid #f1f5f9;padding:100px 24px}.post-footer-cta{text-align:center;max-width:600px;margin:0 auto}.post-footer-cta h3{letter-spacing:-.02em;margin-bottom:16px;font-size:2rem;font-weight:800}.post-footer-cta p{color:#6b7280;margin-bottom:32px}.newsletter-form-minimal{background:#fff;border:1px solid #0000000f;border-radius:50px;gap:12px;padding:8px;display:flex;box-shadow:0 10px 30px #0000000d}.newsletter-form-minimal input{background:0 0;border:none;outline:none;flex:1;padding-left:20px;font-family:inherit;font-weight:500}.newsletter-form-minimal button{color:#fff;text-transform:uppercase;cursor:pointer;background:#000;border:none;border-radius:40px;padding:12px 28px;font-size:13px;font-weight:800;transition:transform .2s}.newsletter-form-minimal button:hover{transform:scale(1.05)}@media (max-width:1024px){.post-content-container{padding-bottom:60px}.post-hero-image-wrap{aspect-ratio:16/9}}@media (max-width:768px){.post-header{padding-top:80px}.post-hero-image-wrap{border-radius:12px;margin-bottom:30px}.post-body-content h2{font-size:1.75rem}.newsletter-form-minimal{border-radius:12px;flex-direction:column;padding:12px}.newsletter-form-minimal input{padding:12px}}