@keyframes auth-visual-glow{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(12%,10%)scale(1.15)}}.blog-page{max-width:1680px;min-height:90vh;margin:0 auto;padding:0 0 96px}.blog-page__body{padding:0 var(--padding-horizontal) 0;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (min-width:960px){.blog-page__body{grid-template-columns:252px minmax(0,1fr);gap:28px}}.blog-page__content{min-width:0;padding-top:12px}.blog-filters{flex-direction:column;gap:12px;min-width:0;padding-top:12px;display:flex}.blog-filters .custom-input-container{max-width:none;margin:0}.blog-filters__search .MuiOutlinedInput-root{background:var(--surface-card-strong);border-radius:999px}.blog-filters__search .MuiOutlinedInput-notchedOutline{border-color:var(--border-soft-2)}.blog-filters__nav{flex-direction:column;gap:4px;min-width:0;display:flex}.blog-filters__section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin:4px 0 2px;padding:0 2px;font-size:.7rem;font-weight:700;display:none}.blog-filters__list{scrollbar-width:none;flex-direction:row;gap:8px;margin:0;padding-bottom:4px;list-style:none;display:flex;overflow-x:auto}.blog-filters__list::-webkit-scrollbar{display:none}@media (min-width:960px){.blog-filters{top:calc(var(--market-panel-offset,72px) + 16px);max-height:calc(100dvh - var(--market-panel-offset,72px) - 32px);scrollbar-width:thin;align-self:start;position:sticky;overflow-y:auto}.blog-filters .blog-filters__section{display:block}.blog-filters .blog-filters__list{flex-direction:column;gap:2px;padding-bottom:0;overflow:visible}}.blog-filter-row{width:100%;min-width:0;color:var(--text);text-align:left;white-space:nowrap;cursor:pointer;background:var(--surface-card);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;font-weight:500;transition:background .14s,border-color .14s;display:flex}.blog-filter-row:hover{border-color:var(--border-soft-2)}.blog-filter-row.is-selected{background:color-mix(in srgb, var(--primary) 14%, transparent);border-color:var(--primary);color:var(--primary);font-weight:700}.blog-filter-row.is-selected .blog-filter-row__icon{color:var(--primary)}.blog-filter-row__icon{color:var(--text-soft);flex-shrink:0;display:inline-flex}.blog-filter-row__label{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (min-width:960px){.blog-filter-row{background:0 0;border-color:#0000}.blog-filter-row:hover{background:var(--surface-card);border-color:var(--border-soft)}.blog-filter-row.is-selected{background:color-mix(in srgb, var(--primary) 14%, transparent);border-color:var(--primary)}}.blog-list{flex-direction:column;gap:24px;display:flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.blog-card-skeleton{border-radius:16px!important;width:100%!important;height:320px!important}.blog-pagination{justify-content:center;display:flex}.blog-pagination button:not(.Mui-selected){color:var(--text)}.theme-dark .blog-pagination button:not(.Mui-selected){background-color:var(--surface-strong)}.blog-pagination .MuiPaginationItem-ellipsis{color:var(--text-muted)}.blog-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:36vh;display:flex}.blog-state__text{color:var(--text-soft);max-width:360px;font-size:.9rem}.blog-post-header{border-bottom:1px solid var(--border-soft-2);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.blog-post-header__back{cursor:pointer;width:36px;height:36px;color:var(--text);background:var(--surface-card);border:1px solid var(--border-soft-2);border-radius:10px;flex-shrink:0;place-items:center;transition:background .14s,border-color .14s;display:grid}.blog-post-header__back:hover{border-color:var(--primary);color:var(--primary)}.blog-post-header__title{min-width:0;color:var(--text-soft);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.9rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.blog-post{max-width:920px}
