html,
body,
#root {
  margin: 0;
  width: 100%;
  min-height: 100%;
}

body {
  background: #fff;
}

:root {
  --text: #f3c300;
  --jv-gold: #f3c300;
  --hover-red: rgba(243, 195, 0, 0.12);
  --gv-input-h: 34px;
  --gv-input-pad-x: 12px;
  --gv-input-radius: 12px;
  --gv-textarea-min-h: 92px;
  --gv-font-2xs: 10px;
  --gv-font-xs: 11px;
  --gv-font-sm: 12px;
  --gv-font-md: 13px;
  --gv-font-base: 14px;
  --gv-font-lg: 15px;
  --gv-line-tight: 1.15;
  --gv-line-normal: 1.35;
  --gv-line-relaxed: 1.45;
  --gv-window-bg-alpha: 0.80;
  --gv-window-title-alpha: 0.66;
  --gv-window-body-alpha: 0.62;
  --gv-window-blur: 18px;
  --gv-content-text: rgba(255, 255, 255, 0.96);
  --gv-content-muted: rgba(255, 255, 255, 0.82);
  --gv-content-subtle: rgba(255, 255, 255, 0.62);
  --gv-control-bg: rgba(255, 255, 255, 0.06);
  --gv-control-border: rgba(243, 195, 0, 0.28);
  --gv-segment-active-bg: rgba(243, 195, 0, 0.28);
  --gv-panel-bg: rgba(10, 10, 10, var(--gv-window-bg-alpha));
  --gv-panel-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
  --gv-input-bg: rgba(0, 0, 0, 0.30);
  --gv-input-bg-hover: rgba(0, 0, 0, 0.38);
  --gv-input-border: rgba(255, 255, 255, 0.16);
  --gv-input-border-hover: rgba(243, 195, 0, 0.55);
  --gv-input-text: rgba(255, 255, 255, 0.96);
  --gv-input-placeholder: rgba(255, 255, 255, 0.46);
  --gv-accent: var(--jv-gold);
  --gv-tab-text-active: rgba(255, 255, 255, 0.98);
  --gv-tab-text: rgba(255, 255, 255, 0.78);
  --gv-tab-text-hover: rgba(255, 255, 255, 0.94);
  --gv-tab-text-disabled: rgba(255, 255, 255, 0.34);
  --gv-tab-bg: rgba(255, 255, 255, 0.04);
  --gv-tab-bg-hover: rgba(243, 195, 0, 0.12);
  --gv-tab-border: rgba(243, 195, 0, 0.18);
  --gv-tab-border-hover: rgba(243, 195, 0, 0.36);
  --gv-tab-border-active: rgba(243, 195, 0, 0.72);
  --gv-tab-border-active-hover: rgba(255, 224, 79, 0.86);
  --gv-tab-close-text: rgba(255, 255, 255, 0.62);
  --gv-tab-close-text-hover: rgba(255, 255, 255, 0.96);
  --gv-dialog-backdrop: rgba(0, 0, 0, 0.46);
  --gv-dialog-text: rgba(255, 255, 255, 0.92);
  --gv-dialog-title: rgba(255, 255, 255, 0.98);
  --gv-dialog-title-shadow: none;
  --gv-dialog-panel-border: rgba(243, 195, 0, 0.32);
  --gv-dialog-panel-bg: rgba(8, 8, 8, 0.94);
  --gv-dialog-panel-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  --gv-dialog-header-border: rgba(243, 195, 0, 0.18);
  --gv-dialog-header-bg: rgba(243, 195, 0, 0.08);
  --gv-dialog-secondary-bg: rgba(255, 255, 255, 0.06);
  --gv-dialog-secondary-bg-hover: rgba(255, 255, 255, 0.10);
  --gv-dialog-secondary-text: rgba(255, 255, 255, 0.88);
  --gv-dialog-secondary-border: rgba(255, 255, 255, 0.16);
  --gv-dialog-secondary-border-hover: rgba(243, 195, 0, 0.34);
}

.modal-backdrop.strong {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.jv-window-placeholder {
  min-height: 100%;
  display: grid;
  place-items: center;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-md);
  font-weight: 650;
  text-align: center;
}

.jv-about-panel {
  display: grid;
  gap: 12px;
  color: var(--gv-content-text);
}

.jv-about-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 48px;
}

.jv-about-section {
  min-width: 0;
  display: grid;
  gap: 18px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(243, 195, 0, 0.14);
}

.jv-about-section:nth-last-child(-n + 2) {
  border-bottom: 0;
  padding-bottom: 0;
}

.jv-about-section h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.jv-about-section dl {
  display: grid;
  gap: 13px;
  margin: 0;
}

.jv-about-field {
  display: grid;
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 24px;
  align-items: baseline;
}

.jv-about-field dt {
  color: var(--jv-gold);
  font-size: var(--gv-font-sm);
  font-weight: 900;
}

.jv-about-field dd {
  min-width: 0;
  margin: 0;
  color: var(--gv-content-text);
  font-size: var(--gv-font-sm);
  font-weight: 800;
  overflow-wrap: anywhere;
}

.jv-about-field a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.jv-about-section address {
  display: grid;
  gap: 8px;
  color: var(--gv-content-text);
  font-style: normal;
  font-size: var(--gv-font-sm);
  font-weight: 800;
}

.jv-about-note {
  margin: 0;
  white-space: pre-wrap;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-sm);
  line-height: var(--gv-line-relaxed);
  overflow-wrap: anywhere;
}

.jv-pricing-panel {
  display: grid;
  gap: 12px;
  color: var(--gv-content-text);
  min-width: 0;
  overflow-x: hidden;
}

.jv-pricing-vat-note {
  margin: 0;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-sm);
  font-weight: 800;
  line-height: var(--gv-line-normal);
}

.jv-pricing-list {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.jv-pricing-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 230px);
  gap: 28px;
  align-items: center;
  min-width: 0;
  padding: 13px 0;
  border-bottom: 1px solid rgba(243, 195, 0, 0.11);
}

.jv-pricing-item > div {
  min-width: 0;
}

.jv-pricing-item:last-child {
  border-bottom: 0;
}

.jv-pricing-item h3 {
  margin: 0 0 6px;
  color: var(--gv-content-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.jv-pricing-item p {
  margin: 0;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-sm);
  line-height: 1.45;
}

.jv-pricing-price {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 0;
  text-align: right;
}

.jv-pricing-price strong {
  color: var(--jv-gold);
  font-size: 19px;
  font-weight: 950;
  line-height: 1.15;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.jv-pricing-price span {
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 800;
  line-height: 1.2;
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .jv-pricing-item {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start;
  }

  .jv-pricing-price {
    justify-items: start;
    text-align: left;
  }
}

.jv-register-panel {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  color: var(--gv-content-text);
}

.jv-register-form {
  display: grid;
  gap: 14px;
  padding: 0 2px 10px;
}

.jv-options-panel {
  height: 100%;
  min-height: 0;
  display: block;
  overflow: hidden;
  padding-bottom: 0;
}

.jv-register-section {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.jv-register-section h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 15px;
  font-weight: 900;
}

.jv-register-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 11px;
}

.jv-register-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
}

.jv-register-field small {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.92em;
  font-weight: 720;
}

.jv-register-field.is-layout-hidden {
  visibility: hidden;
  pointer-events: none;
}

.jv-register-span-4 {
  grid-column: span 4;
}

.jv-register-span-6 {
  grid-column: span 6;
}

.jv-register-span-8 {
  grid-column: span 8;
}

.jv-register-span-12,
.jv-register-submit {
  grid-column: 1 / -1;
}

.jv-register-field input {
  width: 100%;
  height: var(--gv-input-h);
  min-width: 0;
  box-sizing: border-box;
  padding: 0 var(--gv-input-pad-x);
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  outline: none;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
}

.jv-register-field input:focus {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-register-field input:disabled {
  opacity: 0.5;
}

.jv-register-field textarea,
.jv-admin-lang select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 9px var(--gv-input-pad-x);
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  outline: none;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
}

.jv-admin-lang select {
  height: var(--gv-input-h);
  padding-top: 0;
  padding-bottom: 0;
}

.jv-register-field textarea {
  min-height: var(--gv-textarea-min-h);
  resize: vertical;
  line-height: var(--gv-line-normal);
}

.jv-register-field textarea:focus,
.jv-admin-lang select:focus {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-admin-panel {
  height: 100%;
  min-height: 0;
  display: block;
  overflow: hidden;
  color: var(--gv-content-text);
}

.jv-admin-form {
  display: grid;
  gap: 14px;
  padding: 0 2px 12px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.jv-admin-lang {
  display: grid;
  grid-template-columns: auto 82px;
  align-items: center;
  gap: 8px;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
  white-space: nowrap;
}

.jv-admin-pricing-list {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.jv-admin-pricing-row {
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(243, 195, 0, 0.14);
  min-width: 0;
}

.jv-admin-pricing-row:last-child {
  border-bottom: 0;
}

.jv-admin-price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: end;
  gap: 16px;
  min-width: 0;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(243, 195, 0, 0.14);
}

.jv-admin-price-row:last-child {
  border-bottom: 0;
}

.jv-admin-price-name,
.jv-admin-price-input {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-admin-price-name span,
.jv-admin-price-input span {
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
}

.jv-admin-price-name strong {
  min-height: var(--gv-input-h);
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0 var(--gv-input-pad-x);
  border: 1px solid rgba(243, 195, 0, 0.12);
  border-radius: 8px;
  color: var(--gv-content-text);
  background: rgba(255, 255, 255, 0.03);
  font-size: var(--gv-font-sm);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.jv-admin-price-input input {
  width: 100%;
  height: var(--gv-input-h);
  min-width: 0;
  box-sizing: border-box;
  padding: 0 var(--gv-input-pad-x);
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  outline: none;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 850;
}

.jv-admin-price-input input:focus {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-admin-check {
  min-height: var(--gv-input-h);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
}

.jv-admin-check input {
  width: 16px;
  height: 16px;
  accent-color: var(--jv-gold);
}

.jv-admin-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: sticky;
  bottom: 0;
  padding: 10px 0 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.34) 38%, rgba(0, 0, 0, 0.46));
}

.jv-admin-actions button {
  min-height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(243, 195, 0, 0.28);
  border-radius: 8px;
  color: var(--jv-gold);
  background: rgba(0, 0, 0, 0.28);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 900;
  cursor: pointer;
}

.jv-admin-actions button:hover,
.jv-admin-actions button:focus-visible {
  outline: none;
  color: #fff2a5;
  border-color: rgba(243, 195, 0, 0.58);
  background: rgba(243, 195, 0, 0.12);
}

.jv-admin-actions button:disabled {
  cursor: default;
  opacity: 0.52;
}

.jv-password-input {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
}

.jv-register-field .jv-password-input input {
  padding-right: 42px;
}

.jv-password-toggle {
  position: absolute;
  top: 50%;
  right: 5px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 7px;
  color: var(--jv-gold);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  transform: translateY(-50%);
}

.jv-password-toggle:hover,
.jv-password-toggle:focus-visible {
  outline: none;
  color: #fff2a5;
  background: rgba(243, 195, 0, 0.12);
  box-shadow: none;
}

.jv-password-toggle:disabled {
  cursor: default;
  opacity: 0.38;
}

.jv-password-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jv-register-email-otp-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 11px;
}

.jv-register-email-otp-row label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-register-email-otp-right {
  display: grid;
  grid-template-columns: var(--gv-input-h) minmax(0, 1fr);
  align-items: end;
  gap: 7px;
  min-width: 0;
}

.jv-register-input-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--gv-input-h);
  align-items: center;
  gap: 7px;
  overflow: visible;
}

.jv-register-input-action-otp input {
  padding-right: 42px;
  font-family: Consolas, Menlo, Monaco, monospace;
  font-size: 15px;
  letter-spacing: 3px;
  font-weight: 950;
}

.jv-register-input-action-otp {
  position: relative;
  display: block;
}

.jv-register-input-action-otp .jv-register-icon-btn {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: translateY(-50%);
}

.jv-register-input-action-otp .jv-register-icon-btn:hover,
.jv-register-input-action-otp .jv-register-icon-btn:focus-visible {
  background: rgba(243, 195, 0, 0.12);
  box-shadow: none;
}

.jv-register-vat-box {
  height: var(--gv-input-h);
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.jv-register-vat-box:focus-within {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-register-vat-box .jv-register-vat-check {
  width: 14px;
  height: 14px;
  justify-self: center;
  margin: 0;
  padding: 0;
  border: 0;
  accent-color: var(--jv-gold);
  cursor: pointer;
}

.jv-register-vat-box .jv-register-vat-input {
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding-left: 0;
}

.jv-register-vat-box .jv-register-vat-input:focus {
  box-shadow: none;
}

.jv-register-vat-box .jv-register-vat-input[readonly] {
  cursor: default;
}

.jv-register-map {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-register-map > span {
  font-size: 11px;
  line-height: 1.15;
  font-weight: 850;
  color: rgba(255, 236, 158, 0.86);
}

.jv-register-map-frame {
  position: relative;
  height: 240px;
  overflow: hidden;
  border: 1px solid rgba(243, 195, 0, 0.22);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 45%, rgba(243, 195, 0, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(255, 225, 117, 0.12), rgba(0, 0, 0, 0.28)),
    rgba(0, 0, 0, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.jv-register-map-frame iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  filter: saturate(0.92) contrast(1.03);
}

.jv-register-map-empty {
  height: 100%;
  display: grid;
  place-items: center;
  padding: 18px;
  text-align: center;
  color: rgba(255, 242, 190, 0.66);
  font-size: var(--gv-font-sm);
  font-weight: 750;
}

.jv-register-icon-btn {
  position: relative;
  width: var(--gv-input-h);
  height: var(--gv-input-h);
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(243, 195, 0, 0.38);
  border-radius: 8px;
  color: var(--jv-gold);
  background:
    radial-gradient(circle at 50% 0%, rgba(243, 195, 0, 0.22), transparent 62%),
    rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition:
    border-color 150ms ease,
    box-shadow 150ms ease,
    color 150ms ease,
    background 150ms ease;
}

.jv-register-icon-btn:hover,
.jv-register-icon-btn:focus-visible {
  outline: none;
  color: #fff;
  border-color: rgba(243, 195, 0, 0.76);
  background: rgba(243, 195, 0, 0.12);
  box-shadow: 0 0 18px rgba(243, 195, 0, 0.16);
}

.jv-register-icon-btn:disabled {
  cursor: wait;
  opacity: 0.62;
}

.jv-register-icon-btn.is-secondary {
  color: #ffe175;
}

.jv-register-icon-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jv-register-field .gv-combo,
.jv-skills-field .gv-combo,
.jv-skills-languages-page .gv-combo,
.jv-job-list-actions .gv-combo {
  min-width: 0;
}

.jv-register-field .gv-combo__control,
.jv-skills-field .gv-combo__control,
.jv-skills-languages-page .gv-combo__control,
.jv-job-list-actions .gv-combo__control {
  height: var(--gv-input-h);
  min-height: var(--gv-input-h) !important;
  width: 100%;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  box-shadow: none;
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
  cursor: pointer;
}

.jv-register-field .gv-combo.is-open .gv-combo__control,
.jv-register-field .gv-combo__control:hover,
.jv-register-field .gv-combo__control:focus-visible,
.jv-skills-field .gv-combo.is-open .gv-combo__control,
.jv-skills-field .gv-combo__control:hover,
.jv-skills-field .gv-combo__control:focus-visible,
.jv-skills-languages-page .gv-combo.is-open .gv-combo__control,
.jv-skills-languages-page .gv-combo__control:hover,
.jv-skills-languages-page .gv-combo__control:focus-visible,
.jv-job-list-actions .gv-combo.is-open .gv-combo__control,
.jv-job-list-actions .gv-combo__control:hover,
.jv-job-list-actions .gv-combo__control:focus-visible {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  background: rgba(0, 0, 0, 0.30);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-register-field .gv-combo__label,
.jv-register-field .gv-combo__placeholder,
.jv-register-field .gv-combo__caret,
.jv-skills-field .gv-combo__label,
.jv-skills-field .gv-combo__placeholder,
.jv-skills-field .gv-combo__caret,
.jv-skills-languages-page .gv-combo__label,
.jv-skills-languages-page .gv-combo__placeholder,
.jv-skills-languages-page .gv-combo__caret,
.jv-job-list-actions .gv-combo__label,
.jv-job-list-actions .gv-combo__placeholder,
.jv-job-list-actions .gv-combo__caret {
  color: var(--gv-input-text);
}

.jv-register-field .gv-combo__value,
.jv-skills-field .gv-combo__value,
.jv-skills-languages-page .gv-combo__value,
.jv-job-list-actions .gv-combo__value {
  min-width: 0;
  flex: 1 1 auto;
}

.jv-register-field .gv-combo__text,
.jv-register-field .gv-combo__label,
.jv-register-field .gv-combo__placeholder,
.jv-skills-field .gv-combo__text,
.jv-skills-field .gv-combo__label,
.jv-skills-field .gv-combo__placeholder,
.jv-skills-languages-page .gv-combo__text,
.jv-skills-languages-page .gv-combo__label,
.jv-skills-languages-page .gv-combo__placeholder,
.jv-job-list-actions .gv-combo__text,
.jv-job-list-actions .gv-combo__label,
.jv-job-list-actions .gv-combo__placeholder {
  text-align: left;
}

.jv-register-field .gv-combo__caret,
.jv-skills-field .gv-combo__caret,
.jv-skills-languages-page .gv-combo__caret,
.jv-job-list-actions .gv-combo__caret {
  flex: 0 0 auto;
  margin-left: auto !important;
  color: var(--jv-gold);
}

.jv-register-birth-date {
  display: grid;
  grid-template-columns: 0.76fr 1fr 0.9fr;
  gap: 8px;
  min-width: 0;
}

.gv-combo__menu {
  max-height: min(360px, calc(100vh - 24px));
  overflow: hidden;
  padding: 5px;
  border: 1px solid rgba(243, 195, 0, 0.45);
  border-radius: 8px;
  color: var(--gv-content-text);
  background: rgba(14, 14, 14, 0.98);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.46);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.gv-combo__search {
  padding: 3px 3px 6px;
}

.gv-combo__search input {
  width: 100%;
  height: 30px;
  min-width: 0;
  padding: 0 9px;
  border: 1px solid rgba(243, 195, 0, 0.28);
  border-radius: 7px;
  outline: none;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.30);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
}

.gv-combo__search input:focus {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.gv-combo__list {
  max-height: 306px;
  overflow-y: auto;
  display: grid;
  gap: 2px;
  padding-right: 2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(243, 195, 0, 0.72) rgba(255, 255, 255, 0.08);
}

.gv-combo__list::-webkit-scrollbar {
  width: 9px;
}

.gv-combo__list::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.gv-combo__list::-webkit-scrollbar-thumb {
  border: 2px solid rgba(14, 14, 14, 0.98);
  border-radius: 999px;
  background: rgba(243, 195, 0, 0.72);
}

.gv-combo__list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 225, 117, 0.92);
}

.gv-combo__option,
.gv-combo__empty {
  min-height: 28px;
  padding: 5px 8px;
  border: 0;
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.88);
  background: transparent;
  font-family: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 800;
}

.gv-combo__option:hover,
.gv-combo__option:focus-visible,
.gv-combo__option.is-active {
  outline: none;
  color: #fff;
  background: rgba(243, 195, 0, 0.14);
}

.gv-combo__option.is-selected {
  color: #111;
  background: linear-gradient(180deg, #ffe175, var(--jv-gold));
}

.jv-register-otp-badge {
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(0, 0, 0, 0.16) inset;
  animation: jvOtpBadgeThanos 520ms ease-in 3s forwards;
  pointer-events: none;
}

.jv-register-otp-badge::before,
.jv-register-otp-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  border-radius: 999px;
  transform-origin: center;
}

.jv-register-otp-badge.is-success {
  background: linear-gradient(180deg, #36d873 0%, #149344 100%);
}

.jv-register-otp-badge.is-success::before {
  width: 3px;
  height: 8px;
  transform: translate(-5px, 0) rotate(-42deg);
}

.jv-register-otp-badge.is-success::after {
  width: 3px;
  height: 13px;
  transform: translate(2px, -5px) rotate(42deg);
}

.jv-register-otp-badge.is-error {
  background: #d93030;
}

.jv-register-otp-badge.is-error::before,
.jv-register-otp-badge.is-error::after {
  width: 3px;
  height: 11px;
}

.jv-register-otp-badge.is-error::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.jv-register-otp-badge.is-error::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes jvOtpBadgeThanos {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
    clip-path: inset(0 0 0 0);
  }
  44% {
    opacity: 0.78;
    filter: blur(1px);
    transform: translate3d(1px, -1px, 0) scale(0.96);
    clip-path: polygon(0 0, 100% 8%, 92% 36%, 100% 66%, 86% 100%, 0 92%, 12% 58%, 0 28%);
  }
  100% {
    opacity: 0;
    filter: blur(5px);
    transform: translate3d(7px, -7px, 0) scale(0.72) rotate(10deg);
    clip-path: polygon(18% 6%, 96% 18%, 76% 38%, 100% 64%, 66% 92%, 8% 76%, 30% 52%, 0 24%);
  }
}

.jv-register-check {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: calc(var(--gv-input-h) + 20px);
  padding-top: 20px;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
}

.jv-register-status {
  margin: 0;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-sm);
  font-weight: 750;
  line-height: var(--gv-line-relaxed);
}

.jv-register-status {
  padding: 9px 12px;
  border: 1px solid rgba(243, 195, 0, 0.20);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.08);
  color: var(--gv-content-text);
}

.jv-register-status.is-error {
  border-color: rgba(255, 103, 103, 0.36);
  background: rgba(255, 65, 65, 0.12);
}

.jv-register-submit {
  position: relative;
  justify-self: end;
  height: 36px;
  padding: 0 16px;
  border: 1px solid rgba(243, 195, 0, 0.50);
  border-radius: 8px;
  color: #111;
  background: linear-gradient(180deg, #ffe175, var(--jv-gold));
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.22);
  font-weight: 950;
  cursor: pointer;
  overflow: visible;
}

.jv-register-submit:hover,
.jv-register-submit:focus-visible {
  outline: none;
  filter: brightness(1.06);
}

.jv-register-submit:disabled {
  cursor: wait;
  opacity: 0.62;
}

.jv-options-submit {
  display: block;
  margin-top: 12px;
}

.jv-options-environment {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  align-items: start;
  padding-top: 2px;
}

.jv-options-segments {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
}

.jv-options-segments button {
  height: var(--gv-input-h);
  border: 1px solid rgba(243, 195, 0, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--gv-content-muted);
  font-family: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 850;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.jv-options-segments button:hover,
.jv-options-segments button:focus-visible,
.jv-options-segments button.is-active {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  background: rgba(243, 195, 0, 0.16);
  color: var(--gv-content-text);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.10);
}

.jv-options-zoom-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 8px;
  align-items: center;
}

.jv-options-range-row {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 34px;
}

.jv-options-range-row > span {
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
  line-height: 1.15;
}

.jv-options-range-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 10px;
  align-items: center;
}

.jv-options-range-control input[type="range"] {
  width: 100%;
  min-width: 0;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

.jv-options-range-control input[type="range"]:focus {
  outline: none;
  box-shadow: none;
}

.jv-options-range-control strong {
  height: var(--gv-input-h);
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  border: 1px solid rgba(243, 195, 0, 0.22);
  color: var(--gv-content-text);
  background: rgba(255, 255, 255, 0.045);
  font-size: var(--gv-font-sm);
  font-weight: 900;
}

.jv-options-zoom-row strong {
  height: var(--gv-input-h);
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  border: 1px solid rgba(243, 195, 0, 0.22);
  color: var(--gv-content-text);
  background: rgba(255, 255, 255, 0.045);
  font-size: var(--gv-font-sm);
  font-weight: 900;
}

.jv-skills-root {
  height: 100%;
  min-height: 0;
}

.jv-skills-panel {
  display: grid;
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 0;
  height: 100%;
  min-height: 0;
  color: var(--gv-content-text);
}

.jv-skills-education-page {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  height: 100%;
  min-height: 0;
}

.jv-skills-education-top {
  display: grid;
  justify-items: center;
  align-items: start;
  gap: 10px;
  padding: 8px 0 0;
}

.jv-skills-education-top .jv-skills-field {
  width: min(100%, 760px);
  justify-items: center;
  text-align: center;
}

.jv-skills-left,
.jv-skills-detail {
  min-height: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.jv-skills-left {
  display: block;
  overflow: hidden;
  padding-right: 12px;
  border-right: 1px solid rgba(158, 158, 158, 0.32);
}

.jv-skills-left-page {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
}

.jv-skills-list-head,
.jv-skills-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 0 10px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.28);
}

.jv-skills-list-head strong,
.jv-skills-detail-head h3,
.jv-skills-preferences h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 950;
}

.jv-skills-add {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(243, 195, 0, 0.48);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffe175, var(--jv-gold));
  color: #111;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.jv-skills-list {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 0 0;
  display: grid;
  align-content: start;
  gap: 0;
}

.jv-skills-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-height: 54px;
  padding: 10px 4px 10px 10px;
  border: none;
  border-bottom: 1px solid rgba(158, 158, 158, 0.18);
  border-radius: 0;
  background: transparent;
  color: var(--gv-content-text);
  text-align: left;
  cursor: pointer;
}

.jv-skills-item.is-active,
.jv-skills-item:hover,
.jv-skills-item:focus-visible {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  box-shadow: inset 3px 0 0 rgba(243, 195, 0, 0.82);
}

.jv-skills-item span,
.jv-skills-item small {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.jv-skills-item span {
  font-size: 13px;
  font-weight: 900;
}

.jv-skills-item .jv-job-list-title {
  display: block;
}

.jv-job-list-main {
  display: block;
  min-width: 0;
}

.jv-job-list-badges {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  min-width: 18px;
}

.jv-job-list-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--jv-yellow);
  color: #1f1a00;
  font-style: normal;
  font-size: 11px;
  font-weight: 1000;
}

.jv-job-list-response-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1f8a52;
  color: #fff;
  font-style: normal;
  font-size: 10px;
  font-weight: 1000;
  line-height: 1;
}

.jv-job-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--jv-yellow);
  color: #1f1a00;
  font-style: normal;
  font-size: 9px;
  font-weight: 1000;
  line-height: 1;
}

.jv-job-refresh-tab-button {
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--gv-content-muted);
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.jv-job-refresh-tab-button svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jv-job-refresh-tab-button:hover,
.jv-job-refresh-tab-button:focus-visible {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  color: var(--jv-yellow);
}

.jv-job-refresh-tab-button:disabled {
  opacity: 0.52;
  cursor: default;
}

.jv-skills-item small {
  margin-top: 4px;
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 750;
}

.jv-skills-preferences {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px 12px 0 0;
  border-top: none;
  display: grid;
  align-content: start;
  gap: 12px;
  max-width: none;
  scrollbar-gutter: stable;
}

.jv-skills-preferences-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  min-width: 0;
}

.jv-skills-preferences-column {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
}

.jv-skills-preferences-column:first-child {
  padding-right: 16px;
}

.jv-skills-preferences-column + .jv-skills-preferences-column {
  padding-left: 16px;
  border-left: 1px solid rgba(158, 158, 158, 0.32);
}

.jv-skills-detail {
  overflow: auto;
  padding: 0 0 12px 14px;
}

.jv-skills-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 11px;
  padding: 12px 0 12px;
}

.jv-skills-span-4 {
  grid-column: span 4;
}

.jv-skills-span-6 {
  grid-column: span 6;
}

.jv-skills-span-8 {
  grid-column: span 8;
}

.jv-skills-span-12 {
  grid-column: 1 / -1;
}

.jv-skills-two {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.jv-skills-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--gv-content-muted);
  font-size: var(--gv-font-xs);
  font-weight: 850;
}

.jv-skills-field input,
.jv-skills-field textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  outline: none;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
}

.jv-skills-field input {
  height: var(--gv-input-h);
  padding: 0 var(--gv-input-pad-x);
}

.jv-skills-field input[type="range"] {
  padding: 0;
  accent-color: var(--jv-gold);
}

.jv-skills-field textarea {
  min-height: 92px;
  resize: vertical;
  padding: 9px 10px;
  line-height: 1.45;
}

.jv-skills-field input:focus,
.jv-skills-field textarea:focus {
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-skills-segments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.jv-skills-segments button {
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid rgba(243, 195, 0, 0.16);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.jv-skills-segments button.is-active {
  border-color: rgba(243, 195, 0, 0.62);
  background: linear-gradient(180deg, rgba(243, 195, 0, 0.28), rgba(243, 195, 0, 0.12));
  color: var(--gv-content-text);
}

.jv-skills-education-level-field {
  width: min(100%, 360px) !important;
}

.jv-skills-education-level-combo {
  position: relative;
  width: 100%;
}

.jv-skills-education-level-combo .jv-register-otp-badge {
  right: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
}

.jv-skills-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.jv-skills-languages {
  display: grid;
  gap: 7px;
}

.jv-skills-languages-section {
  align-content: center;
  justify-items: center;
  padding: 0;
}

.jv-skills-languages-section h3 {
  text-align: center;
}

.jv-skills-extras-section {
  align-content: center;
  justify-items: center;
  padding: 0;
}

.jv-skills-extras-section h3 {
  text-align: center;
}

.jv-skills-industries-section {
  align-content: start;
  justify-items: center;
  padding: 14px 8px 0;
}

.jv-skills-industries-grid {
  width: min(100%, 920px);
}

.jv-skills-industries-checks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px 16px;
}

.jv-skills-extras-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: min(100%, 760px);
}

.jv-skills-extras-grid > .jv-skills-field:first-child > span {
  text-align: center;
}

.jv-skills-license-checks {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.jv-skills-extras-check-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: center;
}

.jv-skills-extras-notes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.jv-skills-extra-note {
  align-self: start;
}

.jv-skills-extra-note textarea {
  min-height: 94px;
  height: 94px;
  resize: none;
}

.jv-skills-languages-page {
  display: grid;
  gap: 9px;
  width: min(100%, 620px);
  max-width: 620px;
  justify-self: center;
  align-self: center;
}

.jv-skills-language-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.jv-skills-language-row .jv-register-otp-badge {
  right: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
}

.jv-skills-check-align {
  display: flex;
  align-items: end;
  min-height: var(--gv-input-h);
}

.jv-skills-save-pref,
.jv-skills-delete {
  position: relative;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  font-weight: 900;
  cursor: pointer;
  overflow: visible;
}

.jv-skills-save-pref {
  justify-self: end;
  border: 1px solid rgba(243, 195, 0, 0.50);
  background: linear-gradient(180deg, #ffe175, var(--jv-gold));
  color: #111;
}

.jv-skills-save-pref .jv-register-otp-badge {
  right: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
}

.jv-skills-industries-section .jv-skills-save-pref {
  margin-top: -12px;
  margin-right: 44px;
  margin-bottom: 10px;
}

.jv-skills-extras-section .jv-skills-save-pref {
  margin-top: -8px;
  margin-right: 44px;
  margin-bottom: 14px;
}

.jv-skills-preferences-section .jv-skills-save-pref {
  margin-top: -2px;
  margin-right: 44px;
  margin-bottom: 14px;
}

.jv-skills-delete {
  border: 1px solid rgba(255, 103, 103, 0.40);
  background: rgba(255, 65, 65, 0.12);
  color: #ffd5d5;
}

.jv-skills-detail > .jv-register-submit {
  margin: 0;
}

.jv-job-posts-root .jv-skills-detail {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: auto;
  padding-bottom: 8px;
  scrollbar-gutter: stable;
}

.jv-job-publish {
  margin: 6px 44px 4px 0;
}

.jv-job-list-head {
  gap: 8px;
}

.jv-job-list-head strong {
  min-width: 0;
}

.jv-job-list-actions {
  display: grid;
  grid-template-columns: minmax(128px, 152px) 30px;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.jv-job-posts-root .jv-skills-item {
  --jv-job-list-row-height: 58px;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 1fr) 22px;
  min-height: var(--jv-job-list-row-height);
  height: var(--jv-job-list-row-height);
  border: 0;
  border-bottom: 1px solid rgba(158, 158, 158, 0.20);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.jv-job-posts-root .jv-skills-item.is-active,
.jv-job-posts-root .jv-skills-item:hover,
.jv-job-posts-root .jv-skills-item:focus-visible {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  box-shadow: inset 3px 0 0 rgba(243, 195, 0, 0.92);
}

.jv-job-status-editor {
  min-height: 0;
  padding: 16px 18px 8px;
  display: grid;
  align-content: start;
  gap: 16px;
  overflow: hidden;
}

.jv-job-readonly {
  min-height: 0;
  pointer-events: none;
}

.jv-job-readonly input,
.jv-job-readonly textarea,
.jv-job-readonly button,
.jv-job-readonly .gv-combo__control {
  cursor: default !important;
}

.jv-job-readonly .jv-skills-save-pref {
  display: none;
}

.jv-job-status-title {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.24);
}

.jv-job-status-title strong {
  color: var(--gv-content-text);
  font-size: 16px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.jv-job-status-title small,
.jv-job-status-editor p {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.jv-job-status-save {
  justify-self: end;
  align-self: start;
}

.jv-job-description-field textarea {
  min-height: 150px;
  height: 150px;
  resize: vertical;
}

.jv-job-conditions-page {
  display: grid;
  gap: 14px;
  min-height: 0;
  padding-right: 8px;
}

.jv-job-location-block {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.jv-job-location-title {
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 900;
}

.jv-job-location-map .jv-register-map-frame {
  height: 260px;
}

.jv-job-employment-page {
  min-height: 0;
  padding: 10px 12px 0 0;
}

.jv-job-employment-checks {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}

.jv-job-industries-checks {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.jv-job-industries-checks label {
  align-items: flex-start !important;
  height: auto;
  min-height: 38px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.jv-job-industries-checks label span {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.25;
}

.jv-job-distance-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-job-distance-field > span {
  color: var(--gv-content-text);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.jv-job-distance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.jv-job-distance-row.is-unlimited {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.jv-job-distance-unlimited {
  min-height: var(--gv-input-h);
  display: flex;
  align-items: center;
}

.jv-job-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 34px;
  padding-top: 4px;
}

.jv-job-chip-list button {
  min-height: 28px;
  border: 1px solid rgba(243, 195, 0, 0.28);
  border-radius: 999px;
  background: rgba(243, 195, 0, 0.10);
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 800;
  padding: 0 10px;
  cursor: pointer;
}

.jv-job-matches-page {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 0;
  height: calc(100% + 14px);
  margin-top: -14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 12px 12px 0;
  scrollbar-gutter: stable;
}

.jv-job-matches-list {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 0;
  padding: 8px 0 0;
}

.jv-job-matches-toolbar {
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
  min-width: 520px;
  padding: 10px 0 0;
  border-top: 1px solid rgba(158, 158, 158, 0.18);
}

.jv-job-matches-detail-zone {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.jv-job-matches-primary-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 136px;
  padding-top: 0;
}

.jv-job-match-toolbar-detail {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 1fr));
  gap: 4px 18px;
  max-width: 720px;
  min-width: 0;
  padding: 0 0 2px;
}

.jv-job-match-toolbar-detail span {
  min-width: 0;
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.32;
  white-space: nowrap;
}

.jv-job-match-toolbar-detail strong {
  color: var(--gv-content-text);
  font-weight: 900;
}

.jv-job-matches-toolbar .jv-skills-save-pref {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42);
}

.jv-job-match-row {
  --jv-job-list-row-height: 58px;
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  min-width: 0;
  width: 100%;
  min-height: var(--jv-job-list-row-height);
  height: var(--jv-job-list-row-height);
  padding: 10px 4px 10px 10px;
  border: 0;
  border-bottom: 1px solid rgba(158, 158, 158, 0.20);
  border-radius: 0;
  background: transparent;
  color: var(--gv-content-text);
  cursor: pointer;
}

.jv-job-match-row:hover,
.jv-job-match-row:focus-visible,
.jv-job-match-row.is-selected {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  box-shadow: inset 3px 0 0 rgba(243, 195, 0, 0.92);
}

.jv-job-match-row.is-muted {
  opacity: 0.72;
}

.jv-job-match-row:has(.jv-job-match-contact) {
  height: auto;
}

.jv-job-match-main,
.jv-job-match-scores {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.jv-job-match-main {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.jv-job-match-main:has(.jv-job-workflow-badge) {
  grid-template-columns: 28px auto minmax(0, 1fr) auto;
}

.jv-job-match-compare-icon {
  width: 24px;
  height: 24px;
  border: 1px solid rgba(243, 195, 0, 0.46);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.jv-job-match-compare-icon:hover {
  border-color: rgba(243, 195, 0, 0.86);
  background: rgba(243, 195, 0, 0.12);
}

.jv-job-match-compare-icon.is-active {
  background: var(--jv-yellow);
  color: #1f1a00;
}

.jv-job-match-compare-icon:disabled {
  opacity: 0.46;
  cursor: default;
}

.jv-job-match-main strong {
  min-width: 0;
  color: var(--gv-content-text);
  font-size: 14px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.jv-job-match-main span,
.jv-job-match-scores span {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.jv-job-match-bar {
  overflow: hidden;
  height: 5px;
  border-radius: 999px;
  background: rgba(158, 158, 158, 0.22);
}

.jv-job-match-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(243, 195, 0, 0.82), rgba(255, 225, 82, 0.96));
}

.jv-job-match-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.jv-job-match-quick-action {
  height: 20px;
  min-width: 92px;
  padding: 0 8px;
  border: 1px solid rgba(243, 195, 0, 0.44);
  border-radius: 999px;
  background: rgba(243, 195, 0, 0.12);
  color: var(--gv-content-text);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
}

.jv-job-match-quick-action:hover,
.jv-job-match-quick-action:focus-visible {
  outline: none;
  border-color: rgba(243, 195, 0, 0.86);
  background: rgba(243, 195, 0, 0.22);
  color: var(--jv-yellow);
}

.jv-job-match-quick-action:disabled {
  opacity: 0.58;
  cursor: default;
}

.jv-job-compare-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--jv-yellow);
  color: #1f1a00;
  font-style: normal;
  font-size: 10px;
  font-weight: 1000;
}

.jv-job-response-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.jv-job-response-badge.is-agreed {
  border-color: rgba(30, 138, 82, 0.45);
  background: rgba(30, 138, 82, 0.16);
  color: #56d08f;
}

.jv-job-response-badge.is-rejected {
  border-color: rgba(215, 68, 68, 0.45);
  background: rgba(215, 68, 68, 0.14);
  color: #ff8f8f;
}

.jv-job-workflow-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 2px 7px;
  border: 1px solid rgba(115, 167, 255, 0.38);
  border-radius: 999px;
  background: rgba(115, 167, 255, 0.12);
  color: #b8cffd;
  font-style: normal;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

.jv-job-match-workflow {
  display: grid;
  grid-template-columns: minmax(150px, 210px) minmax(240px, 1fr) auto;
  align-items: end;
  gap: 8px;
  max-width: 860px;
  min-width: 0;
  padding: 8px 0 0;
  border-top: 1px solid rgba(158, 158, 158, 0.18);
}

.jv-job-match-workflow label {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.jv-job-match-workflow label > span {
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 900;
}

.jv-job-match-workflow .gv-combo {
  --gv-input-h: 38px;
  min-width: 0;
  height: 38px;
}

.jv-job-match-workflow .gv-combo__control {
  box-sizing: border-box;
  height: 38px !important;
  min-height: 38px !important;
  width: 100%;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  box-shadow: none;
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
}

.jv-job-match-workflow .gv-combo.is-open .gv-combo__control,
.jv-job-match-workflow .gv-combo__control:hover,
.jv-job-match-workflow .gv-combo__control:focus-visible {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  background: rgba(0, 0, 0, 0.30);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-job-match-workflow .gv-combo__label,
.jv-job-match-workflow .gv-combo__placeholder,
.jv-job-match-workflow .gv-combo__caret {
  color: var(--gv-input-text);
}

.jv-job-match-workflow .gv-combo__value {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.jv-job-match-workflow .gv-combo__text,
.jv-job-match-workflow .gv-combo__label,
.jv-job-match-workflow .gv-combo__placeholder {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  line-height: 1.2;
}

.jv-job-match-workflow .gv-combo__caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: auto !important;
  color: var(--jv-gold);
}

.jv-job-match-workflow textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 38px;
  max-height: 80px;
  resize: vertical;
  border: 1px solid rgba(158, 158, 158, 0.28);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--gv-content-text);
  padding: 8px 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
}

.jv-job-match-workflow textarea:focus {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  box-shadow: 0 0 0 3px rgba(243, 195, 0, 0.12);
}

.jv-job-workflow-save {
  min-width: 116px;
  margin: 0;
  white-space: nowrap;
}

.jv-job-workflow-history {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  min-width: 0;
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 780;
  line-height: 1.25;
}

.jv-job-workflow-history strong {
  color: var(--gv-content-text);
  font-weight: 950;
}

.jv-job-workflow-history span {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-job-match-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  min-width: 0;
  padding-left: 38px;
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 820;
  line-height: 1.3;
}

.jv-job-match-contact strong,
.jv-job-match-contact a,
.jv-job-contact-address > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-job-match-contact strong {
  font-size: 13px;
  font-weight: 950;
}

.jv-job-match-contact a {
  color: var(--jv-yellow);
  text-decoration: none;
}

.jv-job-match-contact a:hover {
  text-decoration: underline;
}

.jv-job-contact-address {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  color: var(--gv-content-muted);
}

.jv-job-contact-map-button {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #e53935;
  cursor: pointer;
}

.jv-job-contact-map-button:hover {
  background: transparent;
  color: #ff4d4d;
}

.jv-job-contact-map-button svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.jv-job-match-interest {
  min-width: 136px;
  margin: 0;
}

.jv-job-match-interest:disabled {
  opacity: 0.68;
  cursor: default;
}

.jv-job-comparator-page {
  height: calc(100% + 14px);
  min-height: 0;
  margin-top: -14px;
  overflow: auto;
  padding: 8px 12px 12px 0;
  scrollbar-gutter: stable both-edges;
  scrollbar-width: thin;
  scrollbar-color: rgba(243, 195, 0, 0.72) rgba(255, 255, 255, 0.08);
}

.jv-job-comparator-page::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}

.jv-job-comparator-page::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
}

.jv-job-comparator-page::-webkit-scrollbar-thumb {
  background: rgba(243, 195, 0, 0.72);
  border: 3px solid rgba(24, 24, 22, 0.96);
  border-radius: 999px;
}

.jv-job-comparator-table {
  display: grid;
  width: max-content;
  min-width: 100%;
  border-top: 1px solid rgba(158, 158, 158, 0.20);
  border-left: 1px solid rgba(158, 158, 158, 0.16);
}

.jv-job-comparator-head,
.jv-job-comparator-param,
.jv-job-comparator-cell,
.jv-job-comparator-subparam,
.jv-job-comparator-subcell {
  min-width: 0;
  min-height: 52px;
  padding: 10px;
  border-right: 1px solid rgba(158, 158, 158, 0.16);
  border-bottom: 1px solid rgba(158, 158, 158, 0.16);
  color: var(--gv-content-text);
  overflow-wrap: anywhere;
}

.jv-job-comparator-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  align-content: center;
  gap: 3px;
  background: rgba(22, 22, 20, 0.98);
  font-size: 12px;
  font-weight: 950;
}

.jv-job-comparator-head.is-candidate {
  grid-template-columns: minmax(0, 1fr) 26px;
  grid-template-rows: auto auto auto;
  min-height: 58px;
  align-content: center;
  align-items: start;
}

.jv-job-comparator-candidate-title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
}

.jv-job-comparator-candidate-title > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-job-comparator-head.is-candidate:has(> .jv-job-response-badge) .jv-job-comparator-candidate-title {
  padding-right: 100px;
}

.jv-job-comparator-candidate-title .jv-job-workflow-badge {
  flex: 0 1 auto;
  max-width: min(94px, 42%);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jv-job-comparator-head.is-candidate > .jv-job-response-badge {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  justify-self: end;
  max-width: 92px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jv-job-comparator-contact {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: grid;
  gap: 2px;
  min-width: 0;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--gv-content-muted);
}

.jv-job-comparator-contact strong,
.jv-job-comparator-contact a,
.jv-job-comparator-contact .jv-job-contact-address > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-job-comparator-contact strong {
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 950;
}

.jv-job-comparator-contact a {
  color: var(--jv-yellow);
  text-decoration: none;
}

.jv-job-comparator-contact a:hover {
  text-decoration: underline;
}

.jv-job-comparator-candidate-action {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  min-width: 0;
}

.jv-job-comparator-head.is-candidate .jv-job-match-quick-action {
  width: max-content;
  max-width: 100%;
}

.jv-job-comparator-candidate-action .jv-job-comparator-candidate-state {
  color: var(--gv-content-muted);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.jv-job-comparator-candidate-action .jv-job-comparator-candidate-state.is-rejected {
  color: #ff8f8f;
}

.jv-job-map-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.56);
}

.jv-job-map-modal {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(780px, calc(100vw - 48px));
  height: min(560px, calc(100vh - 72px));
  min-height: 360px;
  border: 1px solid rgba(243, 195, 0, 0.24);
  border-radius: 8px;
  background: rgba(20, 20, 18, 0.98);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.42);
  overflow: hidden;
}

.jv-job-map-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 14px 16px 10px;
  color: var(--gv-content-text);
  font-size: 15px;
  font-weight: 950;
}

.jv-job-map-modal-head button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--gv-content-text);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.jv-job-map-modal-head button:hover {
  background: rgba(255, 255, 255, 0.14);
}

.jv-job-map-modal-address {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-width: 0;
  padding: 0 16px 12px;
  color: var(--gv-content-muted);
  font-size: 13px;
  font-weight: 780;
}

.jv-job-map-modal-address strong {
  color: var(--gv-content-text);
}

.jv-job-map-modal-frame {
  min-height: 0;
  border-top: 1px solid rgba(158, 158, 158, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

.jv-job-map-modal-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.jv-job-comparator-remove {
  grid-column: 2 / 3;
  grid-row: 1 / span 2;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(158, 158, 158, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: var(--gv-content-text);
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.jv-job-comparator-param {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 900;
}

.jv-job-comparator-expand {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid rgba(243, 195, 0, 0.42);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: var(--gv-content-text);
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.jv-job-comparator-expand:hover {
  border-color: rgba(243, 195, 0, 0.82);
  background: rgba(243, 195, 0, 0.12);
}

.jv-job-comparator-cell {
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
}

.jv-job-comparator-subparam,
.jv-job-comparator-subcell {
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: rgba(255, 255, 255, 0.018);
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
}

.jv-job-comparator-subcell {
  display: flex;
  align-items: center;
  gap: 8px;
}

.jv-job-comparator-result-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 1000;
}

.jv-job-comparator-subcell.is-meets .jv-job-comparator-result-icon {
  background: rgba(54, 179, 126, 0.22);
}

.jv-job-comparator-subcell.is-misses .jv-job-comparator-result-icon {
  background: rgba(255, 92, 92, 0.20);
}

.jv-job-comparator-subparam {
  padding-left: 40px;
  font-weight: 850;
}

.jv-job-comparator-cell.is-meets {
  background: rgba(54, 179, 126, 0.12);
}

.jv-job-comparator-cell.is-partial {
  background: rgba(243, 195, 0, 0.10);
}

.jv-job-comparator-cell.is-misses {
  background: rgba(255, 92, 92, 0.10);
}

.jv-job-comparator-cell.is-unknown {
  color: var(--gv-content-muted);
}

.jv-job-comparator-subcell.is-meets {
  background: rgba(54, 179, 126, 0.08);
}

.jv-job-comparator-subcell.is-partial {
  background: rgba(243, 195, 0, 0.07);
}

.jv-job-comparator-subcell.is-misses {
  background: rgba(255, 92, 92, 0.07);
}

.jv-notifications-panel {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: var(--gv-content-text);
  overflow: hidden;
}

.jv-notifications-layout {
  display: grid;
  grid-template-columns: minmax(240px, 32%) minmax(0, 1fr);
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.jv-notifications-left,
.jv-notifications-detail {
  min-height: 0;
  overflow: auto;
}

.jv-notifications-left {
  padding: 10px 14px 10px 0;
  border-right: 1px solid rgba(158, 158, 158, 0.22);
}

.jv-notifications-detail {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 16px 14px 14px 18px;
}

.jv-notification-item.is-unread span::after {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-radius: 999px;
  background: var(--jv-yellow);
  box-shadow: 0 0 0 3px rgba(243, 195, 0, 0.14);
  content: "";
  vertical-align: 1px;
}

.jv-notifications-title {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.22);
}

.jv-notifications-title strong {
  color: var(--gv-content-text);
  font-size: 16px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.jv-notifications-title small,
.jv-notifications-detail p,
.jv-notifications-job {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.jv-notifications-detail p {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 14px;
}

.jv-notifications-job {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 6px 10px;
  border: 1px solid rgba(243, 195, 0, 0.24);
  border-radius: 999px;
  background: rgba(243, 195, 0, 0.10);
  color: var(--gv-content-text);
}

.jv-notifications-offer-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(158, 158, 158, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
}

.jv-notifications-offer-fields div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.jv-notifications-offer-fields dt {
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.jv-notifications-offer-fields dd {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.jv-notifications-description {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-notifications-description h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 900;
}

.jv-notifications-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 8px 10px 0 0;
}

.jv-notifications-actions .jv-skills-save-pref,
.jv-notifications-actions .jv-skills-delete {
  margin: 0;
}

.jv-candidate-offers-panel {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--gv-content-text);
}

.jv-candidate-offers-layout {
  display: grid;
  grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.jv-candidate-offers-left,
.jv-candidate-offers-detail {
  min-height: 0;
  overflow: auto;
}

.jv-candidate-offers-left {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 10px 14px 10px 0;
  border-right: 1px solid rgba(158, 158, 158, 0.22);
}

.jv-candidate-offers-head {
  gap: 8px;
}

.jv-candidate-offers-head .gv-combo {
  min-width: 0;
  width: 176px;
}

.jv-candidate-offers-head .gv-combo__control {
  height: var(--gv-input-h);
  min-height: var(--gv-input-h) !important;
  width: 100%;
  padding: 0 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  color: var(--gv-input-text);
  background: rgba(0, 0, 0, 0.24);
  box-shadow: none;
  font: inherit;
  font-size: var(--gv-font-sm);
  font-weight: 750;
  cursor: pointer;
}

.jv-candidate-offers-head .gv-combo.is-open .gv-combo__control,
.jv-candidate-offers-head .gv-combo__control:hover,
.jv-candidate-offers-head .gv-combo__control:focus-visible {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  background: rgba(0, 0, 0, 0.30);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

.jv-candidate-offers-head .gv-combo__label,
.jv-candidate-offers-head .gv-combo__placeholder,
.jv-candidate-offers-head .gv-combo__caret {
  color: var(--gv-input-text);
}

.jv-candidate-offers-head .gv-combo__value {
  min-width: 0;
  flex: 1 1 auto;
}

.jv-candidate-offers-head .gv-combo__text,
.jv-candidate-offers-head .gv-combo__label,
.jv-candidate-offers-head .gv-combo__placeholder {
  text-align: left;
}

.jv-candidate-offers-head .gv-combo__caret {
  flex: 0 0 auto;
  margin-left: auto !important;
  color: var(--jv-gold);
}

.jv-candidate-offers-detail {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 0;
  padding: 16px 14px 14px 18px;
  height: 100%;
  overflow: hidden;
}

.jv-candidate-offers-content {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 14px;
  padding-right: 6px;
}

.jv-candidate-offers-title {
  display: grid;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.22);
}

.jv-candidate-offers-title strong {
  color: var(--gv-content-text);
  font-size: 17px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.jv-candidate-offers-title small,
.jv-candidate-offers-scores span,
.jv-candidate-offers-fields dt,
.jv-candidate-offers-fields dd,
.jv-candidate-offers-description p {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.jv-candidate-offers-scores {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.jv-candidate-offers-fields {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 8px 14px;
  margin: 0;
  padding: 0;
}

.jv-candidate-offers-fields dt {
  color: var(--gv-content-text);
  font-weight: 900;
}

.jv-candidate-offers-fields dd {
  margin: 0;
}

.jv-candidate-offers-description {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.jv-candidate-offers-description h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 900;
}

.jv-candidate-offers-description p {
  margin: 0;
  white-space: pre-wrap;
}

.jv-candidate-offers-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 10px 0 0;
  border-top: 1px solid rgba(158, 158, 158, 0.18);
}

.jv-candidate-offers-actions .jv-skills-save-pref,
.jv-candidate-offers-actions .jv-skills-delete {
  margin: 0;
}

.jv-candidate-offers-decision {
  max-width: min(520px, 100%);
  padding: 10px 13px;
  border-radius: 8px;
  border: 1px solid rgba(48, 170, 105, 0.36);
  background: rgba(48, 170, 105, 0.10);
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.jv-candidate-offers-decision.is-rejected {
  border-color: rgba(231, 76, 60, 0.42);
  background: rgba(231, 76, 60, 0.10);
}

.jv-notifications-actions .is-selected-choice:disabled,
.jv-candidate-offers-actions .is-selected-choice:disabled {
  opacity: 1;
  cursor: default;
  filter: none;
}

.jv-notifications-actions .jv-skills-save-pref.is-selected-choice:disabled,
.jv-candidate-offers-actions .jv-skills-save-pref.is-selected-choice:disabled {
  border-color: rgba(48, 170, 105, 0.5);
  box-shadow: 0 0 0 2px rgba(48, 170, 105, 0.18);
}

.jv-notifications-actions .jv-skills-delete.is-selected-choice:disabled,
.jv-candidate-offers-actions .jv-skills-delete.is-selected-choice:disabled {
  border-color: rgba(231, 76, 60, 0.52);
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.16);
}

.jv-budget-panel {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  overflow: hidden;
  color: var(--gv-content-text);
}

.jv-options-api-page {
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  padding: 10px 12px 18px 0;
  color: var(--gv-content-text);
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 0;
}

.jv-options-api-nav {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--gv-scroll-thumb) var(--gv-scroll-track);
  padding: 0 12px 0 0;
  border-right: 1px solid rgba(158, 158, 158, 0.30);
  display: grid;
  align-content: start;
  gap: 0;
}

.jv-options-api-nav button {
  min-width: 0;
  min-height: 54px;
  border: 0;
  border-bottom: 1px solid rgba(158, 158, 158, 0.22);
  border-radius: 0;
  background: transparent;
  color: var(--gv-content-text);
  text-align: left;
  padding: 10px 4px 10px 10px;
  cursor: pointer;
  display: grid;
  align-content: center;
  gap: 4px;
}

.jv-options-api-nav button:hover {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  box-shadow: inset 3px 0 0 rgba(243, 195, 0, 0.82);
}

.jv-options-api-nav button.is-active {
  outline: none;
  background: rgba(243, 195, 0, 0.10);
  box-shadow: inset 3px 0 0 rgba(243, 195, 0, 0.82);
}

.jv-options-api-nav button span {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 900;
  color: var(--gv-content-text);
}

.jv-options-api-nav button small {
  min-width: 0;
  color: var(--gv-content-muted);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 750;
  white-space: normal;
}

.jv-options-api-detail {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: var(--gv-scroll-thumb) var(--gv-scroll-track);
  padding: 0 0 0 16px;
}

.jv-options-api-page h3 {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 950;
  color: var(--gv-content-text);
}

.jv-options-api-page p {
  margin: 0 0 8px;
  color: var(--gv-content-text);
  font-size: 12px;
  line-height: 1.45;
}

.jv-options-api-page code {
  color: var(--gv-content-text);
  font-weight: 800;
}

.jv-options-api-keys {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid rgba(243, 195, 0, 0.34);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.08);
  display: grid;
  gap: 8px;
}

.jv-options-api-keys > div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.jv-options-api-keys strong {
  font-size: 11px;
  color: var(--gv-content-muted);
  font-weight: 950;
}

.jv-options-api-keys code {
  display: block;
  padding: 7px 9px;
  border-radius: 6px;
  background: var(--gv-panel-soft);
  overflow-wrap: anywhere;
}

.jv-options-api-secret-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}

.jv-options-api-secret-row code {
  min-width: 0;
}

.jv-options-api-copy {
  position: relative;
  width: 28px;
  min-width: 28px;
  min-height: 30px;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}

.jv-options-api-copy::before,
.jv-options-api-copy::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 14px;
  border: 1.5px solid var(--gv-content-text);
  border-radius: 3px;
  background: transparent;
}

.jv-options-api-copy::before {
  left: 7px;
  top: 10px;
  opacity: 0.42;
}

.jv-options-api-copy::after {
  left: 10px;
  top: 7px;
}

.jv-options-api-copy:hover::before,
.jv-options-api-copy:hover::after,
.jv-options-api-copy:focus-visible::before,
.jv-options-api-copy:focus-visible::after {
  border-color: var(--jv-gold);
}

.jv-options-api-copy:focus-visible {
  outline: none;
}

.jv-options-api-copy:disabled {
  cursor: default;
  opacity: 0.35;
}

.jv-options-api-keys small {
  color: var(--gv-content-muted);
  font-size: 10px;
}

.jv-options-api-key-actions {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: wrap;
  gap: 8px;
}

.jv-options-api-key-actions button {
  min-height: 30px;
  border: 1px solid rgba(243, 195, 0, 0.42);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.16);
  color: var(--gv-content-text);
  font-size: 11px;
  font-weight: 900;
  padding: 0 12px;
  cursor: pointer;
}

.jv-options-api-key-actions button:disabled {
  opacity: 0.45;
  cursor: default;
}

.jv-options-api-page pre {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(158, 158, 158, 0.26);
  border-radius: 8px;
  background: var(--gv-panel-soft);
  color: var(--gv-content-text);
  font-size: 11px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.jv-budget-top {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.jv-budget-overview {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 16px 10px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.30);
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 820;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jv-budget-overview strong {
  color: var(--gv-content-muted);
  font-weight: 900;
}

.jv-budget-overview i {
  color: rgba(158, 158, 158, 0.68);
  font-style: normal;
}

.jv-budget-layout {
  min-height: 0;
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 0;
  height: 100%;
}

.jv-budget-left,
.jv-budget-detail {
  min-height: 0;
}

.jv-budget-left {
  overflow: hidden;
  padding-right: 12px;
  border-right: 1px solid rgba(158, 158, 158, 0.30);
}

.jv-budget-left .jv-skills-list-head {
  justify-content: flex-end;
  border-bottom: 0;
  padding-top: 2px;
  padding-bottom: 8px;
}

.jv-budget-list-label {
  padding: 12px 4px 6px 10px;
  color: var(--gv-content-subtle);
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.jv-budget-left .jv-skills-item {
  grid-template-columns: 82px minmax(0, 1fr);
}

.jv-budget-left .jv-skills-item span,
.jv-budget-left .jv-skills-item small {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal;
  word-break: normal;
  white-space: nowrap;
}

.jv-budget-detail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 14px;
  padding-left: 16px;
  overflow: hidden;
}

.jv-budget-detail.is-new {
  grid-template-rows: minmax(0, 1fr);
}

.jv-budget-summary {
  display: grid;
  gap: 5px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.32);
  padding: 4px 0 14px;
}

.jv-budget-summary h3,
.jv-budget-history h3,
.jv-budget-detail-body h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.jv-budget-summary strong {
  font-size: 26px;
  font-weight: 950;
  color: var(--jv-gold);
}

.jv-budget-summary span,
.jv-budget-history p,
.jv-budget-row span {
  color: var(--gv-content-muted);
  font-size: 12px;
}

.jv-budget-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  padding-right: 24px;
}

.jv-budget-actions.is-detail {
  grid-template-columns: minmax(180px, 240px) auto;
  padding-right: 44px;
}

.jv-budget-detail-body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 14px;
  overflow: auto;
  padding-right: 6px;
}

.jv-budget-fields {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 9px 14px;
  margin: 0;
}

.jv-budget-fields dt {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 850;
}

.jv-budget-fields dd {
  margin: 0;
  min-width: 0;
  color: var(--gv-content-text);
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.jv-budget-link {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  border: 1px solid rgba(243, 195, 0, 0.34);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.10);
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 850;
  padding: 0 12px;
  text-decoration: none;
}

.jv-budget-link:hover,
.jv-budget-link:focus-visible {
  outline: none;
  border-color: rgba(243, 195, 0, 0.72);
  background: rgba(243, 195, 0, 0.18);
}

.jv-budget-history {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
}

.jv-budget-row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 36px;
  border-top: 1px solid rgba(158, 158, 158, 0.22);
}

.jv-budget-row strong,
.jv-budget-row span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.jv-skills-empty {
  padding: 16px 12px;
  color: var(--gv-content-muted);
  font-size: 13px;
  font-weight: 760;
}

.jv-skills-empty.is-detail {
  padding: 22px;
}

.jv-referrals-panel {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  gap: 14px;
  overflow: hidden;
  color: var(--gv-content-text);
  padding-right: 8px;
}

.jv-referrals-top {
  display: grid;
  gap: 5px;
  border-bottom: 1px solid rgba(158, 158, 158, 0.28);
  padding-bottom: 12px;
}

.jv-referrals-top h3,
.jv-referrals-history h3 {
  margin: 0;
  color: var(--gv-content-text);
  font-size: 14px;
  font-weight: 950;
}

.jv-referrals-top p {
  margin: 0;
  color: var(--gv-content-muted);
  font-size: 12px;
  line-height: 1.45;
  font-weight: 760;
}

.jv-referrals-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.jv-referrals-summary > div {
  display: grid;
  gap: 5px;
  min-height: 70px;
  align-content: center;
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.08);
  padding: 12px 14px;
}

.jv-referrals-summary span,
.jv-referrals-code span,
.jv-referrals-invite span {
  color: var(--gv-content-muted);
  font-size: 12px;
  font-weight: 850;
}

.jv-referrals-summary strong {
  color: var(--jv-gold);
  font-size: 22px;
  font-weight: 950;
}

.jv-referrals-code {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.jv-referrals-code label,
.jv-referrals-invite label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.jv-referrals-code label > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.jv-referrals-code input,
.jv-referrals-invite input {
  width: 100%;
  height: var(--gv-input-h);
  min-width: 0;
  box-sizing: border-box;
  padding: 0 var(--gv-input-pad-x);
  border: 1px solid rgba(243, 195, 0, 0.18);
  border-radius: 8px;
  outline: none;
  color: var(--gv-input-text);
  background: var(--gv-input-bg);
  font: inherit;
  font-size: var(--gv-font-sm);
}

.jv-referrals-code button,
.jv-referrals-invite button {
  min-height: var(--gv-input-h);
  border: 1px solid rgba(243, 195, 0, 0.44);
  border-radius: 8px;
  background: rgba(243, 195, 0, 0.12);
  color: var(--gv-content-text);
  font-size: 12px;
  font-weight: 900;
  padding: 0 13px;
  cursor: pointer;
}

.jv-referrals-invite {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.jv-referrals-invite button {
  background: linear-gradient(180deg, #ffe175, var(--jv-gold));
  color: #111;
}

.jv-referrals-invite button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.jv-referrals-history {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.jv-referrals-history article {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) minmax(0, 1.8fr);
  gap: 14px;
  align-items: start;
  border-top: 1px solid rgba(158, 158, 158, 0.22);
  padding: 12px 0;
}

.jv-referrals-history article > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.jv-referrals-history strong,
.jv-referrals-history span,
.jv-referrals-history dd {
  min-width: 0;
  overflow-wrap: anywhere;
}

.jv-referrals-history strong {
  font-size: 13px;
  font-weight: 950;
}

.jv-referrals-history span,
.jv-referrals-history dt,
.jv-referrals-history dd {
  color: var(--gv-content-muted);
  font-size: 11px;
  font-weight: 760;
}

.jv-referrals-history dl {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 5px 10px;
  margin: 0;
}

.jv-referrals-history dd {
  margin: 0;
  color: var(--gv-content-text);
}

@media (max-width: 720px) {
  .jv-about-sections {
    grid-template-columns: 1fr;
  }

  .jv-about-field {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 14px;
  }

  .jv-pricing-item {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .jv-pricing-price {
    justify-items: start;
    text-align: left;
  }

  .jv-register-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .jv-register-span-4,
  .jv-register-span-6,
  .jv-register-span-8,
  .jv-register-span-12,
  .jv-register-submit {
    grid-column: 1 / -1;
  }

  .jv-register-email-otp-row {
    grid-template-columns: 1fr;
  }

  .jv-register-email-otp-row > label:first-child {
    grid-column: 1 / -1;
  }

  .jv-register-email-otp-right {
    grid-column: 1 / -1;
  }

  .jv-referrals-summary,
  .jv-referrals-code,
  .jv-referrals-invite,
  .jv-referrals-history article {
    grid-template-columns: 1fr;
  }
}
.gv-pop {
  position: fixed;
  z-index: 999999;
  min-width: 180px;
  padding: 6px;
  border-radius: 12px;
  background: linear-gradient(140deg, rgba(20, 20, 20, 0.78), rgba(20, 20, 20, 0.62));
  border: 1px solid rgba(243, 195, 0, 0.20);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(120%);
  -webkit-backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(120%);
}

.gv-pop button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.94);
  background: transparent;
  font-size: var(--gv-font-sm);
  font-weight: 500;
  line-height: var(--gv-line-normal);
  text-align: left;
  transition: background 0.12s ease, opacity 0.12s ease;
}

.gv-pop button:hover {
  background: var(--hover-red);
}

.gv-pop button:active {
  background: rgba(243, 195, 0, 0.18);
}

.gv-pop button[disabled] {
  opacity: 0.45;
  cursor: default;
}

.gv-pop .sep {
  height: 1px;
  margin: 6px 4px;
  background: rgba(255, 255, 255, 0.1);
}

/* =========================
   Window
   ========================= */

.gv-window {
  position: fixed;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  outline: none;
  min-width: 320px;
  min-height: 160px;
  color: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(243, 195, 0, 0.22);
  background: rgba(10, 10, 10, var(--gv-window-bg-alpha));
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(120%);
  -webkit-backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(120%);
}

.gv-titlebar {
  position: relative;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  user-select: none;
  padding: 0 48px;
  background: rgba(10, 10, 10, var(--gv-window-title-alpha));
}

.gv-titlebar:active {
  cursor: grabbing;
}

.gv-win-title {
  font-weight: 700;
  letter-spacing: 0.2px;
  font-size: var(--gv-font-md);
  line-height: var(--gv-line-tight);
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 180px);
}

.gv-window-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 14px;
  user-select: text;
  background: rgba(10, 10, 10, var(--gv-window-body-alpha));
  font-size: var(--gv-font-sm);
  line-height: var(--gv-line-normal);
}

.gv-window-body:has(> .jv-candidate-offers-panel) {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

.gv-actions {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 8px;
  align-items: center;
  transition: opacity 160ms ease, visibility 160ms ease;
}

.gv-actions.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gv-actions.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gv-actions-left {
  left: 8px;
  gap: 6px;
}

.gv-actions-right {
  right: 8px;
}

.gv-actions-cluster {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: opacity 160ms ease, visibility 160ms ease;
}

.gv-actions-cluster.hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.gv-actions-cluster.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gv-actions.has-visible-close.hidden,
.gv-actions.has-visible-close.visible {
  pointer-events: auto;
}

.gv-actions.has-visible-close .gv-close {
  opacity: 0.55;
  visibility: visible;
  pointer-events: auto;
}

.gv-actions.has-visible-close.is-window-hovered .gv-close,
.gv-actions.has-visible-close.visible .gv-close:hover {
  opacity: 1;
}

.gv-actions.has-visible-close.is-close-dissolving .gv-close {
  opacity: 0;
  pointer-events: none;
}

.gv-tb-icon,
.gv-nudger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0 6px;
  border-radius: 8px;
  cursor: pointer;
  user-select: none;
  transition:
    opacity 220ms ease,
    filter 220ms ease;
}

.gv-tb-icon::before,
.gv-nudger::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  width: 18px;
  height: 7px;
  border-radius: 999px;
  background: rgba(243, 195, 0, 0.36);
  filter: blur(8px);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scaleX(0.72);
  transition: opacity 260ms ease, transform 260ms ease;
}

.gv-tb-icon[aria-disabled="true"],
.gv-nudger[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

.gv-tb-icon img {
  width: 16px;
  height: 16px;
  display: block;
  filter: brightness(0) invert(1);
  opacity: 0.9;
  transition: opacity 220ms ease, filter 220ms ease;
}

.gv-tb-icon:hover,
.gv-nudger:hover {
  filter: brightness(1.025);
}

.gv-tb-icon:hover::before,
.gv-tb-icon:focus-visible::before,
.gv-nudger:hover::before,
.gv-nudger:focus-visible::before {
  opacity: 0.42;
  transform: translateX(-50%) scaleX(1);
}

.gv-tb-icon:hover img,
.gv-tb-icon:focus-visible img {
  opacity: 0.95;
  filter: brightness(0) invert(1) brightness(1.035);
}

.gv-tb-icon.gv-close:hover {
  filter: brightness(1.025);
}

.gv-window-help-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(390px, calc(100vw - 24px));
  height: 100svh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  color: rgba(255, 255, 255, 0.95);
  background:
    linear-gradient(180deg, rgba(243, 195, 0, 0.94), rgba(166, 133, 0, 0.92)),
    rgba(243, 195, 0, 0.92);
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  box-shadow:
    -18px 0 42px rgba(0, 0, 0, 0.32),
    inset 1px 0 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(128%);
  -webkit-backdrop-filter: blur(var(--gv-window-blur, 18px)) saturate(128%);
  overflow: hidden;
  transform-origin: right center;
  animation: gvHelpPanelIn 180ms ease-out both;
}

.gv-window-help-panel.is-closing {
  pointer-events: none;
  animation: gvHelpPanelThanos 420ms ease-in both;
}

.gv-window-help-panel.is-closing::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.32) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 22%, rgba(255, 255, 255, 0.24) 0 1px, transparent 2px),
    radial-gradient(circle at 34% 48%, rgba(255, 255, 255, 0.28) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 66%, rgba(255, 255, 255, 0.22) 0 1px, transparent 2px),
    radial-gradient(circle at 56% 82%, rgba(255, 255, 255, 0.26) 0 1px, transparent 2px);
  background-size: 42px 42px, 58px 58px, 46px 46px, 54px 54px, 64px 64px;
  mix-blend-mode: screen;
  animation: gvHelpPanelDust 420ms ease-out both;
}

@keyframes gvHelpPanelIn {
  from {
    opacity: 0;
    transform: translate3d(24px, 0, 0) scaleX(0.98);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scaleX(1);
  }
}

@keyframes gvHelpPanelThanos {
  0% {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0) scale(1);
    clip-path: inset(0 0 0 0);
  }

  45% {
    opacity: 0.72;
    filter: blur(0.8px);
    transform: translate3d(12px, 0, 0) scale(0.99);
    clip-path: polygon(0 0, 100% 0, 100% 18%, 92% 22%, 100% 30%, 100% 44%, 88% 48%, 100% 58%, 100% 100%, 0 100%);
  }

  100% {
    opacity: 0;
    filter: blur(3px);
    transform: translate3d(72px, 0, 0) scale(0.96);
    clip-path: polygon(100% 0, 100% 0, 100% 16%, 100% 24%, 100% 30%, 100% 44%, 100% 50%, 100% 62%, 100% 100%, 100% 100%);
  }
}

@keyframes gvHelpPanelDust {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  35% {
    opacity: 0.9;
  }

  100% {
    opacity: 0;
    transform: translate3d(34px, -10px, 0);
  }
}

.gv-window-help-head {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(12, 8, 24, 0.18);
}

.gv-window-help-head strong {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  color: #ffffff;
}

.gv-window-help-head button {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
  font: inherit;
  font-weight: 900;
  line-height: 1;
}

.gv-window-help-head button:hover,
.gv-window-help-head button:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  outline: none;
}

.gv-window-help-body {
  min-height: 0;
  overflow: auto;
  padding: 18px 18px 22px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.72) rgba(255, 255, 255, 0.14);
}

.gv-window-help-body::-webkit-scrollbar {
  width: 10px;
}

.gv-window-help-body::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.gv-window-help-body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.72);
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: content-box;
}

.gv-window-help-sections {
  display: grid;
  gap: 14px;
}

.gv-window-help-section {
  display: grid;
  gap: 6px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  cursor: default;
  transition: background 140ms ease, border-color 140ms ease;
}

.gv-window-help-section:hover {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.10);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.10);
}

.gv-window-help-section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.gv-window-help-section h3 {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: 0;
}

.gv-window-help-section p {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  line-height: 1.48;
  font-weight: 650;
}

.gv-window-help-section ul {
  margin: 2px 0 0;
  padding-left: 17px;
  display: grid;
  gap: 5px;
}

.gv-window-help-section li {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  line-height: 1.42;
  font-weight: 650;
}

.gv-window [data-window-help-target] {
  position: relative;
  border-radius: 8px;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.gv-window span[data-window-help-target] {
  display: inline-flex;
}

.gv-window .gv-help-target-active {
  background: rgba(243, 195, 0, 0.22) !important;
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.92),
    inset 0 0 0 5px rgba(167, 139, 250, 0.30),
    0 0 0 1px rgba(255, 255, 255, 0.36),
    0 0 22px rgba(167, 139, 250, 0.42);
  z-index: 20;
}

.gv-window .gv-help-target-active::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid rgba(255, 255, 255, 0.96);
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 2px rgba(243, 195, 0, 0.28),
    0 0 16px rgba(167, 139, 250, 0.44);
  pointer-events: none;
  z-index: 30;
}

:root[data-av-theme="light"] .gv-window .gv-help-target-active {
  background: rgba(243, 195, 0, 0.16) !important;
  box-shadow:
    inset 0 0 0 2px rgba(166, 133, 0, 0.82),
    inset 0 0 0 5px rgba(243, 195, 0, 0.16),
    0 0 0 1px rgba(166, 133, 0, 0.24),
    0 0 22px rgba(243, 195, 0, 0.22);
}

:root[data-av-theme="light"] .gv-window .gv-help-target-active::after {
  border-color: rgba(122, 98, 0, 0.86);
  box-shadow:
    inset 0 0 0 2px rgba(255, 255, 255, 0.70),
    0 0 16px rgba(243, 195, 0, 0.24);
}

.gv-nudger {
  font-size: var(--gv-font-xs);
  font-weight: 800;
  line-height: 18px;
  color: var(--text);
}

.gv-ghost {
  position: fixed;
  border: 2px dashed rgba(243, 195, 0, 0.92);
  box-shadow: 0 0 12px rgba(243, 195, 0, 0.38);
  border-radius: 12px;
  pointer-events: none;
  display: none;
  background: rgba(243, 195, 0, 0.07);
}

.gv-window-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.gv-resizer {
  position: absolute;
  background: transparent;
}

.gv-resizer.n {
  left: 10px;
  right: 10px;
  top: -4px;
  height: 10px;
  cursor: n-resize;
}

.gv-resizer.s {
  left: 10px;
  right: 10px;
  bottom: -4px;
  height: 10px;
  cursor: s-resize;
}

.gv-resizer.e {
  top: 10px;
  bottom: 10px;
  right: -4px;
  width: 10px;
  cursor: e-resize;
}

.gv-resizer.w {
  top: 10px;
  bottom: 10px;
  left: -4px;
  width: 10px;
  cursor: w-resize;
}

.gv-resizer.ne {
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  cursor: ne-resize;
}

.gv-resizer.nw {
  top: -4px;
  left: -4px;
  width: 14px;
  height: 14px;
  cursor: nw-resize;
}

.gv-resizer.se {
  bottom: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  cursor: se-resize;
}

.gv-resizer.sw {
  bottom: -4px;
  left: -4px;
  width: 14px;
  cursor: sw-resize;
  height: 14px;
}

.gv-window .gv-titlebar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(243, 195, 0, 0),
    rgba(243, 195, 0, 0.96),
    rgba(243, 195, 0, 0)
  );
  opacity: 0;
  transform: scaleX(0.6);
  transform-origin: 50% 50%;
  transition: opacity 160ms ease, transform 200ms cubic-bezier(0.2, 0.9, 0.2, 1);
  pointer-events: none;
}

.gv-window:focus-within .gv-titlebar::before {
  opacity: 1;
  transform: scaleX(1);
}

.gv-window {
  --gv-scroll-size: 10px;
  --gv-scroll-radius: 999px;
  --gv-scroll-track: rgba(255, 255, 255, 0.08);
  --gv-scroll-thumb: rgba(255, 255, 255, 0.22);
  --gv-scroll-thumb-hover: rgba(243, 195, 0, 0.55);
  --gv-scroll-thumb-active: rgba(243, 195, 0, 0.75);
}

:root[data-av-theme="light"] {
  --text: #7a6200;
  --hover-red: rgba(243, 195, 0, 0.16);
  --gv-content-text: rgba(17, 24, 39, 0.96);
  --gv-content-muted: rgba(55, 65, 81, 0.86);
  --gv-content-subtle: rgba(75, 85, 99, 0.66);
  --gv-control-bg: rgba(255, 255, 255, 0.84);
  --gv-control-border: rgba(122, 98, 0, 0.24);
  --gv-segment-active-bg: rgba(243, 195, 0, 0.24);
  --gv-panel-bg: rgba(255, 255, 255, var(--gv-window-bg-alpha));
  --gv-panel-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
  --gv-input-bg: rgba(255, 255, 255, 0.86);
  --gv-input-bg-hover: rgba(255, 255, 255, 0.96);
  --gv-input-border: rgba(122, 98, 0, 0.24);
  --gv-input-border-hover: rgba(166, 133, 0, 0.62);
  --gv-input-text: rgba(17, 24, 39, 0.96);
  --gv-input-placeholder: rgba(75, 85, 99, 0.58);
  --gv-tab-text-active: rgba(17, 24, 39, 0.98);
  --gv-tab-text: rgba(55, 65, 81, 0.82);
  --gv-tab-text-hover: rgba(17, 24, 39, 0.94);
  --gv-tab-text-disabled: rgba(75, 85, 99, 0.40);
  --gv-tab-bg: rgba(255, 255, 255, 0.62);
  --gv-tab-bg-hover: rgba(243, 195, 0, 0.14);
  --gv-tab-border: rgba(122, 98, 0, 0.18);
  --gv-tab-border-hover: rgba(166, 133, 0, 0.38);
  --gv-tab-border-active: rgba(166, 133, 0, 0.66);
  --gv-tab-border-active-hover: rgba(122, 98, 0, 0.82);
  --gv-tab-close-text: rgba(75, 85, 99, 0.66);
  --gv-tab-close-text-hover: rgba(17, 24, 39, 0.94);
  --gv-dialog-backdrop: rgba(15, 23, 42, 0.26);
  --gv-dialog-text: rgba(31, 41, 55, 0.92);
  --gv-dialog-title: rgba(17, 24, 39, 0.98);
  --gv-dialog-panel-border: rgba(166, 133, 0, 0.28);
  --gv-dialog-panel-bg: rgba(255, 255, 255, 0.96);
  --gv-dialog-panel-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
  --gv-dialog-header-border: rgba(166, 133, 0, 0.18);
  --gv-dialog-header-bg: rgba(243, 195, 0, 0.10);
  --gv-dialog-secondary-bg: rgba(15, 23, 42, 0.04);
  --gv-dialog-secondary-bg-hover: rgba(243, 195, 0, 0.14);
  --gv-dialog-secondary-text: rgba(17, 24, 39, 0.88);
  --gv-dialog-secondary-border: rgba(122, 98, 0, 0.20);
  --gv-dialog-secondary-border-hover: rgba(166, 133, 0, 0.36);
}

:root[data-av-theme="light"] .gv-window {
  --gv-scroll-track: rgba(15, 23, 42, 0.08);
  --gv-scroll-thumb: rgba(166, 133, 0, 0.34);
  --gv-scroll-thumb-hover: rgba(166, 133, 0, 0.58);
  --gv-scroll-thumb-active: rgba(122, 98, 0, 0.74);
  color: var(--gv-content-text);
  border-color: rgba(166, 133, 0, 0.24);
  background: rgba(255, 255, 255, var(--gv-window-bg-alpha));
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.20);
}

:root[data-av-theme="light"] .gv-titlebar {
  background: rgba(250, 251, 255, var(--gv-window-title-alpha));
  border-bottom: 1px solid rgba(166, 133, 0, 0.16);
}

:root[data-av-theme="light"] .gv-window-body {
  background: rgba(255, 255, 255, var(--gv-window-body-alpha));
}

:root[data-av-theme="light"] .gv-win-title,
:root[data-av-theme="light"] .gv-window-body,
:root[data-av-theme="light"] .gv-window-body * {
  color: var(--gv-content-text) !important;
  text-shadow: none !important;
}

:root[data-av-theme="light"] .gv-window-body [style*="rgba(0,0,0"],
:root[data-av-theme="light"] .gv-window-body [style*="rgba(0, 0, 0"],
:root[data-av-theme="light"] .gv-window-body [style*="rgba(10,10,10"],
:root[data-av-theme="light"] .gv-window-body [style*="rgba(10, 10, 10"],
:root[data-av-theme="light"] .gv-window-body [style*="#000"],
:root[data-av-theme="light"] .gv-window-body [style*="#111"] {
  background: rgba(255, 255, 255, 0.76) !important;
}

:root[data-av-theme="light"] .gv-btn {
  color: rgba(17, 24, 39, 0.92) !important;
  border-color: rgba(166, 133, 0, 0.30);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(243, 195, 0, 0.12));
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10);
}

:root[data-av-theme="light"] .gv-btn:hover:not(:disabled) {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 195, 0, 0.18));
}

:root[data-av-theme="light"] .gv-tb-icon img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(18%) saturate(936%) hue-rotate(182deg) brightness(94%) contrast(91%);
  opacity: 0.86;
}

:root[data-av-theme="light"] .gv-tb-icon:hover img,
:root[data-av-theme="light"] .gv-tb-icon:focus-visible img {
  opacity: 0.96;
}

:root[data-av-theme="light"] .gv-unicon-frame {
  border-color: rgba(17, 24, 39, 0.34);
  background: rgba(255, 255, 255, 0.62);
}

:root[data-av-theme="light"] .gv-dock-inner,
:root[data-av-theme="light"] .gv-pop,
:root[data-av-theme="light"] .gv-dock-language-menu {
  border-color: rgba(166, 133, 0, 0.24);
  background: rgba(255, 255, 255, 0.90);
  box-shadow:
    0 16px 38px rgba(15, 23, 42, 0.14),
    inset 0 0 0 1px rgba(255, 255, 255, 0.50);
}

:root[data-av-theme="light"] .gv-pop button,
:root[data-av-theme="light"] .gv-dock-user-email,
:root[data-av-theme="light"] .gv-dock-language-option {
  color: rgba(17, 24, 39, 0.88);
}

:root[data-av-theme="light"] .gv-dock-user {
  background: rgba(243, 195, 0, 0.08);
  border-color: rgba(166, 133, 0, 0.18);
}

:root[data-av-theme="light"] .gv-dock-clock {
  color: rgba(17, 24, 39, 0.90);
}

:root[data-av-theme="light"] .gv-dock-clock-date {
  color: rgba(71, 85, 105, 0.66);
}

:root[data-av-theme="light"] .gv-dock-clock-time {
  color: rgba(17, 24, 39, 0.94);
}

:root[data-av-theme="light"] .gv-dock-fullscreen-btn {
  color: rgba(17, 24, 39, 0.76);
  background: transparent;
  box-shadow: none;
}

:root[data-av-theme="light"] .gv-dock-fullscreen-btn:hover,
:root[data-av-theme="light"] .gv-dock-fullscreen-btn:focus-visible {
  color: rgba(122, 98, 0, 0.96);
  background: transparent;
  box-shadow: none;
}

:root[data-av-theme="light"] .gv-combo__control,
:root[data-av-theme="light"] .gv-combo__menu {
  background: rgba(255, 255, 255, 0.96);
  color: rgba(17, 24, 39, 0.94);
  border-color: rgba(166, 133, 0, 0.30);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10);
}

:root[data-av-theme="light"] .gv-combo__label,
:root[data-av-theme="light"] .gv-combo__option,
:root[data-av-theme="light"] .gv-combo__caret {
  color: rgba(17, 24, 39, 0.92);
}

:root[data-av-theme="light"] .gv-combo__placeholder,
:root[data-av-theme="light"] .gv-combo__empty {
  color: rgba(71, 85, 105, 0.68);
}

:root[data-av-theme="light"] .gv-combo__option:hover,
:root[data-av-theme="light"] .gv-combo__option:focus-visible,
:root[data-av-theme="light"] .gv-combo__option.is-active,
:root[data-av-theme="light"] .gv-combo__option.is-selected {
  background: rgba(243, 195, 0, 0.16);
  color: rgba(17, 24, 39, 0.96);
}

:root[data-av-theme="light"] .jv-register-field,
:root[data-av-theme="light"] .jv-register-map > span,
:root[data-av-theme="light"] .jv-options-range-row > span {
  color: var(--gv-content-muted);
}

:root[data-av-theme="light"] .jv-about-field dt,
:root[data-av-theme="light"] .jv-pricing-price strong {
  color: #7a6200;
}

:root[data-av-theme="light"] .jv-register-field small {
  color: var(--gv-content-subtle);
}

:root[data-av-theme="light"] .jv-register-vat-box,
:root[data-av-theme="light"] .jv-register-map-frame,
:root[data-av-theme="light"] .jv-options-range-control strong,
:root[data-av-theme="light"] .jv-options-zoom-row strong {
  border-color: rgba(166, 133, 0, 0.24);
  background: rgba(255, 255, 255, 0.72);
  color: var(--gv-content-text);
}

:root[data-av-theme="light"] .jv-register-vat-box:focus-within {
  border-color: rgba(166, 133, 0, 0.62);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.18);
}

:root[data-av-theme="light"] .jv-register-icon-btn {
  color: #7a6200;
  border-color: rgba(166, 133, 0, 0.32);
  background:
    radial-gradient(circle at 50% 0%, rgba(243, 195, 0, 0.20), transparent 62%),
    rgba(255, 255, 255, 0.78);
}

:root[data-av-theme="light"] .jv-register-icon-btn:hover,
:root[data-av-theme="light"] .jv-register-icon-btn:focus-visible {
  color: rgba(17, 24, 39, 0.96);
  border-color: rgba(166, 133, 0, 0.58);
  background: rgba(243, 195, 0, 0.16);
}

:root[data-av-theme="light"] .jv-password-toggle {
  color: #7a6200;
}

:root[data-av-theme="light"] .jv-password-toggle:hover,
:root[data-av-theme="light"] .jv-password-toggle:focus-visible {
  color: rgba(17, 24, 39, 0.96);
  background: rgba(243, 195, 0, 0.16);
}

:root[data-av-theme="light"] .jv-register-submit {
  color: rgba(17, 24, 39, 0.96);
  border-color: rgba(166, 133, 0, 0.42);
  background:
    linear-gradient(180deg, rgba(255, 224, 79, 0.92), rgba(243, 195, 0, 0.74)),
    #f3c300;
  box-shadow: 0 8px 20px rgba(122, 98, 0, 0.16);
}

:root[data-av-theme="light"] .jv-options-segments {
  border-color: rgba(166, 133, 0, 0.22);
  background: rgba(255, 255, 255, 0.68);
}

:root[data-av-theme="light"] .jv-options-segments button {
  color: rgba(55, 65, 81, 0.86);
}

:root[data-av-theme="light"] .jv-options-segments button.is-active {
  color: rgba(17, 24, 39, 0.98);
  border-color: rgba(166, 133, 0, 0.60);
  background: rgba(243, 195, 0, 0.24);
  box-shadow: 0 0 0 2px rgba(243, 195, 0, 0.12);
}

:root[data-av-theme="light"] .jv-register-map-empty {
  color: rgba(55, 65, 81, 0.72);
}

.gv-window input[type="text"],
.gv-window input[type="email"],
.gv-window input[type="password"],
.gv-window input[type="tel"],
.gv-window input[type="number"],
.gv-window input:not([type]),
.gv-window textarea,
.gv-window select {
  background: var(--gv-input-bg) !important;
  color: var(--gv-input-text) !important;
  border-color: var(--gv-input-border) !important;
}

.gv-window input[type="text"]:hover,
.gv-window input[type="email"]:hover,
.gv-window input[type="password"]:hover,
.gv-window input[type="tel"]:hover,
.gv-window input[type="number"]:hover,
.gv-window input:not([type]):hover,
.gv-window textarea:hover,
.gv-window select:hover,
.gv-window input[type="text"]:focus,
.gv-window input[type="email"]:focus,
.gv-window input[type="password"]:focus,
.gv-window input[type="tel"]:focus,
.gv-window input[type="number"]:focus,
.gv-window input:not([type]):focus,
.gv-window textarea:focus,
.gv-window select:focus {
  background: var(--gv-input-bg-hover) !important;
  border-color: var(--gv-input-border-hover) !important;
}

.gv-window input::placeholder,
.gv-window textarea::placeholder {
  color: var(--gv-input-placeholder) !important;
}

.gv-window .av-meeting-email-input {
  height: var(--gv-input-h) !important;
  min-height: var(--gv-input-h) !important;
  line-height: calc(var(--gv-input-h) - 2px) !important;
  text-align: center !important;
  border: 1px solid rgba(243, 195, 0, 0.34) !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-clip: padding-box !important;
}

.gv-window .av-meeting-email-input:hover,
.gv-window .av-meeting-email-input:focus {
  border: 1px solid rgba(243, 195, 0, 0.72) !important;
  outline: none !important;
  box-shadow: none !important;
}

.gv-window,
.gv-window * {
  scrollbar-width: thin;
  scrollbar-color: var(--gv-scroll-thumb) var(--gv-scroll-track);
}

.gv-window ::-webkit-scrollbar {
  width: var(--gv-scroll-size);
  height: var(--gv-scroll-size);
}

.gv-window ::-webkit-scrollbar-track {
  background: var(--gv-scroll-track);
  border-radius: var(--gv-scroll-radius);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.gv-window ::-webkit-scrollbar-thumb {
  background-color: var(--gv-scroll-thumb);
  border-radius: var(--gv-scroll-radius);
  border: 2px solid transparent;
  background-clip: content-box;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.gv-window ::-webkit-scrollbar-thumb:hover {
  background-color: var(--gv-scroll-thumb-hover);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.gv-window ::-webkit-scrollbar-thumb:active {
  background-color: var(--gv-scroll-thumb-active);
}

.gv-window ::-webkit-scrollbar-corner {
  background: transparent;
}

@supports (scrollbar-gutter: stable) {
  .gv-window .gv-window-body {
    scrollbar-gutter: stable;
  }
}
:root {
  --jv-black: #070707;
  --jv-text: #14120b;
  --jv-muted: #5f5a4a;
  --jv-yellow: #f3c300;
  --jv-yellow-soft: #fff4b8;
  --jv-line: rgba(20, 18, 11, 0.12);
  --jv-default-zoom: 0.9;
  --jv-dock-bottom: 18px;
  --jv-dock-height: 60px;
  --jv-font: Avenir Next, Montserrat, Trebuchet MS, Verdana, sans-serif;
  font-family: var(--jv-font);
  color: var(--jv-text);
  background: #fff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

button {
  font: inherit;
}

.jv-app {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100vw / var(--jv-default-zoom));
  height: calc(100svh / var(--jv-default-zoom));
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 18%, rgba(243, 195, 0, .14), transparent 30%),
    radial-gradient(circle at 78% 46%, rgba(255, 244, 184, .26), transparent 34%),
    linear-gradient(180deg, #fff 0%, #fffdf3 48%, #fff 100%);
  transform: scale(var(--jv-default-zoom));
  transform-origin: 0 0;
  scrollbar-color: rgba(243, 195, 0, .62) rgba(40, 32, 0, .08);
  scrollbar-width: thin;
}

.jv-landing {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 253, 242, .88) 46%, rgba(255, 255, 255, .95)),
    #fff;
  scrollbar-color: rgba(243, 195, 0, .62) rgba(40, 32, 0, .08);
  scrollbar-width: thin;
}

.jv-landing::-webkit-scrollbar {
  width: 10px;
}

.jv-landing::-webkit-scrollbar-track {
  background: rgba(40, 32, 0, .08);
}

.jv-landing::-webkit-scrollbar-thumb {
  border: 2px solid rgba(255, 253, 243, .96);
  border-radius: 999px;
  background: rgba(199, 157, 0, .72);
}

.jv-auth-desktop {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #fbfbf4 url('/Image/Desktop/jobvea-auth-desktop-photo.png') center center / cover no-repeat;
}

.jv-slide-panel {
  height: min(640px, calc(100svh - 88px));
  min-height: 520px;
  color: #fff;
  background: #0a0a0a;
}

.jv-slide-stage {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

.jv-slide-stage::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: none;
}

.jv-slide-brand {
  position: absolute;
  z-index: 3;
  top: 28px;
  left: clamp(22px, 6vw, 92px);
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.jv-slide-brand img,
.jv-dock-brand img {
  object-fit: contain;
}

.jv-slide-brand img {
  width: 72px;
  height: 72px;
}

.jv-slide-brand-copy {
  display: grid;
  gap: 4px;
}

.jv-dock-brand img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.jv-slide-brand strong,
.jv-dock-brand strong {
  color: var(--jv-yellow);
  font-weight: 950;
  line-height: 1;
}

.jv-slide-brand strong {
  font-size: 24px;
}

.jv-slide-brand small {
  color: rgba(255, 249, 215, .86);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.jv-dock-brand strong {
  font-size: 0.92rem;
}

.jv-slide-brand strong span,
.jv-dock-brand strong span {
  color: #fff;
}

.jv-slide-copy {
  position: relative;
  z-index: 2;
  display: grid;
  max-width: 820px;
  height: 100%;
  align-content: center;
  padding: 112px clamp(30px, 8vw, 128px) 86px;
  border-left: 4px solid transparent;
}

.jv-slide-copy p,
.jv-section-heading p,
.jv-split p,
.jv-media-copy p,
.jv-trust > div > p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-slide-copy p {
  color: var(--jv-yellow);
}

.jv-slide-copy h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(36px, 4.8vw, 74px);
  font-weight: 950;
  line-height: 0.94;
  letter-spacing: 0;
  text-shadow: 0 14px 34px rgba(0, 0, 0, .36);
}

.jv-slide-copy span {
  display: block;
  max-width: 720px;
  margin-top: 15px;
  color: rgba(245, 248, 250, .88);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.48;
  text-shadow: 0 10px 26px rgba(0, 0, 0, .4);
}

.jv-slide-arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(243, 195, 0, .36);
  border-radius: 50%;
  color: var(--jv-yellow);
  background: rgba(0, 0, 0, .5);
  cursor: pointer;
  transform: translateY(-50%);
}

.jv-slide-arrow svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
}

.jv-slide-arrow.is-prev {
  left: 22px;
}

.jv-slide-arrow.is-next {
  right: 22px;
}

.jv-slide-dots {
  position: absolute;
  z-index: 4;
  right: clamp(22px, 6vw, 90px);
  bottom: 34px;
  display: flex;
  gap: 8px;
}

.jv-slide-dots button {
  width: 34px;
  height: 6px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .36);
  cursor: pointer;
}

.jv-slide-dots button.is-active {
  background: var(--jv-yellow);
}

.jv-reviews {
  position: relative;
  overflow: hidden;
  height: clamp(420px, 54vh, 620px);
  padding: 56px clamp(22px, 6vw, 92px);
  color: #18160f;
  background: #fff;
}

.jv-reviews-wall {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  min-height: 0;
  overflow: hidden;
}

.jv-reviews-column {
  display: grid;
  gap: 14px;
  align-content: start;
  animation: jv-review-drift 160s linear infinite;
}

.jv-reviews-column:nth-child(2) {
  animation-delay: -54s;
}

.jv-reviews-column:nth-child(3) {
  animation-delay: -108s;
}

.jv-reviews-wall:hover .jv-reviews-column {
  animation-play-state: paused;
}

.jv-review {
  display: grid;
  gap: 18px;
  min-height: 184px;
  padding: 22px;
  border: 1px solid rgba(24, 22, 15, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  box-shadow: none;
}

.jv-review blockquote {
  margin: 0;
  color: #272315;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.45;
}

.jv-review div {
  display: grid;
  gap: 3px;
  align-self: end;
}

.jv-review strong {
  color: #16130a;
  font-size: 13px;
  font-weight: 950;
}

.jv-review span,
.jv-review small {
  color: rgba(24, 22, 15, .62);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
}

@keyframes jv-review-drift {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-50%);
  }
}

.jv-market-map {
  display: block;
  padding: 36px clamp(22px, 6vw, 96px) 46px;
  color: #17140a;
  background:
    linear-gradient(180deg, #fff 0%, #fffdf2 54%, #fff 100%);
}

.jv-market-map-stage {
  position: relative;
  width: min(860px, 100%);
  aspect-ratio: 16 / 9;
  min-height: 0;
  margin: 0 auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(243, 195, 0, .10), transparent 58%),
    transparent;
}

.jv-market-map-viewport {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.jv-market-map-canvas {
  position: absolute;
  inset: 0;
  transform: scale(1.48);
  transform-origin: 30% 58%;
}

.jv-market-map-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: .34;
  filter: grayscale(1) sepia(.28) saturate(.55) contrast(1.42) brightness(1.12) blur(.22px);
  pointer-events: none;
}

.jv-market-map-stage::before {
  content: none;
}

.jv-market-dot {
  position: absolute;
  z-index: 2;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  pointer-events: none;
  transform: translate(-50%, -100%);
}

.jv-market-dot::before {
  content: "";
}

.jv-market-dot span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.jv-market-dot span img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: drop-shadow(0 5px 8px rgba(24, 22, 15, .18));
}

.jv-market-dot.is-active span {
  animation: jv-map-logo-pulse 1.8s ease-in-out infinite;
}

.jv-market-dot em {
  position: absolute;
  left: 50%;
  top: 100%;
  max-width: 112px;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  color: rgba(24, 22, 15, .78);
  background: transparent;
  box-shadow: none;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  text-shadow: none;
  transform: translate(-50%, var(--jv-label-y));
  white-space: nowrap;
}

.jv-market-dot.is-active em {
  color: #17140a;
  font-weight: 950;
}

.jv-market-review {
  position: absolute;
  z-index: 4;
  width: 310px;
  max-width: min(310px, 54vw);
  padding: 16px 18px 15px;
  border: 1px solid rgba(20, 18, 11, .10);
  border-radius: 8px;
  color: #17140a;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 18px 42px rgba(24, 22, 15, .15);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 34px)) scale(.86);
  transform-origin: center bottom;
  animation: jv-market-review 10s ease-in-out both;
}

.jv-market-review.is-left {
  transform: translate(calc(-100% + 24px), calc(-100% - 34px)) scale(.86);
  transform-origin: right bottom;
}

.jv-market-review.is-low {
  transform: translate(-50%, 30px) scale(.86);
  transform-origin: center top;
}

.jv-market-review.is-left.is-low {
  transform: translate(calc(-100% + 24px), 30px) scale(.86);
  transform-origin: right top;
}

.jv-market-review blockquote {
  display: -webkit-box;
  overflow: hidden;
  margin: 8px 0 0;
  color: rgba(24, 22, 15, .80);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.jv-market-review strong {
  display: block;
  color: #17140a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
}

.jv-market-review small {
  display: block;
  margin-top: 7px;
  color: #9b7c00;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

@keyframes jv-map-pulse {
  0% {
    opacity: .78;
    transform: scale(.45);
  }

  100% {
    opacity: 0;
    transform: scale(2.15);
  }
}

@keyframes jv-market-review {
  0% {
    opacity: 0;
  }

  16%,
  82% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes jv-map-logo-pulse {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-1px) scale(1.08);
  }
}

.jv-opportunities {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  color: #fff;
  background: #080807;
}

.jv-opportunities::before {
  content: none;
}

.jv-opportunities-bar,
.jv-opportunities-head,
.jv-opportunity-rail {
  position: relative;
  z-index: 1;
}

.jv-opportunities-bar {
  display: block;
  width: 100%;
}

.jv-opportunity-rail {
  overflow: hidden;
  min-width: 0;
}

.jv-opportunity-track {
  display: flex;
  width: max-content;
  animation: jv-opportunity-scroll max(360s, calc(var(--jv-opportunity-count) * 10s)) linear infinite;
  will-change: transform;
}

.jv-opportunity-rail:hover .jv-opportunity-track {
  animation-play-state: paused;
}

.jv-opportunity {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  flex: 0 0 clamp(290px, 22vw, 360px);
  min-width: 0;
  min-height: 156px;
  align-content: center;
  gap: 8px;
  overflow: hidden;
  padding: 18px 24px;
  border-right: 1px solid rgba(190, 190, 190, .34);
}

.jv-opportunity.is-real {
  border-right-color: rgba(210, 210, 210, .48);
}

.jv-opportunity-main,
.jv-opportunity-detail,
.jv-opportunity-meta,
.jv-opportunity-skills,
.jv-opportunity-salary {
  min-width: 0;
}

.jv-opportunity-main {
  display: grid;
  gap: 8px;
}

.jv-opportunity h3 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.25;
  letter-spacing: 0;
}

.jv-opportunity-detail {
  display: grid;
  gap: 4px;
}

.jv-opportunity-detail strong,
.jv-opportunity-detail small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-opportunity-detail strong {
  color: rgba(255, 249, 215, .86);
  font-size: 13px;
  font-weight: 900;
}

.jv-opportunity-detail small,
.jv-opportunity-salary span {
  color: rgba(255, 249, 215, .58);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

.jv-opportunity-meta,
.jv-opportunity-skills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.jv-opportunity-meta span,
.jv-opportunity-skills em {
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 249, 215, .84);
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-opportunity-salary {
  display: grid;
  gap: 4px;
}

.jv-opportunity-salary strong {
  color: var(--jv-yellow);
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
}

@keyframes jv-opportunity-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.jv-referral-benefit,
.jv-story,
.jv-steps,
.jv-states,
.jv-difference,
.jv-match,
.jv-feature,
.jv-final,
.jv-market-signals {
  padding: 88px clamp(22px, 6vw, 96px);
}

.jv-referral-benefit {
  position: relative;
  overflow: hidden;
  background: transparent;
}

.jv-referral-benefit::before {
  position: absolute;
  top: 0;
  left: clamp(22px, 7vw, 116px);
  right: clamp(22px, 7vw, 116px);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(243, 195, 0, .26), transparent);
  content: "";
}

.jv-referral-benefit .jv-media-band-inner {
  width: min(920px, 100%);
}

.jv-referral-programs {
  display: grid;
  gap: 74px;
}

.jv-referral-program {
  position: relative;
  z-index: 1;
}

.jv-referral-program + .jv-referral-program::before {
  position: absolute;
  top: -38px;
  left: 50%;
  width: min(560px, 70%);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(243, 195, 0, .24), transparent);
  content: "";
  transform: translateX(-50%);
}

.jv-referral-program::after {
  position: absolute;
  inset: 72px 7% auto;
  height: 104px;
  border: 1px solid rgba(243, 195, 0, .18);
  border-top: 0;
  border-radius: 0 0 48px 48px;
  pointer-events: none;
  content: "";
}

.jv-referral-program:first-child::after {
  border-color: rgba(20, 18, 11, .12);
}

.jv-referral-program:last-child::after {
  border-top: 1px solid rgba(243, 195, 0, .20);
}

.jv-referral-benefit-copy,
.jv-referral-flow,
.jv-referral-benefit-table {
  position: relative;
  z-index: 1;
}

.jv-referral-benefit-copy {
  width: min(780px, 100%);
  margin: 0 auto;
  text-align: center;
}

.jv-referral-benefit-copy p {
  margin: 0 0 10px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-referral-benefit-copy h2 {
  margin: 0;
  color: var(--jv-text);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
}

.jv-referral-benefit-copy span {
  display: block;
  margin: 18px auto 0;
  max-width: 780px;
  color: var(--jv-muted);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.55;
}

.jv-referral-flow {
  position: relative;
  display: flex;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: min(860px, 100%);
  margin: 38px auto 0;
  align-items: start;
  justify-content: space-between;
}

.jv-referral-flow::before {
  position: absolute;
  top: 17px;
  left: 12%;
  right: 12%;
  height: 2px;
  background:
    linear-gradient(90deg, rgba(243, 195, 0, .18), rgba(243, 195, 0, .64), rgba(243, 195, 0, .18));
  content: "";
}

.jv-referral-flow article,
.jv-referral-benefit-table article {
  min-width: 0;
}

.jv-referral-flow article {
  display: flex;
  width: 30%;
  flex-direction: column;
  gap: 13px;
  align-content: start;
  align-items: center;
  padding: 0 10px;
  text-align: center;
}

.jv-referral-flow strong {
  position: relative;
  z-index: 1;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, .9);
  border-radius: 999px;
  color: #171206;
  background: var(--jv-yellow);
  box-shadow:
    0 12px 28px rgba(40, 32, 0, .12),
    0 0 0 8px rgba(243, 195, 0, .10);
  font-size: 15px;
  font-weight: 950;
}

.jv-referral-flow h3,
.jv-referral-benefit-table strong {
  margin: 0;
  color: var(--jv-text);
  font-size: 16px;
  font-weight: 950;
  line-height: 1.2;
}

.jv-referral-flow p,
.jv-referral-benefit-table p {
  margin: 0;
  color: var(--jv-muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.48;
}

.jv-referral-benefit-table {
  display: flex;
  gap: 14px;
  width: min(760px, 100%);
  margin: 32px auto 0;
  align-items: stretch;
  justify-content: center;
}

.jv-referral-benefit-table article {
  position: relative;
  display: grid;
  min-width: 0;
  flex: 1 1 0;
  gap: 5px;
  padding: 0 0 0 18px;
  border-left: 3px solid rgba(243, 195, 0, .74);
  background: transparent;
}

.jv-referral-benefit-table span {
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.jv-section-heading {
  width: min(760px, 100%);
  margin: 0 auto;
  text-align: center;
}

.jv-media-band {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  padding: 78px clamp(22px, 6vw, 96px);
  background: transparent;
}

.jv-media-band-inner {
  position: relative;
  z-index: 3;
  width: min(820px, 100%);
  margin: 0 auto;
}

.jv-media-copy {
  width: min(760px, 100%);
  margin: 0 auto;
  text-align: center;
}

.jv-band-image {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: min(39vw, 560px);
  pointer-events: none;
}

.jv-band-image.is-left {
  left: 0;
}

.jv-band-image.is-right {
  right: 0;
}

.jv-band-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  filter: brightness(1.07) contrast(.92) saturate(.9);
}

.jv-band-image img {
  object-fit: cover;
  opacity: .92;
}

.jv-band-image.is-left img {
  object-position: left center;
  mask-image:
    linear-gradient(to right, #000 0%, #000 54%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(to right, #000 0%, #000 54%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
}

.jv-band-image.is-right img {
  object-position: right center;
  mask-image:
    linear-gradient(to left, #000 0%, #000 54%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image:
    linear-gradient(to left, #000 0%, #000 54%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
}


.jv-section-heading h2,
.jv-split h2,
.jv-media-copy h2,
.jv-state-layout h2,
.jv-trust h2,
.jv-founder h2,
.jv-final h2 {
  margin: 0;
  color: var(--jv-text);
  font-size: clamp(30px, 3vw, 46px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
}

.jv-section-heading span,
.jv-split span,
.jv-media-copy span,
.jv-state-layout span,
.jv-trust span,
.jv-founder-copy span,
.jv-final p {
  display: block;
  margin-top: 18px;
  color: var(--jv-muted);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.55;
}

.jv-split li,
.jv-match-grid div,
.jv-story-grid article,
.jv-step-grid article,
.jv-state-grid article,
.jv-difference-grid article,
.jv-trust li,
.jv-market-signals article {
  border: 1px solid var(--jv-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 18px 50px rgba(40, 32, 0, .08);
}

.jv-story-grid,
.jv-state-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: min(820px, 100%);
  margin: 36px auto 0;
}

.jv-story-grid article,
.jv-state-grid article {
  min-height: 210px;
  padding: 24px;
}

.jv-story-grid h3,
.jv-step-grid h3,
.jv-state-grid h3,
.jv-difference-grid h3,
.jv-market-signals h3 {
  margin: 0;
  color: var(--jv-text);
  font-size: 18px;
  font-weight: 950;
  line-height: 1.15;
}

.jv-story-grid p,
.jv-step-grid p,
.jv-state-grid p,
.jv-difference-grid p,
.jv-market-signals p {
  margin: 14px 0 0;
  color: var(--jv-muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.52;
}

.jv-steps {
  background: transparent;
}

.jv-step-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: min(760px, 100%);
  margin: 34px auto 0;
}

.jv-step-grid article {
  display: grid;
  min-height: 250px;
  align-content: start;
  padding: 22px;
}

.jv-step-grid strong {
  display: inline-grid;
  width: 42px;
  height: 42px;
  margin-bottom: 24px;
  place-items: center;
  border-radius: 50%;
  color: var(--jv-black);
  background: var(--jv-yellow);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.jv-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
  width: min(980px, calc(100% - 48px));
  margin: 0 auto;
  padding: 72px clamp(22px, 7vw, 116px);
  border-block: 0;
  background: transparent;
}

.jv-split > div {
  min-width: 0;
}

.jv-split ul {
  display: grid;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.jv-split li {
  padding: 14px 16px;
  color: var(--jv-text);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.jv-anonymous-profile {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  justify-items: center;
  padding: 88px clamp(22px, 6vw, 96px);
  color: #17140a;
  background: #fff;
}

.jv-anonymous-copy {
  width: min(780px, 100%);
  text-align: center;
}

.jv-anonymous-copy p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-anonymous-copy h2 {
  max-width: 760px;
  margin: 0;
  margin-inline: auto;
  color: #17140a;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
}

.jv-anonymous-copy span {
  display: block;
  max-width: 680px;
  margin-top: 18px;
  margin-inline: auto;
  color: rgba(24, 22, 15, .66);
  font-size: 15px;
  font-weight: 780;
  line-height: 1.45;
}

.jv-anonymous-demo {
  display: grid;
  grid-template-columns: minmax(260px, 390px) minmax(300px, 460px);
  gap: 16px;
  width: min(880px, 100%);
  min-width: 0;
}

.jv-anonymous-card,
.jv-anonymous-score {
  min-width: 0;
  border: 1px solid rgba(20, 18, 11, .10);
  border-radius: 8px;
  background: rgba(255, 253, 242, .72);
  box-shadow: 0 18px 42px rgba(24, 22, 15, .08);
}

.jv-anonymous-card {
  display: grid;
  gap: 18px;
  padding: 20px;
}

.jv-anonymous-head {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.jv-anonymous-avatar {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  border-radius: 50%;
  background:
    linear-gradient(180deg, rgba(243, 195, 0, .24), rgba(255, 255, 255, .58));
}

.jv-anonymous-avatar span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background:
    linear-gradient(180deg, rgba(24, 22, 15, .22), rgba(24, 22, 15, .12));
  box-shadow: 0 20px 0 -9px rgba(24, 22, 15, .16);
}

.jv-anonymous-head div:last-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.jv-anonymous-head small,
.jv-anonymous-score span,
.jv-anonymous-score small,
.jv-anonymous-lock span {
  color: rgba(24, 22, 15, .58);
}

.jv-anonymous-head small {
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.jv-anonymous-head strong {
  color: #17140a;
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
}

.jv-anonymous-head em {
  overflow: hidden;
  color: rgba(24, 22, 15, .66);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-anonymous-facts {
  display: grid;
  gap: 8px;
}

.jv-anonymous-facts span {
  overflow: hidden;
  padding: 10px 12px;
  border-radius: 8px;
  color: rgba(24, 22, 15, .78);
  background: rgba(255, 255, 255, .72);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-anonymous-lock {
  display: grid;
  gap: 7px;
  padding: 13px 14px;
  border: 1px solid rgba(155, 124, 0, .16);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(243, 195, 0, .14), rgba(255, 255, 255, .54));
}

.jv-anonymous-lock strong {
  color: #17140a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.jv-anonymous-lock span {
  font-size: 12px;
  font-weight: 760;
  line-height: 1.35;
}

.jv-anonymous-score {
  display: grid;
  gap: 13px;
  padding: 20px;
}

.jv-anonymous-score > strong {
  color: #17140a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1;
}

.jv-anonymous-score div {
  position: relative;
  display: grid;
  grid-template-columns: minmax(78px, .48fr) minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  overflow: hidden;
  padding-bottom: 11px;
  opacity: .48;
  animation: jv-anonymous-row 8s ease-in-out infinite;
  animation-delay: calc(var(--jv-anonymous-step) * .8s);
}

.jv-anonymous-score div::after,
.jv-anonymous-score i {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  content: "";
}

.jv-anonymous-score div::after {
  right: 0;
  background: rgba(24, 22, 15, .08);
}

.jv-anonymous-score i {
  z-index: 1;
  background: var(--jv-yellow);
  transform: scaleX(0);
  transform-origin: left center;
  animation: jv-anonymous-bar 8s ease-in-out infinite;
  animation-delay: calc(var(--jv-anonymous-step) * .8s);
}

.jv-anonymous-score span {
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.jv-anonymous-score small {
  overflow: hidden;
  font-size: 12px;
  font-weight: 760;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-anonymous-score em {
  color: #17140a;
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

@keyframes jv-anonymous-row {
  0%,
  18% {
    opacity: .48;
    transform: translateY(0);
  }

  28%,
  72% {
    opacity: 1;
    transform: translateY(-1px);
  }

  100% {
    opacity: .48;
    transform: translateY(0);
  }
}

@keyframes jv-anonymous-bar {
  0%,
  20% {
    transform: scaleX(0);
  }

  42%,
  82% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.jv-match-process {
  padding: 78px clamp(22px, 6vw, 96px) 84px;
  color: #17140a;
  background:
    linear-gradient(180deg, #fff, #fffdf2 48%, #fff);
}

.jv-match-process-copy {
  width: min(820px, 100%);
  margin: 0 auto;
  text-align: center;
}

.jv-match-process-copy p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-match-process-copy h2 {
  margin: 0;
  color: #17140a;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
}

.jv-match-process-copy span {
  display: block;
  max-width: 720px;
  margin: 18px auto 0;
  color: rgba(24, 22, 15, .66);
  font-size: 15px;
  font-weight: 780;
  line-height: 1.45;
}

.jv-match-process-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: min(1040px, 100%);
  margin: 42px auto 0;
}

.jv-match-process-flow::before,
.jv-match-process-flow::after {
  position: absolute;
  left: 8%;
  right: 8%;
  top: 31px;
  height: 3px;
  border-radius: 999px;
  content: "";
}

.jv-match-process-flow::before {
  background: rgba(24, 22, 15, .08);
}

.jv-match-process-flow::after {
  background: var(--jv-yellow);
  transform: scaleX(.08);
  transform-origin: left center;
  animation: jv-process-line 9.6s ease-in-out infinite;
}

.jv-match-process-flow article {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
  padding: 0 4px;
  opacity: .52;
  text-align: center;
  animation: jv-process-step 9.6s ease-in-out infinite;
  animation-delay: calc(var(--jv-process-step) * .9s);
}

.jv-match-process-flow strong {
  display: grid;
  width: 64px;
  height: 64px;
  place-items: center;
  margin: 0 auto;
  border: 1px solid rgba(143, 114, 0, .20);
  border-radius: 50%;
  color: #17140a;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 26px rgba(24, 22, 15, .08);
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
}

.jv-match-process-flow div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.jv-match-process-flow h3 {
  margin: 0;
  color: #17140a;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.18;
}

.jv-match-process-flow p {
  margin: 0;
  color: rgba(24, 22, 15, .62);
  font-size: 13px;
  font-weight: 760;
  line-height: 1.38;
}

@keyframes jv-process-line {
  0%,
  10% {
    transform: scaleX(.08);
  }

  35% {
    transform: scaleX(.36);
  }

  58% {
    transform: scaleX(.66);
  }

  82%,
  100% {
    transform: scaleX(1);
  }
}

@keyframes jv-process-line-mobile {
  0%,
  10% {
    transform: scaleY(.08);
  }

  35% {
    transform: scaleY(.36);
  }

  58% {
    transform: scaleY(.66);
  }

  82%,
  100% {
    transform: scaleY(1);
  }
}

@keyframes jv-process-step {
  0%,
  16% {
    opacity: .52;
    transform: translateY(0);
  }

  26%,
  58% {
    opacity: 1;
    transform: translateY(-3px);
  }

  78%,
  100% {
    opacity: .62;
    transform: translateY(0);
  }
}

.jv-platform-compare {
  padding: 78px clamp(22px, 6vw, 96px) 88px;
  color: #17140a;
  background: #fff;
}

.jv-platform-compare-copy {
  width: min(820px, 100%);
  margin: 0 auto;
  text-align: center;
}

.jv-platform-compare-copy p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-platform-compare-copy h2 {
  margin: 0;
  color: #17140a;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 950;
  line-height: 1.04;
  letter-spacing: 0;
}

.jv-platform-compare-copy span {
  display: block;
  max-width: 720px;
  margin: 18px auto 0;
  color: rgba(24, 22, 15, .66);
  font-size: 15px;
  font-weight: 780;
  line-height: 1.45;
}

.jv-platform-compare-table {
  width: min(960px, 100%);
  margin: 38px auto 0;
  border: 1px solid rgba(20, 18, 11, .10);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(255, 253, 242, .58);
}

.jv-platform-compare-visual {
  display: grid;
  gap: 14px;
  width: min(780px, 100%);
  margin: 36px auto 0;
}

.jv-platform-path {
  display: grid;
  grid-template-columns: 90px minmax(36px, 1fr) 90px minmax(36px, 1fr) 90px;
  gap: 10px;
  align-items: center;
}

.jv-platform-path span {
  display: grid;
  min-width: 0;
  height: 42px;
  place-items: center;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.jv-platform-path i {
  position: relative;
  display: block;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
}

.jv-platform-path i::after {
  position: absolute;
  inset: 0;
  content: "";
  transform: translateX(-100%);
}

.jv-platform-path.is-old span {
  color: rgba(24, 22, 15, .46);
  background: rgba(24, 22, 15, .05);
}

.jv-platform-path.is-old i {
  background: rgba(24, 22, 15, .08);
}

.jv-platform-path.is-old i::after {
  background: linear-gradient(90deg, transparent, rgba(24, 22, 15, .18), transparent);
  animation: jv-platform-noise 4.8s ease-in-out infinite;
}

.jv-platform-path.is-jobvea span {
  color: #17140a;
  background:
    linear-gradient(180deg, rgba(243, 195, 0, .26), rgba(255, 255, 255, .72));
  box-shadow: 0 12px 24px rgba(24, 22, 15, .08);
}

.jv-platform-path.is-jobvea i {
  background: rgba(143, 114, 0, .14);
}

.jv-platform-path.is-jobvea i::after {
  background: var(--jv-yellow);
  animation: jv-platform-signal 4.8s ease-in-out infinite;
}

.jv-platform-compare-head,
.jv-platform-compare-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.jv-platform-compare-head strong {
  padding: 16px 18px;
  color: #17140a;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.2;
}

.jv-platform-compare-head strong:first-child {
  color: rgba(24, 22, 15, .58);
  background: rgba(24, 22, 15, .04);
}

.jv-platform-compare-head strong:last-child {
  background: rgba(243, 195, 0, .18);
}

.jv-platform-compare-row {
  border-top: 1px solid rgba(20, 18, 11, .08);
  opacity: .62;
  animation: jv-platform-row 9.2s ease-in-out infinite;
  animation-delay: calc(var(--jv-compare-step) * .85s);
}

.jv-platform-compare-row span {
  min-width: 0;
  padding: 16px 18px;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.35;
}

.jv-platform-compare-row span:first-child {
  color: rgba(24, 22, 15, .55);
}

.jv-platform-compare-row span:last-child {
  position: relative;
  color: #17140a;
  background: rgba(255, 255, 255, .64);
  font-weight: 900;
}

.jv-platform-compare-row span:last-child::before {
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 999px;
  background: var(--jv-yellow);
  content: "";
  opacity: .35;
}

@keyframes jv-platform-row {
  0%,
  18% {
    opacity: .62;
  }

  30%,
  64% {
    opacity: 1;
  }

  100% {
    opacity: .62;
  }
}

@keyframes jv-platform-signal {
  0% {
    transform: translateX(-100%);
  }

  34%,
  62% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes jv-platform-noise {
  0%,
  100% {
    opacity: .25;
    transform: translateX(-100%);
  }

  50% {
    opacity: .8;
    transform: translateX(35%);
  }
}

.jv-states {
  background: transparent;
}

.jv-state-layout {
  display: block;
  width: min(760px, 100%);
  margin: 0 auto;
}

.jv-state-layout > div:first-child > p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.jv-state-grid article {
  border-color: rgba(243, 195, 0, .28);
}

.jv-state-grid h3 {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--jv-black);
  background: var(--jv-yellow);
  font-size: 12px;
  text-transform: uppercase;
}

.jv-difference {
  background: transparent;
}

.jv-difference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: min(980px, 100%);
  margin: 36px auto 0;
}

.jv-difference-grid article {
  display: grid;
  gap: 22px;
  min-height: 260px;
  padding: 24px;
}

.jv-difference-grid div {
  display: grid;
  gap: 14px;
}

.jv-difference-grid p,
.jv-difference-grid strong {
  display: block;
  margin: 0;
  padding-left: 14px;
  border-left: 3px solid rgba(20, 18, 11, .18);
}

.jv-difference-grid strong {
  border-color: var(--jv-yellow);
  color: var(--jv-text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.48;
}

.jv-match {
  background: transparent;
}

.jv-match-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  width: min(860px, 100%);
  margin: 34px auto 0;
}

.jv-match-grid div {
  display: grid;
  gap: 12px;
  min-height: 104px;
  align-content: center;
  padding: 16px;
}

.jv-match-grid span {
  color: var(--jv-muted);
  font-size: 11px;
  font-weight: 950;
  line-height: 1.2;
  text-transform: uppercase;
}

.jv-match-grid strong {
  font-size: 24px;
  font-weight: 950;
}

.jv-match-grid .is-total {
  color: #fff;
  background: var(--jv-black);
}

.jv-match-grid .is-total span {
  color: var(--jv-yellow);
}

.jv-trust {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
  gap: 42px;
  width: min(980px, calc(100% - 48px));
  margin: 0 auto;
  align-items: center;
  padding: 78px clamp(22px, 7vw, 116px);
  border-block: 0;
  background: transparent;
}

.jv-trust ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.jv-trust li {
  min-height: 86px;
  padding: 18px;
  color: var(--jv-text);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.35;
}

.jv-market-signals {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: min(980px, calc(100% - 48px));
  margin: 0 auto;
  background: transparent;
}

.jv-market-signals article {
  min-height: 190px;
  padding: 24px;
}

.jv-market-signals strong {
  display: block;
  margin-bottom: 18px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.jv-founder {
  position: relative;
  display: grid;
  grid-template-columns: 280px minmax(0, 820px);
  gap: clamp(34px, 6vw, 92px);
  align-items: center;
  justify-content: center;
  min-height: 560px;
  padding: clamp(86px, 9vw, 136px) clamp(22px, 7vw, 116px);
  overflow: hidden;
  background: transparent;
}

.jv-founder::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(243, 195, 0, .18), transparent);
  height: 1px;
  opacity: .86;
}

.jv-founder::after {
  content: none;
}

.jv-founder-photo,
.jv-founder-copy {
  position: relative;
  z-index: 1;
}

.jv-founder-photo {
  width: 240px;
  height: 240px;
  justify-self: center;
  padding: 8px;
  border: 1px solid rgba(243, 195, 0, .34);
  border-radius: 50%;
  background: rgba(255, 255, 255, .92);
  box-shadow:
    0 24px 60px rgba(40, 32, 0, .14),
    0 0 0 10px rgba(243, 195, 0, .08);
}

.jv-founder-photo img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.jv-founder-copy {
  max-width: 820px;
}

.jv-founder-copy p {
  margin: 0 0 12px;
  color: #9b7c00;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.jv-founder-copy strong,
.jv-founder-copy small {
  display: block;
}

.jv-founder-copy strong {
  margin-top: 26px;
  color: var(--jv-text);
  font-size: 18px;
  font-weight: 950;
}

.jv-founder-copy small {
  margin-top: 5px;
  color: rgba(95, 90, 74, .78);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.jv-contact {
  position: relative;
  padding: clamp(56px, 7vw, 92px) clamp(22px, 7vw, 116px) clamp(72px, 8vw, 108px);
  overflow: hidden;
  color: var(--jv-text);
  background: transparent;
}

.jv-contact::before {
  position: absolute;
  top: 0;
  left: clamp(22px, 7vw, 116px);
  right: clamp(22px, 7vw, 116px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(243, 195, 0, .26), transparent);
  content: "";
}

.jv-contact-brandline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(243, 195, 0, .20);
}

.jv-contact-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.jv-contact-brand img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.jv-contact-brand strong {
  color: var(--jv-yellow);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.jv-contact-brand strong span {
  color: var(--jv-text);
}

.jv-contact-brandline a {
  color: rgba(20, 18, 11, .70);
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .02em;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms ease;
}

.jv-contact-brandline a:hover,
.jv-contact-brandline a:focus-visible {
  color: #9b7c00;
  outline: none;
  transform: translateY(-1px);
}

.jv-contact-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 64px);
  margin-top: 34px;
}

.jv-contact article {
  min-height: 210px;
  padding: 0 clamp(22px, 3vw, 42px) 0 0;
}

.jv-contact article:not(:last-child) {
  border-right: 1px solid rgba(243, 195, 0, .20);
}

.jv-contact h2 {
  margin: 0 0 26px;
  color: var(--jv-text);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 950;
  line-height: 1.12;
  letter-spacing: 0;
}

.jv-contact dl {
  display: grid;
  gap: 14px;
  margin: 0;
}

.jv-contact dl div {
  display: grid;
  grid-template-columns: minmax(112px, .45fr) minmax(0, 1fr);
  gap: 16px;
}

.jv-contact dt {
  color: #9b7c00;
  font-size: 13px;
  font-weight: 950;
}

.jv-contact dd {
  margin: 0;
  color: rgba(20, 18, 11, .82);
  font-size: 14px;
  font-weight: 820;
}

.jv-contact a {
  color: inherit;
  text-decoration-color: rgba(155, 124, 0, .46);
  text-underline-offset: 3px;
}

.jv-contact address {
  display: grid;
  gap: 5px;
  margin: 0;
  color: rgba(20, 18, 11, .82);
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.55;
}

.jv-final {
  text-align: center;
  background: transparent;
}

.jv-final h2,
.jv-final p {
  width: min(900px, 100%);
  margin-inline: auto;
}

.jv-dock {
  position: fixed;
  z-index: 1200;
  left: 50%;
  bottom: var(--jv-dock-bottom);
  width: clamp(780px, 75vw, 988px);
  max-width: calc(100vw - 24px);
  transform: translateX(-50%);
  pointer-events: none;
}

.jv-dock-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto minmax(150px, 1fr);
  gap: 8px;
  width: 100%;
  height: var(--jv-dock-height);
  align-items: center;
  padding: 6px 16px;
  border: 1px solid rgba(243, 195, 0, .32);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(243, 195, 0, .12), rgba(255, 255, 255, .018) 34%, rgba(0, 0, 0, 0) 100%),
    rgba(0, 0, 0, .94);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(243, 195, 0, .24);
  backdrop-filter: blur(22px) saturate(1.25);
  pointer-events: auto;
}

.jv-dock-brand,
.jv-dock-actions,
.jv-dock-tools {
  display: flex;
  align-items: center;
  height: 40px;
  min-height: 40px;
}

.jv-dock-brand {
  gap: 12px;
  min-width: 0;
  user-select: none;
}

.jv-dock-user-box {
  position: relative;
  display: inline-flex;
  max-width: min(270px, 30vw);
  min-width: 0;
  align-items: center;
}

.jv-dock-user-email {
  max-width: min(230px, 26vw);
  overflow: hidden;
  padding: 6px 10px;
  border: 1px solid rgba(243, 195, 0, .26);
  border-radius: 999px;
  color: rgba(255, 249, 215, .92) !important;
  background:
    linear-gradient(180deg, rgba(243, 195, 0, .14), rgba(255, 255, 255, .025)),
    rgba(255, 255, 255, .055);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 10px 22px rgba(0, 0, 0, .22);
  font-size: .72rem;
  font-weight: 820;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jv-dock-billing-badge {
  position: absolute;
  right: -8px;
  bottom: -7px;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  padding: 0;
  border: 2px solid rgba(0, 0, 0, .94);
  border-radius: 999px;
  color: #fff;
  background:
    linear-gradient(180deg, #ff5a4f, #b60000);
  box-shadow:
    0 8px 18px rgba(126, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .35);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.jv-dock-billing-badge:hover,
.jv-dock-billing-badge:focus-visible {
  outline: none;
  transform: scale(1.08);
}

.jv-dock-billing-popover {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: calc(100% + 12px);
  width: min(320px, 78vw);
  padding: 10px 12px;
  border: 1px solid rgba(255, 88, 80, .36);
  border-radius: 8px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(76, 0, 0, .98), rgba(28, 0, 0, .98));
  box-shadow:
    0 18px 48px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .09);
  font-size: .76rem;
  font-weight: 760;
  line-height: 1.35;
  text-align: left;
  transform: translateX(-50%);
  white-space: normal;
}

.jv-dock-actions {
  justify-content: center;
  gap: 4px;
}

.jv-dock-app,
.jv-dock-tool,
.jv-lang-current,
.jv-lang-menu button {
  color: var(--jv-yellow);
  border: 0;
  background: transparent;
  cursor: pointer;
}

.jv-dock-app {
  position: relative;
  display: inline-flex;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 10px;
  box-shadow: none;
  transition: color 260ms ease;
}

.jv-dock-app::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 21px;
  height: 8px;
  border-radius: 999px;
  background: rgba(243, 195, 0, .42);
  filter: blur(9px);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scaleX(.68);
  transition: opacity 280ms ease, transform 280ms ease;
}

.jv-dock-app:hover,
.jv-dock-app:focus-visible {
  color: #fff6bd;
  outline: none;
}

.jv-dock-app:hover::before,
.jv-dock-app:focus-visible::before {
  opacity: .46;
  transform: translateX(-50%) scaleX(1);
}

.jv-dock-app svg {
  position: relative;
  z-index: 1;
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .24));
}

.jv-dock-notification-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  display: grid;
  min-width: 16px;
  height: 16px;
  place-items: center;
  padding: 0 4px;
  border: 2px solid rgba(0, 0, 0, .94);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(180deg, #ff5a4f, #b60000);
  box-shadow:
    0 8px 18px rgba(126, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .35);
  font-style: normal;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  pointer-events: none;
}

.jv-dock-app span {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  overflow: hidden;
  max-width: 180px;
  opacity: 0;
  padding: 5px 9px;
  border: 1px solid rgba(243, 195, 0, .24);
  border-radius: 999px;
  color: #fff9d7;
  background: rgba(0, 0, 0, .98);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .36);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-50%, 4px);
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.jv-dock-app:hover span,
.jv-dock-app:focus-visible span {
  opacity: 1;
  transform: translate(-50%, 0);
}

.jv-dock-tools {
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
  color: rgba(255, 255, 255, .92);
  font-weight: 850;
}

.jv-dock-tools time {
  display: grid;
  gap: 3px;
  width: 8ch;
  min-width: 8ch;
  flex: 0 0 8ch;
  align-content: center;
  height: 34px;
  min-height: 34px;
  color: rgba(255, 255, 255, .92);
  font-variant-numeric: tabular-nums;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
  user-select: none;
}

.jv-dock-time {
  color: rgba(255, 255, 255, .96);
  font-size: 1rem;
  font-weight: 850;
}

.jv-dock-date {
  color: rgba(255, 255, 255, .72);
  font-size: .68rem;
  font-weight: 700;
}

.jv-dock-tool {
  position: relative;
  display: grid;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  place-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: rgba(255, 255, 255, .86);
  background: transparent;
  box-shadow: none;
}

.jv-dock-tool svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jv-dock-tool > span {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  opacity: 0;
  padding: 5px 9px;
  border: 1px solid rgba(243, 195, 0, .24);
  border-radius: 999px;
  color: #fff9d7;
  background: rgba(0, 0, 0, .98);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .22);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transform: translate(-50%, 4px);
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.jv-dock-tool:hover > span,
.jv-dock-tool:focus-visible > span {
  opacity: 1;
  transform: translate(-50%, 0);
}

.jv-lang {
  position: relative;
  display: inline-flex;
  width: auto;
  height: 34px;
  min-width: auto;
  align-items: center;
  justify-content: center;
}

.jv-lang-current {
  position: relative;
  display: inline-flex;
  min-width: 32px;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 0;
  border-radius: 6px;
  color: rgba(255, 244, 184, .92);
  background: transparent;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.jv-dock-tool:hover,
.jv-lang-current:hover,
.jv-lang-current[aria-expanded='true'] {
  color: #fff;
  background: transparent;
}

.jv-lang-menu {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 13px);
  z-index: 70;
  display: grid;
  grid-template-columns: 44px;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(243, 195, 0, .26);
  border-radius: 16px;
  background: rgba(0, 0, 0, .96);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, .34),
    inset 0 0 0 1px rgba(243, 195, 0, .06);
  transform: translateX(-50%);
  backdrop-filter: blur(18px) saturate(130%);
}

.jv-lang-menu::after {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 10px;
  height: 10px;
  border-right: 1px solid rgba(243, 195, 0, .22);
  border-bottom: 1px solid rgba(243, 195, 0, .22);
  background: rgba(0, 0, 0, .96);
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.jv-lang-menu button {
  position: relative;
  z-index: 1;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 244, 184, .78);
  background: transparent;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.jv-lang-menu button:hover,
.jv-lang-menu button:focus-visible,
.jv-lang-menu button.is-active {
  color: #fff;
  background: rgba(243, 195, 0, .16);
  outline: none;
}

html[data-av-theme='light'] .jv-dock-inner {
  border-color: rgba(178, 142, 0, .28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(255, 250, 224, .88)),
    rgba(255, 255, 255, .92);
  box-shadow:
    0 22px 58px rgba(86, 72, 12, .18),
    0 1px 0 rgba(255, 255, 255, .84) inset;
}

html[data-av-theme='light'] .jv-dock-brand strong span {
  color: #15130a;
}

html[data-av-theme='light'] .jv-dock-user-email {
  border-color: rgba(178, 142, 0, .24);
  color: rgba(22, 20, 10, .86) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(243, 195, 0, .10)),
    rgba(255, 255, 255, .74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 8px 18px rgba(86, 72, 12, .10);
}

html[data-av-theme='light'] .jv-dock-app,
html[data-av-theme='light'] .jv-lang-current {
  color: #8f7200;
}

html[data-av-theme='light'] .jv-dock-app:hover,
html[data-av-theme='light'] .jv-dock-app:focus-visible {
  color: #181407;
}

html[data-av-theme='light'] .jv-lang-current:hover,
html[data-av-theme='light'] .jv-lang-current[aria-expanded='true'] {
  color: #181407;
  background: rgba(243, 195, 0, .14);
  filter: drop-shadow(0 0 8px rgba(243, 195, 0, .18));
}

html[data-av-theme='light'] .jv-dock-app svg {
  filter: drop-shadow(0 5px 10px rgba(86, 72, 12, .14));
}

html[data-av-theme='light'] .jv-dock-tools,
html[data-av-theme='light'] .jv-dock-tools time,
html[data-av-theme='light'] .jv-dock-tool {
  color: rgba(22, 20, 10, .78);
}

html[data-av-theme='light'] .jv-dock-time {
  color: rgba(22, 20, 10, .88);
}

html[data-av-theme='light'] .jv-dock-date {
  color: rgba(22, 20, 10, .58);
}

html[data-av-theme='light'] .jv-dock-app span,
html[data-av-theme='light'] .jv-dock-tool > span {
  border-color: rgba(178, 142, 0, .24);
  color: #181407;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 14px 34px rgba(86, 72, 12, .18);
}

html[data-av-theme='light'] .jv-lang-menu {
  border-color: rgba(178, 142, 0, .24);
  background: rgba(255, 255, 255, .96);
  box-shadow:
    0 18px 38px rgba(86, 72, 12, .18),
    inset 0 0 0 1px rgba(243, 195, 0, .08);
}

html[data-av-theme='light'] .jv-lang-menu::after {
  border-color: rgba(178, 142, 0, .22);
  background: rgba(255, 255, 255, .96);
}

html[data-av-theme='light'] .jv-lang-menu button {
  color: rgba(22, 20, 10, .68);
}

html[data-av-theme='light'] .jv-lang-menu button:hover,
html[data-av-theme='light'] .jv-lang-menu button:focus-visible,
html[data-av-theme='light'] .jv-lang-menu button.is-active {
  color: #181407;
  background: rgba(243, 195, 0, .18);
}

@media (max-width: 920px) {
  .jv-slide-panel {
    height: 580px;
  }

  .jv-media-band {
    min-height: 520px;
    padding-block: 74px;
  }

  .jv-media-band-inner {
    width: min(720px, 100%);
  }

  .jv-band-image {
    width: 50vw;
    opacity: .44;
  }

  .jv-slide-arrow {
    display: none;
  }

  .jv-reviews {
    grid-template-columns: 1fr;
    height: 680px;
  }

  .jv-reviews-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jv-reviews-column:nth-child(3) {
    display: none;
  }

  .jv-split,
  .jv-anonymous-profile,
  .jv-anonymous-demo,
  .jv-match-process-flow,
  .jv-state-layout,
  .jv-match-grid,
  .jv-referral-benefit-table,
  .jv-story-grid,
  .jv-step-grid,
  .jv-state-grid,
  .jv-difference-grid,
  .jv-opportunities-bar,
  .jv-trust,
  .jv-trust ul,
  .jv-founder,
  .jv-contact-grid,
  .jv-market-signals {
    grid-template-columns: 1fr;
  }

  .jv-opportunity-rail {
    overflow: hidden;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .jv-market-map {
    padding-block: 34px;
  }

  .jv-market-map-stage {
    width: 100%;
  }

  .jv-opportunity-rail::-webkit-scrollbar {
    display: none;
  }

  .jv-opportunity {
    flex-basis: min(620px, 88vw);
  }

  .jv-anonymous-profile {
    padding-block: 70px;
  }

  .jv-match-process-flow {
    width: min(560px, 100%);
    gap: 24px;
  }

  .jv-match-process-flow::before,
  .jv-match-process-flow::after {
    top: 0;
    bottom: 0;
    left: 32px;
    right: auto;
    width: 3px;
    height: auto;
    transform-origin: top center;
  }

  .jv-match-process-flow::after {
    transform: scaleY(.08);
    animation-name: jv-process-line-mobile;
  }

  .jv-match-process-flow article {
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 0;
    text-align: left;
  }

  .jv-match-process-flow strong {
    margin: 0;
  }

  .jv-referral-program::after {
    content: none;
  }

  .jv-referral-flow {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    width: min(520px, 100%);
    justify-content: stretch;
  }

  .jv-referral-flow::before {
    top: 17px;
    bottom: 17px;
    left: 17px;
    right: auto;
    width: 2px;
    height: auto;
    background: linear-gradient(180deg, rgba(243, 195, 0, .18), rgba(243, 195, 0, .64), rgba(243, 195, 0, .18));
  }

  .jv-referral-flow article {
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    padding: 0;
    text-align: left;
  }

  .jv-referral-flow strong {
    flex: 0 0 36px;
  }

  .jv-referral-benefit-table {
    display: grid;
  }

  .jv-founder {
    min-height: 0;
    text-align: center;
  }

  .jv-founder-photo {
    width: 210px;
    height: 210px;
  }

  .jv-contact article {
    min-height: 0;
    padding: 0 0 26px;
  }

  .jv-contact article:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid rgba(243, 195, 0, .20);
  }

  .jv-dock-inner {
    grid-template-columns: 1fr;
    gap: 8px;
    height: var(--jv-dock-height);
    padding: 6px 12px;
    border-radius: 16px;
  }

  .jv-dock-brand,
  .jv-dock-tools {
    display: none;
  }

  .jv-dock-actions {
    justify-content: flex-start;
    overflow-x: auto;
  }
}

@media (max-width: 560px) {
  :root {
    --jv-dock-bottom: 12px;
    --jv-dock-height: 68px;
  }

  .jv-slide-copy {
    padding: 96px 28px 88px;
  }

  .jv-reviews {
    height: 620px;
    padding: 44px 20px;
  }

  .jv-reviews-wall {
    gap: 10px;
  }

  .jv-review {
    min-height: 210px;
    padding: 16px;
  }

  .jv-review blockquote {
    font-size: 13px;
  }

  .jv-referral-benefit,
  .jv-media-band,
  .jv-anonymous-profile,
  .jv-match-process,
  .jv-platform-compare,
  .jv-match,
  .jv-founder,
  .jv-contact,
  .jv-final,
  .jv-split {
    padding-inline: 20px;
  }

  .jv-opportunity-rail {
    overflow: hidden;
  }

  .jv-opportunity-track {
    gap: 0;
  }

  .jv-market-map {
    padding-inline: 20px;
  }

  .jv-market-map-stage {
    aspect-ratio: 1 / 1.08;
  }

  .jv-market-dot em {
    max-width: 74px;
    font-size: 10px;
  }

  .jv-platform-compare-head {
    display: none;
  }

  .jv-platform-path {
    grid-template-columns: 72px minmax(24px, 1fr) 72px minmax(24px, 1fr) 72px;
    gap: 7px;
  }

  .jv-platform-path span {
    height: 36px;
    font-size: 10px;
  }

  .jv-platform-compare-row {
    grid-template-columns: 1fr;
  }

  .jv-platform-compare-row span:first-child {
    background: rgba(24, 22, 15, .04);
  }

  .jv-opportunity {
    grid-template-columns: 1fr;
    flex-basis: min(300px, 78vw);
    height: auto;
    min-height: 0;
    padding-inline: 18px;
  }

  .jv-opportunity-main,
  .jv-opportunity-detail,
  .jv-opportunity-skills,
  .jv-opportunity-salary {
    min-width: 0;
  }

  .jv-opportunity-salary {
    padding-left: 0;
    border-left: 0;
  }

  .jv-contact-brandline {
    align-items: flex-start;
    flex-direction: column;
  }

  .jv-contact dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .jv-dock {
    bottom: var(--jv-dock-bottom);
    max-width: calc(100vw - 16px);
  }

  .jv-dock-app {
    min-width: 48px;
  }
}