.blog-post-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);min-height:100vh;padding-top:100px;padding-bottom:80px}.breadcrumb{color:#8b8ba7;align-items:center;gap:12px;max-width:900px;margin:0 auto 40px;padding:0 20px;font-size:.9rem;display:flex}.breadcrumb a{color:#b8b8d1;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#667eea}.breadcrumb .separator{color:#ffffff4d}.breadcrumb .current{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-weight:500;overflow:hidden}.post-hero{text-align:center;max-width:900px;margin:0 auto 40px;padding:0 20px}.post-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-block}.post-title{color:#fff;margin-bottom:32px;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.2}.post-meta{justify-content:center;margin-bottom:40px;display:flex}.author-section{align-items:center;gap:16px;display:flex}.author-avatar-large{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.2rem;font-weight:700;display:flex}.author-details{text-align:left}.author-name-large{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:600;display:block}.post-info{color:#8b8ba7;align-items:center;gap:8px;font-size:.9rem;display:flex}.meta-divider{color:#ffffff4d}.featured-image-wrapper{border-radius:24px;max-width:1200px;margin:0 auto 60px;padding:0 20px;overflow:hidden}.featured-image{object-fit:cover;border-radius:24px;width:100%;height:auto;max-height:600px;box-shadow:0 20px 60px #00000080}.post-content{max-width:800px;margin:0 auto 60px;padding:0 20px}.content-wrapper{color:#e0e0e0;font-size:1.125rem;line-height:1.8}.content-wrapper h2{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:48px;margin-bottom:24px;font-size:2rem;font-weight:700}.content-wrapper h3{color:#fff;margin-top:36px;margin-bottom:16px;font-size:1.5rem;font-weight:600}.content-wrapper h4{color:#b8b8d1;margin-top:28px;margin-bottom:12px;font-size:1.25rem;font-weight:600}.content-wrapper h5{color:#b8b8d1;margin-top:24px;margin-bottom:12px;font-size:1.1rem;font-weight:600}.content-wrapper p{color:#d0d0e0;margin-bottom:20px}.content-wrapper ul,.content-wrapper ol{margin-bottom:24px;padding-left:28px}.content-wrapper li{color:#d0d0e0;margin-bottom:12px}.content-wrapper li strong{color:#fff;font-weight:600}.content-wrapper blockquote{color:#b8b8d1;background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin:32px 0;padding:20px 24px;font-size:1.15rem;font-style:italic}.content-wrapper a{color:#667eea;text-decoration:underline;transition:color .3s}.content-wrapper a:hover{color:#764ba2}.content-wrapper code{color:#f093fb;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:.95em}.content-wrapper pre{background:#ffffff0d;border-radius:12px;margin:24px 0;padding:20px;overflow-x:auto}.content-wrapper pre code{background:0 0;padding:0}.share-section{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;max-width:800px;margin:0 auto 60px;padding:40px 20px}.share-section h3{color:#fff;text-align:center;margin-bottom:20px;font-size:1.25rem;font-weight:600}.share-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.share-btn svg{width:18px;height:18px}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.twitter:hover{background:#1a8cd8;transform:translateY(-2px);box-shadow:0 8px 20px #1da1f266}.share-btn.facebook{color:#fff;background:#1877f2}.share-btn.facebook:hover{background:#1565d8;transform:translateY(-2px);box-shadow:0 8px 20px #1877f266}.share-btn.linkedin{color:#fff;background:#0a66c2}.share-btn.linkedin:hover{background:#0956a8;transform:translateY(-2px);box-shadow:0 8px 20px #0a66c266}.share-btn.copy{color:#fff;background:#ffffff1a;border:1px solid #fff3}.share-btn.copy:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff1a}.related-posts{max-width:1200px;margin:0 auto 60px;padding:0 20px}.related-title{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:2rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.related-card{color:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.related-card:hover{border-color:#667eea4d;transform:translateY(-8px);box-shadow:0 16px 40px #667eea33}.related-image-wrapper{width:100%;height:200px;overflow:hidden}.related-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.related-card:hover .related-image{transform:scale(1.1)}.related-content{padding:24px}.related-category{color:#667eea;text-transform:uppercase;letter-spacing:.5px;background:#667eea33;border-radius:16px;margin-bottom:12px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}.related-card-title{color:#fff;margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.3}.related-excerpt{color:#b8b8d1;margin-bottom:16px;font-size:.95rem;line-height:1.6}.related-meta{color:#8b8ba7;font-size:.85rem}.back-to-blog{text-align:center;max-width:800px;margin:0 auto;padding:0 20px}.back-to-blog-btn{color:#667eea;background:#667eea1a;border:1px solid #667eea4d;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-to-blog-btn:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;transform:translate(-4px)}.post-not-found{text-align:center;max-width:600px;margin:100px auto;padding:60px 20px}.post-not-found h1{color:#fff;margin-bottom:16px;font-size:2.5rem;font-weight:700}.post-not-found p{color:#b8b8d1;margin-bottom:32px;font-size:1.1rem}@media (max-width:768px){.post-title{font-size:2rem}.content-wrapper{font-size:1rem}.content-wrapper h2{font-size:1.5rem}.content-wrapper h3{font-size:1.25rem}.related-grid{grid-template-columns:1fr}.share-buttons{flex-direction:column}.share-btn{justify-content:center;width:100%}.breadcrumb .current{max-width:150px}}