.blog-list{padding:var(--space-xl) var(--space-lg);background:transparent}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto}.blog-card{background:#14141499;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.blog-card:hover:before{opacity:1}.blog-card:hover{transform:translateY(-8px);border-color:#5de4c74d;box-shadow:0 20px 40px #0006;background:#191919cc}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.blog-category{color:var(--color-accent);background:#5de4c71a;padding:.4em .8em;border-radius:100px}.blog-date{color:var(--color-text-muted)}.blog-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.25;color:var(--color-text);margin-bottom:1rem}.blog-card-excerpt{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2rem;flex-grow:1}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.read-time{font-size:.8rem;color:var(--color-text-muted);font-family:var(--font-mono)}.blog-card-link{font-size:.9rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:.5rem;transition:color .3s}.blog-card-link:hover{color:var(--color-accent)}.blog-empty-state{grid-column:1 / -1;text-align:center;padding:4rem;background:#ffffff05;border-radius:16px;border:1px dashed rgba(255,255,255,.1)}.blog-empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-text)}.blog-empty-state p{color:var(--color-text-secondary)}@media(max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.blog-list{padding:var(--space-lg) 1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-hero{padding-left:1rem;padding-right:1rem}.blog-page-title{font-size:3rem}}