.blog-detail-container{min-height:100vh;background:linear-gradient(135deg,#f8f9ff,#ffffff);padding:20px 0}.blog-detail-content{max-width:800px;margin:0 auto;padding:0 20px;background:white;border-radius:20px;box-shadow:0 10px 40px rgba(25,118,210,.1);overflow:hidden;position:relative}.blog-detail-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#42a5f5,#1976d2)}.back-button{padding:20px 0 10px}.back-btn{color:#1976d2;font-weight:500;transition:all .3s ease}.back-btn:hover{color:#42a5f5;transform:translateX(-3px)}.blog-header{padding:20px 0 30px;text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:30px}.blog-meta{margin-bottom:20px}.blog-title{font-size:36px;font-weight:700;color:#0b1f44;line-height:1.3;margin-bottom:16px;background:linear-gradient(135deg,#0b1f44,#1976d2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-excerpt{font-size:18px;color:#555;line-height:1.6;max-width:600px;margin:0 auto;font-style:italic}.blog-image{margin:30px 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.1);transition:transform .3s ease}.blog-image:hover{transform:scale(1.02)}.blog-content{padding:30px 0;line-height:1.8;font-size:16px;color:#333}.blog-html-content{max-width:100%;overflow-wrap:break-word}.blog-html-content h1,.blog-html-content h2,.blog-html-content h3,.blog-html-content h4,.blog-html-content h5,.blog-html-content h6{color:#0b1f44;margin-top:30px;margin-bottom:16px;font-weight:600}.blog-html-content h1{font-size:28px}.blog-html-content h2{font-size:24px}.blog-html-content h3{font-size:20px}.blog-html-content h4{font-size:18px}.blog-html-content p{margin-bottom:16px;line-height:1.8}.blog-html-content ol,.blog-html-content ul{margin-bottom:16px;padding-left:24px}.blog-html-content li{margin-bottom:8px;line-height:1.6}.blog-html-content blockquote{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-left:4px solid #1976d2;padding:20px;margin:20px 0;border-radius:8px;font-style:italic;color:#555}.blog-html-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,.1)}.blog-html-content a{color:#1976d2;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.blog-html-content a:hover{color:#42a5f5;border-bottom-color:#42a5f5}.blog-html-content strong{color:#0b1f44;font-weight:600}.blog-html-content em{color:#555;font-style:italic}.blog-actions{padding:30px 0;text-align:center;background:linear-gradient(135deg,#f8f9ff,#e8f2ff);margin:30px -20px -20px;border-radius:0 0 20px 20px}.error-state{text-align:center;padding:60px 20px;color:#555}@media (max-width:768px){.blog-detail-container{padding:10px 0}.blog-detail-content{margin:0 10px;padding:0 15px;border-radius:16px}.blog-title{font-size:28px}.blog-excerpt{font-size:16px}.blog-content{padding:20px 0;font-size:15px}.blog-html-content h1{font-size:24px}.blog-html-content h2{font-size:20px}.blog-html-content h3{font-size:18px}.blog-html-content h4{font-size:16px}.blog-actions{margin:20px -15px -15px;padding:20px 0}}@media (max-width:480px){.blog-detail-content{margin:0 5px;padding:0 10px}.blog-title{font-size:24px}.blog-excerpt{font-size:15px}.blog-content{font-size:14px}}