.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(1.25rem,1rem + 1vw,2rem);padding-block:clamp(2rem,1rem + 2vw,3rem)}.blog-card{display:flex;flex-direction:column;padding:clamp(1.25rem,1rem + 1vw,1.75rem);background:linear-gradient(180deg,var(--surface-container),rgba(5,36,31,.5));border:1px solid rgba(255,255,255,.06);border-radius:clamp(14px,1vw + 8px,20px);transition:transform .3s var(--ease-out),border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-4px);border-color:#9eff8c52;box-shadow:0 20px 40px -16px #0009,0 0 30px #9eff8c14}.blog-card-meta{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.blog-card-category{color:var(--neon);padding:.25rem .625rem;background:#9eff8c1a;border:1px solid rgba(158,255,140,.28);border-radius:999px}.blog-card-date{color:var(--text-muted)}.blog-card-title{font-family:var(--font-display);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:800;color:#fff;line-height:1.25;margin:0 0 .625rem;letter-spacing:-.02em}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--neon)}.blog-card-excerpt{font-size:.9375rem;line-height:1.55;color:var(--text-primary);margin:0 0 1.25rem;flex-grow:1}.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.8125rem;font-weight:700;color:var(--neon);text-decoration:none;margin-top:auto}.blog-card-cta:after{content:"→";transition:transform .2s ease}.blog-card:hover .blog-card-cta:after{transform:translate(3px)}.blog-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block:1.5rem}.blog-filter-chip{padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.blog-filter-chip:hover,.blog-filter-chip.active{background:#9eff8c1a;border-color:#9eff8c66;color:var(--neon)}.blog-article{max-width:760px;margin-inline:auto;padding-block:clamp(2rem,1rem + 2.5vw,3.5rem)}.blog-article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.blog-article-meta .blog-card-category{font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.blog-article-meta-text{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.blog-article h1{font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1.6vw,2.625rem);font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.025em;margin:0 0 1.5rem}.blog-article-lead{font-size:clamp(1.0625rem,.95rem + .35vw,1.1875rem);line-height:1.6;color:var(--text-primary);opacity:.92;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(158,255,140,.18)}.blog-prose h2{font-family:var(--font-display);font-size:clamp(1.4rem,1.2rem + 1vw,1.875rem);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.02em;margin:2.5rem 0 1rem}.blog-prose h3{font-family:var(--font-display);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:700;color:var(--neon);margin:2rem 0 .875rem}.blog-prose p{font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.75;color:var(--text-primary);margin-bottom:1.25rem}.blog-prose strong{color:var(--neon);font-weight:700}.blog-prose ul,.blog-prose ol{margin:1.25rem 0 1.25rem 1.5rem;padding:0}.blog-prose ul li,.blog-prose ol li{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.7;color:var(--text-primary);margin-bottom:.625rem}.blog-prose blockquote{font-family:var(--font-display);font-size:clamp(1.125rem,.95rem + .6vw,1.3125rem);font-weight:600;color:#fff;line-height:1.4;margin:2rem 0;padding:1.25rem 1.5rem;background:#00000047;border-left:3px solid var(--neon);border-radius:4px 12px 12px 4px;letter-spacing:-.01em}.blog-prose a{color:var(--neon);text-decoration:underline;text-underline-offset:3px}.blog-article-cta{margin-top:3rem;padding:clamp(1.75rem,1rem + 2vw,2.5rem);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(158,255,140,.08),transparent 70%),linear-gradient(160deg,var(--surface-high),var(--surface-container));border:1px solid rgba(158,255,140,.32);border-radius:clamp(16px,1vw + 12px,22px);text-align:center}.blog-article-cta h3{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + .8vw,1.5rem);font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em}.blog-article-cta p{color:var(--text-primary);margin-bottom:1.5rem}.blog-article-cta-btn{display:inline-block;background:var(--neon);color:var(--on-neon);padding:14px 28px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:1rem;text-decoration:none;transition:transform .2s var(--ease-out),box-shadow .2s ease}.blog-article-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px #9eff8c80}.blog-empty{padding:4rem 1rem;text-align:center;color:var(--text-muted)}