/* Styles from html.html */
body { font-family: Arial, sans-serif; background: #f9fafb; margin: 0; padding: 20px; }
section { max-width: 900px; margin: 0 auto; background: white; border-radius: 10px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
h2 { font-size: 24px; margin-bottom: 20px; }
form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
input, select { padding: 10px; border: 1px solid #ccc; border-radius: 5px; }
button { padding: 10px; background: #2563eb; color: white; border: none; border-radius: 5px; cursor: pointer; transition: 0.2s; }
button:hover { background: #1d4ed8; }
.job-card { border: 1px solid #eee; border-radius: 8px; padding: 15px; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.05); margin-top: 15px; }
.job-card h3 { margin-top: 0; font-size: 18px; }
.job-card h3 a { text-decoration: none; color: #1d4ed8; }
.job-card p { margin: 5px 0; font-size: 14px; }
.apply-button { display: inline-block; padding: 8px 15px; background: #10b981; color: white; text-decoration: none; border-radius: 5px; margin-top: 10px; transition: 0.2s; }
.apply-button:hover { background: #059669; }
#results { margin-top: 30px; }
#loader { display: none; text-align: center; padding: 20px; }