.blog-index-page{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-header p{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem}.blog-card{background:var(--color-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;color:inherit;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-decoration:none}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.blog-card-image-placeholder{height:200px;background:linear-gradient(135deg,#0ea5e91a,#a855f71a);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);overflow:hidden}.blog-emoji{font-size:5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.blog-card-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-card-picture{width:100%;height:100%}.blog-card-content{padding:2rem;display:flex;flex-direction:column;flex:1}.blog-meta{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;font-weight:600}.blog-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.blog-read-time{color:var(--color-text-muted)}.blog-card-content h2{font-size:1.5rem;color:var(--color-text);margin-bottom:1rem;line-height:1.4}.blog-card-content p{color:var(--color-text-muted);line-height:1.6;flex:1;margin-bottom:1.5rem}.read-more-link{color:var(--color-primary);font-weight:700;margin-top:auto;transition:transform .2s ease;display:inline-block}.blog-card:hover .read-more-link{transform:translate(4px)}.dark-mode .blog-card-image-placeholder{background:linear-gradient(135deg,#1e293b99,#0f172acc)}