.blog-posts{gap:2rem;margin-top:2rem;display:grid}.blog-post{color:inherit;background:#1a1a2ecc;border:1px solid #95ddf933;padding:2rem;text-decoration:none;transition:all .3s;display:block;box-shadow:0 8px 32px #0006}.blog-post:hover{border-color:#95ddf9db;transform:translateY(-8px);box-shadow:0 16px 48px #0009}.blog-post h2{margin-bottom:1rem}.blog-post article p{color:#fff}.post-meta{color:#a0aec0;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.post-meta span{align-items:center;gap:.25rem;display:flex}.pagination{gap:1rem;margin-top:2rem;display:grid}.pagination-summary{color:#a0aec0;text-align:center}.pagination-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pagination-link,.pagination-page{color:#e2e8f0;background:#1a1a2ecc;border:1px solid #95ddf959;padding:.7rem 1rem;text-decoration:none;transition:all .3s;display:inline-block}.pagination-link:hover,.pagination-page:hover{border-color:#95ddf9cc;transform:translateY(-2px);box-shadow:0 8px 24px #95ddf926}.pagination-page-current{color:#fff;background:linear-gradient(135deg,#00008c,#000);border-color:#95ddf9cc}.pagination-link-disabled{opacity:.45;pointer-events:none}
