.blog-index-content{min-height:100vh;background:#000;padding:120px 20px 80px}.blog-index-container{max-width:1000px;margin:0 auto}.blog-index-header{text-align:center;margin-bottom:3rem}.blog-index-title{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#fff,#d9d9d9,#a6a6a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.blog-index-subtitle{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.blog-index-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.blog-index-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);text-decoration:none;color:#fff;transition:border-color .2s,transform .2s}.blog-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.blog-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:#fff9}.blog-card-category{background:linear-gradient(90deg,#fff,#d9d9d9,#a6a6a6);color:#000;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase}.blog-card-date:before,.blog-card-read-time:before{content:"•";margin-right:.5rem}.blog-card-title{font-size:1.15rem;font-weight:600;line-height:1.4;margin:0}.blog-card-desc{font-size:.9rem;color:#fff9;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.blog-card-cta{font-size:.85rem;font-weight:600;color:#fffc;margin-top:auto}.blog-card:hover .blog-card-cta{color:#fff}@media(max-width:480px){.blog-index-title{font-size:2rem}.blog-index-subtitle{font-size:1rem}}