.blog-post-main{min-height:100vh;padding:60px 20px;background:linear-gradient(135deg,rgba(20,14,26,.95),rgba(15,10,20,.98));position:relative}.blog-post-main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(65,102,245,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.03) 0,transparent 50%);pointer-events:none;z-index:0}.blog-post-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.blog-post-header{margin-bottom:48px;animation:fadeInUp .8s ease-out}.blog-post-back-link{display:inline-block;margin-bottom:24px;padding:8px 16px;background:rgba(65,102,245,.1);border:1px solid rgba(65,102,245,.3);border-radius:6px;color:#8ca6ff;text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease}.blog-post-back-link:hover{background:rgba(65,102,245,.2);border-color:rgba(65,102,245,.6);transform:translateX(-4px)}.blog-post-meta-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}.blog-post-category-badge{display:inline-block;padding:6px 12px;background:rgba(65,102,245,.15);color:#8ca6ff;border-radius:6px;font-size:.85rem;font-weight:500;text-transform:capitalize}.blog-post-date-badge,.blog-post-read-time-badge{font-size:.9rem;color:rgba(255,255,255,.5);font-weight:400}.blog-post-main-title{font-size:2.5rem;font-weight:700;color:#ffffff;margin-bottom:16px;line-height:1.2;letter-spacing:-.01em}.blog-post-excerpt-header{font-size:1.2rem;color:rgba(255,255,255,.6);line-height:1.6;font-weight:400}.blog-post-content{margin-bottom:60px;animation:fadeInUp .8s ease-out .2s both}.blog-post-markdown{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.8)}.blog-post-markdown h1{font-size:2.2rem;font-weight:700;color:#ffffff;margin-top:48px;margin-bottom:24px;line-height:1.2}.blog-post-markdown h2{font-size:1.8rem;font-weight:600;color:#ffffff;margin-top:40px;margin-bottom:16px;line-height:1.3}.blog-post-markdown h3{font-size:1.4rem;font-weight:600;color:#ffffff;margin-top:32px;margin-bottom:12px;line-height:1.3}.blog-post-markdown p{margin-bottom:24px;line-height:1.8}.blog-post-markdown strong{font-weight:600;color:#ffffff}.blog-post-markdown em{font-style:italic;color:rgba(255,255,255,.9)}.blog-post-markdown a{color:#8ca6ff;text-decoration:none;border-bottom:1px solid rgba(140,166,255,.3);transition:all .3s ease}.blog-post-markdown a:hover{color:#4166f5;border-bottom-color:rgba(65,102,245,.6)}.blog-post-markdown ul{margin:24px 0 24px 24px;list-style:none}.blog-post-markdown li{margin-bottom:12px;position:relative;padding-left:24px}.blog-post-markdown li:before{content:"→";position:absolute;left:0;color:#8ca6ff}.blog-post-not-found{text-align:center;padding:80px 20px}.blog-post-not-found h1{font-size:2.5rem;color:#ffffff;margin-bottom:12px}.blog-post-not-found p{font-size:1.1rem;color:rgba(255,255,255,.6);margin-bottom:32px}.blog-post-navigation{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;margin-top:80px;padding-top:48px;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .8s ease-out .3s both}.blog-post-nav-card{padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;text-decoration:none;transition:all .3s ease;color:inherit}.blog-post-nav-card:hover{border-color:rgba(65,102,245,.4);background:linear-gradient(135deg,rgba(65,102,245,.1),rgba(139,92,246,.05))}.blog-post-nav-prev:hover{transform:translateX(-8px)}.blog-post-nav-next:hover{transform:translateX(8px)}.blog-post-nav-label{font-size:.9rem;color:rgba(255,255,255,.5);margin-bottom:8px;font-weight:500}.blog-post-nav-title{font-size:1.1rem;font-weight:600;color:#ffffff;line-height:1.4}@media (max-width:768px){.blog-post-main{padding:40px 16px}.blog-post-main-title{font-size:2rem}.blog-post-excerpt-header{font-size:1.1rem}.blog-post-markdown h1{font-size:1.8rem}.blog-post-markdown h2{font-size:1.5rem}.blog-post-markdown h3{font-size:1.2rem}.blog-post-markdown{font-size:1rem}.blog-post-navigation{grid-template-columns:1fr;gap:24px}}