/* UP1808 Mobile Parity + Global Font Refinement
   Final override layer for public, auth, role workspace and admin views.
   Goal: keep desktop information parity on mobile while making typography calmer globally. */
:root{
  --fij-up1808-body-size:17px;
  --fij-up1808-body-size-mobile:15.5px;
  --fij-up1808-body-line:1.6;
  --fij-up1808-heading-weight:600;
  --fij-up1808-heading-weight-strong:650;
  --fij-up1808-label-weight:700;
  --fij-up1808-button-weight:700;
  --fij-up1808-heading-track:-.022em;
  --fij-up1808-hero-track:-.028em;
  --fij-up1808-card-track:-.014em;
  --fij-up1808-mobile-container:min(100% - 24px,var(--fj-max,1180px));
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body.fj-public,
body.fj-auth,
body.fj-admin,
.fij-public-shell,
.fj-auth,
.fj-admin{
  font-size:var(--fij-up1808-body-size);
  line-height:var(--fij-up1808-body-line);
  font-weight:400;
  letter-spacing:0;
}

.fij-public-shell p,
.fj-auth p,
.fj-admin p,
.fij-public-shell li,
.fj-auth li,
.fj-admin li,
.fij-public-shell td,
.fj-admin td{
  font-weight:400;
  letter-spacing:0;
}

.fij-public-shell h1,
.fij-public-shell h2,
.fij-public-shell h3,
.fij-public-shell h4,
.fj-auth h1,
.fj-auth h2,
.fj-auth h3,
.fj-auth h4,
.fj-admin h1,
.fj-admin h2,
.fj-admin h3,
.fj-admin h4,
.fij-admin-main h1,
.fij-admin-main h2,
.fij-admin-main h3,
.fij-admin-main h4{
  font-weight:var(--fij-up1808-heading-weight)!important;
  letter-spacing:var(--fij-up1808-heading-track)!important;
  line-height:1.12!important;
  text-wrap:balance;
  font-synthesis-weight:none;
}

.fij-public-shell .hero h1,
.fij-public-shell .fjx-hero h1,
.fij-public-shell .fij-home-hero h1,
.fij-public-shell .fij-page-hero h1,
.fij-public-shell .fij-role-hero h1,
.fij-public-shell .fij-onboarding-hero h1,
.fij-public-shell .fij-job-simple-hero h1,
.fij-public-shell .fij-company-profile-main-v1767 h1,
.fj-auth .fij-auth-brand-panel h1{
  font-weight:var(--fij-up1808-heading-weight)!important;
  letter-spacing:var(--fij-up1808-hero-track)!important;
  line-height:1.06!important;
}

.fij-public-shell h1,
.fj-auth h1{
  font-size:clamp(38px,5.4vw,68px)!important;
}

.fij-public-shell h2,
.fj-auth h2{
  font-size:clamp(28px,3.6vw,44px)!important;
}

.fij-public-shell h3,
.fj-auth h3,
.fij-public-shell .card h3,
.fij-public-shell .card h2,
.fij-public-shell .fij-role-panel h2,
.fij-public-shell .fij-role-panel h3{
  font-size:clamp(20px,2.15vw,28px)!important;
  letter-spacing:var(--fij-up1808-card-track)!important;
}

.fij-admin-main h1,
.fij-admin-main .page-title,
.fij-admin-main .admin-page-title{
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.14!important;
}

.fij-admin-main h2{
  font-size:clamp(22px,2.2vw,30px)!important;
}

.fij-admin-main h3{
  font-size:clamp(18px,1.7vw,23px)!important;
}

.fij-public-shell .eyebrow,
.fij-public-shell .fij-kicker,
.fij-public-shell .fij-kicker-v1658,
.fij-public-shell .status-badge,
.fij-public-shell .meta-token,
.fj-auth .eyebrow,
.fj-admin .status-badge,
.fj-admin .meta-token,
.fij-admin-main th,
.fij-admin-main label,
.fij-public-shell label,
.fj-auth label{
  font-weight:var(--fij-up1808-label-weight)!important;
  letter-spacing:.075em!important;
}

.fij-public-shell .btn,
.fij-public-shell .button,
.fij-public-shell button,
.fij-public-shell input[type="submit"],
.fij-public-shell .fij-list-link,
.fij-public-shell .fij-list-action,
.fij-public-shell .fij-view-role,
.fij-public-shell .fij-company-action,
.fij-public-shell .fij-nav-action,
.fij-public-shell .fij-mobile-nav-parity a,
.fj-auth .btn,
.fj-auth button,
.fj-admin .btn,
.fj-admin button,
.fij-admin-main .btn,
.fij-admin-main button{
  font-weight:var(--fij-up1808-button-weight)!important;
  letter-spacing:.002em!important;
}

.fij-public-shell .fij-public-brand,
.fij-public-shell .fij-footer-brand,
.fj-auth .fij-auth-brand,
.fj-admin .admin-sidebar-brand,
.fj-admin .fij-admin-mobile-brand{
  font-weight:700!important;
  letter-spacing:-.01em!important;
}

.fij-public-shell .card,
.fij-public-shell .listing-card,
.fij-public-shell .fij-job-card,
.fij-public-shell .fij-company-list-item,
.fij-public-shell .fij-article-row,
.fij-public-shell .fij-role-panel,
.fij-public-shell .fij-account-card-v1768,
.fj-auth .fij-auth-form-panel,
.fj-admin .card,
.fij-admin-main .card{
  overflow-wrap:anywhere;
}

.fij-public-shell img,
.fj-auth img,
.fj-admin img,
.fij-public-shell video,
.fj-auth video,
.fj-admin video,
.fij-public-shell iframe,
.fj-auth iframe,
.fj-admin iframe{
  max-width:100%;
}

.fij-public-shell input,
.fij-public-shell select,
.fij-public-shell textarea,
.fj-auth input,
.fj-auth select,
.fj-auth textarea,
.fj-admin input,
.fj-admin select,
.fj-admin textarea{
  max-width:100%;
}

.fij-public-shell table,
.fij-admin-main table{
  max-width:100%;
}

.fij-global-toast-wrap{
  max-width:min(560px,calc(100vw - 28px));
}

@media (min-width:861px){
  .fij-public-shell .fij-role-grid,
  .fij-public-shell .fij-profile-workspace-grid,
  .fij-public-shell .fij-employer-talent-layout,
  .fij-public-shell .fij-ess-grid,
  .fij-public-shell .fij-security-dashboard-grid,
  .fij-public-shell .fij-password-required-grid{
    min-width:0;
  }
}

@media (max-width:860px){
  html,
  body,
  .fj-public,
  .fj-auth,
  .fj-admin{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  body.fj-public,
  body.fj-auth,
  body.fj-admin,
  .fij-public-shell,
  .fj-auth,
  .fj-admin{
    font-size:var(--fij-up1808-body-size-mobile)!important;
    line-height:1.58!important;
  }

  .container,
  .fij-container,
  .fij-public-breadcrumb,
  .fij-breadcrumbs,
  .fij-mobile-breadcrumb,
  .fij-account-stack-v1768,
  .fij-role-grid.two,
  .fij-profile-workspace-grid,
  .fij-alerts-grid,
  .fij-security-wrap,
  .fij-onboarding-layout,
  .talent-builder-layout,
  .talent-growth-layout,
  .fij-ess-grid,
  .fij-employer-talent-layout,
  .fij-message-list,
  .fij-password-required-grid{
    width:var(--fij-up1808-mobile-container)!important;
    max-width:var(--fij-up1808-mobile-container)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .fij-public-shell h1,
  .fj-auth h1{
    font-size:clamp(30px,8.3vw,41px)!important;
    line-height:1.12!important;
    letter-spacing:-.024em!important;
  }

  .fij-public-shell .hero h1,
  .fij-public-shell .fjx-hero h1,
  .fij-public-shell .fij-home-hero h1,
  .fij-public-shell .fij-page-hero h1,
  .fij-public-shell .fij-role-hero h1,
  .fij-public-shell .fij-onboarding-hero h1,
  .fij-public-shell .fij-job-simple-hero h1,
  .fj-auth .fij-auth-brand-panel h1{
    font-size:clamp(31px,8.8vw,42px)!important;
    line-height:1.1!important;
    letter-spacing:-.026em!important;
  }

  .fij-public-shell h2,
  .fj-auth h2{
    font-size:clamp(23px,6.4vw,32px)!important;
    line-height:1.16!important;
    letter-spacing:-.018em!important;
  }

  .fij-public-shell h3,
  .fj-auth h3,
  .fij-public-shell .card h3,
  .fij-public-shell .card h2,
  .fij-public-shell .fij-role-panel h2,
  .fij-public-shell .fij-role-panel h3,
  .fij-public-shell .fij-profile-step h2,
  .fij-public-shell .fij-account-card-v1768 h2{
    font-size:clamp(19px,5vw,25px)!important;
    line-height:1.2!important;
    letter-spacing:-.014em!important;
  }

  .fij-public-shell p,
  .fj-auth p,
  .fij-public-shell li,
  .fj-auth li{
    line-height:1.62!important;
  }

  .hero,
  .fjx-hero,
  .fij-unified-hero,
  .fij-page-hero,
  .fij-home-hero,
  .fij-career-hub-hero,
  .fij-pricing-hero-v1767,
  .fij-contact-hero-v1767,
  .fij-company-profile-hero-v1767,
  .fij-job-simple-hero,
  .fij-role-hero.compact,
  .fij-alerts-hero,
  .fij-profile-hero,
  .fij-onboarding-hero,
  .fij-ess-hero{
    min-height:0!important;
    padding-top:32px!important;
    padding-bottom:34px!important;
  }

  .section,
  .fij-home-section,
  .fij-pricing-section-v1767,
  .fij-contact-section-v1767,
  .fij-career-hub-section,
  .fij-ess-section{
    padding-top:34px!important;
    padding-bottom:38px!important;
  }

  .grid,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .form-grid,
  .fij-form-grid,
  .fij-dashboard-grid,
  .dashboard-grid,
  .fij-profile-shell,
  .profile-shell,
  .fij-profile-workspace-grid,
  .fij-company-profile-grid,
  .fij-job-simple-grid,
  .fij-join-simple-inner,
  .fij-role-grid,
  .fij-role-grid.two,
  .fij-role-hero-grid,
  .fij-onboarding-layout,
  .fij-article-layout,
  .fij-pricing-plan,
  .fij-ai-match-row,
  .fij-role-stat-row,
  .fij-role-mini-grid,
  .fij-account-link-grid-v1768,
  .fij-account-form-grid-v1768,
  .fij-security-grid,
  .fij-security-dashboard-grid,
  .fij-alert-stat-grid,
  .fij-ess-grid,
  .fij-ess-form-grid,
  .fij-employer-talent-layout,
  .fij-employer-talent-grid,
  .fij-password-required-grid,
  .fij-message-list,
  .fij-login-activity-list,
  .talent-builder-layout,
  .talent-growth-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    min-width:0!important;
  }

  .card,
  .fij-job-card,
  .fij-company-list-item,
  .fij-article-row,
  .fij-article-card,
  .fij-pricing-card-v1767,
  .fij-contact-form-v1767,
  .fij-contact-help-v1767,
  .fij-account-card-v1768,
  .fij-profile-step,
  .fij-role-panel,
  .fij-security-card,
  .fij-alert-panel,
  .fij-ess-company-card,
  .fij-ess-score-card,
  .fij-employer-talent-card,
  .fij-message-card,
  .fij-login-activity-row,
  .listing-card{
    max-width:100%!important;
    min-width:0!important;
    padding:16px!important;
    overflow:hidden!important;
    border-radius:0!important;
  }

  .listing-card,
  .fij-job-card,
  .fij-company-list-item,
  .fij-article-row,
  .fij-ess-job-row,
  .fij-alert-row,
  .fij-job-mini,
  .fij-ai-match-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .fij-role-score,
  .fij-account-status-v1768,
  .fij-score-panel,
  .talent-builder-aside,
  .fij-ess-side-stack,
  .fij-employer-talent-filter{
    width:100%!important;
    max-width:100%!important;
    position:static!important;
    justify-self:stretch!important;
  }

  .fij-role-stat-row > div,
  .fij-account-link-grid-v1768 > *,
  .fij-employer-limit-row > *,
  .fij-profile-status-row > *{
    min-width:0!important;
  }

  .button-row,
  .action-stack,
  .hero-actions,
  .fij-home-actions,
  .fij-join-simple-actions,
  .fij-action-row,
  .fij-inline-actions,
  .fij-alert-actions,
  .fij-ess-row-actions,
  .table-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    align-items:stretch!important;
  }

  .button-row .btn,
  .action-stack .btn,
  .hero-actions .btn,
  .fij-home-actions a,
  .fij-join-simple-actions a,
  .fij-action-row .btn,
  .fij-inline-actions .btn,
  .fij-alert-actions .btn,
  .fij-ess-row-actions .btn,
  .table-actions .btn,
  .button-row button,
  .action-stack button,
  .fij-action-row button,
  .table-actions button{
    width:100%!important;
    justify-content:center!important;
  }

  .fij-list-link,
  .fij-list-action,
  .fij-view-role,
  .fij-company-action,
  .fij-job-small-link{
    width:100%!important;
    justify-content:center!important;
  }

  .fij-public-shell .btn,
  .fij-public-shell .button,
  .fij-public-shell button,
  .fj-auth .btn,
  .fj-auth button{
    min-height:42px!important;
    padding:10px 12px!important;
    font-size:13px!important;
    line-height:1.18!important;
    box-shadow:4px 4px 0 #e2f5f0!important;
  }

  .fij-public-shell input,
  .fij-public-shell select,
  .fij-public-shell textarea,
  .fij-public-shell .input,
  .fij-public-shell .textarea,
  .fj-auth input,
  .fj-auth select,
  .fj-auth textarea,
  .fj-auth .input,
  .fj-auth .textarea{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 11px!important;
    font-size:15px!important;
  }

  .fij-public-shell textarea,
  .fj-auth textarea,
  .fij-public-shell .textarea,
  .fj-auth .textarea{
    min-height:116px!important;
  }

  .check,
  .fij-check-row,
  .fij-check-row-compact,
  .fij-consent-row,
  .fij-inline-check,
  .fij-inline-check-v1768,
  .fij-employer-visibility-row,
  .fij-notification-list-v1768 label,
  .fij-account-form label:has(input[type="checkbox"]){
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    padding:10px 11px!important;
    line-height:1.42!important;
  }

  .fij-public-shell input[type="checkbox"],
  .fij-public-shell input[type="radio"],
  .fj-auth input[type="checkbox"],
  .fj-auth input[type="radio"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:2px 0 0!important;
    align-self:start!important;
  }

  input[type="file"]{
    max-width:100%!important;
    min-height:0!important;
    padding:10px!important;
    white-space:normal!important;
  }

  input[type="file"]::file-selector-button{
    display:block!important;
    width:100%!important;
    margin:0 0 8px!important;
    white-space:normal!important;
  }

  .fij-public-shell .table,
  .fij-admin-main .table,
  .fij-public-shell table,
  .fij-admin-main table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .fij-public-shell th,
  .fij-public-shell td,
  .fij-admin-main th,
  .fij-admin-main td{
    min-width:140px;
  }

  .fij-public-header-inner{
    min-height:56px!important;
    gap:8px!important;
  }

  .fij-public-brand{
    min-width:0!important;
    max-width:calc(100vw - 112px)!important;
    overflow:hidden!important;
  }

  .fij-public-brand .fij-brand-lockup-text,
  .fij-public-brand .fij-brand-lockup-text-v1683{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .fij-mobile-drawer{
    width:min(88vw,372px)!important;
    max-width:calc(100vw - 24px)!important;
    overflow-y:auto!important;
  }

  .fij-mobile-nav-parity,
  .fij-role-aware-mobile-nav,
  .fij-mobile-workspace-group{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .fij-mobile-nav-parity a,
  .fij-mobile-workspace-group a,
  .fij-mobile-logout button{
    width:100%!important;
    min-height:44px!important;
    justify-content:flex-start!important;
    white-space:normal!important;
  }

  .fij-footer-grid,
  .fij-footer-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    text-align:left!important;
  }

  .fij-public-footer{
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  }

  .fij-mobile-bottom-nav,
  .fij-mobile-bottom-app-bar{
    max-width:100vw!important;
  }

  .fij-newsletter-popup,
  .fij-newsletter-popup-shell{
    display:none!important;
  }

  .fij-company-profile-cover,
  .fij-employer-preview-cover,
  .fij-article-hero-image,
  .conversion-card-image,
  .fij-card-media,
  .fij-company-logo-card,
  .fij-profile-media-card{
    width:100%!important;
    max-width:100%!important;
  }

  .fij-company-profile-cover img,
  .fij-employer-preview-cover img,
  .fij-article-hero-image img,
  .conversion-card-image img,
  .fij-card-media img{
    width:100%!important;
    height:auto!important;
    object-fit:cover!important;
  }

  .fij-chip-stack,
  .job-meta,
  .card-meta,
  .fij-talent-meta,
  .fij-employer-limit-row,
  .fij-profile-status-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    min-width:0!important;
  }

  .fij-chip-stack > *,
  .job-meta > *,
  .card-meta > *,
  .fij-talent-meta > *,
  .fij-employer-limit-row > *,
  .fij-profile-status-row > *{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }

  .fij-global-toast-wrap{
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
  }

  .fij-global-toast{
    width:100%!important;
    max-width:100%!important;
  }

  .fj-auth .fij-auth-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:100dvh!important;
  }

  .fj-auth .fij-auth-brand-panel,
  .fj-auth .fij-auth-form-panel{
    width:100%!important;
    max-width:100%!important;
    padding:24px 16px!important;
  }

  .fij-admin-main,
  .admin-app-main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .fij-admin-main .form-grid,
  .fij-admin-main .grid,
  .fij-admin-main .grid-2,
  .fij-admin-main .grid-3,
  .fij-admin-main .grid-4,
  .fij-admin-main .grid-5,
  .fij-admin-main .stats,
  .fij-admin-main .admin-grid,
  .fij-admin-main .search.advanced,
  .fij-admin-main .toolbar,
  .fij-admin-main .page-header,
  .fij-admin-main .section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-width:0!important;
  }

  .fij-admin-main .card,
  .fij-admin-main .panel,
  .fij-admin-main .admin-card,
  .fij-admin-main .metric-card{
    max-width:100%!important;
    overflow:hidden!important;
  }

  .fij-admin-main h1{
    font-size:clamp(25px,7vw,34px)!important;
  }

  .fij-admin-main h2{
    font-size:clamp(21px,5.8vw,28px)!important;
  }

  .fij-admin-main h3{
    font-size:clamp(18px,5vw,23px)!important;
  }
}

@media (max-width:420px){
  :root{
    --fij-up1808-mobile-container:min(100% - 20px,var(--fj-max,1180px));
  }

  .fij-public-shell .btn,
  .fij-public-shell .button,
  .fij-public-shell button,
  .fj-auth .btn,
  .fj-auth button{
    min-height:40px!important;
    padding:9px 10px!important;
  }

  .card,
  .fij-job-card,
  .fij-company-list-item,
  .fij-article-row,
  .fij-role-panel,
  .fij-account-card-v1768,
  .fij-profile-step,
  .fij-security-card,
  .fij-alert-panel{
    padding:14px!important;
  }
}

/* UP1808.1 - mobile homepage Join CTA background hard fix */
@media (max-width: 860px) {
  .fij-public-shell .fij-home-context .fij-join-section.fij-join-simple,
  .fij-home-context .fij-join-section.fij-join-simple,
  .fij-join-section.fij-join-simple {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 44px 0 calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(135deg, var(--fj-purple, #24175f) 0%, #151236 54%, #0f172a 100%) !important;
    color: #ffffff !important;
  }

  .fij-public-shell .fij-home-context .fij-join-section.fij-join-simple::before,
  .fij-home-context .fij-join-section.fij-join-simple::before,
  .fij-join-section.fij-join-simple::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 18% 20%, rgba(28, 185, 165, .24), transparent 32%),
      radial-gradient(circle at 84% 78%, rgba(255, 122, 59, .20), transparent 34%),
      linear-gradient(170deg, transparent 0 50%, rgba(5, 9, 23, .30) 50% 100%) !important;
  }

  .fij-public-shell .fij-home-context .fij-join-simple-inner,
  .fij-home-context .fij-join-simple-inner,
  .fij-join-simple-inner {
    position: relative !important;
    z-index: 1 !important;
  }

  .fij-public-shell .fij-home-context .fij-join-section .fij-kicker,
  .fij-home-context .fij-join-section .fij-kicker,
  .fij-join-section .fij-kicker,
  .fij-public-shell .fij-home-context .fij-join-simple-copy h2,
  .fij-home-context .fij-join-simple-copy h2,
  .fij-join-simple-copy h2,
  .fij-public-shell .fij-home-context .fij-join-simple-copy p,
  .fij-home-context .fij-join-simple-copy p,
  .fij-join-simple-copy p {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .18) !important;
  }

  .fij-public-shell .fij-home-context .fij-join-simple-copy p,
  .fij-home-context .fij-join-simple-copy p,
  .fij-join-simple-copy p {
    color: rgba(255, 255, 255, .84) !important;
  }

  .fij-public-shell .fij-home-context .fij-join-primary,
  .fij-home-context .fij-join-primary,
  .fij-join-primary {
    background: #ffffff !important;
    color: var(--fj-navy, #101422) !important;
    border-color: #ffffff !important;
  }

  .fij-public-shell .fij-home-context .fij-join-secondary,
  .fij-home-context .fij-join-secondary,
  .fij-join-secondary {
    background: rgba(255, 255, 255, .08) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .72) !important;
  }
}

/* UP1808.2 - mobile homepage Join CTA light polish */
@media (max-width: 860px) {
  .fij-public-shell .fij-home-context .fij-join-section.fij-join-simple,
  .fij-home-context .fij-join-section.fij-join-simple,
  .fij-join-section.fij-join-simple {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    padding: 38px 0 calc(54px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, #f5fbf8 0%, #ffffff 100%) !important;
    color: var(--fj-navy, #101422) !important;
    border-top: 1px solid rgba(17, 107, 97, .10) !important;
    border-bottom: 1px solid rgba(16, 20, 34, .10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  }

  .fij-public-shell .fij-home-context .fij-join-section.fij-join-simple::before,
  .fij-home-context .fij-join-section.fij-join-simple::before,
  .fij-join-section.fij-join-simple::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 12% 12%, rgba(28, 185, 165, .12), transparent 34%),
      radial-gradient(circle at 86% 72%, rgba(255, 122, 59, .10), transparent 36%),
      linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(245, 251, 248, .94)) !important;
    opacity: 1 !important;
  }

  .fij-public-shell .fij-home-context .fij-join-simple-inner,
  .fij-home-context .fij-join-simple-inner,
  .fij-join-simple-inner {
    position: relative !important;
    z-index: 1 !important;
  }

  .fij-public-shell .fij-home-context .fij-join-section .fij-kicker,
  .fij-home-context .fij-join-section .fij-kicker,
  .fij-join-section .fij-kicker {
    color: var(--fj-teal, #116b61) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  .fij-public-shell .fij-home-context .fij-join-simple-copy h2,
  .fij-home-context .fij-join-simple-copy h2,
  .fij-join-simple-copy h2 {
    color: var(--fj-navy, #101422) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  .fij-public-shell .fij-home-context .fij-join-simple-copy p,
  .fij-home-context .fij-join-simple-copy p,
  .fij-join-simple-copy p {
    color: rgba(16, 20, 34, .72) !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }

  .fij-public-shell .fij-home-context .fij-join-primary,
  .fij-home-context .fij-join-primary,
  .fij-join-primary {
    background: var(--fj-navy, #101422) !important;
    color: #ffffff !important;
    border-color: var(--fj-navy, #101422) !important;
    box-shadow: 0 16px 34px rgba(16, 20, 34, .16) !important;
  }

  .fij-public-shell .fij-home-context .fij-join-secondary,
  .fij-home-context .fij-join-secondary,
  .fij-join-secondary {
    background: #ffffff !important;
    color: var(--fj-navy, #101422) !important;
    border-color: rgba(16, 20, 34, .24) !important;
    box-shadow: none !important;
  }
}