.blog-detail-page{color:#fff;min-height:100vh;padding:20px 0 60px;background:#000!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-detail-loading{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.blog-detail-loading .spinner{border:4px solid #333;border-top-color:#ff6002;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-detail-error{text-align:center;padding:60px 20px}.blog-detail-error p{color:#ff6002;margin-bottom:20px}.back-link{color:#ff6002;align-items:center;gap:8px;margin-bottom:25px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:#ff6002;gap:12px}.blog-detail-hero-image{border-radius:12px;width:100%;max-height:500px;margin-bottom:30px;overflow:hidden;box-shadow:0 4px 25px #00000014}.blog-detail-hero-image img{object-fit:cover;width:100%;height:100%;max-height:500px;display:block}.blog-detail-content-wrapper{color:#fff;background:#1e1d1d;border-radius:20px;max-width:900px;margin:0 auto;padding:10px 50px 30px}.blog-detail-title{color:#fff;margin-bottom:20px;font-size:2.8rem;font-weight:700;line-height:1.3}.blog-detail-meta{border-top:1px solid #333;border-bottom:1px solid #333;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;padding:15px 0;display:flex}.meta-left{flex-wrap:wrap;gap:18px;display:flex}.meta-item{color:#fff;align-items:center;gap:6px;font-size:.95rem;display:flex}.meta-item svg{color:#ff6002;font-size:.9rem}.meta-item.views{color:#fff}.meta-item.views svg{color:#ff6002}.meta-right{align-items:center;gap:15px;display:flex}.meta-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #333;border-radius:25px;align-items:center;gap:6px;padding:8px 20px;font-size:.9rem;transition:all .3s;display:flex}.meta-btn:hover{color:#ff6002;background:#1a1a1a;border-color:#ff6002}.share-btn-main:hover{color:#fff;background:#ff6002;border-color:#ff6002}.blog-detail-description{background:#111;border-left:4px solid #ff6002;border-radius:8px;margin-bottom:30px;padding:24px 30px}.blog-detail-description p{color:#fff;background:#1e1d1d;margin:0;font-size:1.1rem;line-height:1.8}.blog-detail-content{color:#fff;overflow-wrap:break-word;word-wrap:break-word;max-width:100%;font-size:1.1rem;line-height:1.8}.blog-detail-content.ql-editor,.blog-detail-content .ql-editor{padding:0}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6{color:#fff;margin-top:35px;margin-bottom:20px;font-weight:700;line-height:1.4}.blog-detail-content h1{font-size:2.2rem}.blog-detail-content h2{font-size:1.8rem}.blog-detail-content h3{font-size:1.5rem}.blog-detail-content h4{font-size:1.3rem}.blog-detail-content p{color:#fff;margin-bottom:20px;line-height:1.9}.blog-detail-content img{border-radius:8px;max-width:100%;height:auto;margin:25px 0;display:block}.blog-detail-content figure{margin:25px 0}.blog-detail-content figure img{margin:0}.blog-detail-content figure figcaption{text-align:center;color:#ccc;margin-top:10px;font-size:.9rem}.blog-detail-content ul,.blog-detail-content ol{margin:20px 0;padding-left:30px}.blog-detail-content li{color:#fff;margin-bottom:10px;line-height:1.8}.blog-detail-content blockquote{color:#fff;background:#111;border-left:4px solid #ff6002;border-radius:0 8px 8px 0;margin:25px 0;padding:20px 25px;font-style:italic}.blog-detail-content blockquote p{color:#fff;margin:0}.blog-detail-content blockquote footer{color:#ccc;margin-top:10px;font-size:.9rem}.blog-detail-content pre{color:#fff;background:#111;border-radius:8px;margin:25px 0;padding:20px 25px;font-size:.95rem;line-height:1.6;overflow-x:auto}.blog-detail-content code{color:#ff6002;background:#1a1a1a;border-radius:4px;padding:2px 10px;font-family:Courier New,monospace;font-size:.9rem}.blog-detail-content pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog-detail-content table{border-collapse:collapse;width:100%;margin:25px 0}.blog-detail-content table th,.blog-detail-content table td{text-align:left;color:#fff;border:1px solid #333;padding:12px 15px}.blog-detail-content table th{color:#fff;background:#111;font-weight:600}.blog-detail-content a{color:#ff6002;text-decoration:none}.blog-detail-content a:hover{text-decoration:underline}.blog-detail-content hr{border:none;border-top:2px solid #333;margin:30px 0}.share-popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.share-popup{background:#111;border:1px solid #333;border-radius:16px;width:90%;max-width:500px;padding:35px 40px;position:relative;box-shadow:0 20px 60px #00000080}.share-popup h3{color:#fff;margin-bottom:8px;font-size:1.5rem}.share-popup p{color:#ccc;margin-bottom:25px}.share-popup-icons{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.share-popup-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}.share-popup-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff600259}.share-popup-btn.whatsapp{background:#25d366}.share-popup-btn.facebook{background:#1877f2}.share-popup-btn.twitter{background:#000;border:1px solid #333}.share-popup-btn.linkedin{background:#0a66c2}.share-popup-btn.copy{background:#ff6002;grid-column:span 2}.share-popup-close{color:#fff;cursor:pointer;background:#000;border:1px solid #333;border-radius:10px;width:100%;padding:12px;font-size:.95rem;transition:all .3s}.share-popup-close:hover{color:#ff6002;background:#1a1a1a;border-color:#ff6002}.blog-detail-footer{border-top:2px solid #333;margin-top:50px;padding-top:35px}.footer-tags{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.footer-tag{color:#ff6002;background:#111;border:1px solid #333;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .3s}.footer-tag:hover{color:#fff;background:#ff6002;border-color:#ff6002}.footer-share{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-share span{color:#fff;font-weight:500}.share-icons{gap:10px;display:flex}.share-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;text-decoration:none;transition:all .3s;display:flex}.share-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #ff600266}.share-btn.whatsapp{color:#fff;background:#25d366}.share-btn.facebook{color:#fff;background:#1877f2}.share-btn.twitter{color:#fff;background:#000;border:1px solid #333}.share-btn.linkedin{color:#fff;background:#0a66c2}.share-btn.copy{color:#fff;background:#ff6002}@media (max-width:992px){.blog-detail-title{font-size:2.2rem}.blog-detail-content-wrapper{max-width:100%}}@media (max-width:768px){.blog-detail-page{padding:15px 0 40px}.blog-detail-title{font-size:1.8rem}.blog-detail-hero-image,.blog-detail-hero-image img{max-height:300px}.blog-detail-meta{flex-direction:column;align-items:flex-start;gap:12px}.meta-left{gap:12px;font-size:.85rem}.meta-right{justify-content:space-between;width:100%}.meta-btn{flex:1;justify-content:center}.blog-detail-content{font-size:1rem}.blog-detail-content h1{font-size:1.8rem}.blog-detail-content h2{font-size:1.5rem}.blog-detail-content h3{font-size:1.3rem}.blog-detail-description{padding:18px 20px}.blog-detail-description p{font-size:1rem}.footer-share{flex-direction:column;align-items:flex-start;gap:12px}.share-popup{padding:25px 20px}.share-popup-icons{grid-template-columns:1fr}.share-popup-btn.copy{grid-column:span 1}}@media (max-width:480px){.blog-detail-title{font-size:1.5rem}.blog-detail-hero-image,.blog-detail-hero-image img{max-height:200px}.meta-left{flex-direction:column;gap:6px}.meta-right{flex-direction:column;gap:8px}.meta-btn{width:100%}.blog-detail-content{font-size:.95rem}.blog-detail-content blockquote{padding:15px 18px}.blog-detail-content pre{padding:15px;font-size:.85rem}.share-btn{width:38px;height:38px;font-size:1rem}.container{padding:0 15px}.blog-detail-content-wrapper{border-radius:20px;padding:10px 20px 30px}}.blog-detail-content.ql-editor,.blog-detail-content.ql-editor p,.blog-detail-content.ql-editor span,.blog-detail-content.ql-editor div,.blog-detail-content.ql-editor li,.blog-detail-content.ql-editor h3,.blog-detail-content.ql-editor h4,.blog-detail-content.ql-editor h5,.blog-detail-content.ql-editor h6,.blog-detail-content.ql-editor strong,.blog-detail-content.ql-editor em,.blog-detail-content.ql-editor blockquote{color:#fff!important}.blog-detail-content.ql-editor h1,.blog-detail-content.ql-editor h2{color:#ff6002!important}