.blog-detail-section{padding:6rem 0;background:linear-gradient(180deg,#f8fafc,#fff)}.blog-detail{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;border:1px solid rgba(229,231,235,.5);display:flex;flex-direction:row}.blog-detail-image{position:relative;width:40%;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc}.blog-detail-image img{width:100%;height:100%;object-fit:contain;object-position:center}.blog-category{position:absolute;top:2rem;left:2rem;background:hsla(0,0%,100%,.95);padding:.75rem 1.5rem;border-radius:2rem;font-size:1rem;color:#38ae52;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px rgba(0,0,0,.05)}.blog-detail-content{padding:3rem;width:60%;display:flex;flex-direction:column}.blog-detail-content h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem;line-height:1.3}.blog-detail-content h2{font-size:1.875rem;font-weight:600;color:#1f2937;margin:2.5rem 0 1.5rem}.blog-detail-content h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:2rem 0 1.25rem}.blog-detail-content p{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:1.5rem}.blog-detail-content a{color:#38ae52;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease}.blog-detail-content a:hover{border-bottom-color:#38ae52}.blog-detail-content ol,.blog-detail-content ul{margin:1.5rem 0;padding-left:2rem}.blog-detail-content li{font-size:1.125rem;line-height:1.8;color:#4b5563;margin-bottom:.75rem}.blog-detail-content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid #38ae52;background:#f8fafc;border-radius:.5rem}.blog-detail-content blockquote p{font-size:1.25rem;font-style:italic;color:#1f2937;margin:0}.blog-detail-content img{max-width:100%;height:auto;border-radius:1rem;margin:2rem 0}.blog-detail-content pre{background:#1f2937;color:#f8fafc;padding:1.5rem;border-radius:1rem;overflow-x:auto;margin:2rem 0}.blog-detail-content code{font-family:monospace;font-size:.95rem;line-height:1.6}@media (max-width:1024px){.blog-detail{margin:0 1.5rem}.blog-detail-image{height:350px}.blog-detail-content{padding:2.5rem}.blog-detail-content h1{font-size:2.25rem}}@media (max-width:768px){.blog-detail-section{padding:4rem 0}.blog-detail{margin:0 1rem;border-radius:1.5rem;flex-direction:column}.blog-detail-image{width:100%;height:280px;min-height:auto}.blog-category{top:1.5rem;left:1.5rem;padding:.5rem 1.25rem;font-size:.95rem}.blog-detail-content{padding:2rem;width:100%}.blog-detail-content h1{font-size:2rem;margin-bottom:1.5rem}.blog-detail-content h2{font-size:1.5rem}.blog-detail-content h3{font-size:1.25rem}.blog-detail-content p{font-size:1rem;line-height:1.7}}@media (max-width:576px){.blog-detail-section{padding:3rem 0}.blog-detail{margin:0 .5rem;border-radius:1rem;flex-direction:column}.blog-detail-image{width:100%;height:220px;min-height:auto}.blog-detail-content{padding:1.5rem;width:100%}.blog-detail-content h1{font-size:1.75rem}.blog-detail-content blockquote{padding:1.25rem 1.5rem}.blog-detail-content blockquote p{font-size:1.125rem}}