.blog-hub{--blog-serif:"Georgia", "Times New Roman", serif;--blog-sans:var(--font-sans,system-ui, sans-serif)}.blog-hero-featured{background:linear-gradient(135deg,#0f172af2,#0a0f1efa);border:1px solid #ffffff14;border-radius:1.5rem;position:relative;overflow:hidden}.blog-hero-featured img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.blog-hero-featured:hover img{transform:scale(1.03)}.blog-card{background:linear-gradient(160deg,#0f172ae6,#0a0f1ef2);border:1px solid #ffffff12;border-radius:1.25rem;transition:border-color .3s,transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.blog-card:hover{border-color:#22d3ee40;transform:translateY(-4px);box-shadow:0 20px 60px #00000059,0 0 40px #22d3ee0f}.blog-card-image{aspect-ratio:16/10;border-radius:1rem 1rem 0 0;overflow:hidden}.blog-category-pill{border:1px solid #ffffff14;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;transition:all .25s}.blog-category-pill-active{color:#67e8f9;background:#22d3ee1a;border-color:#22d3ee59}.blog-tag-pill{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:9999px;padding:.25rem .75rem;font-size:.6875rem;font-weight:500;transition:all .2s}.blog-tag-pill:hover{color:#a5b4fc;border-color:#818cf84d}.blog-search{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:1rem;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.blog-search:focus{border-color:#22d3ee59;outline:none;box-shadow:0 0 0 3px #22d3ee14}.blog-newsletter{background:radial-gradient(at 30% 0,#818cf81f,#0000 55%),linear-gradient(160deg,#0f172af2,#0a0f1efa);border:1px solid #818cf833;border-radius:1.5rem}.blog-article-hero{min-height:28rem;position:relative;overflow:hidden}.blog-article-hero img{object-fit:cover}.blog-article-prose{color:#cbd5e1;font-size:1.125rem;line-height:1.85}.blog-article-prose h2{letter-spacing:-.02em;color:#fff;margin-top:2.5rem;margin-bottom:1rem;scroll-margin-top:6rem;font-size:1.5rem;font-weight:700}.blog-toc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1ecc;border:1px solid #ffffff12;border-radius:1rem;padding:1.25rem;position:sticky;top:6rem}.blog-toc a{color:#64748b;padding:.375rem 0;font-size:.8125rem;transition:color .2s;display:block}.blog-toc a:hover{color:#67e8f9}.blog-share-btn{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:inline-flex}.blog-share-btn:hover{color:#67e8f9;border-color:#22d3ee4d}.blog-author-card{background:linear-gradient(135deg,#0f172ae6,#0a0f1ef2);border:1px solid #ffffff12;border-radius:1.25rem}.blog-pagination-btn{color:#94a3b8;border:1px solid #ffffff14;border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.blog-pagination-btn:hover:not(:disabled){color:#67e8f9;border-color:#22d3ee4d}.blog-pagination-btn:disabled{opacity:.35;cursor:not-allowed}.blog-pagination-btn-active{color:#67e8f9;background:#22d3ee1a;border-color:#22d3ee66}@media (max-width:768px){.blog-article-hero{min-height:18rem}.blog-article-prose{font-size:1.0625rem}}
