.careers-shell { width: min(1080px, 100%) }
.careers-content { padding: 36px 42px 28px }
.careers-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 26px }
.careers-heading h2 { margin: 0 0 8px; font-size: 1.35rem; letter-spacing: -.03em }
.careers-heading p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.6 }
.careers-count { flex-shrink: 0; padding: 8px 12px; border-radius: 20px; background: #edf2ff; color: var(--primary); font-size: .75rem; font-weight: 700 }
.careers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none }
.career-card { display: flex; align-items: center; gap: 14px; height: 100%; min-height: 108px; padding: 22px 18px; border: 1px solid var(--line); border-radius: 14px; color: var(--ink); text-decoration: none; background: var(--surface); transition: border-color .18s, background .18s, box-shadow .18s }
a.career-card:hover { border-color: var(--primary-bright); background: #f7f9ff; box-shadow: 0 5px 18px rgba(35, 50, 77, .07) }
a.career-card:focus-visible { outline: 3px solid var(--primary-bright); outline-offset: 3px }
.career-number { flex-shrink: 0; color: #8895ab; font-size: .75rem; font-weight: 600 }
.career-details { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 8px }
.career-details strong { font-size: .96rem; line-height: 1.45; overflow-wrap: anywhere }
.career-details > span { font-size: .75rem; color: var(--muted) }
.career-arrow { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; color: var(--primary-bright); background: #edf2ff; font-size: 1.2rem }
.career-unavailable { background: var(--soft) }
.company-card { min-height: 128px }
.company-logo { display: grid; place-items: center; flex: 0 0 76px; height: 68px; padding: 9px; border-radius: 12px; background: var(--soft) }
.company-logo img { display: block; max-width: 100%; max-height: 48px; object-fit: contain }
.careers-footer { margin: 28px 0 0; text-align: center; color: var(--muted); font-size: .75rem; line-height: 1.6 }
.careers-powered { margin: 6px 0 0; text-align: center; color: var(--muted); font-size: .7rem; line-height: 1.6 }
.language-switch { margin-inline-start: auto; padding: 7px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 20px; color: #fff; font-size: .72rem; text-decoration: none }
.language-switch:hover { background: rgba(255,255,255,.1); color: #fff }
.portal-grid { grid-template-columns: repeat(3,minmax(0,1fr)) }
.portal-card { min-height: 190px; align-items: flex-start }
.portal-icon { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:12px; background:#edf2ff; font-size:1.25rem }
.portal-card .career-details { min-height: 140px }
.portal-card .career-details strong { font-size:1.05rem }
.portal-card .career-details b { margin-top:auto; color:var(--primary-bright); font-size:.75rem }
.training-card .career-details b { color:var(--primary-bright); font-size:.75rem }
.compact-header { padding-bottom: 38px }
.training-detail-content { display: flex; align-items: flex-start; flex-direction: column; gap: 24px }
.training-back { color: var(--primary-bright); font-size: .8rem; font-weight: 700; text-decoration: none }
.training-description { width: 100%; color: var(--ink); font-size: .95rem; line-height: 1.9 }
.training-apply { width: auto; text-decoration: none }
.training-notice { padding: 18px; border-radius: 12px; background: var(--soft); color: var(--muted) }
.training-success { display: grid; gap: 22px }
.application-form textarea { display:block; width:100%; margin-top:8px; padding:12px 13px; border:1px solid #d4dde8; border-radius:10px; outline:none; resize:vertical; color:var(--ink); font:inherit; font-size:.84rem }
.application-form textarea:focus { border-color:var(--primary-bright); box-shadow:0 0 0 4px rgba(53,104,244,.10) }
[dir="rtl"] .career-arrow { transform:scaleX(-1) }
@media (max-width:900px) { .portal-grid { grid-template-columns:1fr } .portal-card { min-height:130px } .portal-card .career-details { min-height:90px } }
@media (max-width: 720px) {
    .careers-content { padding: 28px }
    .careers-grid { grid-template-columns: 1fr }
}
@media (max-width: 480px) {
    .careers-content { padding: 28px 20px }
    .careers-heading { align-items: flex-start; flex-direction: column }
    .career-card { min-height: 100px; padding: 18px 14px; gap: 12px }
    .company-card { min-height: 116px }
    .company-logo { flex-basis: 62px; height: 58px; padding: 7px }
    .company-logo img { max-height: 42px }
}
@media (prefers-reduced-motion: reduce) { .career-card { transition: none } }

/* The page itself remains white; the artwork belongs to the training header only. */
.application-shell.training-background-shell {
    background: #fff;
}

/* Training landing page composition. Keep the header at the artwork's 4000:3008 ratio. */
.training-background-shell .training-landing-hero { min-height: 0; aspect-ratio: 4000 / 3008; padding: 64px 28px; background: url("../img/moventum-header.jpg") center / 100% 100% no-repeat; }
.training-background-shell .training-landing-hero::before,
.training-background-shell .training-landing-hero::after { display: none; }
.training-landing-brand { position: relative; z-index: 1; display: flex; justify-content: center; }
.training-landing-brand img { display: block; width: min(165px, 43vw); height: auto; }
.training-landing-language { position: absolute; top: 0; right: 0; margin: 0; background: rgba(20, 33, 110, .16); backdrop-filter: blur(4px); }
.training-landing-copy { position: absolute; top: 52%; right: 24px; bottom: auto; left: 24px; max-width: 520px; margin: auto; transform: translateY(-50%); text-align: center; }
.training-landing-copy h1 { margin-bottom: 11px; font-size: clamp(1.4rem, 3.5vw, 2rem); letter-spacing: -.01em; text-transform: uppercase; }
.training-landing-copy > p { max-width: 410px; margin: 0 auto; color: rgba(255,255,255,.9); font-size: .75rem; line-height: 1.4; }
.training-landing-content { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; padding: 34px 28px 52px; border: 0; background: #fff; box-shadow: 0 0 0 100vmax #fff; clip-path: inset(0 -100vmax 0 -100vmax); }
.training-landing-heading { display: none; }
.training-brand-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.training-brand-grid > li { flex: 0 1 280px; width: 280px; }
.training-brand-card { position: relative; min-height: 160px; align-items: center; justify-content: center; padding: 25px 27px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #f4780f 0%, #df5b19 34%, #1587aa 72%, #3b2d42 100%); box-shadow: 0 10px 20px rgba(31, 53, 79, .18); isolation: isolate; }
.training-brand-card::before { position: absolute; z-index: -1; inset: 0; content: ""; background: radial-gradient(ellipse at 80% 14%, rgba(255,203,108,.52), transparent 27%), radial-gradient(ellipse at 15% 88%, rgba(0,105,157,.54), transparent 48%); }
.training-brand-grid > li:nth-child(3n + 1) .training-brand-card { background: linear-gradient(135deg, #1599c1 0%, #096a8f 52%, #341e2c 100%); }
.training-brand-grid > li:nth-child(3n + 1) .training-brand-card::before { background: radial-gradient(ellipse at 28% 20%, rgba(64,218,255,.4), transparent 46%), radial-gradient(ellipse at 85% 100%, rgba(42,5,18,.58), transparent 54%); }
.training-brand-grid > li:nth-child(3n + 2) .training-brand-card { background: linear-gradient(135deg, #ed7019 0%, #bf3d33 43%, #2b3c67 100%); }
.training-brand-grid > li:nth-child(3n + 2) .training-brand-card::before { background: radial-gradient(ellipse at 78% 15%, rgba(255,187,98,.55), transparent 32%), radial-gradient(ellipse at 15% 92%, rgba(0,112,170,.68), transparent 52%); }
.training-brand-grid > li:nth-child(3n) .training-brand-card { background: linear-gradient(135deg, #6c2707 0%, #1d100c 47%, #09090b 100%); }
.training-brand-grid > li:nth-child(3n) .training-brand-card::before { background: radial-gradient(ellipse at 80% 26%, rgba(255,168,26,.72), transparent 34%), radial-gradient(ellipse at 34% 105%, rgba(116,35,6,.5), transparent 52%); }
.training-brand-card .career-details { display: flex; align-items: center; flex: 0 1 auto; max-width: 240px; text-align: center; }
.training-brand-card .career-details strong { color: #fff; font-size: clamp(1.35rem, 4vw, 1.8rem); font-weight: 400; letter-spacing: .01em; line-height: 1; }
.training-brand-card .career-details strong::before { content: "✣"; margin-inline-end: 9px; font-size: .8em; }
.training-brand-card:hover { color: #fff; box-shadow: 0 16px 28px rgba(31, 53, 79, .28); transform: translateY(-4px); }
a.training-brand-card:hover { border-color: rgba(255,255,255,.82); color: #fff; }
@media (max-width: 480px) {
    .training-background-shell .training-landing-hero { min-height: 0; padding-top: 38px; }
    .training-landing-copy { top: 53%; bottom: auto; }
    .training-landing-content { padding-right: 20px; padding-left: 20px; }
    .training-brand-card { min-height: 160px; padding: 25px 27px; }
}
@media (max-width: 700px) {
    .training-brand-grid > li { flex-basis: min(100%, 360px); }
}

/* Portal landing page: same header and compact card system as training. */
.application-shell.portal-background-shell { background: #fff; }
.portal-background-shell .portal-landing-hero { min-height: 0; aspect-ratio: 4000 / 3008; padding: 64px 28px; background: url("../img/moventum-header.jpg") center / 100% 100% no-repeat; }
.portal-background-shell .portal-landing-hero::before,
.portal-background-shell .portal-landing-hero::after { display: none; }
.portal-landing-brand { position: relative; z-index: 1; display: flex; justify-content: center; }
.portal-landing-brand img { display: block; width: min(165px, 43vw); height: auto; }
.landing-home { position: absolute; z-index: 2; top: 20px; inset-inline-start: 24px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; background: rgba(17, 28, 84, .2); color: #fff; text-decoration: none; backdrop-filter: blur(4px); transition: background .2s ease, transform .2s ease; }
.landing-home:hover { background: rgba(255,255,255,.22); color: #fff; transform: translateY(-2px); }
.landing-home svg { width: 16px; height: 16px; fill: currentColor; }
.portal-landing-language { position: absolute; top: 0; right: 0; margin: 0; background: rgba(20, 33, 110, .16); backdrop-filter: blur(4px); }
.portal-landing-copy { position: absolute; top: 52%; right: 24px; left: 24px; max-width: 520px; margin: auto; transform: translateY(-50%); text-align: center; }
.portal-landing-copy h1 { margin-bottom: 11px; font-size: clamp(1.4rem, 3.5vw, 2rem); letter-spacing: -.01em; text-transform: uppercase; }
.portal-landing-copy > p { max-width: 410px; margin: 0 auto; color: rgba(255,255,255,.9); font-size: .75rem; line-height: 1.4; }
.portal-landing-content { max-width: 980px; margin: 0 auto; padding: 34px 28px 52px; border: 0; background: #fff; }
.portal-landing-heading { display: none; }
.portal-brand-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.portal-brand-grid > li { flex: 0 1 280px; width: 280px; }
.portal-brand-card { position: relative; min-height: 160px; align-items: flex-start; justify-content: flex-start; gap: 13px; padding: 22px; border: 1px solid transparent; border-radius: 9px; color: #fff; text-align: start; box-shadow: 0 10px 20px rgba(31, 53, 79, .18); }
.portal-brand-grid > li:nth-child(3n + 1) .portal-brand-card { background: linear-gradient(135deg, #1599c1, #096a8f 52%, #341e2c); }
.portal-brand-grid > li:nth-child(3n + 2) .portal-brand-card { background: linear-gradient(135deg, #ed7019, #bf3d33 43%, #2b3c67); }
.portal-brand-grid > li:nth-child(3n) .portal-brand-card { background: linear-gradient(135deg, #6c2707, #1d100c 47%, #09090b); }
.portal-brand-card .portal-icon { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.17); color: #fff; font-size: 1.2rem; }
.portal-training-title-logo { display: block; width: auto; max-width: min(150px, 100%); height: 38px; margin: 0 0 2px; object-fit: contain; object-position: left center; }
[dir="rtl"] .portal-training-title-logo { object-position: right center; }
.portal-brand-card .career-details { display: flex; min-height: 116px; flex: 1; min-width: 0; flex-direction: column; gap: 7px; padding-inline-end: 18px; }
.portal-brand-card .career-details strong { color: #fff; font-size: 1.05rem; font-weight: 600; letter-spacing: .01em; line-height: 1.1; }
.portal-text-brand-card .career-details strong { margin-top: 12px; font-size: clamp(1.35rem, 4vw, 1.8rem); font-weight: 400; line-height: 1; }
.portal-text-brand-card .career-details strong::before { content: "✣"; margin-inline-end: 9px; font-size: .8em; }
.portal-brand-card .career-details > span { color: rgba(255,255,255,.9); font-size: .68rem; line-height: 1.35; }
.portal-brand-card .career-details b { margin-top: auto; color: #fff; font-size: .67rem; letter-spacing: .03em; text-transform: uppercase; }
.portal-brand-card .career-arrow { position: absolute; top: 22px; right: 18px; width: 31px; height: 31px; color: #fff; background: rgba(255,255,255,.17); font-size: 1rem; }
a.portal-brand-card:hover { border-color: rgba(255,255,255,.82); color: #fff; box-shadow: 0 16px 28px rgba(31, 53, 79, .28); transform: translateY(-4px); }
@media (max-width: 700px) {
    .portal-brand-grid > li { flex-basis: min(100%, 360px); }
}

/* Training details use the same visual language as the training cards. */
.training-detail-hero .training-landing-copy { top: 55%; }
.training-detail-landing-content { max-width: 600px; margin: 0 auto; padding: 34px 28px 58px; border: 0; background: #fff; }
.training-detail-landing-content .training-back { margin-bottom: 2px; }
.training-detail-program-card { position: relative; width: 100%; min-height: 250px; padding: 36px 38px; overflow: hidden; border-radius: 9px; color: #fff; background: linear-gradient(135deg, #ed7019, #bf3d33 43%, #2b3c67); box-shadow: 0 10px 20px rgba(31, 53, 79, .18); isolation: isolate; }
.training-detail-program-card::before { position: absolute; z-index: -1; inset: 0; content: ""; background: radial-gradient(ellipse at 78% 15%, rgba(255,187,98,.55), transparent 32%), radial-gradient(ellipse at 15% 92%, rgba(0,112,170,.68), transparent 52%); }
.training-detail-program-card h2 { margin: 0 0 15px; color: #fff; font-size: clamp(1.75rem, 5vw, 2.45rem); font-weight: 400; line-height: 1; }
.training-detail-program-card h2 span { font-size: .8em; }
.training-detail-program-card .training-description { max-width: 420px; color: rgba(255,255,255,.94); font-size: .76rem; line-height: 1.55; }
.training-detail-program-card .training-apply { min-width: 0; margin-top: 25px; padding: 8px 12px; border-radius: 4px; background: #fff; box-shadow: none; color: #31538d; font-size: .68rem; }
.training-detail-program-card .training-apply:hover { box-shadow: 0 8px 16px rgba(17, 26, 56, .22); }
@media (max-width: 480px) {
    .training-detail-landing-content { padding-right: 20px; padding-left: 20px; }
    .training-detail-program-card { min-height: 220px; padding: 29px; }
}

/* Training registration follows the same header and white content treatment. */
.training-registration-shell { width: min(1080px, 100%); }
.training-registration-hero .training-landing-copy { top: 55%; }
.training-registration-form { max-width: 760px; margin: 0 auto; padding: 34px 38px 58px; background: #fff; }

.training-registration-form .section-heading > span { background: #fff0e7; color: #df5b19; }
.training-registration-form .application-submit-area { padding-top: 28px; }
.training-registration-form .submit-application { min-width: 0; border-radius: 7px; background: linear-gradient(135deg, #ed7019, #bf3d33 50%, #2b3c67); }
@media (max-width: 480px) {
    .training-registration-form { padding: 28px 20px 42px; }
}

/* Vacancies reuse the MmBrand header and compact, centered card layout. */
.vacancies-hero .training-landing-copy { top: 55%; }
.vacancies-landing-content { max-width: 980px; margin: 0 auto; padding: 34px 28px 58px; border: 0; background: #fff; }
.vacancies-landing-heading { display: none; }
.vacancies-brand-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.vacancies-brand-grid > li { flex: 0 1 280px; width: 280px; }
.vacancy-brand-card { position: relative; min-height: 160px; align-items: flex-start; gap: 13px; padding: 22px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; color: #fff; box-shadow: 0 10px 20px rgba(31, 53, 79, .18); }
.vacancies-brand-grid > li:nth-child(3n + 1) .vacancy-brand-card { background: linear-gradient(135deg, #1599c1, #096a8f 52%, #341e2c); }
.vacancies-brand-grid > li:nth-child(3n + 2) .vacancy-brand-card { background: linear-gradient(135deg, #ed7019, #bf3d33 43%, #2b3c67); }
.vacancies-brand-grid > li:nth-child(3n) .vacancy-brand-card { background: linear-gradient(135deg, #6c2707, #1d100c 47%, #09090b); }
.vacancy-brand-card .vacancy-number { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; border-radius: 12px; background: rgba(255,255,255,.17); color: #fff; font-size: .75rem; }
.vacancy-brand-card .career-details { display: flex; min-height: 116px; flex: 1; min-width: 0; flex-direction: column; gap: 7px; padding-inline-end: 18px; }
.vacancy-brand-card .career-details strong { color: #fff; font-size: 1.02rem; font-weight: 600; line-height: 1.15; }
.vacancy-brand-card .career-details > span { color: rgba(255,255,255,.9); font-size: .68rem; line-height: 1.35; }
.vacancy-brand-card .career-details b { margin-top: auto; color: #fff; font-size: .67rem; letter-spacing: .03em; text-transform: uppercase; }
.vacancy-brand-card .career-arrow { position: absolute; top: 22px; right: 18px; width: 31px; height: 31px; color: #fff; background: rgba(255,255,255,.17); font-size: 1rem; }
a.vacancy-brand-card:hover { border-color: rgba(255,255,255,.82); color: #fff; box-shadow: 0 16px 28px rgba(31, 53, 79, .28); transform: translateY(-4px); }
@media (max-width: 700px) {
    .vacancies-brand-grid > li { flex-basis: min(100%, 360px); }
}

/* Position application uses the same branded header and focused form canvas. */
.application-landing-shell { width: min(1080px, 100%); }
.application-landing-hero .training-landing-copy { top: 55%; }
.application-landing-form { max-width: 760px; margin: 0 auto; padding: 0px 38px 58px; background: #fff; }

.application-landing-form .section-heading > span { background: #fff0e7; color: #df5b19; }
.application-landing-form .application-submit-area { padding-top: 28px; }
.application-landing-form .submit-application { border-radius: 7px; background: linear-gradient(135deg, #ed7019, #bf3d33 50%, #2b3c67); }
@media (max-width: 480px) {
    .application-landing-form { padding: 28px 20px 42px; }
}

/* Company cards use the same branded header and card hierarchy. */
.companies-hero .training-landing-copy { top: 55%; }
.companies-landing-content { max-width: 980px; margin: 0 auto; padding: 34px 28px 58px; border: 0; background: #fff; }
.companies-landing-heading { display: none; }
.companies-brand-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
.companies-brand-grid > li { flex: 0 1 280px; width: 280px; }
.company-brand-card { position: relative; min-height: 160px; align-items: flex-start; gap: 13px; padding: 22px; overflow: hidden; border: 1px solid transparent; border-radius: 9px; color: #fff; box-shadow: 0 10px 20px rgba(31, 53, 79, .18); }
.companies-brand-grid > li:nth-child(3n + 1) .company-brand-card { background: linear-gradient(135deg, #1599c1, #096a8f 52%, #341e2c); }
.companies-brand-grid > li:nth-child(3n + 2) .company-brand-card { background: linear-gradient(135deg, #ed7019, #bf3d33 43%, #2b3c67); }
.companies-brand-grid > li:nth-child(3n) .company-brand-card { background: linear-gradient(135deg, #6c2707, #1d100c 47%, #09090b); }
.company-brand-card .company-logo { display: grid; width: 46px; height: 46px; flex: 0 0 46px; place-items: center; padding: 6px; border-radius: 12px; background: rgba(255,255,255,.88); }
.company-brand-card .company-logo img { max-width: 100%; max-height: 34px; }
.company-brand-card .company-logo img[src="assets/img/MmBrand-group.png"] { filter: brightness(0); }
.company-brand-card .career-details { display: flex; min-height: 116px; flex: 1; min-width: 0; flex-direction: column; gap: 7px; padding-inline-end: 18px; }
.company-brand-card .career-details strong { color: #fff; font-size: 1.02rem; font-weight: 600; line-height: 1.15; }
.company-brand-card .career-details > span { color: rgba(255,255,255,.9); font-size: .68rem; line-height: 1.35; }
.company-brand-card .career-details b { margin-top: auto; color: #fff; font-size: .67rem; letter-spacing: .03em; text-transform: uppercase; }
.company-brand-card .career-arrow { position: absolute; top: 22px; right: 18px; width: 31px; height: 31px; color: #fff; background: rgba(255,255,255,.17); font-size: 0; }
.portal-brand-card .career-arrow,
.vacancy-brand-card .career-arrow,
.company-brand-card .career-arrow {
  font-size: 0;
  border: 1px solid rgba(255,255,255,.2);
  transition: background .2s ease, transform .2s ease;
}
.portal-brand-card:hover .career-arrow,
.vacancy-brand-card:hover .career-arrow,
.company-brand-card:hover .career-arrow { background: rgba(255,255,255,.3); transform: translate(2px, -2px); }
.portal-brand-card .career-arrow svg,
.vacancy-brand-card .career-arrow svg,
.company-brand-card .career-arrow svg { width: 15px; height: 15px; overflow: visible; }
.portal-brand-card .career-arrow svg path,
.vacancy-brand-card .career-arrow svg path,
.company-brand-card .career-arrow svg path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .portal-brand-card .career-arrow,
[dir="rtl"] .vacancy-brand-card .career-arrow,
[dir="rtl"] .company-brand-card .career-arrow { right: auto; left: 18px; transform: scaleX(-1); }
[dir="rtl"] .portal-brand-card:hover .career-arrow,
[dir="rtl"] .vacancy-brand-card:hover .career-arrow,
[dir="rtl"] .company-brand-card:hover .career-arrow { transform: translate(-2px, -2px) scaleX(-1); }
a.company-brand-card:hover { border-color: rgba(255,255,255,.82); color: #fff; box-shadow: 0 16px 28px rgba(31, 53, 79, .28); transform: translateY(-4px); }
@media (max-width: 700px) {
    .companies-brand-grid > li { flex-basis: min(100%, 360px); }
}

/* Shared mobile header layout for every MmBrand public page. */
@media (max-width: 480px) {
    .training-background-shell .training-landing-hero,
    .portal-background-shell .portal-landing-hero {
        min-height: 0;
        padding: 32px 16px;
    }
    .landing-home { top: 12px; inset-inline-start: 14px; width: 30px; height: 30px; }
    .landing-home svg { width: 14px; height: 14px; }
    .training-landing-brand img,
    .portal-landing-brand img { width: min(136px, 44vw); }
    .training-landing-language,
    .portal-landing-language { top: 12px; right: 12px; padding: 5px 9px; font-size: .62rem; }
    [dir="rtl"] .training-landing-language,
    [dir="rtl"] .portal-landing-language { right: auto; left: 12px; }
    .training-landing-copy,
    .portal-landing-copy { top: 62%; right: 14px; left: 14px; }
    .application-landing-hero .training-landing-copy { top: 65%; }
    .training-landing-copy h1,
    .portal-landing-copy h1 { margin-bottom: 7px; font-size: clamp(1.18rem, 6vw, 1.55rem); line-height: 1.05; }
    .training-landing-copy > p,
    .portal-landing-copy > p { max-width: 285px; font-size: .64rem; line-height: 1.35; }
    .training-landing-copy .application-eyebrow { margin-bottom: 5px; font-size: .54rem; letter-spacing: .1em; }
    .application-landing-hero .position-label { gap: .18rem; margin-top: 13px; padding: .42rem .6rem; border-radius: 8px; font-size: .6rem; }
}