.blog-detail-container{background-color:#f0f0f0;min-height:100vh}.blog-title{font-size:35px;line-height:1.4;margin-top:40px}.blog-image-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.blog-image{height:400px;width:100%;object-fit:contain;transition:transform .3s ease}.blog-image:hover{transform:scale(1.02)}.blog-content{color:#333;line-height:1.8;text-align:justify}.blog-content p{margin-bottom:1.5rem}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:700;color:#192a3d}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.75rem}.blog-content h3{font-size:1.5rem}.blog-content h4{font-size:1.25rem}.blog-content h5{font-size:1.125rem}.blog-content h6{font-size:1rem}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.blog-content ol,.blog-content ul{margin-bottom:1.5rem;padding-right:2rem}.blog-content li{margin-bottom:.75rem;position:relative}.blog-content ul li:before{content:"•";color:#192a3d;font-weight:700;position:absolute;right:-1rem}.blog-content blockquote{border-right:4px solid #192a3d;padding:1.5rem;margin:2rem 0;font-style:italic;color:#555;background-color:#f8f9fa;border-radius:0 8px 8px 0}.blog-content a{color:#192a3d;text-decoration:none;font-weight:500;transition:all .2s ease}.blog-content a:hover{text-decoration:underline;color:#0d1a26}.blog-content code{background-color:#f4f4f4;padding:.25rem .5rem;border-radius:.375rem;font-family:Courier New,monospace;font-size:.9em;border:1px solid #e2e8f0}.blog-content pre{background-color:#1e293b;color:#e2e8f0;padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0;font-family:Courier New,monospace;font-size:.9rem}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content table td,.blog-content table th{padding:.75rem;border:1px solid #dee2e6;text-align:right}.blog-content table th{background-color:#f8f9fa;font-weight:700;color:#192a3d}@media (max-width:768px){.blog-title{font-size:28px!important;margin-top:30px!important}.blog-image-container{margin-left:-12px;margin-right:-12px;border-radius:0!important;box-shadow:none}.blog-image{height:280px!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;object-fit:cover}.blog-content{font-size:16px!important;line-height:1.7!important}.blog-content h1{font-size:1.75rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content h5{font-size:1rem}}@media (max-width:576px){.blog-title{font-size:24px!important;margin-top:20px!important;line-height:1.3!important}.blog-image{height:220px!important}.blog-content{font-size:15px!important;line-height:1.6!important}.blog-content h1{font-size:1.5rem}.blog-content h2{font-size:1.35rem}.blog-content h3{font-size:1.2rem}.blog-content blockquote{padding:1rem;margin:1.5rem 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-content>*{animation:fadeIn .3s ease forwards}.loading-spinner{width:3rem;height:3rem;border-width:.25em}.author-card{border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.author-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.author-image{width:80px;height:80px;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.breadcrumb-custom{background:transparent;padding:.5rem 0}.breadcrumb-custom .breadcrumb-item a{color:#192a3d;text-decoration:none;transition:color .2s ease}.breadcrumb-custom .breadcrumb-item a:hover{color:#0d1a26;text-decoration:underline}.breadcrumb-custom .breadcrumb-item.active{color:#6c757d;font-weight:500}.custom-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:140px}.custom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.custom-btn-primary{background-color:#192a3d;color:#fff;border:none}.custom-btn-primary:hover{background-color:#0d1a26;color:#fff}.custom-btn-outline{background-color:#fff;color:#192a3d;border:2px solid #192a3d}.custom-btn-outline:hover{background-color:#f8f9fa;color:#0d1a26;border-color:#0d1a26}