.blog-detail-page{background:#fff;padding-top:80px}.blog-detail-page .hero-section{background:#0f172a;justify-content:center;align-items:center;height:250px;min-height:250px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.blog-detail-page .hero-section{height:380px;min-height:380px}}.blog-detail-page .hero-section .hero-image{object-fit:cover;opacity:.3;width:100%!important;height:100%!important}.blog-detail-page .hero-section .hero-overlay{background:linear-gradient(#0f172a99 0%,#0f172af2 100%);position:absolute;inset:0}.blog-detail-page .hero-section .hero-watermark{color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.05em;text-transform:uppercase;justify-content:center;align-items:center;font-size:160px;font-style:italic;font-weight:900;display:flex;position:absolute;inset:0}@media (max-width:768px){.blog-detail-page .hero-section .hero-watermark{font-size:80px}}.blog-detail-page .hero-section .hero-content{z-index:10;text-align:center;margin:0 auto;padding:60px 24px;position:relative}.blog-detail-page .hero-section .hero-content .back-link{color:#ff6b35;text-transform:uppercase;letter-spacing:.15em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:10px 20px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.blog-detail-page .hero-section .hero-content .back-link:hover{background:#ffffff26;transform:translate(-4px)}.blog-detail-page .hero-section .hero-content .category-badge{color:#ff6b35;text-transform:uppercase;letter-spacing:.15em;background:#ff6b3526;border:1px solid #ff6b3540;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:.7rem;font-weight:800;display:inline-block}.blog-detail-page .hero-section .hero-content .hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:32px;font-size:clamp(1.8rem,5vw,3rem);line-height:1.15}.blog-detail-page .hero-section .hero-content .meta-info{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.blog-detail-page .hero-section .hero-content .meta-info .meta-item{flex-direction:column;align-items:center;gap:4px;display:flex}.blog-detail-page .hero-section .hero-content .meta-info .meta-item .label{color:#fff6;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:700}.blog-detail-page .hero-section .hero-content .meta-info .meta-item .value{color:#fff;align-items:center;gap:6px;font-size:.9rem;font-weight:800;display:flex}.blog-detail-page .main-content{padding:80px 0}.blog-detail-page .main-content .blog-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-detail-page .main-content .blog-detail-grid{flex-direction:column;gap:32px;display:flex}@media (min-width:1024px){.blog-detail-page .main-content .blog-detail-grid{grid-template-columns:60px 1fr 340px;gap:48px;display:grid}}.blog-detail-page .main-content .share-sidebar{display:none}@media (min-width:1024px){.blog-detail-page .main-content .share-sidebar{flex-direction:column;align-items:center;gap:24px;height:fit-content;padding-top:8px;display:flex;position:sticky;top:100px}}.blog-detail-page .main-content .share-sidebar .share-label{writing-mode:vertical-rl;text-orientation:mixed;color:#ccc;text-transform:uppercase;letter-spacing:.15em;font-size:.6rem;font-weight:800}.blog-detail-page .main-content .share-sidebar .share-btn{color:#999;cursor:pointer;background:#f8f8f8;border:none;border-radius:16px;padding:14px;transition:all .3s}.blog-detail-page .main-content .share-sidebar .share-btn:hover{color:#ff6b35;background:#f0f0f0}.blog-detail-page .main-content .article-body .excerpt-quote{color:#555;background:#fafafa;border-left:4px solid #ff6b35;border-radius:24px;margin-bottom:48px;padding:32px 40px;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.8}@media (max-width:768px){.blog-detail-page .main-content .article-body .excerpt-quote{padding:24px 30px;font-size:1rem}}.blog-detail-page .main-content .article-body .blog-content-render{color:#333;font-size:1rem;line-height:1.9}.blog-detail-page .main-content .article-body .blog-content-render p{margin-bottom:1.2em}.blog-detail-page .main-content .article-body .blog-content-render h1,.blog-detail-page .main-content .article-body .blog-content-render h2,.blog-detail-page .main-content .article-body .blog-content-render h3,.blog-detail-page .main-content .article-body .blog-content-render h4{color:#1a1a1a;margin:2em 0 .8em;font-weight:800;line-height:1.3}.blog-detail-page .main-content .article-body .blog-content-render h2{font-size:1.5rem}.blog-detail-page .main-content .article-body .blog-content-render h3{font-size:1.25rem}.blog-detail-page .main-content .article-body .blog-content-render h4{font-size:1.1rem}.blog-detail-page .main-content .article-body .blog-content-render ul,.blog-detail-page .main-content .article-body .blog-content-render ol{margin-bottom:1.2em;padding-left:1.5em}.blog-detail-page .main-content .article-body .blog-content-render li{margin-bottom:.5em}.blog-detail-page .main-content .article-body .blog-content-render a{color:#ff6b35;font-weight:600;text-decoration:none}.blog-detail-page .main-content .article-body .blog-content-render a:hover{text-decoration:underline}.blog-detail-page .main-content .article-body .blog-content-render strong{color:#1a1a1a;font-weight:700}.blog-detail-page .main-content .article-body .blog-content-render img{border-radius:16px;max-width:100%;margin:1.5em 0}.blog-detail-page .main-content .article-body .blog-content-render blockquote{color:#666;border-left:3px solid #ff6b35;padding-left:1em}.blog-detail-page .main-content .article-body .tags-container{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px;margin-top:48px;padding-top:32px;display:flex}.blog-detail-page .main-content .article-body .tags-container .tag-badge{text-transform:uppercase;letter-spacing:.1em;color:#666;background:#f5f5f5;border-radius:999px;padding:6px 18px;font-size:.7rem;font-weight:800;transition:all .2s}.blog-detail-page .main-content .article-body .tags-container .tag-badge:hover{color:#ff6b35;background:#e2e8f0}.blog-detail-page .main-content .right-sidebar .sidebar-sticky{flex-direction:column;gap:24px;display:flex;position:sticky;top:100px}.blog-detail-page .main-content .right-sidebar .newsletter-card{color:#fff;background:#0f172a;border-radius:28px;padding:36px;position:relative;overflow:hidden}.blog-detail-page .main-content .right-sidebar .newsletter-card .decoration-glow{filter:blur(20px);background:#ff6b351f;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.blog-detail-page .main-content .right-sidebar .newsletter-card h4{margin-bottom:12px;font-size:1.1rem;font-weight:900;line-height:1.4}.blog-detail-page .main-content .right-sidebar .newsletter-card h4 span{color:#ff6b35}.blog-detail-page .main-content .right-sidebar .newsletter-card p{color:#ffffff80;margin-bottom:20px;font-size:.8rem;line-height:1.7}.blog-detail-page .main-content .right-sidebar .newsletter-card .newsletter-form{flex-direction:column;gap:12px;display:flex}.blog-detail-page .main-content .right-sidebar .newsletter-card .newsletter-form input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 16px;font-size:.85rem;transition:all .2s}.blog-detail-page .main-content .right-sidebar .newsletter-card .newsletter-form input:focus{background:#ffffff1a;border-color:#ff6b35}.blog-detail-page .main-content .right-sidebar .newsletter-card .newsletter-form .submit-btn{color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#ff6b35;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 0;font-size:.8rem;font-weight:800;transition:all .3s;display:flex}.blog-detail-page .main-content .right-sidebar .newsletter-card .newsletter-form .submit-btn:hover{background:#e25a28;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b354d}.blog-detail-page .main-content .right-sidebar .related-blogs-card{background:#fff;border:1px solid #f0f0f0;border-radius:28px;padding:28px;box-shadow:0 4px 24px #0000000d}.blog-detail-page .main-content .right-sidebar .related-blogs-card h4{color:#1a1a1a;margin-bottom:20px;font-size:1rem;font-weight:900}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list{flex-direction:column;gap:16px;display:flex}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item{border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item:hover{background:#fafafa;border-color:#f0f0f0}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item:hover .image-wrap{transform:scale(1.05)}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item .image-wrap{background:#f0f0f0;border-radius:12px;flex-shrink:0;width:56px;height:56px;transition:all .3s;position:relative;overflow:hidden}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item .image-wrap img{object-fit:cover}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item .content-wrap .tag{color:#ff6b35;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.65rem;font-weight:700}.blog-detail-page .main-content .right-sidebar .related-blogs-card .related-list .related-item .content-wrap .title{color:#1a1a1a;font-size:.82rem;font-weight:700;line-height:1.3}.blog-detail-page .loading-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.blog-detail-page .loading-container .spinner{border:6px solid #f3f3f3;border-top-color:#ff6b35;border-radius:50%;width:64px;height:64px;animation:1s linear infinite spin}.blog-detail-page .not-found-container{text-align:center;color:#999;letter-spacing:.1em;text-transform:uppercase;padding-top:160px;font-size:1.2rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}