.blog-page{min-height:100vh;background:#2b3132;padding:130px 80px 60px}.blog-header{text-align:center;margin-bottom:2.5rem}.blog-eyebrow{color:#5cf4e4;font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:.6rem}.blog-h1{color:#fff;font-size:2.4rem;font-weight:700;margin-bottom:.6rem}.blog-subtitle{color:#f6f6f699;font-size:1rem;max-width:560px;margin:0 auto}.blog-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.blog-filter-btn{padding:.4rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.15);background:transparent;color:#f6f6f699;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit}.blog-filter-btn:hover{border-color:#5cf4e466;color:#f6f6f6}.blog-filter-btn.active{background:#5cf4e4;border-color:#5cf4e4;color:#1a1a1a;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.blog-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s;display:flex;flex-direction:column}.blog-card:hover{border-color:#5cf4e44d;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-card-cat{font-size:.68rem;padding:2px 8px;background:#5cf4e41a;border:1px solid rgba(92,244,228,.2);border-radius:3px;color:#5cf4e4;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-card-read{font-size:.7rem;color:#f6f6f666}.blog-card-body{flex:1;margin-bottom:1rem}.blog-card-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.5;margin-bottom:.5rem}.blog-card-date{color:#f6f6f666;font-size:.75rem}.blog-card-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:.75rem}.blog-card-btn{color:#5cf4e4;font-size:.82rem;font-weight:500}@media (max-width:1024px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.blog-page{padding:100px 20px 40px}.blog-grid{grid-template-columns:1fr}.blog-h1{font-size:1.8rem}}.blog-card-excerpt{color:#f6f6f680;font-size:.8rem;line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}