.blog-page{min-height:100vh;background:#fafafa}.blog-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.blog-hero h1{font-size:3rem;font-weight:700;margin-bottom:16px}.blog-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:32px;gap:32px;padding:48px 0 80px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.blog-card-image{height:200px;background:linear-gradient(135deg,#e8f0ff,#f0f6ff);display:flex;align-items:center;justify-content:center}.blog-card-placeholder{color:#667eea;opacity:.6}.blog-card-content{padding:24px}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:.875rem}.blog-category{background:#667eea;color:#fff;padding:4px 12px;border-radius:20px;font-weight:500}.blog-date{color:#6b7280}.blog-card-title{font-size:1.375rem;font-weight:600;margin-bottom:12px;line-height:1.4}.blog-card-title a{color:#1f2937;text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:#667eea}.blog-card-excerpt{color:#6b7280;line-height:1.6;margin-bottom:16px;font-size:.95rem}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e5e7eb;font-size:.875rem}.blog-author{color:#4b5563;font-weight:500}.blog-read-time{color:#9ca3af}.blog-empty{text-align:center;padding:80px 0;color:#6b7280}.blog-empty h2{font-size:1.5rem;margin-bottom:8px;color:#374151}@media (max-width:768px){.blog-hero{padding:60px 0}.blog-hero h1{font-size:2rem}.blog-grid{grid-template-columns:1fr;gap:24px;padding:32px 0 60px}}