/* ============================================================
   css/pages/careers.css — Careers page specific styles
   ============================================================ */

.job-card { background: white; border-radius: 1rem; padding: 1.75rem; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border: 1px solid #f3f4f6; transition: transform 0.3s, box-shadow 0.3s; }
.job-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1); }

.job-tag { display: inline-block; padding: 0.2rem 0.65rem; border-radius: 9999px; font-size: 0.7rem; font-weight: 700; }

.benefit-card { background: white; border-radius: 1rem; padding: 1.5rem; text-align: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border: 1px solid #f3f4f6; }

.apply-form input,
.apply-form select,
.apply-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border-radius: 0.625rem;
    border: 1.5px solid #e5e7eb;
    font-size: 0.9rem;
    font-family: inherit;
    transition: border-color 0.25s;
    outline: none;
    background: white;
    color: #1f2937;
}
.apply-form input:focus,
.apply-form select:focus,
.apply-form textarea:focus { border-color: #1e40af; box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1); }

.apply-form label { display: block; font-size: 0.8rem; font-weight: 600; color: #374151; margin-bottom: 0.4rem; }