section{margin-bottom:30px}section h2{margin-bottom:16px}form{align-items:center;gap:12px;display:flex}input{border:1px solid #d0d0d0;border-radius:6px;flex:1;padding:10px 14px;font-size:16px}button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:10px 22px}button:hover{background:#0b5ed7}.job-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex-direction:column;gap:16px;margin-bottom:20px;padding:20px;transition:box-shadow .2s;display:flex}.job-card:hover{box-shadow:0 4px 12px #00000014}.job-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.job-type{color:#fff;background:#0d6efd;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.job-salary{color:#198754;font-size:18px;font-weight:700}.job-card-body h3{color:#222;margin-bottom:10px;font-size:22px}.job-company{color:#444;margin-bottom:6px;font-weight:600}.job-location{color:#666}.job-card-footer{justify-content:flex-end;display:flex}.job-card-footer a{text-decoration:none}.job-card-footer button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:10px 18px;font-size:15px}.job-card-footer button:hover{background:#0b5ed7}@media (width<=768px){.job-card{padding:16px}.job-card-header{flex-direction:column;align-items:flex-start}.job-card-body h3{font-size:20px}.job-card-footer{justify-content:stretch}.job-card-footer button{width:100%}}.job-form{margin-bottom:30px}.job-form h2{margin-bottom:16px}.job-form form{flex-direction:column;gap:12px;display:flex}.job-form input,.job-form textarea{box-sizing:border-box;border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:10px 14px;font-size:16px}.job-form textarea{resize:vertical;min-height:120px}.job-form button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;width:fit-content;padding:10px 22px}.job-form button:hover{background:#0b5ed7}.job-details{max-width:800px;margin:0 auto}.job-details h1{text-align:left;margin-bottom:24px}.job-details-info{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.job-description{margin-bottom:30px;line-height:1.6}.job-details-actions{flex-wrap:wrap;gap:12px;display:flex}.job-details-actions a{text-decoration:none}.job-details-actions button{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:10px 18px}.job-details-actions button:hover{background:#0b5ed7}@media (width<=768px){.job-details-actions{flex-direction:column}.job-details-actions button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}#root{width:100%}main{max-width:1100px;margin:40px auto;padding:0 20px}h1{text-align:center;color:#222;margin-bottom:30px}h2{color:#333;margin-bottom:16px}section{background:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000014}button{cursor:pointer;transition:all .2s}button:hover{opacity:.9}@media (width<=768px){main{margin:20px auto;padding:16px}section{padding:16px}h1{font-size:28px}}
