.blog-listing-page{background:var(--blog-page-bg,#000);color:var(--blog-text-primary,#fff)}.blog-listing-page main{background:var(--blog-page-bg,#000)}.blog-listing-hero{margin:0;padding:0;width:100%}.blog-listing-hero__media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:clamp(220px,32vh,360px);background-color:#000;background-image:url('../image/blog.png');background-repeat:no-repeat;background-position:center center;background-size:cover;overflow:hidden}.blog-listing-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,.35) 50%,rgba(0,0,0,.55) 100%),linear-gradient(135deg,rgba(30,58,138,.35) 0,rgba(0,0,0,.2) 50%,rgba(107,0,255,.2) 100%);pointer-events:none}.blog-listing-hero__title{position:relative;z-index:2;margin:0;padding:2rem 1rem;text-align:center;font-size:clamp(2.5rem, 6vw, 4rem);font-weight:700;line-height:1.1;color:var(--text-on-accent,#fff);letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.5);background:0 0;background-color:transparent}.blog-toolbar{background:var(--blog-page-bg,#000);border-bottom:1px solid var(--blog-card-border,rgba(255,255,255,.06));padding:1.25rem 0}.blog-toolbar__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem}.blog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.blog-filter-btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:.95rem;font-weight:500;line-height:1;padding:.65rem 1.35rem;border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-filter-btn:hover{border-color:rgba(166,60,255,.45);color:#fff}.blog-filter-btn.active{background:linear-gradient(135deg,#6b00ff 0,#9a2fff 55%,#c084fc 100%);border-color:transparent;color:#fff;font-weight:600}.blog-search-wrap{flex:1 1 220px;max-width:420px;margin-left:auto}.blog-search{width:100%;appearance:none;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;font-size:.95rem;padding:.7rem 1.25rem;border-radius:999px;outline:0;transition:border-color .2s ease,box-shadow .2s ease}.blog-search::placeholder{color:rgba(255,255,255,.45)}.blog-search:focus{border-color:rgba(166,60,255,.55);box-shadow:0 0 0 2px rgba(154,47,255,.2)}.blog-listing-section{padding:2.5rem 0 5rem;background:var(--blog-page-bg,#000)}.blog-listing-section .container{max-width:1320px}#blog-grid{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.blog-card-nixace{height:100%;border-radius:16px;overflow:hidden;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.blog-card-nixace:hover{transform:translateY(-4px);border-color:rgba(166,60,255,.35);box-shadow:0 16px 40px rgba(0,0,0,.45)}.blog-card-nixace__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card-nixace__image{aspect-ratio:16/10;overflow:hidden;background:#111}.blog-card-nixace__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card-nixace:hover .blog-card-nixace__image img{transform:scale(1.04)}.blog-card-nixace__body{padding:1.35rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1;gap:.65rem}.blog-card-nixace__title{margin:0;font-size:clamp(1.05rem, 2vw, 1.2rem);font-weight:700;line-height:1.35;color:#fff}.blog-card-nixace__excerpt{margin:0;font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.62);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-nixace__meta{margin:.25rem 0 0;font-size:.82rem;line-height:1.5;color:rgba(255,255,255,.45)}.blog-empty-state{text-align:center;padding:3rem 1rem;color:rgba(255,255,255,.55);font-size:1rem;margin:0}.blog-card-col.is-hidden{display:none!important}#blog-empty-state[hidden]{display:none!important}@media (max-width:767.98px){.blog-toolbar__inner{flex-direction:column;align-items:stretch}.blog-search-wrap{max-width:100%;margin-left:0}.blog-filters{justify-content:flex-start}}