.blog-detail{--blog-border:#9234eb40;--blog-paper:#0d0d1a;--blog-ink:#e8e8f0;--blog-muted:#ffffff73;--blog-accent:#9234eb;--blog-accent-2:#ff40eb;width:min(860px,100%);min-height:100vh;color:var(--blog-ink);background:#000;margin:0 auto;padding:5.5rem 1.25rem 5rem}.blog-detail article{border:1px solid var(--blog-border);background:linear-gradient(135deg,#0d0d1a 0%,#120820 100%);border-radius:1.5rem;padding:clamp(1.2rem,3vw,2.2rem);box-shadow:0 24px 60px #9234eb1f}.blog-breadcrumb{color:#ffffff59;align-items:center;gap:.42rem;font-size:.84rem;display:flex}.blog-breadcrumb a{color:#9234eb;font-weight:600}.blog-breadcrumb a:hover{color:#ff40eb}.blog-detail__header{margin-bottom:1.6rem}.blog-detail__header .eyebrow{color:#ff40eb;text-transform:uppercase;letter-spacing:.12em;margin:.5rem 0 .6rem;font-size:.78rem;font-weight:700}.blog-detail__header h1{color:#fff;letter-spacing:-.02em;margin:0 0 .8rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2}.blog-detail__meta{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.blog-detail__meta span{color:#ffffff8c;background:#9234eb1a;border:1px solid #9234eb4d;border-radius:999px;padding:.28rem .72rem;font-size:.78rem;font-weight:600}.blog-detail .tags{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.blog-detail .tags a{color:#c084fc;background:#9234eb1a;border:1px solid #9234eb4d;border-radius:999px;padding:.26rem .62rem;font-size:.76rem;font-weight:600;transition:background .2s}.blog-detail .tags a:hover{background:#9234eb40}.blog-detail .cover{aspect-ratio:16/9;border:1px solid #9234eb33;border-radius:1rem;min-height:240px;margin:1.8rem 0;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000080}.blog-detail .cover--placeholder{background:linear-gradient(135deg,#9234eb33,#ff40eb1a)}.blog-detail .cover__hint{color:#ffffff4d;text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.82rem;display:flex;position:absolute;inset:0}.blog-detail .content{color:#ffffffbf;font-size:1.06rem;line-height:1.9}.blog-detail .content h1,.blog-detail .content h2,.blog-detail .content h3,.blog-detail .content h4{color:#fff;letter-spacing:-.01em;margin:2rem 0 .75rem;font-weight:700}.blog-detail .content h1{font-size:1.9rem}.blog-detail .content h2{font-size:1.5rem}.blog-detail .content h3{font-size:1.25rem}.blog-detail .content p{margin:0 0 1.1rem}.blog-detail .content a{color:#9234eb;text-underline-offset:3px;font-weight:600;text-decoration:underline;transition:color .2s}.blog-detail .content a:hover{color:#ff40eb}.blog-detail .content blockquote{color:#ffffff8c;background:#9234eb12;border-left:4px solid #9234eb;border-radius:0 .5rem .5rem 0;margin:1.4rem 0;padding:.6rem 0 .6rem 1rem}.blog-detail .content ul,.blog-detail .content ol{margin:.8rem 0 1.1rem;padding-left:1.5rem}.blog-detail .content li{color:#ffffffb3;margin-bottom:.4rem}.blog-detail .content pre{background:#00000080;border:1px solid #9234eb33;border-radius:.75rem;margin:1.2rem 0;padding:1rem 1.2rem;font-size:.9rem;overflow-x:auto}.blog-detail .content code{color:#c084fc;background:#9234eb26;border-radius:.3rem;padding:.15em .45em;font-size:.88em}.blog-detail .content pre code{color:inherit;background:0 0;padding:0}.blog-detail .content table{border-collapse:collapse;width:100%;margin:1.4rem 0;font-size:.95rem;display:block;overflow-x:auto}.blog-detail .content table th,.blog-detail .content table td{vertical-align:top;text-align:left;border:1px solid #9234eb40;padding:.55rem .85rem}.blog-detail .content table th{color:#e0d0ff;background:#9234eb26;font-weight:700}.blog-detail .content table tr:nth-child(2n) td{background:#9234eb0d}.blog-detail__footer-cta{background:linear-gradient(120deg,#9234eb1a,#ff40eb0f);border:1px solid #9234eb4d;border-radius:1rem;margin-top:2.2rem;padding:1.2rem 1.4rem}.blog-detail__footer-cta p{color:#ffffffd9;margin:0;font-size:1rem;font-weight:700}.blog-detail__footer-cta div{flex-wrap:wrap;gap:.7rem;margin-top:.9rem;display:flex}.blog-detail .btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.blog-detail .btn--primary{color:#fff;background:linear-gradient(135deg,#9234eb,#7b2cbf);box-shadow:0 4px 14px #9234eb59}.blog-detail .btn--primary:hover{background:linear-gradient(135deg,#7b2cbf,#6a1fa8);transform:scale(1.04)}.blog-detail .btn--ghost{color:#ffffffbf;background:0 0;border:1px solid #ffffff26}.blog-detail .btn--ghost:hover{color:#fff;border-color:#9234eb80}.blog-detail .related{background:#0d0d1acc;border:1px solid #9234eb40;border-radius:1rem;margin-top:1.8rem;padding:1.1rem 1.3rem}@media (max-width:640px){.blog-detail{padding-top:4.5rem}.blog-detail .related li a{flex-direction:column;align-items:flex-start}}.blog-detail .related h3{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .9rem;font-size:1rem;font-weight:700}.blog-detail .related ul{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.blog-detail .related li a{color:#ffffffbf;background:#9234eb0f;border:1px solid #9234eb26;border-radius:.65rem;align-items:center;gap:.75rem;padding:.55rem .75rem;transition:background .2s,border-color .2s,color .2s;display:flex}.blog-detail .related li a:hover{color:#fff;background:#9234eb26;border-color:#9234eb66}@media (max-width:640px){.blog-detail{padding-top:4.5rem}.blog-detail .related li a{flex-direction:column;align-items:flex-start}}.blog-detail .related-cards{background:linear-gradient(#9234eb0a 0%,#0000 100%);border-top:1px solid #9234eb33;margin-top:2.5rem;padding-top:2rem;padding-bottom:2.5rem}.blog-detail .related-cards__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.blog-detail .related-cards__header h3{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:700}.blog-detail .related-cards__all{color:#9234eb;white-space:nowrap;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.blog-detail .related-cards__all:hover{color:#ff40eb}.blog-detail .related-cards__grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.25rem;display:grid}@media (max-width:700px){.blog-detail .related-cards__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.blog-detail .related-cards__grid{grid-template-columns:1fr}}