.blog-list-page{min-height:100vh;background:var(--bg-white);display:flex;flex-direction:column}.blog-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#2563eb);padding:72px 20px 60px;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.18) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.2) 0,transparent 50%);pointer-events:none}.blog-hero__inner{max-width:740px;margin:0 auto;text-align:center;position:relative;z-index:1}.blog-hero__badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#bfdbfe;font-size:.78rem;font-weight:700;padding:5px 14px 5px 10px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px}.blog-hero__badge .material-symbols-outlined{font-size:16px}.blog-hero__title{margin:0 0 16px;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em}.blog-hero__subtitle{margin:0;font-size:clamp(.9rem,2vw,1.05rem);color:rgba(255,255,255,.72);line-height:1.65;max-width:560px;margin-inline:auto}.blog-filters-bar{background:var(--bg-white);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:72px;z-index:40;box-shadow:0 2px 12px rgba(15,23,42,.06)}.blog-filters-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:52px}.blog-filters-inner::-webkit-scrollbar{display:none}.blog-filter-btn{flex-shrink:0;padding:5px 16px;border-radius:99px;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.blog-filter-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.blog-filter-btn--active{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.blog-filter-btn--active:hover{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.blog-main{flex:1 1;max-width:1200px;margin:0 auto;padding:40px 20px 60px;width:100%;box-sizing:border-box}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-error{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.88rem}.blog-error .material-symbols-outlined{font-size:20px}.blog-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:var(--text-muted)}.blog-empty .material-symbols-outlined{font-size:48px;color:#cbd5e1}.blog-empty p{margin:0;font-size:.92rem}@keyframes blogSkeleton{0%,to{opacity:.6}50%{opacity:1}}.blog-skeleton{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;animation:blogSkeleton 1.5s ease infinite}.blog-skeleton__accent{height:5px;background:#e2e8f0}.blog-skeleton__body{padding:18px 20px 12px;display:flex;flex-direction:column;gap:10px;flex:1 1}.blog-skeleton__pill{height:22px;width:90px;border-radius:99px;background:#f1f5f9}.blog-skeleton__line{height:14px;border-radius:6px;background:#f1f5f9}.blog-skeleton__line--title{height:20px;width:90%}.blog-skeleton__line--short{width:60%}.blog-skeleton__footer{height:44px;background:#f8fafc;border-top:1px solid var(--border)}[data-theme=dark] .blog-list-page{background:#0f172a}[data-theme=dark] .blog-filters-bar{background:#1e293b;border-color:rgba(148,163,184,.12)}[data-theme=dark] .blog-filter-btn{border-color:rgba(148,163,184,.2);color:#94a3b8}[data-theme=dark] .blog-filter-btn:hover{border-color:#818cf8;color:#818cf8;background:rgba(129,140,248,.08)}[data-theme=dark] .blog-filter-btn--active{background:#4f46e5;border-color:#4f46e5;color:#fff}[data-theme=dark] .blog-filter-btn--active:hover{background:#4338ca;border-color:#4338ca}[data-theme=dark] .blog-skeleton__accent{background:#334155}[data-theme=dark] .blog-skeleton__body,[data-theme=dark] .blog-skeleton__footer{background:#1e293b}[data-theme=dark] .blog-skeleton__line,[data-theme=dark] .blog-skeleton__pill{background:#334155}[data-theme=dark] .blog-error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.25);color:#f87171}[data-theme=dark] .blog-empty{color:#64748b}[data-theme=dark] .blog-empty .material-symbols-outlined{color:#334155}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.blog-filters-bar{top:60px}}@media (max-width:640px){.blog-hero{padding:48px 16px 40px}.blog-hero__title{font-size:1.7rem}.blog-main{padding:24px 16px 40px}.blog-grid{grid-template-columns:1fr;gap:16px}.blog-filters-inner{padding:0 16px}}