.blog-hero{position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(120% 80% at 10% 0,rgba(44,55,84,.8) 0,rgba(27,32,49,.9) 45%,rgba(23,26,40,.95) 100%),url(/images/blogs/banner.jpg) 50%/cover no-repeat;min-height:260px;display:grid;place-items:center;box-shadow:0 6px 28px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}.blog-hero__content{padding:32px 24px;text-align:center;max-width:960px}.blog-hero__title{font-size:clamp(28px,4vw,48px);line-height:1.06;font-weight:800;color:#fff;letter-spacing:.4px;text-transform:uppercase;margin:4px 0 10px}.blog-hero__subtitle{color:rgba(255,255,255,.85);font-size:clamp(14px,1.5vw,18px)}.blog-controls{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.blog-search{position:relative;display:flex;align-items:center;min-width:min(560px,100%)}.blog-search__icon{position:absolute;left:12px;width:20px;height:20px;opacity:.85;color:#cbd5e1}.blog-search__input{width:100%;border-radius:12px;background:rgba(23,26,40,.55);border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 14px 12px 38px;outline:none;transition:border-color .2s ease,background .2s ease}.blog-search__input::placeholder{color:rgba(255,255,255,.5)}.blog-search__input:focus{border-color:#6c7aa6;background:rgba(23,26,40,.7)}.blog-limit{display:flex;align-items:center;gap:8px;background:rgba(23,26,40,.55);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px}.blog-limit__label{color:#d1d5db;font-size:13px}.blog-limit__select{appearance:none;background:transparent;border:none;color:#fff;font-weight:600;padding-right:20px;cursor:pointer}.blog-tags{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{border-radius:999px;padding:8px 14px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#e5e7eb;transition:transform .15s ease,background .15s ease,border-color .15s ease}.chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.1)}.chip--active{background:#2C3754;border-color:#2C3754;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{display:flex;flex-direction:column;background:rgba(23,26,40,.9);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.35);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.45);background:rgba(27,32,49,.95)}.blog-card__media{display:block;aspect-ratio:16/9;background:#0f1220;position:relative}.blog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__body{padding:12px 14px 14px}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.7);font-size:13px;margin-bottom:6px}.blog-card__author{display:flex;align-items:center;gap:8px}.blog-card__avatar{width:22px;height:22px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.blog-card__avatar.placeholder{background:rgba(255,255,255,.1)}.blog-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800;color:#fff;font-size:18px;line-height:1.25;margin-bottom:6px;text-decoration:none}.blog-card__title:hover{text-decoration:underline;text-underline-offset:3px}.blog-card__excerpt{color:rgba(255,255,255,.8);font-size:14px;line-height:1.4;margin-bottom:10px}.blog-card__tags{display:flex;gap:6px;flex-wrap:wrap}.mini-chip{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.mini-chip,.skeleton{background:rgba(255,255,255,.06)}.skeleton{position:relative;overflow:hidden;border-radius:10px}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.blog-card--skeleton{pointer-events:none}.blog-empty{border:1px dashed rgba(255,255,255,.2);border-radius:14px;padding:28px;text-align:center;color:rgba(255,255,255,.8)}.blog-empty img{width:80px;height:80px;opacity:.7;margin:0 auto 10px}.blog-error{background:rgba(255,77,79,.08);color:#ffdcdc;border:1px solid rgba(255,77,79,.35);padding:14px;border-radius:12px;margin-bottom:16px}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 60px}.blog-pagination__info{color:rgba(255,255,255,.8);font-weight:600}.btn{background:#2C3754;color:#fff;border:1px solid #2c3754;border-radius:12px;padding:10px 16px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}