.blog-post-page{--bp-bg:#0a0a11;--bp-brand:linear-gradient(90deg, #cb93ff 0%, #56beff 100%);--bp-purple:#cb93ff;--bp-cyan:#56beff;--bp-ink:#fff;--bp-muted:#ffffffb8;--bp-faint:#ffffff80;--bp-line:#ffffff1a;--bp-font:"Rubik", system-ui, -apple-system, sans-serif;--reading:min(820px, 92vw);font-family:var(--bp-font);background:var(--bp-bg);color:var(--bp-ink);margin:0}.blog-post-page article{max-width:var(--reading);margin:0 auto;padding:clamp(120px,14vw,180px) clamp(24px,6vw,60px) 80px}.blog-post-page .blog-back-link{color:var(--bp-faint);align-items:center;gap:9px;margin:0 0 26px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post-page .blog-back-link i{font-size:.8rem}.blog-post-page .blog-back-link:hover{color:var(--bp-purple)}.blog-post-page .blog-kicker{letter-spacing:2.5px;text-transform:uppercase;color:#0000;background:var(--bp-brand);-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:.78rem;font-weight:700}.blog-post-page .blog-meta{color:var(--bp-faint);margin:0 0 26px;font-size:.88rem}.blog-post-page article h1{color:#fff;margin:0 0 18px;font-size:clamp(1.9rem,4.6vw,2.8rem);font-weight:700;line-height:1.16}.blog-post-page article p.intro{color:var(--bp-muted);margin:0 0 8px;font-size:1.13rem;font-weight:300;line-height:1.65}.blog-post-page article h2{color:#fff;margin:46px 0 14px;font-size:1.45rem;font-weight:700}.blog-post-page article p{color:#ffffffc7;margin:0 0 18px;font-size:1.03rem;font-weight:300;line-height:1.75}.blog-post-page .blog-cta{text-align:center;background:radial-gradient(560px 260px at 85% -30%,#cb93ff47,#0000 62%),radial-gradient(560px 260px at 10% 130%,#56beff38,#0000 62%),linear-gradient(#171226 0%,#0d0d16 100%);border:1px solid #cb93ff40;border-radius:24px;margin-top:52px;padding:clamp(30px,4.5vw,46px) clamp(22px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #cb93ff59}.blog-post-page .blog-cta:before{content:"";pointer-events:none;opacity:.5;background:radial-gradient(220px 90px at 50% -10%,#cb93ff59,#0000 70%),radial-gradient(220px 90px at 50% 110%,#56beff40,#0000 70%);position:absolute;inset:0}.blog-post-page .blog-cta>*{position:relative}.blog-post-page .blog-cta-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--bp-purple);background:#cb93ff14;border:1px solid #cb93ff59;border-radius:100px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.blog-post-page .blog-cta-badge-dot{background:var(--bp-brand);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite blog-cta-pulse;box-shadow:0 0 10px #cb93ffe6}@keyframes blog-cta-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}.blog-post-page .blog-cta-title{color:#fff;margin:0 0 22px;font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:700;line-height:1.35}.blog-post-page .blog-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.blog-post-page .blog-cta-btn{font-family:var(--bp-font);border-radius:100px;align-items:center;gap:9px;padding:14px 28px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s,background .2s,border-color .2s;display:inline-flex}.blog-post-page .blog-cta-btn--primary{color:#0a0a11;background:var(--bp-brand);box-shadow:0 10px 28px -12px #cb93ffa6}.blog-post-page .blog-cta-btn--primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 34px -12px #cb93ffcc}.blog-post-page .blog-cta-btn--ghost{color:var(--bp-muted);background:#ffffff0a;border:1px solid #ffffff29}.blog-post-page .blog-cta-btn--ghost:hover{color:#fff;background:#cb93ff14;border-color:#cb93ff80;transform:translateY(-2px)}.blog-post-page .blog-cta-note{color:var(--bp-faint);align-items:center;gap:7px;margin:0;font-size:.85rem;font-weight:400;display:inline-flex}.blog-post-page .blog-cta-note i{color:var(--bp-cyan)}@media (max-width:600px){.blog-post-page article{padding-left:20px;padding-right:20px}.blog-post-page article h1{font-size:1.6rem}.blog-post-page article p.intro{font-size:1.04rem}.blog-post-page article h2{margin:36px 0 10px;font-size:1.25rem}.blog-post-page article p{font-size:1rem}.blog-post-page .blog-cta{padding:26px 18px}.blog-post-page .blog-cta-actions{flex-direction:column}.blog-post-page .blog-cta-btn{box-sizing:border-box;justify-content:center;width:100%}.blog-post-page .blog-cta-note{flex-wrap:wrap;justify-content:center}}