.blog-list-container{margin:0 auto;max-width:1200px;padding:80px 20px 20px}.blog-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:40px;padding:40px 0;text-align:center}.blog-header h1{font-size:36px;font-weight:700;margin:0 0 10px}.blog-header p{font-size:18px;margin:0;opacity:.9}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.blog-filters button{background:#fff;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.blog-filters button.active,.blog-filters button:hover{background:#667eea;color:#fff}.loading{font-size:18px;padding:60px}.loading,.no-posts{color:#666;text-align:center}.no-posts{padding:60px 20px}.no-posts h3{color:#333;margin-bottom:10px}.blog-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:30px}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.blog-card-image{height:200px;overflow:hidden}.blog-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:25px}.blog-card-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.blog-date{color:#666;font-size:14px}.blog-category{background:#e3f2fd;border-radius:15px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 12px}.blog-card-title{font-size:22px;line-height:1.3;margin:0 0 15px}.blog-card-title a{color:#333;text-decoration:none;transition:color .3s ease}.blog-card-title a:hover{color:#667eea}.blog-card-excerpt{color:#666;font-size:15px;line-height:1.6;margin-bottom:20px}.blog-card-footer{align-items:center;display:flex;justify-content:space-between}.read-more{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#764ba2}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{background:#f5f5f5;border-radius:12px;color:#666;font-size:11px;font-weight:500;padding:3px 8px}@media (max-width:768px){.blog-list-container{padding:15px}.blog-header{padding:30px 20px}.blog-header h1{font-size:28px}.blog-header p{font-size:16px}.blog-grid{gap:20px;grid-template-columns:1fr}.blog-card-content{padding:20px}.blog-card-title{font-size:20px}.blog-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.blog-filters button{min-width:auto;white-space:nowrap}}