.blog-detail-page{min-height:100vh;background:#fff;font-family:Urbanist,sans-serif;color:#1e293b}.blog-detail-hero{position:relative;min-height:55vh;display:flex;align-items:flex-end;background-size:cover;background-position:50%;margin-top:70px}.blog-detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#1e1b4b4d,#1e1b4b99 50%,#1e1b4be6)}.blog-detail-hero-content{position:relative;z-index:1;max-width:900px;padding:4rem 2rem;margin:0 auto;width:100%}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffe6;text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:10px 18px;border-radius:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;transition:all .3s ease}.back-link:hover{background:#fff;color:#6366f1;transform:translateX(-4px)}.blog-detail-category{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 18px;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.25rem}.blog-detail-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.blog-detail-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;color:#ffffffe6;font-size:.95rem;font-weight:500}.blog-detail-author{display:flex;align-items:center;gap:.6rem}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.meta-divider{opacity:.5}.blog-detail-container{max-width:800px;margin:0 auto;padding:4rem 2rem 6rem}.blog-detail-article{margin-bottom:4rem}.blog-detail-content{color:#374151;font-size:1.125rem;line-height:1.85}.blog-detail-content h2{color:#1e1b4b;font-size:1.75rem;font-weight:800;margin:2.5rem 0 1.25rem;letter-spacing:-.02em}.blog-detail-content h2:first-child{margin-top:0}.blog-detail-content p{margin-bottom:1.5rem}.blog-detail-content ul{margin:2rem 0;padding:2rem 2rem 2rem 3.5rem;background:#f8fafc;border-radius:16px;border-left:4px solid #6366f1;list-style:none}.blog-detail-content li{margin-bottom:.75rem;position:relative;padding-left:1.25rem}.blog-detail-content li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;background:#6366f1;border-radius:50%}.blog-detail-content strong{color:#1e1b4b;font-weight:700}.blog-detail-content a{color:#6366f1;text-decoration:none;border-bottom:2px solid #6366f133;transition:all .2s;font-weight:600}.blog-detail-content a:hover{border-bottom-color:#6366f1}.blog-share-section{text-align:center;padding:2.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:4rem}.blog-share-section h3{color:#1e1b4b;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem}.share-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 20px;border-radius:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;background:#fff;color:#64748b;border:1px solid #e2e8f0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000001a}.share-btn.twitter{color:#1da1f2}.share-btn.linkedin{color:#0077b5}.share-btn.copy{color:#6366f1}.related-posts-section{padding-top:3rem;border-top:1px solid #e2e8f0}.related-posts-title{font-size:1.75rem;font-weight:800;color:#1e1b4b;margin-bottom:2rem;text-align:center}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.related-post-card{background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;transition:all .3s ease;border:1px solid #e2e8f0}.related-post-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #6366f11f;border-color:#6366f133}.related-post-image-wrapper{aspect-ratio:16/10;overflow:hidden}.related-post-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-post-card:hover .related-post-image-wrapper img{transform:scale(1.05)}.related-post-content{padding:1.25rem}.related-post-category{display:inline-block;background:#eef2ff;color:#6366f1;padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem}.related-post-content h3{font-size:1rem;font-weight:700;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-post-card:hover .related-post-content h3{color:#6366f1}.blog-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:4rem 2rem}.blog-not-found h1{color:#1e1b4b;font-size:2.5rem;margin-bottom:1rem}.blog-not-found p{color:#64748b;font-size:1.125rem;margin-bottom:2rem}.back-to-blogs-btn{display:inline-flex;align-items:center;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px -5px #6366f14d}.back-to-blogs-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #6366f166}@media (max-width:1024px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-detail-hero{min-height:45vh}.blog-detail-hero-content{padding:3rem 1.5rem}.blog-detail-title{font-size:1.75rem}.blog-detail-container{padding:2.5rem 1.5rem 4rem}.blog-detail-content h2{font-size:1.5rem}.related-posts-grid{grid-template-columns:1fr;gap:1rem}}