.blogs-layout{grid-template-columns:256px 1fr;align-items:start;gap:40px;padding-bottom:80px;display:grid}@media (max-width:960px){.blogs-layout{grid-template-columns:1fr}}.blogs-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:18px 14px;display:flex;position:sticky;top:84px}@media (max-width:960px){.blogs-sidebar{flex-flow:wrap;position:static}.blogs-search-wrap{width:100%}.blogs-cat-list{flex-flow:wrap}}.blogs-search-wrap{margin-bottom:12px;position:relative}.blogs-search-icon{width:15px;height:15px;color:var(--text3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.blogs-search-input{width:100%;height:38px;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:10px;outline:none;padding:0 12px 0 30px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.blogs-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg)}.blogs-search-input::placeholder{color:var(--text3)}.blogs-sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:8px 0 4px 4px;font-size:10px;font-weight:700}.blogs-cat-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.blogs-cat-btn{width:100%;color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.blogs-cat-btn:hover{background:var(--surface2);color:var(--text)}.blogs-cat-btn.active{background:var(--brand-bg);color:var(--brand);font-weight:600}.blogs-cat-count{color:var(--text3);background:var(--surface2);text-align:center;border-radius:20px;min-width:24px;padding:1px 7px;font-size:10px;font-weight:600;transition:background .15s,color .15s}.blogs-cat-btn.active .blogs-cat-count{color:var(--brand);background:#0099b81f}.blogs-content{min-width:0}.blogs-content-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.blogs-result-count{color:var(--text2);font-family:JetBrains Mono,monospace;font-size:13px}.blogs-result-num{color:var(--text);font-weight:700}.blogs-clear-btn{color:var(--brand);background:var(--brand-bg);cursor:pointer;border:1px solid #0099b840;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.blogs-clear-btn:hover{background:#0099b826}.blogs-featured{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:1.1fr 1fr;margin-bottom:24px;transition:border-color .22s,box-shadow .22s,transform .22s;display:grid;overflow:hidden}.blogs-featured:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 14px 48px #0099b81a}@media (max-width:640px){.blogs-featured{grid-template-columns:1fr}}.blogs-featured-img-wrap{background:var(--surface2);min-height:260px;position:relative;overflow:hidden}.blogs-featured-img{object-fit:cover;width:100%;height:100%;transition:transform .38s;position:absolute;inset:0}.blogs-featured:hover .blogs-featured-img{transform:scale(1.05)}.blogs-featured-placeholder{background:linear-gradient(135deg,#0a1628 0%,#142040 55%,#0d2035 100%);position:absolute;inset:0}.blogs-featured-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--brand);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.blogs-featured-body{flex-direction:column;justify-content:center;gap:10px;padding:28px 26px 22px;display:flex}.blogs-featured-title{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.blogs-featured-excerpt{color:var(--text2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.blogs-cat-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-bg);border-radius:20px;width:fit-content;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.blogs-article-meta{color:var(--text3);align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.meta-dot{opacity:.4}.blogs-article-arrow{width:15px;height:15px;color:var(--text3);flex-shrink:0;margin-left:auto;transition:color .15s,transform .15s}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.blogs-article-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.blogs-article-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 8px 28px #0099b814}.blogs-article-card:hover .blogs-article-arrow{color:var(--brand);transform:translate(3px)}.blogs-article-img-wrap{aspect-ratio:16/9;background:var(--surface2);position:relative;overflow:hidden}.blogs-article-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blogs-article-card:hover .blogs-article-img{transform:scale(1.05)}.blogs-article-placeholder{background:linear-gradient(135deg, var(--surface2), var(--surface3));width:100%;height:100%}.blogs-article-img-wrap .blogs-cat-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000ad;position:absolute;bottom:10px;left:10px}.blogs-article-body{flex-direction:column;flex:1;gap:6px;padding:16px 16px 12px;display:flex}.blogs-article-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:JetBrains Mono,monospace;font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blogs-article-excerpt{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.blogs-empty{text-align:center;color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;font-size:14px;display:flex}