/* page-careers.css — careers page styles */

.careers-hero{
  text-align:center;
  padding:4rem 2rem;
  background:linear-gradient(135deg, rgba(99,102,241,0.1), rgba(124,58,237,0.1));
  border-bottom:1px solid rgba(148,163,184,0.1)
}
.careers-hero h1{
  font-size:2.5rem;
  font-weight:700;
  background:linear-gradient(135deg,#6366f1,#7c3aed);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-bottom:1rem
}
.careers-hero p{
  font-size:1.1rem;
  color:rgba(226,232,240,0.8);
  max-width:600px;
  margin:0 auto
}

.jobs-section{max-width:1200px;margin:4rem auto;padding:0 2rem}
.jobs-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.job-card{background:rgba(15,23,42,0.6);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,0.2);border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s}
.job-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(99,102,241,0.15)}
.job-title{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin-bottom:.5rem}
.job-location{color:rgba(148,163,184,0.8);margin-bottom:1rem}
.apply-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);color:white;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}
.careers-footer-note{text-align:center;padding:2rem;color:rgba(148,163,184,0.6);font-size:.9rem}

/* responsive */
@media (max-width:840px){
  .jobs-grid{grid-template-columns:1fr!important}
}