.blog-promo{background:var(--bg-surface,#f8fafc);border:1px solid var(--border-color,#cbd5e1);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.blog-promo .blog-promo-media img{display:block;height:140px;object-fit:cover;width:100%}.blog-promo .blog-promo-body{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem}.blog-promo .blog-promo-headline{color:var(--text-main,#0f172a);font-size:1.05rem;font-weight:800;line-height:1.3;margin:0}.blog-promo .blog-promo-description{color:var(--text-muted,#64748b);font-size:.88rem;line-height:1.5}.blog-promo .blog-promo-description p{margin:0 0 .5rem}.blog-promo .blog-promo-description p:last-child{margin-bottom:0}.blog-promo .btn{align-items:center;border:1px solid transparent;border-radius:12px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;line-height:1;margin-top:.25rem;padding:12px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.blog-promo .btn-full{width:100%}.blog-promo .btn-primary,.blog-promo .btn:not([class*=btn-]){background-color:var(--color-indigo,#4153ff);border-color:var(--color-indigo,#4153ff);box-shadow:0 4px 14px rgba(65,83,255,.25);color:#fff}.blog-promo .btn-primary:hover,.blog-promo .btn:not([class*=btn-]):hover{background-color:var(--color-indigo-hover,#3545da);border-color:var(--color-indigo-hover,#3545da);box-shadow:0 8px 20px rgba(65,83,255,.35);transform:translateY(-2px)}.blog-promo .btn-secondary{background-color:#fff;border-color:var(--border-color,#cbd5e1);color:var(--text-main,#0f172a)}.blog-promo .btn-secondary:hover{background-color:var(--bg-surface,#f8fafc);border-color:#94a3b8;transform:translateY(-2px)}.blog-promo .btn-outline{background-color:transparent;border-color:var(--color-indigo,#4153ff);color:var(--color-indigo,#4153ff)}.blog-promo .btn-outline:hover{background-color:var(--color-indigo,#4153ff);color:#fff}.blog-promo .btn-ghost{background-color:transparent;border-color:transparent;color:var(--text-muted,#64748b)}.blog-promo .btn-ghost:hover{background-color:var(--bg-app,#f1f5f9);color:var(--text-main,#0f172a)}.blog-promo .btn-orange{background-color:var(--color-orange,#f16821);border-color:var(--color-orange,#f16821);color:#fff}.blog-promo .btn-orange:hover{background-color:var(--color-orange-hover,#dd5612);border-color:var(--color-orange-hover,#dd5612)}.blog-promo .btn:active{transform:translateY(0)}