.blog-detail-container{z-index:10;width:100%;max-width:1000px;margin:0 auto;padding:40px 20px 80px;position:relative}.blog-detail-modal-bg{z-index:-1;pointer-events:none;background-color:var(--color-bg-deep);width:100%;height:100%;position:fixed;inset:0}.blog-detail-modal-bg-img{object-fit:cover;opacity:.4;filter:blur(4px)}.blog-detail-modal-bg-tint{z-index:1;background:radial-gradient(circle at 0 0,#3b82f633 0%,#020610d9 100%),linear-gradient(135deg,#3b82f61a 0%,#0000 50%,#020610e6 100%);position:absolute;inset:0}.blog-detail-nav{margin-bottom:24px}.blog-detail-back-btn{color:var(--color-text-muted);font-family:var(--font-sans);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;font-weight:600;transition:color .3s;display:inline-flex}.blog-detail-back-btn:hover{color:#fff}.blog-detail-header{text-align:center;width:100%;margin-bottom:40px;padding:40px 0;position:relative}.blog-detail-hero-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.blog-detail-meta{font-family:var(--font-sans);letter-spacing:.1em;color:var(--color-text-muted);text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;font-weight:700;display:flex}.blog-detail-category{color:var(--color-primary)}.blog-detail-meta-dot{background:#fff3;border-radius:50%;width:4px;height:4px}.blog-detail-title{font-family:var(--font-outfit);color:#fff;letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:200;line-height:1.2}.blog-detail-excerpt{font-family:var(--font-sans);color:#fff9;max-width:800px;font-size:1.2rem;line-height:1.6}.blog-detail-body{font-family:var(--font-sans);color:#fffc;max-width:750px;margin:0 auto;font-size:1.1rem;line-height:1.8}.rich-text-content p{margin-bottom:24px}.rich-text-content b,.rich-text-content strong{color:#fff;font-weight:600;font-family:var(--font-outfit);margin-top:32px;margin-bottom:12px;font-size:1.3rem;display:inline-block}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3{font-family:var(--font-outfit);color:#fff;margin-top:40px;margin-bottom:20px;font-weight:400}.rich-text-content ul,.rich-text-content ol{margin-bottom:24px;padding-left:20px}.rich-text-content li{margin-bottom:12px}.blog-inline-img{object-fit:cover;border:1px solid #ffffff0d;border-radius:1rem;width:100%;height:auto;margin:40px 0;box-shadow:0 20px 40px #0006}.blog-detail-actions{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:60px;padding-top:32px;display:flex}.blog-detail-actions-label{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;font-size:.75rem;font-weight:700}.blog-detail-share-buttons{gap:12px;display:flex}.blog-share-btn{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .5s cubic-bezier(.32,.72,0,1);display:flex}.blog-share-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-4px)}.blog-cta-shell{background:#ffffff08;border:1px solid #ffffff0d;border-radius:2rem;margin-top:80px;padding:8px;box-shadow:0 30px 60px #0000004d}.blog-cta-core{background:var(--color-bg-deep);text-align:center;border-radius:calc(2rem - 8px);flex-direction:column;align-items:center;padding:48px;display:flex;box-shadow:inset 0 1px 1px #ffffff1a}.blog-cta-title{font-family:var(--font-outfit);color:#fff;letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.2rem);font-weight:300}.blog-cta-text{font-family:var(--font-sans);color:#fff9;max-width:500px;margin-bottom:32px;line-height:1.6}.blog-cta-btn{color:#000;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;background:#fff;border-radius:100px;align-items:center;gap:16px;padding:8px 8px 8px 24px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .5s cubic-bezier(.32,.72,0,1);display:inline-flex}.blog-cta-btn-icon{background:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .5s cubic-bezier(.32,.72,0,1);display:flex}.blog-cta-btn.group:hover{opacity:.9}.blog-cta-btn.group:hover .blog-cta-btn-icon{color:#fff;background:#3b82f6;transform:translate(4px);box-shadow:0 0 20px #3b82f680}@media (max-width:768px){.blog-detail-hero-img-wrapper{aspect-ratio:16/9}.blog-detail-hero-content{margin-top:-80px;padding:24px}.blog-detail-title{font-size:1.8rem}.blog-detail-body{font-size:1rem}}