*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;color:#1e293b;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;padding:40px 20px}.container{margin:0 auto;max-width:1200px}h1{color:#0f172a;font-weight:700;margin-bottom:50px;text-align:center}.blog-list{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease}.blog-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-5px)}.card-image{height:200px;object-fit:cover;width:100%}.card-body,.card-footer{padding:24px}.card-title{color:#0f172a;font-size:1.25rem;line-height:1.3;margin-bottom:12px}.card-text{color:#475569;display:-webkit-box;margin-bottom:20px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:16px}.author{color:#3b82f6;font-size:.9rem;font-weight:600}.date{color:#64748b;font-size:.85rem}.read-more{color:#3b82f6;display:inline-block;font-size:.9rem;font-weight:600;margin-top:16px;text-decoration:none}.loading{padding:60px 0;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid rgba(59,130,246,.2);border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 20px;width:40px}#author{margin-bottom:3em}#load-more{display:block;margin:3em auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}