.blog-page{position:relative;min-height:100vh;min-height:100dvh;background-color:var(--color-bg-3)}.blog-hero{padding:clamp(5rem,12vh,8.75rem) var(--space-section-x) clamp(2.5rem,5vw,4rem);border-bottom:1px solid rgba(201,140,243,.1);text-align:center}.blog-hero-inner{max-width:47.5rem;margin:0 auto}.blog-hero h1{margin:.75rem 0 0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--color-text-1)}.blog-hero-sub{margin:1rem 0 0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.55;color:var(--color-text-3)}.blog-listing{padding:clamp(3rem,6vw,5rem) var(--space-section-x)}.blog-listing-inner{max-width:52rem;margin:0 auto;display:grid;grid-gap:1.25rem;gap:1.25rem}.blog-card{display:flex;flex-direction:column;gap:.875rem;padding:2rem 2rem 1.625rem;border-radius:1.25rem;background:rgba(23,0,42,.5);border:1px solid rgba(201,140,243,.13);text-decoration:none;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}.blog-card:hover{border-color:rgba(201,140,243,.32);background:rgba(37,1,53,.65);box-shadow:0 16px 48px rgba(0,0,0,.35);transform:translateY(-2px)}.blog-card:hover .blog-card-cta{color:var(--color-brand-3);gap:.5rem}.blog-card-meta{display:flex;align-items:center;gap:.625rem}.blog-card-tag{border-radius:99px;background:rgba(169,75,230,.18);border:1px solid rgba(201,140,243,.28);color:var(--color-brand-3)}.blog-card-new,.blog-card-tag{display:inline-flex;align-items:center;padding:.2rem .625rem;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.blog-card-new{border-radius:99px;background:rgba(32,129,43,.2);border:1px solid rgba(86,233,73,.25);color:#86efac}.blog-card-read-time{font-size:.8125rem;color:var(--color-text-4)}.blog-card-title{margin:0;font-family:var(--font-display),var(--font-sans),sans-serif;font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text-1)}.blog-card-excerpt{margin:0;font-size:clamp(.9375rem,1.8vw,1.0625rem);line-height:1.65;color:var(--color-text-3)}.blog-card-cta{display:inline-flex;align-items:center;gap:.375rem;margin-top:.25rem;font-size:.875rem;font-weight:600;color:var(--color-brand-4);transition:color .22s ease,gap .22s ease}@media(max-width:45rem){.blog-card{padding:1.5rem 1.375rem}.blog-hero h1{font-size:2.5rem}}