.blog-screen{--blog-accent: #64c8ffe6;--blog-accent-soft: rgba(100, 200, 255, .18);--blog-accent-strong: rgba(100, 200, 255, .88);--blog-border: rgba(100, 200, 255, .24);--blog-text-muted: rgba(170, 192, 214, .75);--blog-surface: rgba(12, 12, 18, .9);min-height:100vh;background:#000;color:#f7f8ff;display:flex;flex-direction:column}.blog-container{width:min(1200px,92vw);margin:120px auto 80px;flex:1}.blog-hero{display:flex;flex-direction:column;gap:20px;margin-bottom:48px;text-align:left}.blog-eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--blog-accent-strong)}.blog-hero h1{margin:0;font-size:clamp(38px,4.4vw,56px);line-height:1.05;font-weight:700}.blog-hero p{margin:0;font-size:18px;max-width:620px;color:#d6eaffd1;line-height:1.6}.blog-search{margin-top:4px}.blog-search input{width:100%;padding:16px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#121218d9;color:#f7f8ff;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.blog-search input::placeholder{color:#b0c4e099}.blog-search input:focus{outline:none;border-color:var(--blog-accent);box-shadow:0 0 0 3px var(--blog-accent-soft)}.blog-filters{display:flex;flex-direction:column;gap:20px;margin-top:20px}.blog-filter-actions{display:flex;justify-content:flex-end}.blog-clear-filters{background:transparent;border:1px solid var(--blog-border);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:500;color:var(--blog-accent-strong);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.blog-clear-filters:hover,.blog-clear-filters:focus-visible{background:var(--blog-accent);color:#041017;border-color:transparent}.blog-categories-filter{display:flex;gap:12px;flex-wrap:wrap}.blog-filter-pill,.blog-tag-filter{background:#181c28b3;border:1px solid transparent;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--blog-text-muted);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-filter-pill:hover,.blog-filter-pill:focus-visible,.blog-tag-filter:hover,.blog-tag-filter:focus-visible{background:var(--blog-accent-soft);border-color:var(--blog-border);color:#e7f4fffa}.blog-filter-pill.active,.blog-tag-filter.active{background:#64c8ff40;border-color:var(--blog-accent);color:#f7f8ff}.blog-filter-pill i,.blog-tag-filter i{font-size:12px;margin-right:6px;color:var(--cat-color, var(--blog-accent))}.blog-category-link{text-decoration:none;display:inline-flex;align-items:center;gap:6px}.blog-category-link:hover{border-color:var(--cat-color, var(--blog-accent))}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.blog-empty-state{grid-column:1 / -1;border:1px dashed var(--blog-border);border-radius:16px;padding:48px;background:var(--blog-surface);text-align:center;color:#d6eaffd1}.blog-empty-state h2{margin:0 0 12px;font-size:22px;color:#f7f8ff}.blog-empty-state p{margin:0;font-size:15px}.blog-error{margin-bottom:24px;padding:16px 20px;border-radius:12px;border:1px solid rgba(255,120,120,.35);background:#78141447;color:#ffbcbc;font-size:14px}.blog-page-loader.page-loader-container{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;min-height:auto}.blog-page-loader.page-loader-container:before{content:none}.blog-pagination{margin:48px 0 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.blog-pagination button{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#181c28b3;color:#e7f4ffe6;font-size:14px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.blog-pagination button:hover,.blog-pagination button:focus-visible{background:var(--blog-accent-soft);border-color:var(--blog-border)}.blog-pagination button.active{background:var(--blog-accent);border-color:transparent;color:#041017;font-weight:600}.blog-pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-ellipsis{color:var(--blog-text-muted);font-size:14px;padding:0 4px}.blog-skeleton-card{display:flex;flex-direction:column;gap:20px;padding:0;background:#0a0c12eb;border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden}.blog-skeleton-image{width:100%;padding-bottom:56.25%;background:#181c28b3}.blog-skeleton-body{display:flex;flex-direction:column;gap:14px;padding:22px}.blog-skeleton-category{width:90px;height:12px;border-radius:999px;background:#181c28cc}.blog-skeleton-title{height:16px;border-radius:999px;background:#181c28cc}.blog-skeleton-title.short{width:70%}.blog-skeleton-text{height:12px;border-radius:999px;background:#181c28cc}.blog-skeleton-meta{display:flex;gap:12px}.blog-skeleton-meta span{flex:1;height:10px;border-radius:999px;background:#181c28cc}.skeleton-animate{position:relative;overflow:hidden}.skeleton-animate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#64c8ff40 45%,#fff0);animation:skeleton-shimmer 1.6s infinite;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (max-width: 768px){.blog-container{margin:100px auto 60px}.blog-hero{gap:16px}.blog-grid{gap:24px}}