:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) {
  --recruit-bg: #020916;
  --recruit-panel: rgba(4, 15, 29, .94);
  --recruit-line: rgba(67, 123, 180, .3);
  --recruit-cyan: #1ddaff;
  --recruit-orange: #ff941c;
  --recruit-green: #55ef9a;
  --recruit-red: #ff4f72;
  --recruit-violet: #bb62ff;
  background:
    radial-gradient(circle at 76% 8%, rgba(28, 113, 255, .13), transparent 30rem),
    radial-gradient(circle at 24% 52%, rgba(101, 35, 207, .07), transparent 31rem),
    linear-gradient(180deg, #020712 0%, #040b16 100%) !important;
}

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) > main { padding: 14px 14px 30px !important; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) > main > .recruitment-view { max-width: 1540px !important; width: 100% !important; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-page {
  display: grid;
  gap: 14px;
  margin: 0 auto;
  max-width: 1540px;
  width: 100%;
}

.recruitment-showcase-hero {
  align-items: center;
  background-image:
    linear-gradient(90deg, rgba(2, 9, 20, .99) 0%, rgba(2, 9, 20, .94) 36%, rgba(2, 9, 20, .25) 68%, rgba(2, 9, 20, .08) 100%),
    url('/public/assets/recruitment-hero-20260724.png');
  background-position: center, center;
  background-size: cover;
  border: 1px solid rgba(49, 128, 217, .46);
  border-radius: 13px;
  box-shadow: inset 0 0 0 1px rgba(133, 77, 255, .08), 0 20px 62px rgba(0, 0, 0, .28);
  display: flex;
  isolation: isolate;
  min-height: 168px;
  overflow: hidden;
  padding: clamp(30px, 4.2vw, 50px);
  position: relative;
}

.recruitment-showcase-hero::before {
  background:
    radial-gradient(circle, rgba(255, 141, 28, .8) 0 1px, transparent 1.5px) 0 0 / 78px 64px,
    linear-gradient(105deg, transparent 0 48%, rgba(28, 187, 255, .09) 57%, transparent 72%);
  content: '';
  inset: 0;
  opacity: .28;
  pointer-events: none;
  position: absolute;
  animation: recruitmentStarDrift 20s linear infinite;
}

.recruitment-showcase-hero::after {
  background: linear-gradient(110deg, transparent 12%, rgba(255, 255, 255, .05) 42%, transparent 58%);
  content: '';
  inset: -45% -25%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-55%) rotate(4deg);
  animation: recruitmentHeroScan 8s ease-in-out infinite;
}

.recruitment-hero-copy { max-width: 710px; position: relative; z-index: 4; }
.recruitment-hero-copy .eyebrow,
.recruitment-board-head .eyebrow,
.recruitment-criteria-head .eyebrow {
  color: var(--recruit-orange) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  margin: 0 0 9px !important;
}
.recruitment-hero-copy h1 {
  color: #f4f6fb;
  font-size: clamp(34px, 4vw, 50px);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
  margin: 0;
  text-shadow: 0 10px 28px rgba(0, 0, 0, .55);
}
.recruitment-hero-copy > p:last-child {
  color: #b7c3d5;
  font-size: clamp(13px, 1.3vw, 16px);
  line-height: 1.45;
  margin: 14px 0 0;
  max-width: 62ch;
}

.recruitment-hero-badge {
  aspect-ratio: 1;
  background: linear-gradient(145deg, rgba(255, 139, 21, .9), rgba(255, 68, 33, .62));
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
  display: grid;
  filter: drop-shadow(0 0 13px rgba(255, 115, 20, .95)) drop-shadow(0 0 34px rgba(255, 85, 18, .48));
  height: 122px;
  padding: 2px;
  place-items: center;
  position: absolute;
  right: clamp(42px, 8vw, 128px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  animation: recruitmentBadgePulse 3.4s ease-in-out infinite;
}
.recruitment-hero-badge::before {
  background: linear-gradient(145deg, rgba(16, 11, 28, .98), rgba(25, 10, 21, .95));
  clip-path: inherit;
  content: '';
  inset: 4px;
  position: absolute;
}
.recruitment-hero-badge::after {
  border: 1px solid rgba(255, 153, 39, .8);
  clip-path: inherit;
  content: '';
  inset: 13px;
  position: absolute;
}
.recruitment-hero-badge span {
  color: #ff8f18;
  font-size: 42px;
  font-weight: 950;
  letter-spacing: -.07em;
  position: relative;
  text-shadow: 0 0 20px rgba(255, 105, 16, .75);
  z-index: 2;
}
.recruitment-hero-orbits { inset: 0; overflow: hidden; pointer-events: none; position: absolute; }
.recruitment-hero-orbits i {
  border: 1px solid rgba(255, 136, 24, .28);
  border-radius: 50%;
  height: 214px;
  position: absolute;
  right: clamp(-5px, 3.2vw, 54px);
  top: 50%;
  transform: translateY(-50%);
  width: 214px;
  animation: recruitmentOrbit 15s linear infinite;
}
.recruitment-hero-orbits i:nth-child(2) { border-color: rgba(35, 157, 255, .24); border-style: dashed; height: 278px; right: clamp(-37px, 1vw, 24px); width: 278px; animation-direction: reverse; animation-duration: 23s; }
.recruitment-hero-orbits i:nth-child(3) { border-color: rgba(177, 71, 255, .18); height: 344px; right: clamp(-70px, -1vw, -8px); width: 344px; animation-duration: 31s; }

.recruitment-overview { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.recruitment-overview-card {
  --card-color: var(--recruit-cyan);
  align-items: center;
  background:
    radial-gradient(circle at 16% 50%, color-mix(in srgb, var(--card-color) 12%, transparent), transparent 43%),
    linear-gradient(135deg, rgba(5, 19, 35, .98), rgba(3, 12, 24, .96));
  border: 1px solid color-mix(in srgb, var(--card-color) 31%, transparent);
  border-radius: 13px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 14px 34px rgba(0, 0, 0, .18);
  display: grid;
  gap: 16px;
  grid-template-columns: 74px minmax(0, 1fr);
  min-height: 112px;
  overflow: hidden;
  padding: 15px 18px;
  position: relative;
  transition: border-color .24s ease, box-shadow .24s ease, transform .24s ease;
}
.recruitment-overview-card::after {
  background: linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--card-color) 10%, transparent) 48%, transparent 64%);
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity .25s ease, transform .6s ease;
}
.recruitment-overview-card:hover { border-color: color-mix(in srgb, var(--card-color) 58%, transparent); box-shadow: 0 16px 38px rgba(0, 0, 0, .25), 0 0 25px color-mix(in srgb, var(--card-color) 10%, transparent); transform: translateY(-2px); }
.recruitment-overview-card:hover::after { opacity: 1; transform: translateX(55%); }
.recruitment-overview-card.is-pending { --card-color: #ffae24; }
.recruitment-overview-card.is-accepted { --card-color: var(--recruit-green); }
.recruitment-overview-card.is-rejected { --card-color: var(--recruit-red); }
.recruitment-overview-card > span:last-child { display: grid; gap: 4px; min-width: 0; position: relative; z-index: 1; }
.recruitment-overview-card small { color: color-mix(in srgb, var(--card-color) 76%, #b7c4d7); font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.recruitment-overview-card strong { color: #f4f7fb; font-size: clamp(29px, 2.5vw, 36px); line-height: 1; }
.recruitment-overview-card em { color: #8f9db0; font-size: 10px; font-style: normal; }
.recruitment-overview-icon {
  background: rgba(5, 17, 31, .88);
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
  color: var(--card-color);
  display: grid;
  height: 68px;
  place-items: center;
  position: relative;
  width: 68px;
  filter: drop-shadow(0 0 11px color-mix(in srgb, var(--card-color) 48%, transparent));
}
.recruitment-overview-icon::before { background: color-mix(in srgb, var(--card-color) 72%, transparent); clip-path: inherit; content: ''; inset: 0; position: absolute; z-index: -2; }
.recruitment-overview-icon::after { background: linear-gradient(145deg, rgba(8, 25, 43, .98), rgba(3, 12, 25, .98)); clip-path: inherit; content: ''; inset: 2px; position: absolute; z-index: -1; }
.recruitment-overview-icon svg { fill: none; height: 34px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.45; width: 34px; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-layout.recruitment-content-grid {
  align-items: start;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) 308px;
  margin: 0;
  width: 100%;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-list-panel.recruitment-board,
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-criteria-panel {
  background:
    radial-gradient(circle at 88% 0%, rgba(21, 122, 217, .06), transparent 24rem),
    linear-gradient(145deg, rgba(5, 18, 34, .97), rgba(3, 11, 23, .98));
  border: 1px solid rgba(56, 119, 181, .38);
  border-radius: 13px;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .2);
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-list-panel.recruitment-board { min-width: 0; padding: 18px; }
.recruitment-board-head { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.recruitment-board-head h2 { color: #f3f5fa; font-size: 23px; line-height: 1.1; margin: 0; }
.recruitment-actions { flex: 0 0 auto; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-create-button {
  background: linear-gradient(110deg, #ff8d22, #ff4b29) !important;
  border: 1px solid #ff9f47 !important;
  border-radius: 9px !important;
  box-shadow: 0 0 24px rgba(255, 102, 24, .37) !important;
  color: #fff !important;
  min-height: 40px !important;
  padding: 0 15px !important;
  transition: filter .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-create-button:hover { box-shadow: 0 0 32px rgba(255, 108, 24, .52) !important; filter: brightness(1.08); transform: translateY(-1px); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-refresh-button { align-items: center; display: inline-flex; gap: 7px; min-height: 40px; }
.recruitment-refresh-button svg { fill: none; height: 15px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; width: 15px; }
.recruitment-refresh-button:disabled svg { animation: recruitmentSpin .9s linear infinite; }

.recruitment-toolbar { align-items: center; display: grid; gap: 14px; grid-template-columns: minmax(260px, 1fr) auto; margin-top: 14px; }
.recruitment-search {
  align-items: center;
  background: rgba(2, 11, 23, .82);
  border: 1px solid rgba(77, 125, 173, .38);
  border-radius: 10px;
  display: flex;
  min-height: 44px;
  padding: 0 15px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.recruitment-search:focus-within { border-color: rgba(37, 216, 244, .72); box-shadow: 0 0 0 3px rgba(37, 216, 244, .08); }
.recruitment-search svg { fill: none; flex: 0 0 auto; height: 20px; margin-right: 12px; stroke: #d6e4f3; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 20px; }
.recruitment-search input { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #e9f0f9 !important; font-size: 12px !important; min-width: 0; outline: 0; padding: 0 !important; width: 100%; }
.recruitment-search input::placeholder { color: #7f8ea4; }
.recruitment-filter-tabs { align-items: center; background: rgba(4, 13, 25, .7); border-radius: 24px; display: flex; gap: 5px; padding: 4px; }
.recruitment-filter-tabs button {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 18px;
  color: #c3cedd;
  cursor: pointer;
  font: inherit;
  font-size: 10px;
  min-height: 35px;
  padding: 0 13px;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
  white-space: nowrap;
}
.recruitment-filter-tabs button:hover { color: #fff; transform: translateY(-1px); }
.recruitment-filter-tabs button.active { background: rgba(255, 147, 28, .1); border-color: rgba(255, 147, 28, .65); box-shadow: 0 0 20px rgba(255, 132, 22, .08); color: #ffac32; }
.recruitment-filter-tabs button span { color: #ff9b21; margin-left: 3px; }
.recruitment-results-meta { align-items: center; border-bottom: 1px solid rgba(90, 129, 176, .15); color: #8797ad; display: flex; font-size: 9px; gap: 10px; justify-content: space-between; margin-top: 12px; padding-bottom: 10px; }
.recruitment-results-meta > span { color: #b9c6d7; font-weight: 850; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-list { gap: 12px; margin-top: 12px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section { gap: 0; overflow: hidden; border: 1px solid rgba(72, 129, 181, .27); border-radius: 10px; background: rgba(2, 10, 21, .62); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section-head { border: 0; border-bottom: 1px solid currentColor; border-radius: 0; min-height: 39px; padding: 9px 15px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section-head strong { color: currentColor; font-size: 10px; letter-spacing: .08em; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section-head span { color: #9aabba; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.accepted { border-color: rgba(67, 221, 138, .35); color: #66e9a2; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.accepted .recruitment-forum-section-head { background: linear-gradient(90deg, rgba(29, 141, 87, .14), rgba(11, 59, 45, .05)); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.rejected { border-color: rgba(255, 64, 104, .34); color: #ff5a78; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.rejected .recruitment-forum-section-head { background: linear-gradient(90deg, rgba(160, 27, 65, .14), rgba(58, 12, 30, .05)); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.pending { border-color: rgba(255, 140, 24, .4); color: #ffa027; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.pending .recruitment-forum-section-head { background: linear-gradient(90deg, rgba(169, 91, 12, .15), rgba(58, 32, 8, .05)); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section-list { gap: 0; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card {
  background: linear-gradient(100deg, rgba(5, 19, 33, .9), rgba(3, 13, 26, .92));
  border: 0;
  border-bottom: 1px solid rgba(91, 132, 176, .16);
  border-radius: 0;
  box-shadow: none;
  color: #edf3fa;
  gap: 0;
  padding: 0;
  transition: background .2s ease, box-shadow .2s ease;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card:last-child { border-bottom: 0; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card:hover { background: linear-gradient(100deg, rgba(8, 28, 47, .98), rgba(4, 16, 31, .98)); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.status-accepted { box-shadow: inset 3px 0 #4be69a; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.status-pending { box-shadow: inset 3px 0 #ff9823; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.status-rejected { box-shadow: inset 3px 0 #ff4c70; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.status-closed { box-shadow: inset 3px 0 #65758d; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.is-priority { background: linear-gradient(100deg, rgba(26, 27, 48, .95), rgba(4, 16, 31, .96)); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card.is-priority::before { background: var(--recruit-orange); box-shadow: 0 0 13px rgba(255, 151, 31, .7); content: ''; height: 5px; position: absolute; right: 12px; top: 12px; transform: rotate(45deg); width: 5px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card { position: relative; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-head {
  align-items: center;
  display: grid;
  gap: 13px;
  grid-template-columns: minmax(235px, 1.05fr) minmax(310px, 1fr) auto;
  min-height: 84px;
  padding: 11px 14px;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-identity { grid-template-columns: 54px minmax(0, 1fr); gap: 12px !important; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-avatar { border: 2px solid color-mix(in srgb, currentColor 55%, #19324b); box-shadow: 0 0 0 4px rgba(29, 218, 255, .05), 0 0 18px rgba(29, 218, 255, .09); height: 54px; width: 54px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-copy strong { color: #f3f6fb; font-size: 15px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-copy small { color: #b4c2d4; font-size: 10px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-copy em { color: #718399; font-size: 8px; }
.recruitment-card-eligibility { display: grid !important; gap: 8px !important; }
.recruitment-card-badges { display: flex !important; flex-wrap: wrap; gap: 5px !important; }
.recruitment-card-badges span {
  align-items: center;
  background: rgba(2, 11, 22, .72);
  border: 1px solid rgba(92, 134, 178, .27);
  border-radius: 6px;
  color: #bbc8d8;
  display: inline-flex !important;
  font-size: 8px;
  font-weight: 850;
  gap: 4px !important;
  min-height: 23px;
  padding: 0 7px;
  white-space: nowrap;
}
.recruitment-card-badges span::before { color: var(--badge-color, #7ca8cc); content: attr(data-icon); font-size: 10px; }
.recruitment-card-badges span.passed { --badge-color: #4ce5a0; border-color: rgba(72, 220, 156, .25); color: #bcebd4; }
.recruitment-card-badges span.blocked { --badge-color: #ff6d82; border-color: rgba(255, 76, 112, .22); opacity: .72; }
.recruitment-card-badges span.level { --badge-color: #2bd8ff; }
.recruitment-card-badges span.likes { --badge-color: #c764ff; }
.recruitment-card-badges span.watch { --badge-color: #ffab2f; }
.recruitment-card-compatibility { align-items: end; display: grid !important; gap: 4px !important; grid-template-columns: minmax(80px, 1fr) auto; }
.recruitment-card-compatibility small { color: #8fa0b4 !important; font-size: 8px !important; grid-column: 1 / -1; }
.recruitment-card-compatibility span { background: #0a2132; border-radius: 4px; display: block !important; height: 5px; overflow: hidden; }
.recruitment-card-compatibility span i { background: linear-gradient(90deg, #1bd3ee, #57eda5); border-radius: inherit; box-shadow: 0 0 10px rgba(36, 220, 210, .6); display: block; height: 100%; transform-origin: left; animation: recruitmentProgressIn .9s ease-out both; }
.recruitment-card-compatibility b { color: #eaf3fb; font-size: 9px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-state { min-width: 82px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-state i { font-family: Arial, sans-serif; font-size: 16px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-status { font-size: 8px; padding: 6px 8px; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .status-pending .recruitment-status { background: rgba(255, 145, 28, .09); border-color: rgba(255, 145, 28, .36); color: #ffae35; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-details { background: rgba(1, 8, 17, .52); border-top: 1px solid rgba(82, 130, 177, .22); gap: 12px; padding: 14px; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty {
  align-items: center;
  background: rgba(2, 9, 19, .42);
  border: 0;
  border-radius: 0;
  color: #93a1b4;
  display: grid;
  font-size: 11px;
  gap: 12px;
  grid-template-columns: 58px minmax(0, 1fr);
  margin: 0;
  min-height: 92px;
  padding: 16px clamp(18px, 8vw, 34%);
  text-align: left;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty::before {
  align-items: center;
  background: rgba(8, 21, 36, .9);
  border: 1px solid currentColor;
  clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%);
  content: '+';
  display: flex;
  font-size: 25px;
  height: 53px;
  justify-content: center;
  opacity: .7;
  text-shadow: 0 0 14px currentColor;
  width: 53px;
}
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.accepted .recruitment-empty { color: #58df9b; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.rejected .recruitment-empty { color: #ff5876; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.rejected .recruitment-empty::before { content: '×'; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-forum-section.pending .recruitment-empty { color: #ffa228; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty-search { display: block; min-height: 120px; padding: 42px 18px; text-align: center; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty-search::before { display: none; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-criteria-panel { overflow: hidden; padding: 18px 13px 13px; position: sticky; top: 82px; }
.recruitment-criteria-panel::before { background: radial-gradient(circle, rgba(255, 129, 20, .65) 0 1px, transparent 1.4px); background-size: 61px 53px; content: ''; inset: 0; opacity: .16; pointer-events: none; position: absolute; animation: recruitmentStarDrift 24s linear reverse infinite; }
.recruitment-criteria-panel > * { position: relative; z-index: 1; }
.recruitment-criteria-head { align-items: center; display: flex; justify-content: space-between; }
.recruitment-criteria-head .eyebrow { margin: 0 !important; }
.recruitment-criteria-head > span,
.recruitment-criteria-note > span { align-items: center; border: 1px solid #46d9ff; border-radius: 50%; color: #46d9ff; display: inline-flex; flex: 0 0 auto; font-size: 8px; height: 15px; justify-content: center; width: 15px; }
.recruitment-criteria-panel > p { color: #a5b2c4; font-size: 11px; line-height: 1.5; margin: 15px 7px 12px; }
.recruitment-criteria-list { border: 1px solid rgba(44, 139, 229, .34); border-radius: 11px; overflow: hidden; }
.recruitment-criteria-list article { --criteria-color: #1edaff; align-items: center; background: linear-gradient(100deg, color-mix(in srgb, var(--criteria-color) 7%, transparent), transparent 54%); border-bottom: 1px solid rgba(76, 126, 176, .16); display: grid; gap: 10px; grid-template-columns: 53px minmax(0, 1fr) 19px; min-height: 86px; padding: 12px 10px; }
.recruitment-criteria-list article:last-child { border-bottom: 0; }
.recruitment-criteria-list article.is-watch { --criteria-color: #ff9f1f; }
.recruitment-criteria-list article.is-likes { --criteria-color: #c457ff; }
.recruitment-criteria-list article.is-profile { --criteria-color: #4eea96; }
.recruitment-criteria-icon { background: rgba(5, 17, 31, .94); clip-path: polygon(25% 6.7%, 75% 6.7%, 100% 50%, 75% 93.3%, 25% 93.3%, 0 50%); color: var(--criteria-color); display: grid; filter: drop-shadow(0 0 9px color-mix(in srgb, var(--criteria-color) 46%, transparent)); height: 49px; place-items: center; position: relative; width: 49px; }
.recruitment-criteria-icon::before { background: color-mix(in srgb, var(--criteria-color) 70%, transparent); clip-path: inherit; content: ''; inset: 0; position: absolute; z-index: -2; }
.recruitment-criteria-icon::after { background: #071526; clip-path: inherit; content: ''; inset: 2px; position: absolute; z-index: -1; }
.recruitment-criteria-icon svg { fill: none; height: 24px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 24px; }
.recruitment-criteria-list article div { display: grid; gap: 4px; min-width: 0; }
.recruitment-criteria-list article strong { color: #e6edf6; font-size: 11px; line-height: 1.3; }
.recruitment-criteria-list article small { color: #8594aa; font-size: 9px; line-height: 1.35; }
.recruitment-criteria-list article > b { align-items: center; border: 1px solid #54ebb0; border-radius: 50%; color: #54ebb0; display: flex; font-size: 10px; height: 18px; justify-content: center; width: 18px; }
.recruitment-criteria-note { align-items: flex-start; background: rgba(4, 15, 29, .72); border: 1px solid rgba(37, 176, 239, .3); border-radius: 10px; display: flex; gap: 10px; margin-top: 13px; padding: 14px 12px; }
.recruitment-criteria-note p { color: #91a0b4; font-size: 9px; line-height: 1.55; margin: 0; }

:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-modal-card { border-color: rgba(255, 143, 31, .38); box-shadow: 0 30px 90px rgba(0, 0, 0, .66), 0 0 50px rgba(255, 121, 20, .08); }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-modal-head .eyebrow { color: var(--recruit-orange) !important; }
:is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-requirements article.passed { border-color: rgba(78, 224, 160, .34); }

@keyframes recruitmentStarDrift { from { background-position: 0 0, 0 0; } to { background-position: 78px 64px, 0 0; } }
@keyframes recruitmentHeroScan { 0%, 30% { transform: translateX(-56%) rotate(4deg); } 70%, 100% { transform: translateX(62%) rotate(4deg); } }
@keyframes recruitmentBadgePulse { 0%, 100% { filter: drop-shadow(0 0 11px rgba(255, 115, 20, .85)) drop-shadow(0 0 28px rgba(255, 85, 18, .4)); } 50% { filter: drop-shadow(0 0 19px rgba(255, 154, 42, 1)) drop-shadow(0 0 46px rgba(255, 85, 18, .58)); } }
@keyframes recruitmentOrbit { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(360deg); } }
@keyframes recruitmentProgressIn { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes recruitmentSpin { to { transform: rotate(360deg); } }

@media (max-width: 1260px) {
  .recruitment-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-layout.recruitment-content-grid { grid-template-columns: minmax(0, 1fr) 280px; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-head { grid-template-columns: minmax(210px, .95fr) minmax(260px, 1fr) auto; }
  .recruitment-toolbar { align-items: stretch; grid-template-columns: 1fr; }
  .recruitment-filter-tabs { border: 1px solid rgba(65, 119, 174, .17); border-radius: 10px; flex-wrap: wrap; }
}

@media (max-width: 1050px) {
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-layout.recruitment-content-grid { grid-template-columns: 1fr; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-criteria-panel { position: relative; top: auto; }
  .recruitment-criteria-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recruitment-criteria-list article:nth-child(odd) { border-right: 1px solid rgba(76, 126, 176, .16); }
  .recruitment-criteria-list article:nth-last-child(-n + 2) { border-bottom: 0; }
}

@media (max-width: 760px) {
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) > main { padding: 8px 8px 24px !important; }
  .recruitment-showcase-hero { min-height: 214px; padding: 26px 20px; }
  .recruitment-hero-copy { max-width: 88%; }
  .recruitment-hero-copy h1 { font-size: clamp(31px, 10vw, 43px); }
  .recruitment-hero-badge { height: 78px; opacity: .58; right: 17px; top: 28px; transform: none; }
  .recruitment-hero-badge span { font-size: 27px; }
  .recruitment-hero-orbits i { opacity: .55; right: -48px; }
  .recruitment-overview { grid-template-columns: 1fr; }
  .recruitment-overview-card { min-height: 96px; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-list-panel.recruitment-board { padding: 14px 10px; }
  .recruitment-board-head { align-items: stretch; flex-direction: column; }
  .recruitment-actions { display: grid; grid-template-columns: 1fr auto; width: 100%; }
  .recruitment-actions button { width: auto !important; }
  .recruitment-filter-tabs { display: grid; grid-template-columns: repeat(2, 1fr); }
  .recruitment-filter-tabs button:last-child { grid-column: 1 / -1; }
  .recruitment-results-meta small { display: none; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-head { align-items: stretch; grid-template-columns: 1fr; gap: 10px; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-identity { grid-template-columns: 50px minmax(0, 1fr); }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-avatar { height: 50px; width: 50px; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-card-state { align-items: center; flex-direction: row; justify-content: space-between; min-width: 0; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty { grid-template-columns: 44px minmax(0, 1fr); padding: 15px; }
  :is(body[data-route="recruitment"], body[data-route="forum"] .forum-legacy-portal) .recruitment-empty::before { height: 42px; width: 42px; }
  .recruitment-criteria-list { grid-template-columns: 1fr; }
  .recruitment-criteria-list article,
  .recruitment-criteria-list article:nth-child(odd),
  .recruitment-criteria-list article:nth-last-child(-n + 2) { border-bottom: 1px solid rgba(76, 126, 176, .16); border-right: 0; }
  .recruitment-criteria-list article:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .recruitment-showcase-hero::before,
  .recruitment-showcase-hero::after,
  .recruitment-hero-badge,
  .recruitment-hero-orbits i,
  .recruitment-criteria-panel::before,
  .recruitment-card-compatibility span i { animation: none !important; }
}