.blog-page{position:relative;z-index:1;padding:104px 16px 80px;width:min(var(--qx-content-max),100%);margin:0 auto}@media (min-width:640px){.blog-page{padding-inline:32px}}.blog-page-header{max-width:720px;margin-bottom:48px}.blog-page-header h1{margin-top:16px;font-size:clamp(2rem,4vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.08}.blog-page-lead{margin-top:16px;font-size:1.125rem;line-height:1.65;color:var(--text-secondary)}.blog-hero{display:grid;grid-gap:0;gap:0;margin-bottom:56px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--surface-border);background:var(--surface)}@media (min-width:900px){.blog-hero{grid-template-columns:1.15fr 1fr;min-height:380px}}.blog-hero__media{position:relative;min-height:260px;overflow:hidden;background:#12082a}@media (min-width:900px){.blog-hero__media{min-height:100%}}.blog-hero__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-out)}.blog-hero:hover .blog-hero__media img{transform:scale(1.03)}.blog-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(9,9,11,.35));pointer-events:none}.blog-hero__body{padding:32px 28px;display:flex;flex-direction:column;justify-content:center}@media (min-width:900px){.blog-hero__body{padding:48px 44px}}.blog-tag{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:9999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--qx-primary);background:color-mix(in srgb,var(--qx-primary) 12%,transparent)}.blog-hero__title{margin-top:16px;font-size:clamp(1.5rem,3vw,2.125rem);font-weight:600;line-height:1.15;letter-spacing:-.03em}.blog-hero__excerpt{margin-top:16px;color:var(--text-secondary);line-height:1.65;font-size:1.0625rem}.blog-hero__meta{margin-top:24px;display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--text-muted)}.blog-hero__avatar{width:40px;height:40px;border-radius:9999px;background:color-mix(in srgb,var(--qx-primary) 20%,transparent);display:grid;place-items:center;font-weight:600;color:var(--qx-primary)}.blog-hero__cta{margin-top:20px;align-self:flex-start}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--surface-border);padding-bottom:16px}.blog-filter{padding:10px 18px;border:none;border-radius:9999px;background:transparent;color:var(--text-secondary);font:inherit;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.blog-filter.is-active,.blog-filter:hover{color:var(--text-primary);background:var(--surface-elevated)}.blog-filter.is-active{box-shadow:inset 0 0 0 1px var(--surface-border)}.blog-grid{display:grid;grid-gap:28px;gap:28px;grid-template-columns:1fr}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--surface-border);background:var(--surface);overflow:hidden;transition:transform .25s var(--ease-out),border-color .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--qx-primary) 30%,transparent);box-shadow:0 20px 40px rgba(73,55,233,.12)}.blog-card__cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:#12082a}.blog-card__cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}.blog-card:hover .blog-card__cover img{transform:scale(1.05)}.blog-card__cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(9,9,11,.2));pointer-events:none}.blog-card__body{padding:24px;flex:1 1;display:flex;flex-direction:column}.blog-card__title{margin-top:12px;font-size:1.0625rem;font-weight:600;line-height:1.35;letter-spacing:-.02em}.blog-card__excerpt{margin-top:10px;font-size:.9375rem;line-height:1.55;color:var(--text-secondary);flex:1 1}.blog-card__meta{margin-top:16px;font-size:.8125rem;color:var(--text-muted)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px}.blog-page-btn,.blog-page-num{min-width:40px;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text-secondary);font:inherit;cursor:pointer}.blog-page-num.is-active{background:var(--qx-primary);border-color:var(--qx-primary);color:#fff}.blog-page-btn:disabled{opacity:.4;cursor:not-allowed}.blog-empty{grid-column:1/-1;text-align:center;padding:48px;color:var(--text-muted)}.post-page{position:relative;z-index:1;width:min(760px,100%);margin:0 auto;padding:104px 16px 80px}.post-back{display:inline-flex;margin-bottom:24px;font-size:.9375rem;color:var(--text-secondary);transition:color .2s ease}.post-back:hover{color:var(--qx-primary)}.post-hero{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;background:#12082a}.post-hero img{width:100%;height:100%;object-fit:cover;display:block}.post-title{margin-top:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.15}.post-meta{margin-top:16px;font-size:.9375rem;color:var(--text-muted)}.post-body{margin-top:32px;display:flex;flex-direction:column;gap:20px}.post-body p{font-size:1.0625rem;line-height:1.75;color:var(--text-secondary)}.post-empty,.post-loading{text-align:center;padding:80px 16px;color:var(--text-muted)}.mkt-nav-link.is-active{color:var(--qx-primary)}