body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f4f4; }
header { background: #333; color: #fff; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
nav a { color: #fff; text-decoration: none; margin-left: 15px; }
.job-card { border: 1px solid #ddd; background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
button { padding: 10px 18px; cursor: pointer; background: #007bff; color: #fff; border: none; border-radius: 5px; }
.container { max-width: 800px; margin: 20px auto; padding: 0 20px; }
.filters { display: flex; gap: 10px; margin-bottom: 20px; }
.filters input, .filters select { padding: 8px; flex: 1; }
@media(max-width:768px){ .job-card{ width:100%; box-sizing: border-box; } .filters { flex-direction: column; } }