:root{
  --c-bg:#0b0f19;--c-fg:#0e141b;--c-text:#0f172a;--c-muted:#6b7280;--c-primary:#0b5ed7;--c-white:#fff;
  --radius:12px;--chip-radius:10px;--shadow:0 10px 24px rgba(2,6,23,.08);
}
.container{max-width:1100px;margin:0 auto;padding:2rem 1rem}
/* HERO */
.careers-hero{position:relative;min-height:48rem;display:grid;place-items:center;color:var(--c-white)}
.careers-hero__bg{position:absolute;inset:0;z-index:-1}
.careers-hero__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,calc(var(--overlay,60)/100))}
.careers-hero .container{text-align:center}
.careers-hero .title{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:700;margin-bottom:.75rem}
.careers-hero .sub{font-size:clamp(1rem,1.6vw,1.25rem);opacity:.9;margin-bottom:1.5rem}
.btn{display:inline-block;padding:.8rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.25)}
.btn-primary{background:var(--c-primary);color:#fff;border-color:transparent}
.btn-ghost{border:1px solid #d1d5db;color:var(--c-text);background:#fff}
/* BOARD */
.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}
.filters input,.filters select{flex:1 1 240px;padding:.8rem 1rem;border:1px solid #e5e7eb;border-radius:12px}
.jobs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.job-card{grid-column:span 12;border:1px solid #e5e7eb;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);background:#fff}
@media(min-width:768px){.job-card{grid-column:span 6}}
@media(min-width:1024px){.job-card{grid-column:span calc(12/var(--cards-per-row))}}
.job-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}
.chip{font-size:.75rem;background:#f2f4f7;border:1px solid #e6e8ee;padding:.25rem .55rem;border-radius:var(--chip-radius)}
.job-title{font-size:1.18rem;font-weight:700;margin:.25rem 0 .4rem}
.job-desc{color:#4b5563;font-size:.96rem}
.job-actions{display:flex;gap:.6rem;margin-top:.8rem}
.empty{color:var(--c-muted);padding:1rem 0}
/* FORM */
.careers-form h2{font-size:1.75rem;margin-bottom:.3rem}
.careers-form .subtitle{color:var(--c-muted);margin-bottom:.8rem}
.careers-form .grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.careers-form .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.careers-form label{display:flex;flex-direction:column;gap:.4rem}
.careers-form input,.careers-form textarea,.careers-form select{padding:.8rem 1rem;border:1px solid #e5e7eb;border-radius:12px}
.careers-form .privacy{color:var(--c-muted);font-size:.9rem;margin:.5rem 0 1rem}
/* FAQ */
.careers-faq h2{font-size:1.5rem;margin-bottom:1rem}
.faq{border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;background:#fff}
.faq + .faq{margin-top:.6rem}
.faq summary{cursor:pointer;font-weight:600}
.faq .ans{color:#4b5563;margin-top:.5rem}
/* A11y */
:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}