.blog-page{min-height:100vh;background:#fdfcfc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.blog-hero{padding:120px 20px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.blog-hero-title{font-family:Inter,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#1a1d21;margin:0}.blog-hero-description{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#415762;margin:0}.blog-list-section{padding:40px 80px 80px}.blog-list-container{max-width:1280px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.blog-card{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid hsla(0,0%,7%,.1);border-radius:8px;padding:24px;text-decoration:none;transition:box-shadow .3s,transform .3s;overflow:hidden}.blog-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-4px)}.blog-card-cover{width:100%;aspect-ratio:16/9;background:hsla(0,0%,7%,.1);border-radius:4px;overflow:hidden}.blog-card-cover-img{width:100%;height:100%;object-fit:cover}.blog-tags{display:flex;gap:12px;flex-wrap:wrap}.blog-tag{padding:8px;background:#fff;border:1px solid hsla(0,0%,7%,.1);border-radius:999px;font-family:Inter,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#18181b;height:32px;display:flex;align-items:center}.blog-card-content{display:flex;flex-direction:column;gap:8px}.blog-card-title{font-family:Inter,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#18181b;margin:0}.blog-card-meta{display:flex;align-items:center;gap:12px}.blog-author-name{font-weight:500;color:#18181b}.blog-author-name,.blog-date{font-family:Inter,sans-serif;font-size:16px;line-height:24px}.blog-date{font-weight:400;color:#71717a}@media (max-width:1024px){.blog-list-section{padding:100px 40px 60px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.blog-hero{padding:20px 20px 12px}.blog-hero-title{font-size:20px;line-height:28px}.blog-hero-description{font-size:12px;line-height:18px}.blog-list-section{padding:20px 10px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card{padding:12px;width:100%;max-width:355px;margin:0 auto}}