/* 0.18.4 public candidate experience — isolated from the office application. */

body.v184-careers {
  --v184-ink: #24221e;
  --v184-muted: #69645b;
  --v184-pearl: rgba(252, 250, 245, .78);
  --v184-line: rgba(80, 68, 45, .13);
  --v184-gold: #b78324;
  --v184-gold-bright: #edc461;
  --v184-teal: #4aa69f;
  --v184-violet: #8770cf;
  position: relative;
  isolation: isolate;
  color: var(--v184-ink);
  background: #f1eee7;
}

body.v184-careers::before {
  position: fixed;
  z-index: -1;
  inset: -18%;
  background:
    radial-gradient(circle at 16% 14%, rgba(238, 194, 96, .25), transparent 27%),
    radial-gradient(circle at 84% 34%, rgba(80, 174, 166, .18), transparent 29%),
    radial-gradient(circle at 60% 88%, rgba(139, 113, 211, .15), transparent 30%);
  background-size: 118% 118%, 124% 124%, 120% 120%;
  animation: v184AmbientDrift 18s ease-in-out infinite alternate;
  pointer-events: none;
  content: "";
}

.v184-careers :is(a, button, input, select, textarea, summary):focus-visible,
body.shared-employee-form :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(183, 131, 36, .68);
  outline-offset: 3px;
}

.v184-careers .site-header {
  top: 12px;
  width: min(1600px, calc(100% - 32px));
  min-height: 78px;
  margin: 12px auto 0;
  padding: 12px 14px 12px 18px;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 24px;
  background: rgba(250, 248, 243, .76);
  box-shadow: 0 22px 64px rgba(58, 44, 20, .1), inset 0 1px 0 #fff;
  backdrop-filter: blur(28px) saturate(138%);
  -webkit-backdrop-filter: blur(28px) saturate(138%);
}

.v184-careers .site-header .brand {
  min-width: max-content;
  padding-right: 14px;
}

.v184-careers .site-header .brand img {
  width: 50px;
  height: 50px;
  padding: 4px;
  border: 1px solid rgba(183, 131, 36, .17);
  border-radius: 15px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 9px 22px rgba(66, 48, 15, .09);
}

.v184-careers .site-header .brand strong { color: #27241e; font-size: .82rem; }
.v184-careers .site-header .brand small { color: #896018; }

.v184-careers .site-header nav {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  gap: 10px;
}

.v184-entry-switch {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 4px;
  border: 1px solid rgba(65, 58, 47, .09);
  border-radius: 17px;
  background: rgba(255, 255, 255, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.v184-careers .site-header .v184-entry-switch a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 13px;
  color: #5d584f;
  font-size: .74rem;
  font-weight: 720;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.v184-careers .site-header .v184-entry-switch a[aria-current="page"] {
  background: #292822;
  color: #fff;
  box-shadow: 0 8px 18px rgba(29, 29, 25, .16), inset 0 -2px var(--v184-gold-bright);
}

.v184-careers .site-header .v184-entry-switch a:hover { color: #171612; transform: translateY(-1px); }
.v184-careers .site-header .v184-entry-switch a[aria-current="page"]:hover { color: #fff; }

.v184-section-links {
  display: flex;
  align-items: center;
  gap: 18px;
}

.v184-careers .site-header .v184-section-links a {
  color: #5c574e;
  font-size: .75rem;
  text-underline-offset: 6px;
  text-decoration-color: transparent;
  transition: color .2s ease, text-decoration-color .2s ease;
}

.v184-careers .site-header .v184-section-links a:hover {
  color: #2a2823;
  text-decoration-color: var(--v184-gold);
}

.v184-careers .site-header nav > button,
.v184-careers .primary-action,
.v184-careers .submit-application {
  border-radius: 15px;
  background: linear-gradient(145deg, #34332d, #1e201e);
  box-shadow: 0 11px 24px rgba(31, 31, 27, .17), inset 0 -2px var(--v184-gold-bright), inset 0 1px 0 rgba(255, 255, 255, .12);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.v184-careers .site-header nav > button:hover,
.v184-careers .primary-action:hover,
.v184-careers .submit-application:hover {
  box-shadow: 0 15px 32px rgba(31, 31, 27, .23), 0 0 22px rgba(237, 196, 97, .16), inset 0 -2px var(--v184-gold-bright);
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.v184-careers :is(.site-header nav > button, .primary-action, .submit-application, .general-application, .job-card button, .v184-assistant-orb):active {
  transform: translateY(0) scale(.975);
}

.v184-careers .hero {
  position: relative;
  width: min(1600px, calc(100% - 32px));
  min-height: min(760px, calc(100vh - 128px));
  margin: 18px auto 22px;
  padding: clamp(54px, 7vw, 108px) clamp(28px, 6vw, 94px);
  gap: clamp(28px, 5vw, 80px);
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 38px;
  background:
    linear-gradient(112deg, rgba(253, 251, 247, .94), rgba(246, 240, 228, .68)),
    rgba(255, 255, 255, .58);
  box-shadow: 0 34px 100px rgba(60, 47, 23, .12), inset 0 1px 0 #fff;
  backdrop-filter: blur(26px) saturate(130%);
  -webkit-backdrop-filter: blur(26px) saturate(130%);
}

.v184-careers .hero::before {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 76% 18%, rgba(237, 196, 97, .17), transparent 29%),
    radial-gradient(circle at 88% 72%, rgba(74, 166, 159, .13), transparent 31%);
  pointer-events: none;
  content: "";
}

.v184-careers .hero-copy { position: relative; z-index: 2; }
.v184-careers .hero .eyebrow { color: #865e18; }

.v184-careers .hero h1 {
  max-width: 850px;
  margin-bottom: 28px;
  color: #27251f;
  font-size: clamp(3.45rem, 6.25vw, 6.8rem);
}

.v184-careers .hero h1 em { color: #a47218; }
.v184-careers .hero-lead { color: #58534a; }

.v184-careers .hero-actions {
  align-items: stretch;
  flex-wrap: wrap;
  margin: 35px 0 48px;
  gap: 12px;
}

.v184-careers .primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.v184-continue-action {
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  min-width: min(310px, 100%);
  min-height: 63px;
  padding: 10px 15px 10px 18px;
  border: 1px solid rgba(49, 105, 101, .18);
  border-radius: 17px;
  background: rgba(255, 255, 255, .5);
  color: #272822;
  box-shadow: inset 0 1px 0 #fff, 0 10px 26px rgba(64, 54, 34, .07);
  text-decoration: none;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.v184-continue-action small {
  grid-column: 1;
  color: #427d78;
  font-size: .55rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.v184-continue-action strong { grid-column: 1; font: 500 1.05rem Georgia, serif; }
.v184-continue-action span { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #6b675e; font-size: .66rem; }

.v184-continue-action:hover {
  border-color: rgba(74, 166, 159, .45);
  box-shadow: inset 0 1px 0 #fff, 0 17px 36px rgba(53, 115, 109, .12), 0 0 24px rgba(74, 166, 159, .1);
  transform: translateY(-2px);
}

.v184-careers .hero-facts div {
  border-color: rgba(72, 64, 50, .12);
  border-radius: 13px 13px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .42), transparent);
}

.v184-careers .hero-visual {
  --v184-depth-x: 0deg;
  --v184-depth-y: 0deg;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, .2);
  background:
    radial-gradient(circle at 38% 30%, rgba(247, 211, 127, .12), transparent 20%),
    radial-gradient(circle, #33332d 0 29%, #1b1c1a 30% 48%, transparent 49%),
    conic-gradient(from var(--disc-angle), #e7b84e, #5b430d 24%, #252621 25% 72%, #d6a83d 74%, #191a18 82%);
  box-shadow: 0 48px 100px rgba(25, 25, 22, .25), 0 0 70px rgba(231, 184, 78, .1);
  transform: perspective(1100px) rotateX(var(--v184-depth-x)) rotateY(var(--v184-depth-y)) translateZ(0);
  transform-style: preserve-3d;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s ease;
}

.v184-careers .hero-visual:hover {
  box-shadow: 0 55px 116px rgba(25, 25, 22, .29), 0 0 86px rgba(231, 184, 78, .15);
}

.v184-careers .possibility-mark { transform: translateZ(24px); }

/* Selected-candidate guidance */
.v184-joining-hub {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(340px, .97fr);
  width: min(1600px, calc(100% - 32px));
  margin: 0 auto 22px;
  padding: clamp(28px, 5vw, 68px);
  gap: 30px;
  overflow: clip;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 38px;
  background:
    radial-gradient(circle at 10% 0, rgba(229, 182, 76, .2), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(75, 167, 159, .2), transparent 34%),
    linear-gradient(145deg, #34342f, #20221f 62%, #292824);
  color: #fff;
  box-shadow: 0 34px 95px rgba(24, 24, 21, .2), inset 0 1px 0 rgba(255, 255, 255, .16);
}

.v184-joining-hub::before {
  position: absolute;
  inset: -45%;
  background:
    radial-gradient(circle at 35% 35%, rgba(237, 196, 97, .12), transparent 18%),
    radial-gradient(circle at 65% 50%, rgba(74, 166, 159, .1), transparent 21%),
    radial-gradient(circle at 48% 70%, rgba(135, 112, 207, .1), transparent 18%);
  background-size: 110% 110%;
  animation: v184PanelDrift 16s ease-in-out infinite alternate;
  pointer-events: none;
  content: "";
}

.v184-hub-intro,
.v184-hub-journey,
.v184-preparation { position: relative; z-index: 1; }

.v184-hub-intro .eyebrow,
.v184-hub-journey .eyebrow { margin-bottom: 12px; color: var(--v184-gold-bright); }

.v184-hub-intro h2 {
  max-width: 650px;
  margin: 0 0 18px;
  color: #fff;
  font: 500 clamp(2.45rem, 4vw, 4.5rem)/1.02 Georgia, serif;
  letter-spacing: -.045em;
}

.v184-hub-intro > p:last-of-type {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: .96rem;
  line-height: 1.75;
}

.v184-secure-mark {
  position: absolute;
  top: -12px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 24px;
  background: rgba(255, 255, 255, .07);
  color: #73d2c9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 0 32px rgba(74, 166, 159, .14);
  backdrop-filter: blur(12px);
}

.v184-secure-mark span {
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(115, 210, 201, .2);
  border-radius: 18px;
  animation: v184SecurePulse 2.8s ease-in-out infinite;
}

.v184-secure-mark svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }

.v184-secure-note {
  display: flex;
  align-items: center;
  max-width: 610px;
  margin-top: 24px;
  padding: 12px 14px;
  gap: 12px;
  border: 1px solid rgba(115, 210, 201, .2);
  border-radius: 17px;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.v184-secure-note i {
  flex: 0 0 9px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #6dd0c6;
  box-shadow: 0 0 0 6px rgba(109, 208, 198, .09), 0 0 18px rgba(109, 208, 198, .45);
}

.v184-secure-note span { display: grid; gap: 2px; }
.v184-secure-note b { color: #fff; font-size: .78rem; }
.v184-secure-note small { color: rgba(255, 255, 255, .54); font-size: .66rem; }

.v184-hub-journey {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 27px;
  background: rgba(255, 255, 255, .065);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 22px 50px rgba(0, 0, 0, .13);
  backdrop-filter: blur(19px) saturate(120%);
  -webkit-backdrop-filter: blur(19px) saturate(120%);
}

.v184-hub-journey > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 0;
  padding: 0 0 17px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  background: transparent;
}

.v184-hub-journey h3 { margin: 0; color: #fff; font: 500 1.45rem Georgia, serif; }
.v184-hub-journey header > span { padding: 5px 9px; border-radius: 99px; background: rgba(255, 255, 255, .08); color: #d8ba73; font-size: .61rem; }

.v184-hub-journey ol { display: grid; margin: 18px 0 0; padding: 0; gap: 10px; list-style: none; }

.v184-hub-journey li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 57px;
  padding: 8px 10px;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 17px;
  background: rgba(255, 255, 255, .035);
}

.v184-hub-journey li > i {
  display: grid;
  place-items: center;
  flex: 0 0 35px;
  height: 35px;
  border-radius: 13px;
  background: rgba(235, 191, 89, .1);
  color: #edc461;
  font-size: .62rem;
  font-style: normal;
  font-weight: 800;
  box-shadow: 0 0 18px rgba(237, 196, 97, .08);
}

.v184-hub-journey li:nth-child(2) > i,
.v184-hub-journey li:nth-child(4) > i { background: rgba(74, 166, 159, .11); color: #7ed5cd; }
.v184-hub-journey li:nth-child(3) > i { background: rgba(135, 112, 207, .13); color: #b6a4eb; }
.v184-hub-journey li > span { display: grid; gap: 1px; }
.v184-hub-journey li b { color: rgba(255, 255, 255, .9); font-size: .75rem; }
.v184-hub-journey li small { color: rgba(255, 255, 255, .48); font-size: .63rem; }

.v184-preparation {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.v184-preparation article {
  display: flex;
  min-height: 118px;
  padding: 16px;
  gap: 12px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 21px;
  background: rgba(255, 255, 255, .048);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: border-color .24s ease, background-color .24s ease, box-shadow .24s ease, transform .24s ease;
}

.v184-preparation article:hover,
.v184-preparation article:focus-within {
  border-color: rgba(237, 196, 97, .34);
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 15px 34px rgba(0, 0, 0, .16), 0 0 25px rgba(237, 196, 97, .08), inset 0 1px 0 rgba(255, 255, 255, .13);
  transform: translateY(-3px);
}

.v184-preparation article > span { color: #d9b25a; font: 500 1.3rem Georgia, serif; }
.v184-preparation h3 { margin: 2px 0 7px; color: #fff; font: 500 1rem Georgia, serif; }
.v184-preparation p { margin: 0; color: rgba(255, 255, 255, .5); font-size: .67rem; line-height: 1.55; }

/* Existing careers content receives the same pearl-glass language without changing its workflow. */
.v184-careers :is(.manifesto, .career-value, .opportunities, .process, .faq) {
  width: min(1600px, calc(100% - 32px));
  margin: 0 auto 22px;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 35px;
  box-shadow: 0 28px 78px rgba(58, 45, 23, .09), inset 0 1px 0 rgba(255, 255, 255, .74);
}

.v184-careers .manifesto {
  background:
    radial-gradient(circle at 88% 5%, rgba(135, 112, 207, .17), transparent 27%),
    linear-gradient(145deg, #34342f, #22231f);
  box-shadow: 0 32px 86px rgba(24, 24, 21, .18), inset 0 1px 0 rgba(255, 255, 255, .13);
}

.v184-careers :is(.career-value, .opportunities, .faq) {
  background: rgba(251, 249, 244, .72);
  backdrop-filter: blur(23px) saturate(125%);
  -webkit-backdrop-filter: blur(23px) saturate(125%);
}

.v184-careers .process { background: rgba(232, 227, 217, .72); }

.v184-careers .value-grid article,
.v184-careers .process li,
.v184-careers .faq-list details,
.v184-careers .job-card {
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.v184-careers .value-grid article:hover,
.v184-careers .process li:hover,
.v184-careers .faq-list details:hover {
  background: rgba(255, 255, 255, .38);
  box-shadow: 0 14px 30px rgba(56, 45, 24, .07);
  transform: translateY(-2px);
}

.v184-careers .jobs { border-top-color: rgba(43, 40, 34, .17); }

.v184-careers .job-card {
  margin: 9px 0;
  padding: 22px;
  border: 1px solid rgba(70, 61, 46, .1);
  border-radius: 20px;
  background: rgba(255, 255, 255, .39);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

.v184-careers .job-card:hover,
.v184-careers .job-card:focus-within {
  padding-left: 22px;
  border-color: rgba(183, 131, 36, .32);
  background: rgba(255, 250, 238, .7);
  box-shadow: 0 18px 42px rgba(116, 82, 18, .1), 0 0 28px rgba(237, 196, 97, .08), inset 0 1px 0 #fff;
  transform: translateY(-3px);
}

.v184-careers .job-card button {
  min-height: 43px;
  border-color: rgba(39, 37, 32, .3);
  border-radius: 13px;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.v184-careers .job-card button:hover {
  background: #292822;
  color: #fff;
  box-shadow: 0 10px 24px rgba(30, 30, 26, .16), inset 0 -2px var(--v184-gold-bright);
  transform: translateY(-1px);
}

.v184-careers .general-application {
  border-radius: 23px;
  background: linear-gradient(112deg, #d6a743, #efca70 48%, #65b9b1);
  box-shadow: 0 23px 55px rgba(144, 104, 24, .15), inset 0 1px 0 rgba(255, 255, 255, .5);
  transition: box-shadow .22s ease, filter .22s ease, transform .22s ease;
}

.v184-careers .general-application:hover {
  box-shadow: 0 29px 66px rgba(109, 80, 23, .2), 0 0 28px rgba(74, 166, 159, .13), inset 0 1px 0 rgba(255, 255, 255, .6);
  filter: saturate(1.07);
  transform: translateY(-3px);
}

.v184-careers dialog {
  border: 1px solid rgba(255, 255, 255, .78);
  border-top: 0;
  border-radius: 27px;
  background: rgba(251, 249, 244, .94);
  box-shadow: 0 38px 120px rgba(22, 22, 19, .35), inset 0 1px 0 #fff;
  backdrop-filter: blur(28px) saturate(130%);
  -webkit-backdrop-filter: blur(28px) saturate(130%);
}

.v184-careers dialog::backdrop {
  background: rgba(35, 33, 28, .55);
  backdrop-filter: blur(13px) saturate(90%);
  -webkit-backdrop-filter: blur(13px) saturate(90%);
}

.v184-careers #applicationForm > header { background: linear-gradient(130deg, rgba(255, 255, 255, .65), rgba(239, 216, 164, .12)); }
.v184-careers #applicationForm > footer { position: sticky; z-index: 2; bottom: 0; background: rgba(251, 249, 244, .94); backdrop-filter: blur(15px); }

/* Local candidate guide. */
.v184-assistant-orb {
  position: fixed;
  z-index: 40;
  right: 24px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 50%;
  background:
    radial-gradient(circle at 34% 27%, rgba(255, 239, 197, .68), transparent 18%),
    conic-gradient(from 210deg, #d5a33d, #866820, #4aa69f, #8770cf, #d5a33d);
  color: #fff;
  box-shadow: 0 15px 45px rgba(48, 39, 22, .25), 0 0 0 7px rgba(255, 255, 255, .24), 0 0 32px rgba(207, 158, 54, .17);
  animation: v184OrbBreathe 3.5s ease-in-out infinite;
  cursor: pointer;
}

.v184-assistant-orb > span { font-size: 1.1rem; line-height: 1; }
.v184-assistant-orb > small { font-size: .43rem; font-weight: 850; letter-spacing: .13em; }

.v184-assistant-panel {
  position: fixed;
  z-index: 39;
  right: 24px;
  bottom: 105px;
  width: min(340px, calc(100vw - 32px));
  padding: 19px;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 24px;
  background: rgba(250, 248, 243, .93);
  color: var(--v184-ink);
  box-shadow: 0 28px 80px rgba(35, 30, 20, .2), inset 0 1px 0 #fff;
  backdrop-filter: blur(25px) saturate(135%);
  -webkit-backdrop-filter: blur(25px) saturate(135%);
  animation: v184GuideIn .22s ease-out both;
}

.v184-assistant-panel[hidden] { display: none; }
.v184-assistant-panel > header { display: flex; align-items: flex-start; justify-content: space-between; min-height: 0; padding: 0; border: 0; background: transparent; }
.v184-assistant-panel header small { color: #8a621a; font-size: .55rem; font-weight: 800; letter-spacing: .15em; }
.v184-assistant-panel h2 { margin: 3px 0 0; font: 500 1.45rem Georgia, serif; }
.v184-assistant-panel header button { padding: 0 6px; background: transparent; color: #686259; font-size: 1.6rem; }
.v184-assistant-panel > p { margin: 14px 0; color: var(--v184-muted); font-size: .72rem; }
.v184-assistant-panel nav { display: grid; gap: 6px; }
.v184-assistant-panel nav a { display: flex; justify-content: space-between; padding: 11px 12px; border: 1px solid rgba(70, 61, 46, .1); border-radius: 13px; background: rgba(255, 255, 255, .55); font-size: .72rem; font-weight: 700; text-decoration: none; }
.v184-assistant-panel nav a:hover { border-color: rgba(183, 131, 36, .3); background: #fffaf0; }

/* Secure tokenized employee joining form. */
body.shared-employee-form {
  --v184-shared-ink: #292720;
  --v184-shared-muted: #6d685e;
  min-height: 100dvh;
  overflow: hidden;
  background: #f0ede6;
}

body.shared-employee-form.shared-employee-form dialog {
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(1120px, calc(100vw - 28px));
  max-height: min(920px, calc(100dvh - 24px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .8);
  border-top: 0;
  border-radius: 30px;
  background: rgba(250, 248, 243, .95);
  color: var(--v184-shared-ink);
  box-shadow: 0 40px 130px rgba(33, 29, 21, .26), inset 0 1px 0 #fff;
  backdrop-filter: blur(30px) saturate(135%);
  -webkit-backdrop-filter: blur(30px) saturate(135%);
}

body.shared-employee-form.shared-employee-form dialog[open] { display: grid; }

body.shared-employee-form.shared-employee-form dialog::backdrop {
  background:
    radial-gradient(circle at 12% 18%, rgba(232, 187, 88, .28), transparent 27%),
    radial-gradient(circle at 88% 34%, rgba(74, 166, 159, .2), transparent 30%),
    radial-gradient(circle at 66% 92%, rgba(135, 112, 207, .16), transparent 30%),
    #eeebe4;
  background-size: 120% 120%;
  animation: v184BackdropDrift 18s ease-in-out infinite alternate;
}

body.shared-employee-form .dialogHead {
  min-height: 92px;
  padding: 15px 22px;
  border-bottom: 1px solid rgba(65, 57, 44, .08);
  background: linear-gradient(125deg, rgba(255, 255, 255, .72), rgba(238, 213, 156, .13), rgba(74, 166, 159, .08));
}

body.shared-employee-form .shared-employee-brand { gap: 13px; }

body.shared-employee-form .shared-employee-brand-mark {
  width: 62px;
  height: 58px;
  padding: 5px;
  border: 1px solid rgba(183, 131, 36, .16);
  border-radius: 17px;
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 10px 25px rgba(62, 48, 21, .09), inset 0 1px 0 #fff;
}

body.shared-employee-form .shared-employee-brand img { width: 100%; height: 100%; object-fit: contain; }
body.shared-employee-form .shared-employee-brand small { color: #825b17; font-size: .58rem; }
body.shared-employee-form .shared-employee-brand h2 { color: #2b2923; font: 500 1.55rem Georgia, serif; }
body.shared-employee-form .shared-employee-brand p { color: #6b665d; }

.v184-shared-assurance {
  display: grid;
  grid-template-columns: 1.15fr 1.2fr .92fr .92fr;
  padding: 11px 18px;
  gap: 8px;
  overflow: hidden;
  border-bottom: 1px solid rgba(65, 57, 44, .08);
  background: rgba(242, 238, 229, .66);
}

.v184-shared-assurance article {
  min-width: 0;
  min-height: 72px;
  padding: 10px 11px;
  border: 1px solid rgba(73, 63, 47, .08);
  border-radius: 16px;
  background: rgba(255, 255, 255, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.v184-shared-assurance article > small {
  display: block;
  margin-bottom: 3px;
  color: #8a6219;
  font-size: .51rem;
  font-weight: 850;
  letter-spacing: .12em;
}

.v184-shared-assurance article > b { display: block; overflow: hidden; color: #2d2a23; font: 500 .81rem Georgia, serif; text-overflow: ellipsis; white-space: nowrap; }
.v184-shared-assurance article > span { display: block; margin-top: 4px; color: #716b61; font-size: .57rem; line-height: 1.4; }
.v184-shared-assurance .v184-live-progress { border-color: rgba(74, 166, 159, .16); }

.v184-progress-track {
  position: relative;
  height: 4px;
  margin-top: 9px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(58, 53, 43, .09);
}

.v184-progress-track i {
  position: relative;
  display: block;
  width: var(--v184-progress, 10%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #ba8525, #e8bc55 52%, #54afa7, #8a73d0);
  box-shadow: 0 0 13px rgba(74, 166, 159, .24);
  transition: width .28s cubic-bezier(.2, .8, .2, 1);
}

.v184-progress-track i::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #76d1c9;
  box-shadow: 0 0 0 5px rgba(118, 209, 201, .13), 0 0 17px rgba(74, 166, 159, .55);
  transform: translate(0, -50%);
  animation: v184ProgressPulse 2.2s ease-in-out infinite;
  content: "";
}

html body.shared-employee-form #recordForm {
  min-height: 0;
  max-height: none;
  padding: 18px 22px;
  background: rgba(252, 250, 246, .6);
  scrollbar-color: rgba(150, 116, 48, .48) transparent;
}

body.shared-employee-form #recordForm .wizard-progress { margin: 0 0 15px; }
body.shared-employee-form #recordForm .wizard-progress span { height: 5px; background: rgba(57, 52, 43, .09); }
body.shared-employee-form #recordForm .wizard-progress span.active { background: linear-gradient(90deg, #b78222, #edc461 55%, #65bcb4); box-shadow: 0 0 15px rgba(183, 131, 36, .18); animation: v184StepBreath 2.5s ease-in-out infinite alternate; }

body.shared-employee-form #recordForm .wizard-step.active {
  animation: v184FormStepIn .28s ease-out both;
}

body.shared-employee-form #recordForm .wizard-step legend {
  color: #302d26;
  border-bottom-color: rgba(67, 59, 45, .1);
  font: 500 1.35rem Georgia, serif;
}

body.shared-employee-form #recordForm :is(input, select, textarea) {
  border-color: rgba(83, 72, 53, .15);
  background: rgba(255, 255, 255, .72);
  color: #2b2923;
  box-shadow: inset 0 1px 0 #fff;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body.shared-employee-form #recordForm :is(input, select, textarea):focus {
  border-color: rgba(183, 131, 36, .65);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(225, 176, 65, .12), 0 8px 20px rgba(78, 58, 19, .05);
  outline: 0;
}

body.shared-employee-form #recordForm .wizard-actions {
  position: sticky;
  z-index: 4;
  bottom: -18px;
  margin: 18px -22px -18px;
  padding: 12px 22px;
  border-top: 1px solid rgba(67, 59, 45, .08);
  background: rgba(250, 248, 243, .92);
  box-shadow: 0 -14px 34px rgba(51, 43, 28, .05);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.shared-employee-form #recordForm .wizard-actions button {
  min-height: 43px;
  border-radius: 13px;
  transition: box-shadow .2s ease, filter .2s ease, transform .2s ease;
}

body.shared-employee-form #recordForm .wizard-actions :is(.wizard-next, button[type="submit"]) {
  border-color: transparent;
  background: linear-gradient(145deg, #34332d, #1e201e);
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 31, 27, .16), inset 0 -2px #e4b94e;
}

body.shared-employee-form #recordForm .wizard-actions button:hover {
  box-shadow: 0 14px 31px rgba(31, 31, 27, .2), 0 0 20px rgba(228, 185, 78, .12);
  filter: brightness(1.04);
  transform: translateY(-2px);
}

body.shared-employee-form #recordForm .wizard-actions button:active { transform: translateY(0) scale(.975); }

body.shared-employee-form .employee-submission-success .success-check {
  background: linear-gradient(145deg, #3e8f88, #235d58);
  box-shadow: 0 0 0 9px rgba(62, 143, 136, .1), 0 0 35px rgba(62, 143, 136, .2);
}

body.shared-employee-form .secure-link-page {
  background:
    radial-gradient(circle at 15% 15%, rgba(232, 187, 88, .24), transparent 30%),
    radial-gradient(circle at 85% 75%, rgba(74, 166, 159, .18), transparent 31%),
    #f0ede6;
}

body.shared-employee-form .secure-link-page section {
  border: 1px solid rgba(255, 255, 255, .78);
  border-top: 0;
  border-radius: 29px;
  background: rgba(251, 249, 244, .89);
  box-shadow: 0 35px 105px rgba(43, 36, 22, .16), inset 0 1px 0 #fff;
  backdrop-filter: blur(27px) saturate(130%);
  -webkit-backdrop-filter: blur(27px) saturate(130%);
}

body.shared-employee-form .secure-link-page img { padding: 8px; border-radius: 18px; background: rgba(255, 255, 255, .58); }

body.shared-employee-form .secure-link-page .v184-link-safety-note {
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(72, 62, 47, .1);
  color: #69645b;
  font-size: .72rem;
}

body.shared-employee-form .secure-link-page .v184-link-careers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 43px;
  margin-top: 17px;
  padding: 0 18px;
  border-radius: 13px;
  background: linear-gradient(145deg, #34332d, #1e201e);
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 31, 27, .16), inset 0 -2px #e4b94e;
  font-weight: 750;
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

body.shared-employee-form .secure-link-page .v184-link-careers:hover {
  box-shadow: 0 14px 31px rgba(31, 31, 27, .21), 0 0 20px rgba(228, 185, 78, .13);
  transform: translateY(-2px);
}

/* Staggered entrance is progressive enhancement: content is hidden only after JS is ready. */
html.v184-motion-ready body.v184-careers [data-v184-reveal]:not(.v184-in-view) {
  opacity: 0;
  transform: translateY(16px) scale(.992);
}

html.v184-motion-ready body.v184-careers [data-v184-reveal].v184-in-view {
  animation: v184CardEntrance .58s cubic-bezier(.2, .78, .2, 1) var(--v184-delay, 0ms) both;
}

html.v184-page-hidden body.v184-careers::before,
html.v184-page-hidden body.v184-careers *,
html.v184-page-hidden body.v184-careers *::before,
html.v184-page-hidden body.v184-careers *::after,
html.v184-page-hidden body.shared-employee-form *,
html.v184-page-hidden body.shared-employee-form *::before,
html.v184-page-hidden body.shared-employee-form *::after,
html.v184-page-hidden body.shared-employee-form dialog::backdrop,
html.v184-page-hidden body.shared-employee-form dialog::before,
html.v184-page-hidden body.shared-employee-form dialog::after {
  animation-play-state: paused !important;
}

@keyframes v184AmbientDrift {
  from { transform: translate3d(-1.2%, -.8%, 0) scale(1); }
  to { transform: translate3d(1.4%, 1%, 0) scale(1.025); }
}

@keyframes v184PanelDrift {
  from { transform: rotate(-2deg) scale(1); }
  to { transform: rotate(2deg) scale(1.04); }
}

@keyframes v184BackdropDrift {
  from { background-position: 0 0; }
  to { background-position: 5% 3%; }
}

@keyframes v184SecurePulse {
  0%, 100% { opacity: .5; transform: scale(.96); }
  50% { opacity: 1; transform: scale(1.04); }
}

@keyframes v184OrbBreathe {
  0%, 100% { box-shadow: 0 15px 45px rgba(48, 39, 22, .25), 0 0 0 7px rgba(255, 255, 255, .24), 0 0 24px rgba(207, 158, 54, .13); transform: translateY(0) scale(1); }
  50% { box-shadow: 0 18px 52px rgba(48, 39, 22, .27), 0 0 0 10px rgba(255, 255, 255, .17), 0 0 42px rgba(74, 166, 159, .2); transform: translateY(-3px) scale(1.025); }
}

@keyframes v184ProgressPulse {
  0%, 100% { opacity: .68; transform: translate(0, -50%) scale(.88); }
  50% { opacity: 1; transform: translate(0, -50%) scale(1.12); }
}

@keyframes v184StepBreath {
  to { filter: brightness(1.08); box-shadow: 0 0 19px rgba(74, 166, 159, .22); }
}

@keyframes v184CardEntrance {
  from { opacity: 0; transform: translateY(16px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes v184FormStepIn {
  from { opacity: .2; transform: translateX(8px); }
  to { opacity: 1; transform: translateX(0); }
}

@keyframes v184GuideIn {
  from { opacity: 0; transform: translateY(8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 1120px) {
  .v184-section-links { display: none; }
  .v184-careers .hero { grid-template-columns: minmax(0, 1fr) minmax(370px, .8fr); }
  .v184-preparation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v184-shared-assurance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .v184-careers .site-header { top: 8px; min-height: 68px; margin-top: 8px; }
  .v184-careers .site-header nav { flex: 1; }
  .v184-careers .site-header nav a { display: inline-flex; }
  .v184-careers .site-header nav > button { display: none; }
  .v184-entry-switch { margin-left: auto; }
  .v184-careers .hero { grid-template-columns: 1fr; min-height: auto; }
  .v184-careers .hero-visual { width: min(68vw, 500px); }
  .v184-joining-hub { grid-template-columns: 1fr; }
  .v184-secure-mark { position: relative; top: auto; right: auto; margin-bottom: 20px; }
  .v184-careers .job-card { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .v184-careers .site-header,
  .v184-careers .hero,
  .v184-joining-hub,
  .v184-careers :is(.manifesto, .career-value, .opportunities, .process, .faq) { width: calc(100% - 18px); }

  .v184-careers .site-header { padding: 9px; border-radius: 19px; }
  .v184-careers .site-header .brand { gap: 7px; padding-right: 4px; }
  .v184-careers .site-header .brand img { width: 42px; height: 42px; border-radius: 13px; }
  .v184-careers .site-header .brand span { display: none; }
  .v184-entry-switch { min-height: 44px; }
  .v184-careers .site-header .v184-entry-switch a { min-height: 34px; padding: 0 10px; font-size: .66rem; }
  .v184-careers .hero { margin-top: 11px; padding: 46px 20px 42px; border-radius: 27px; }
  .v184-careers .hero h1 { font-size: clamp(2.85rem, 13vw, 4.1rem); }
  .v184-careers .hero-actions { display: grid; margin-bottom: 42px; }
  .v184-continue-action { min-width: 0; }
  .v184-careers .hero-visual { width: min(79vw, 370px); }
  .v184-joining-hub { padding: 27px 18px; border-radius: 27px; }
  .v184-hub-intro h2 { font-size: 2.5rem; }
  .v184-hub-journey { padding: 16px; }
  .v184-preparation { grid-template-columns: 1fr; }
  .v184-preparation article { min-height: 104px; }
  .v184-careers :is(.manifesto, .career-value, .opportunities, .process, .faq) { border-radius: 27px; }
  .v184-careers .job-card { grid-template-columns: 1fr; padding: 18px; }
  .v184-careers .job-card:hover { padding-left: 18px; }
  .v184-careers .job-card :is(h3, button) { grid-column: 1; }
  .v184-assistant-orb { right: 16px; bottom: 16px; width: 60px; height: 60px; }
  .v184-assistant-panel { right: 16px; bottom: 88px; }

  body.shared-employee-form.shared-employee-form dialog {
    width: calc(100vw - 10px);
    max-height: calc(100dvh - 10px);
    border-radius: 23px;
  }

  body.shared-employee-form .dialogHead { min-height: 82px; padding: 11px 13px; }
  body.shared-employee-form .shared-employee-brand-mark { width: 52px; height: 49px; border-radius: 14px; }
  body.shared-employee-form .shared-employee-brand h2 { font-size: 1.18rem; }
  body.shared-employee-form .shared-employee-brand p { font-size: .58rem; }
  .v184-shared-assurance { display: flex; padding: 8px 10px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .v184-shared-assurance article { flex: 0 0 220px; min-height: 66px; }
  html body.shared-employee-form #recordForm { padding: 14px 13px; }
  body.shared-employee-form #recordForm .wizard-actions { bottom: -14px; margin: 16px -13px -14px; padding: 10px 13px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  body.v184-careers::before,
  body.v184-careers *,
  body.v184-careers *::before,
  body.v184-careers *::after,
  body.shared-employee-form *,
  body.shared-employee-form *::before,
  body.shared-employee-form *::after,
  body.shared-employee-form dialog::backdrop {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  html.v184-motion-ready body.v184-careers [data-v184-reveal]:not(.v184-in-view),
  html.v184-motion-ready body.v184-careers [data-v184-reveal].v184-in-view,
  .v184-careers .hero-visual,
  .v184-careers :is(.value-grid article, .process li, .job-card, .v184-preparation article):hover,
  body.shared-employee-form #recordForm .wizard-actions button:hover {
    opacity: 1;
    transform: none;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .v184-careers .site-header,
  .v184-careers .hero,
  .v184-careers :is(.career-value, .opportunities, .faq),
  .v184-assistant-panel,
  body.shared-employee-form.shared-employee-form dialog,
  body.shared-employee-form .secure-link-page section { background: #faf7f0; }

  .v184-hub-journey { background: #3c3c36; }
}