body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#222}
.container,.wrapper{max-width:1200px;margin:auto;padding:0 20px}
.wrapper{margin:40px auto}
.header{background:#111;color:#fff;padding:15px 0}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.logo a{color:#fff;text-decoration:none;font-size:22px;font-weight:bold}
.nav a{color:#ccc;margin-right:15px;text-decoration:none}
.nav a:hover{color:#fff}
.header-right{display:flex;align-items:center;gap:10px}
.btn{padding:6px 12px;background:#007bff;color:#fff;text-decoration:none;border-radius:4px}
.btn-outline{background:transparent;border:1px solid #ccc}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s}
.card:hover{transform:translateY(-5px)}
.card-image img{width:100%;display:block}
.card-body{padding:15px}
.post{max-width:800px;margin:auto;background:#fff;padding:30px;border-radius:8px}
.footer{background:#111;color:#ccc;text-align:center;padding:25px;margin-top:50px}