.blog-post-container{background-color:#f9fafb;min-height:100vh}.post-hero{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;margin-bottom:40px;padding:60px 0 40px;position:relative}.hero-overlay{background:#0000004d;position:absolute;inset:0}.post-hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.breadcrumb{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.breadcrumb a{color:#ffffffe6;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#fff;text-decoration:underline}.breadcrumb span{color:#fff9}.post-hero h1{margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.2}.post-meta-hero{opacity:.9;flex-wrap:wrap;justify-content:center;gap:24px;font-size:14px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.post-main{max-width:1400px;margin:0 auto;padding:0 20px}.post-layout{grid-template-columns:1fr;gap:40px;margin-bottom:60px;display:grid}@media (min-width:1024px){.post-layout{grid-template-columns:1fr 350px;gap:60px}}.post-content-wrapper{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 6px #0000000d}.featured-image{border-radius:8px;margin-bottom:32px;overflow:hidden}.featured-image img{object-fit:cover;border-radius:8px;width:100%;height:auto;max-height:500px}.post-excerpt{color:var(--text);border-left:4px solid var(--primary);background:#f8fafc;border-radius:0 8px 8px 0;margin-bottom:32px;padding:20px;font-size:18px;line-height:1.6}.post-content{color:var(--text);font-size:16px;line-height:1.8}.post-content h2{color:var(--dark);margin:40px 0 16px;font-size:28px}.post-content h3{color:var(--dark);margin:32px 0 12px;font-size:22px}.post-content p{margin-bottom:24px}.post-content img{border-radius:8px;max-width:100%;height:auto;margin:24px 0}.post-content ul,.post-content ol{margin:16px 0 16px 24px}.post-content li{margin-bottom:8px}.post-content blockquote{border-left:4px solid var(--primary);background:#f8fafc;border-radius:0 8px 8px 0;margin:24px 0;padding:16px 24px;font-style:italic}.post-content code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:14px}.post-tags{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;margin:40px 0;padding:24px 0;display:flex}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#0369a1;cursor:pointer;background:#e0f2fe;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .3s}.tag:hover{background:#bae6fd;transform:translateY(-2px)}.share-section{margin:40px 0}.share-section h3{color:var(--dark);margin-bottom:16px;font-size:18px}.share-buttons{flex-wrap:wrap;gap:12px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.share-btn.facebook{color:#fff;background:#1877f2}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.linkedin{color:#fff;background:#0a66c2}.share-btn.copy{color:var(--text);background:#f3f4f6}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.author-bio{background:#f8fafc;border-radius:12px;gap:20px;margin-top:40px;padding:32px;display:flex}.author-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:600;display:flex}.author-info h3{color:var(--dark);margin-bottom:8px;font-size:20px}.author-info p{color:#6b7280;line-height:1.6}.post-sidebar{flex-direction:column;gap:30px;display:flex}.sidebar-widget{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d}.sidebar-widget h3{color:var(--dark);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600;position:relative}.sidebar-widget h3:after{content:"";background:var(--primary);border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.sidebar-widget p{color:#6b7280;margin-bottom:20px;line-height:1.6}.about-link{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s}.about-link:hover{color:var(--secondary);text-decoration:underline}.popular-post-item{color:inherit;border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:20px;padding-bottom:20px;text-decoration:none;transition:all .3s;display:flex}.popular-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.popular-post-item:hover{transform:translate(4px)}.popular-post-image{border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.popular-post-image img{object-fit:cover;width:100%;height:100%}.image-placeholder{background:#e5e7eb;border-radius:8px;width:100%;height:100%}.popular-post-content h4{color:var(--dark);margin-bottom:6px;font-size:15px;line-height:1.4}.post-meta-small{color:#9ca3af;align-items:center;gap:8px;font-size:12px;display:flex}.categories-list{flex-direction:column;gap:12px;display:flex}.category-item{color:var(--text);background:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex}.category-item:hover{background:var(--primary);color:#fff;transform:translate(4px)}.category-count{background:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600}.category-item:hover .category-count{color:#fff;background:#fff3}.sidebar-newsletter{flex-direction:column;gap:12px;display:flex}.sidebar-newsletter input{border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s}.sidebar-newsletter input:focus{border-color:var(--primary);outline:none}.subscribe-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.subscribe-btn:hover{background:var(--secondary);transform:translateY(-2px)}.cta-widget{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff}.cta-widget h3,.cta-widget p{color:#fff}.cta-widget h3:after{background:#fff}.cta-btn{color:var(--primary);background:#fff;border-radius:8px;margin-top:16px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.related-posts{border-top:2px solid #e5e7eb;margin-top:60px;padding-top:40px}.related-posts h2{text-align:center;color:var(--dark);margin-bottom:40px;font-size:32px}.related-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.related-card{color:inherit;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d}.related-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001a}.related-image{height:200px;overflow:hidden}.related-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.related-card:hover .related-image img{transform:scale(1.05)}.related-placeholder{background:#e5e7eb;width:100%;height:100%}.related-content{padding:24px}.related-content h3{color:var(--dark);margin-bottom:12px;font-size:18px;line-height:1.4}.related-content p{color:#6b7280;margin-bottom:16px;font-size:14px;line-height:1.6}.related-meta{color:#9ca3af;align-items:center;gap:8px;font-size:12px;display:flex}@media (max-width:768px){.post-hero h1{font-size:32px}.post-meta-hero{flex-direction:column;align-items:center;gap:12px}.post-content-wrapper{padding:24px}.share-buttons{flex-direction:column}.share-btn{justify-content:center}.author-bio{text-align:center;flex-direction:column;padding:24px}.author-avatar{margin:0 auto}.related-grid{grid-template-columns:1fr}}@media (max-width:480px){.post-hero{padding:40px 0 30px}.post-hero h1{font-size:28px}.post-layout{gap:24px}.sidebar-widget{padding:20px}}