/* Website Careers page */

.wc-hero {
  position: relative;
  padding: 86px 0 54px;
  color: #fff;
  background: #0b1220;
  overflow: hidden;
}
.wc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--wc-hero-bg);
  background-size: cover;
  background-position: center;
  opacity: 0.22;
  transform: scale(1.02);
}
.wc-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(11,18,32,0.92), rgba(13,71,161,0.42));
}
.wc-hero .container { position: relative; z-index: 1; }
.wc-breadcrumbs a { color: rgba(252,194,0,0.96); text-decoration: none; }
.wc-breadcrumbs a:hover { text-decoration: underline; }
.wc-breadcrumbs .text-muted { color: rgba(252,194,0,0.82) !important; }
.wc-title {
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #f5fbff;
  display: inline;
  padding: 0.12rem 0.42rem;
  background: rgba(6, 26, 38, 0.60);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  border-left: 4px solid rgba(252, 194, 0, 0.95);
}
.wc-subtitle { color: rgba(255,230,140,0.96); text-shadow: 0 6px 16px rgba(0,0,0,0.35); }
.wc-hero .text-muted { color: rgba(252,218,102,0.86) !important; }

.wc-section { padding: 56px 0; }
.wc-card {
  border: 1px solid rgba(17,24,39,0.10);
  background: #fff;
  border-radius: 0;
  padding: 16px;
}
.wc-card-title { font-weight: 900; color: #111827; margin-bottom: 10px; }

.wc-checklist {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: 10px;
}
.wc-checklist li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #111827;
  font-weight: 700;
}
.wc-checklist i { color: #0d47a1; margin-top: 2px; font-size: 1.05rem; }

.wc-roles { display: grid; gap: 10px; }
.wc-role { padding: 12px; border: 1px solid rgba(17,24,39,0.08); background: rgba(13,71,161,0.02); }
.wc-role-title { font-weight: 900; color: #111827; }
.wc-role-text { font-size: 0.92rem; }

/* Career form enhancements */
.wc-career-form .form-label {
  font-size: 0.86rem;
  font-weight: 700;
  color: #111827;
}
.wc-input-wrap {
  position: relative;
}
.wc-input-wrap > i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #0d47a1;
  font-size: 0.95rem;
  pointer-events: none;
}
.wc-input-wrap .form-control {
  padding-left: 34px;
  min-height: 42px;
  border-color: rgba(17,24,39,0.16);
  background: #fff;
}
.wc-input-wrap .form-control:focus {
  border-color: #0d47a1;
  box-shadow: 0 0 0 0.2rem rgba(13, 71, 161, 0.12);
}
.wc-textarea-wrap > i {
  top: 14px;
  transform: none;
}
.wc-textarea-wrap textarea.form-control {
  min-height: 120px;
  padding-top: 10px;
}
.wc-alert {
  border-left: 4px solid #dc3545;
}
.wc-alert-success {
  border-left-color: #198754;
}