.blog-detail-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh}.blog-detail-page .blog-content{padding:6rem 0 4rem}.blog-detail-page .article-header{text-align:left;margin-bottom:3rem}.blog-detail-page .blog-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.blog-detail-page .blog-category,.blog-detail-page .blog-date,.blog-detail-page .blog-read-time{color:#fff9;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.blog-detail-page .blog-category{color:#fbbf24}.blog-detail-page .blog-title{color:#fff;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.blog-detail-page .blog-excerpt{color:#ffffffb3;max-width:900px;margin-bottom:0;font-size:1.35rem;line-height:1.6}.blog-detail-page .blog-header-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.5rem;padding-top:2rem;display:flex}.blog-detail-page .blog-author-info{align-items:center;gap:1rem;display:flex}.blog-detail-page .author-avatar{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.blog-detail-page .author-details{flex-direction:column;display:flex}.blog-detail-page .author-name{color:#fff;font-size:1.05rem;font-weight:600}.blog-detail-page .author-role{color:#ffffff80;font-size:.85rem}.blog-detail-page .blog-stats{gap:1.5rem;display:flex}.blog-detail-page .stat-item{color:#fff9;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.blog-detail-page .content-wrapper{flex-direction:column;gap:4rem;max-width:1000px;margin:0 auto;display:flex}@media (width<=768px){.blog-detail-page .content-wrapper{gap:2rem}.blog-detail-page .blog-content{padding-top:2rem}.blog-detail-page .article-header{margin-bottom:2rem}}.blog-detail-page .article-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:3rem}.blog-detail-page .article-image{border-radius:12px;margin-bottom:2rem;overflow:hidden}.blog-detail-page .article-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:400px}.blog-detail-page .article-text{color:#ffffffe6;font-size:1.1rem;line-height:1.8}.blog-detail-page .article-text h2{color:#fff;margin:2rem 0 1rem;font-size:2rem;font-weight:700}.blog-detail-page .article-text h3{color:#fff;margin:1.5rem 0 .75rem;font-size:1.5rem;font-weight:600}.blog-detail-page .article-text p{margin-bottom:1.5rem}.blog-detail-page .article-tags{border-top:1px solid #ffffff1a;margin:3rem 0;padding-top:2rem}.blog-detail-page .article-tags h4{color:#fff;margin-bottom:1rem;font-size:1.1rem}.blog-detail-page .tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.blog-detail-page .tag{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.blog-detail-page .article-actions{border-top:1px solid #ffffff1a;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.blog-detail-page .blog-sidebar{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem;padding-top:3rem;display:grid}.blog-detail-page .related-widget{grid-column:1/-1}@media (width<=900px){.blog-detail-page .blog-sidebar{grid-template-columns:1fr}}@media (width<=600px){.blog-detail-page .blog-sidebar{grid-template-columns:1fr}}.blog-detail-page .sidebar-widget{backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;height:100%;padding:2rem;transition:transform .3s,border-color .3s;display:flex}.blog-detail-page .sidebar-widget:hover{border-color:#fff3;transform:translateY(-5px)}.blog-detail-page .widget-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.blog-detail-page .sidebar-widget h3{color:#fff;letter-spacing:.02em;margin:0;font-size:1.1rem;font-weight:700}.blog-detail-page .newsletter-widget{background:linear-gradient(145deg,#3b82f61a,#1e293b99);border:1px solid #3b82f633}.blog-detail-page .newsletter-success{text-align:center;flex-direction:column;align-items:center;padding:1rem 0;animation:.5s ease-out blogDetailFadeScale;display:flex}.blog-detail-page .success-icon-wrapper{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;animation:.6s cubic-bezier(.68,-.55,.265,1.55) blogDetailBounceIn;display:flex;box-shadow:0 0 20px #4ade801a}@keyframes blogDetailFadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blogDetailBounceIn{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.blog-detail-page .newsletter-card h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.blog-detail-page .newsletter-card p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.blog-detail-page .newsletter-form{flex-direction:column;gap:.75rem;margin-top:auto;display:flex;position:relative}.blog-detail-page .newsletter-form input{color:#fff;background:#0f172a66;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:1rem 1.25rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-detail-page .newsletter-form input::-moz-placeholder{color:#fff6}.blog-detail-page .newsletter-form input::placeholder{color:#fff6}.blog-detail-page .newsletter-form input:focus{background:#0f172acc;border-color:#60a5fa;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #60a5fa1a}.blog-detail-page .related-posts{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=768px){.blog-detail-page .related-posts{grid-template-columns:1fr}}.blog-detail-page .related-post-image{border-radius:8px;flex-shrink:0;width:100%;height:160px;overflow:hidden}.blog-detail-page .related-post-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-detail-page .related-post-content{flex-direction:column;flex-grow:1;display:flex}.blog-detail-page .related-post-content h4{color:#fff;white-space:normal;text-overflow:clip;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4;overflow:visible}.blog-detail-page .related-post-meta{color:#ffffff80;align-items:center;gap:.5rem;margin-top:auto;font-size:.8rem;display:flex}.blog-detail-page .meta-dot{color:#ffffff4d}.blog-detail-page .author-card{text-align:left}.blog-detail-page .author-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-detail-page .author-avatar-large{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.blog-detail-page .author-info-text h4{color:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.blog-detail-page .author-role-badge{color:#fbbf24;background:#fbbf2426;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.blog-detail-page .author-card p{color:#ffffffb3;margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.blog-detail-page .author-stats{background:#0003;border-radius:12px;justify-content:space-between;margin-top:auto;padding:1rem;display:flex}.blog-detail-page .author-stat{flex-direction:column;align-items:center;gap:.25rem;display:flex}.blog-detail-page .author-stat span{color:#fff;font-size:.8rem;font-weight:500}.blog-detail-page .newsletter-card{text-align:center}.blog-detail-page .share-options-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;animation:.3s ease-out blogDetailFadeScale;display:flex}.blog-detail-page .social-share-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.blog-detail-page .social-share-btn:hover{transform:translateY(-3px)}.blog-detail-page .btn-linkedin{color:#0077b5;background:#0077b533;border:1px solid #0077b54d}.blog-detail-page .btn-linkedin:hover{color:#fff;background:#0077b5;box-shadow:0 4px 12px #0077b54d}.blog-detail-page .btn-twitter{color:#1da1f2;background:#1da1f233;border:1px solid #1da1f24d}.blog-detail-page .btn-twitter:hover{color:#fff;background:#1da1f2;box-shadow:0 4px 12px #1da1f24d}.blog-detail-page .btn-facebook{color:#4267b2;background:#4267b233;border:1px solid #4267b24d}.blog-detail-page .btn-facebook:hover{color:#fff;background:#4267b2;box-shadow:0 4px 12px #4267b24d}.blog-detail-page .btn-whatsapp{color:#25d366;background:#25d36633;border:1px solid #25d3664d}.blog-detail-page .btn-whatsapp:hover{color:#fff;background:#25d366;box-shadow:0 4px 12px #25d3664d}.blog-detail-page .btn-close-share{color:#ffffffb3;background:#ffffff1a}.blog-detail-page .btn-close-share:hover{color:#fff;background:#fff3;transform:rotate(90deg)}@media (width<=1024px){.blog-detail-page .content-wrapper{gap:2rem}.blog-detail-page .container{padding:0 1.5rem}}@media (width<=768px){.blog-detail-page .blog-title{font-size:2.5rem}.blog-detail-page .blog-meta,.blog-detail-page .blog-stats{gap:1rem}.blog-detail-page .article-content{padding:2rem}.blog-detail-page .sidebar-widget{padding:1.5rem}.blog-detail-page .container{padding:0 1rem}}@media (width<=480px){.blog-detail-page .blog-title{font-size:2rem}.blog-detail-page .blog-excerpt{font-size:1.1rem}.blog-detail-page .article-content{padding:1.5rem}.blog-detail-page .article-actions{flex-direction:column}}