/* Candidate marketing page. Shares the employer palette, type and header scale. */
html body.candidate-landing {
  --cl-bg: #030b19;
  --cl-panel: #0a1b31;
  --cl-soft: #102943;
  --cl-text: #edf5ff;
  --cl-muted: #a7bbd4;
  --cl-line: #294969;
  --cl-accent: #78caff;
  --cl-blue: #2463df;
  --cl-green: #6be5bd;
  --cl-gold: #edc76c;
  margin: 0;
  background: var(--cl-bg);
  color: var(--cl-text);
  font: 400 15px/1.65 Manrope, sans-serif;
}
html[data-theme=light] body.candidate-landing {
  --cl-bg: #f7faff;
  --cl-panel: #fff;
  --cl-soft: #eaf2fd;
  --cl-text: #142d4b;
  --cl-muted: #4c6380;
  --cl-line: #c9daec;
  --cl-accent: #1962ac;
  --cl-green: #087454;
  --cl-gold: #8b630e;
}
.candidate-landing *, .candidate-landing *::before, .candidate-landing *::after { box-sizing: border-box; }
html body.candidate-landing::before, html body.candidate-landing::after { display: none; }
.candidate-landing #particles { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; opacity: .75; pointer-events: none; }
html[data-theme=light] .candidate-landing #particles { opacity: .5; }
.candidate-landing #main-content, .candidate-landing .cl-footer { position: relative; z-index: 1; }
@media print { .candidate-landing #particles { display: none; } }
.candidate-landing :is(h1,h2,h3,p,figure) { margin: 0; }
.candidate-landing :is(h1,h2,h3) { color: var(--cl-text); font-family: Sora, sans-serif; }
.candidate-landing :is(p,small) { color: var(--cl-muted); }
.candidate-landing a { color: inherit; text-decoration: none; }
.candidate-landing :is(a,button,input):focus-visible { outline: 3px solid var(--cl-accent); outline-offset: 4px; }
.candidate-landing #main-content { width: 100%; margin: 0; padding: 0; outline: none; }
.candidate-landing :is(section,[id]) { scroll-margin-top: 104px; }
.cl-shell { width: min(1320px, calc(100% - 80px)); margin-inline: auto; }
.cl-section { padding-block: 44px; }
.cl-skip { position: fixed; left: 16px; top: -100px; z-index: 250; padding: 10px 18px; background: var(--cl-panel); border: 1px solid var(--cl-accent); border-radius: 8px; }
.cl-skip:focus { top: 12px; }
.cl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.cl-header { position: sticky; inset: 0 0 auto; z-index: 100; background: var(--cl-bg); border-bottom: 1px solid var(--cl-line); }
.cl-header-inner { display: flex; align-items: center; gap: 24px; min-height: 80px; }
.candidate-landing .shortlistii-logo { display: inline-flex; align-items: baseline; gap: 1px; color: var(--cl-text); font-size: 30px; line-height: 1; flex-shrink: 0; }
.candidate-landing .shortlistii-logo .logo-text { font-size: inherit; }
.candidate-landing .shortlistii-logo .logo-ii { margin: 0 0 0 2px; transform: none; }
.cl-nav { display: flex; align-items: center; justify-content: center; gap: 21px; margin-left: auto; }
.cl-nav a, .cl-signin { display: inline-flex; align-items: center; min-height: 44px; font: 700 12px/1.4 Manrope,sans-serif; color: var(--cl-muted); white-space: nowrap; border-bottom: 2px solid transparent; }
.cl-nav a:hover { color: var(--cl-text); border-bottom-color: var(--cl-accent); }
.cl-header-actions { display: flex; align-items: center; gap: 16px; }
.cl-signin { padding: 0; background: none; border: 0; color: var(--cl-text); cursor: pointer; }
.cl-menu-button { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; color: var(--cl-text); background: var(--cl-panel); border: 1px solid var(--cl-line); border-radius: 8px; cursor: pointer; }
.cl-nav .cl-mobile-signup { display: none; }
.candidate-landing .cl-button { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 48px; padding: 12px 22px; border: 1px solid var(--cl-blue); border-radius: 8px; background: var(--cl-blue); color: #fff; font: 800 13px/1.5 Manrope,sans-serif; text-decoration: none; cursor: pointer; transition: background .18s, border-color .18s; }
.candidate-landing .cl-button:hover { background: #1955c5; border-color: var(--cl-accent); }
.candidate-landing .cl-button-secondary { color: var(--cl-text); background: transparent; border-color: var(--cl-line); }
.candidate-landing .cl-button-secondary:hover { background: var(--cl-soft); }
.candidate-landing .cl-header-cta { min-height: 44px; font-size: 12px; padding-inline: 16px; }
.cl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.cl-eyebrow { display: block; color: var(--cl-accent); text-transform: uppercase; letter-spacing: .15em; font-size: 11px; font-weight: 800; margin-bottom: 18px; }
.candidate-landing .cl-note { font-size: 12px; line-height: 1.8; margin-top: 18px; }
.cl-hero { --cl-panel: #041f37; --cl-soft: #02182c; --cl-line: #245376; --cl-accent: #50b4ff; --cl-muted: #b6cbe4; position: relative; isolation: isolate; display: grid; grid-template-columns: 42% 1fr; gap: 20px; align-items: start; padding-block: 0; }
.cl-hero::before { content: ''; position: absolute; z-index: -1; inset: 0 calc(50% - 50vw); background: radial-gradient(ellipse at 85% 50%, #006bff2e, transparent 65%); pointer-events: none; }
html[data-theme=light] .cl-hero { --cl-panel: #fff; --cl-soft: #edf5ff; --cl-line: #adcbe7; --cl-accent: #136fbd; --cl-muted: #425f80; }
html[data-theme=light] .cl-hero::before { opacity: .45; }
.cl-hero-copy { padding-block: 30px 38px; position: relative; z-index: 2; }
.cl-hero .cl-eyebrow { margin-bottom: 15px; font-size: 12px; letter-spacing: .12em; }
.cl-hero h1 { font-size: clamp(36px, 4.1vw, 59px); font-weight: 700; line-height: 1.07; letter-spacing: -.055em; }
.cl-hero h1 span { color: var(--cl-accent); }
.cl-hero .cl-lead { max-width: 540px; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.5; margin: 22px 0 24px; }
.cl-hero .cl-button { min-height: 50px; padding-inline: 28px; border-radius: 7px; background: #0757f7; border-color: #087aff; font-size: 14px; font-weight: 700; }
.cl-hero .cl-button:hover { background: #064bda; }
.cl-hero .cl-button-secondary { background: transparent; border-color: #168be1; font-weight: 500; }
.cl-hero .cl-button-secondary:hover { background: var(--cl-soft); }
.cl-hero .cl-note { margin-top: 15px; font-size: 12px; }
.cl-hero-visual { position: relative; min-width: 0; height: clamp(440px, 36.5vw, 526px); isolation: isolate; }
.cl-workspace { position: absolute; top: 7.3%; left: 4%; display: flex; flex-direction: column; width: 62%; height: 64%; padding: 18px; border: 1px solid var(--cl-line); border-radius: 12px; background: linear-gradient(135deg, var(--cl-soft), var(--cl-panel)); box-shadow: 0 20px 60px #00112420; }
.cl-preview-title { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--cl-line); font-size: 12px; line-height: 1.5; }
.cl-preview-title > span { margin-left: auto; color: var(--cl-muted); font-size: 9px; }
.cl-workspace .cl-preview-title { border: 0; padding-bottom: 10px; font-size: clamp(15px, 1.2vw, 17px); }
.cl-workspace .cl-preview-title > span { font-size: 9px; white-space: nowrap; }
.cl-readiness { display: grid; flex: 1; grid-template-columns: 40% 1fr; gap: 0; border: 1px solid var(--cl-line); border-radius: 9px; font-size: 12px; }
.cl-resume-dial { padding: 12px 10px; border-right: 1px solid var(--cl-line); }
.cl-score { display: grid; place-items: center; width: clamp(112px, 8.65vw, 125px); max-width: 100%; aspect-ratio: 1; margin-top: 12px; border-radius: 50%; background: conic-gradient(var(--cl-accent) 0 48%, #58e2bd 65% 82%, var(--cl-line) 82%); position: relative; }
.cl-score::before { content: ''; position: absolute; inset: 10px; border-radius: inherit; background: var(--cl-soft); }
.cl-score strong { z-index: 1; font-size: 24px; letter-spacing: -.04em; }
.cl-score small { display: inline; font-size: 13px; color: var(--cl-text); }
.cl-readiness ul { display: grid; align-content: center; gap: 15px; margin: 0; padding: 12px 14px; list-style: none; }
.cl-readiness li { display: flex; align-items: center; gap: 10px; }
.cl-readiness b { font-weight: 600; }
.cl-readiness i { color: #b9d9ff; font-size: 23px; }
html[data-theme=light] .cl-readiness i { color: var(--cl-accent); }
.cl-readiness li:first-child i { color: var(--cl-green); }
.cl-readiness li small { display: block; font-size: 10px; line-height: 1.5; }
.cl-readiness li:first-child small { font-style: italic; }
.cl-mini-pipeline { display: flex; align-items: center; justify-content: space-between; max-width: 82%; padding-top: 12px; font-size: 11px; }
.cl-mini-pipeline span { display: grid; justify-items: center; gap: 4px; }
.cl-mini-pipeline i { color: #b9d9ff; font-size: 24px; }
html[data-theme=light] .cl-mini-pipeline i { color: var(--cl-accent); }
.cl-mini-pipeline > span:nth-child(even) { align-self: start; color: var(--cl-accent); font-size: 22px; line-height: 1; }
.cl-person { position: absolute; width: 55%; height: auto; right: -1%; bottom: 0; z-index: 2; pointer-events: none; mask-image: linear-gradient(#000 86%,transparent); }
.cl-practice-float, .cl-skill-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--cl-line); border-radius: 11px; background: linear-gradient(120deg, var(--cl-panel), var(--cl-soft)); box-shadow: 0 12px 32px #00000020; font-size: 12px; }
.cl-practice-float:hover, .cl-skill-float:hover { border-color: var(--cl-accent); }
.cl-practice-float { bottom: 27px; left: -1%; width: 53%; align-items: start; }
.cl-practice-mic { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border: 1px solid var(--cl-line); border-radius: 50%; background: #1578cc33; color: #b9e1ff; font-size: 25px; }
html[data-theme=light] .cl-practice-mic { color: var(--cl-accent); }
.cl-practice-content { min-width: 0; flex: 1; }
.cl-practice-content > b { display: block; font-size: 12px; font-weight: 600; white-space: nowrap; }
.cl-practice-row { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.cl-wave { display: block; width: 140px; min-width: 0; height: 36px; flex: 1; color: var(--cl-accent); }
.cl-practice-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 7px 11px; border: 1px solid #3283ff; border-radius: 6px; background: #0757f7; color: #fff; font-size: 11px; white-space: nowrap; }
.cl-practice-cta > span { font-size: 21px; line-height: 1; }
.cl-skill-float { left: 54%; bottom: 37px; width: 34%; min-height: 76px; }
.cl-skill-float > img { width: 42px; height: 42px; flex-shrink: 0; }
.cl-skill-float small { display: block; margin-top: 3px; font-size: 10px; }
.cl-skill-arrow { margin-left: auto; font-size: 24px; color: var(--cl-accent); }
.cl-hero-note { position: absolute; z-index: 3; color: #aed4ff; font: 500 25px/.95 Caveat,cursive; transform: rotate(-12deg); pointer-events: none; }
html[data-theme=light] .cl-hero-note { color: #21699f; }
.cl-hero-note-top { top: 40px; right: -6px; }
.cl-hero-note-top > span { display: inline-block; padding: 0 5px 6px 0; border-bottom: 1px solid currentColor; }
.cl-hero-note-bottom { bottom: 9px; right: -21px; font-size: 17px; }
.cl-hero-note-bottom > svg { position: absolute; left: -40px; bottom: 3px; width: 38px; height: 58px; }
.cl-journey { padding: 30px 0; border-block: 1px solid var(--cl-line); background: var(--cl-panel); }
.cl-journey h2 { font-size: 21px; letter-spacing: -.035em; text-align: center; }
.cl-journey ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; list-style: none; padding: 0; margin: 28px 0 0; }
.cl-journey li { display: flex; align-items: center; gap: 12px; position: relative; }
.cl-journey li:not(:last-child)::after { content: '→'; position: absolute; right: -20px; color: var(--cl-accent); }
.cl-step { flex-shrink: 0; display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid var(--cl-line); border-radius: 50%; color: var(--cl-accent); font-size: 12px; }
.cl-journey i { color: var(--cl-accent); font-size: 28px; }
.cl-journey h3 { font: 800 12px/1.5 Manrope,sans-serif; }
.cl-journey p { font-size: 11px; margin-top: 3px; }
.cl-builder { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 32px; align-items: center; padding: 26px 28px; border: 1px solid var(--cl-line); border-radius: 12px; background: linear-gradient(120deg, #071729f5, #0b2037f5); }
html[data-theme=light] .cl-builder { background: linear-gradient(120deg, #fff, #edf5fd); }
.cl-builder-copy { min-width: 0; }
.cl-builder .cl-eyebrow { margin-bottom: 12px; font-size: 11px; letter-spacing: .15em; }
.cl-builder h2 { font-size: clamp(30px, 3vw, 40px); line-height: 1.15; letter-spacing: -.045em; }
.cl-builder h2 span { color: inherit; }
.cl-builder-copy > p:not(.cl-note) { margin-top: 16px; max-width: 420px; font-size: 15px; line-height: 1.65; }
.cl-builder-benefits { display: grid; gap: 8px; padding: 0; margin: 18px 0; list-style: none; }
.cl-builder-benefits li { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 600; }
.cl-builder-benefits i { display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border: 1px solid var(--cl-line); border-radius: 7px; color: var(--cl-accent); background: var(--cl-soft); font-size: 21px; }
.cl-builder .cl-button { min-height: 44px; padding: 10px 18px; font-size: 12px; }
.cl-builder .cl-note { font-size: 10px; line-height: 1.65; margin-top: 16px; }
.cl-builder-preview { min-width: 0; background: #06182bb3; border: 1px solid var(--cl-line); border-radius: 8px; overflow: hidden; }
html[data-theme=light] .cl-builder-preview { background: #e8f2fc; }
.cl-builder-preview .cl-preview-title { gap: 10px; min-height: 46px; padding: 8px 12px; font-size: 12px; background: #00142680; }
html[data-theme=light] .cl-builder-preview .cl-preview-title { background: #ffffffa6; }
.cl-builder-preview .cl-preview-title > span { margin-left: 0; font-size: 9px; }
.cl-preview-expand { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; min-height: 30px; color: var(--cl-accent); font-size: 10px; }
.cl-preview-expand:hover { text-decoration: underline; }
.cl-resume-viewport { height: 270px; padding: 12px; overflow: auto; overflow-anchor: none; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--cl-line) transparent; }
.cl-resume-viewport:focus-visible { outline: 2px solid var(--cl-accent); outline-offset: -3px; }
.cl-builder-preview .resume-preview-paper { position: relative; width: min(440px,100%); margin-inline: auto; aspect-ratio: 794 / 1123; overflow: hidden; background: #fff; }
.cl-builder-preview iframe { display: block; position: absolute; inset: 0 auto auto 0; width: 794px; height: 1123px; border: 0; transform-origin: top left; color-scheme: light; }
.cl-template-picker { padding: 10px 12px 12px; border-top: 1px solid var(--cl-line); }
.cl-preview-hint { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; color: var(--cl-muted); font-size: 9px; }
.cl-template-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.cl-template-options button { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px; border: 1px solid var(--cl-line); border-radius: 6px; background: transparent; color: var(--cl-text); font: 600 9px/1.4 Manrope,sans-serif; text-align: left; cursor: pointer; }
.cl-template-options img { width: 29px; height: 41px; flex-shrink: 0; object-fit: cover; object-position: top; border-radius: 2px; }
.cl-template-options button[aria-pressed=true] { border-color: var(--cl-accent); background: var(--cl-soft); }
.cl-template-options button:hover { border-color: var(--cl-accent); }
.cl-preview-status { display: block; margin-top: 8px; color: var(--cl-muted); font-size: 9px; }
.cl-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 28px; }
.cl-section-heading h2, .cl-closing h2 { font-size: clamp(27px,2.65vw,36px); line-height: 1.25; letter-spacing: -.04em; }
.cl-section-heading .cl-eyebrow { margin-bottom: 10px; }
.cl-section-heading p { margin-top: 10px; }
.candidate-landing .cl-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--cl-accent); font-size: 13px; font-weight: 800; }
.cl-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.cl-section-heading > .cl-text-link { flex-shrink: 0; }
.cl-tools { padding-block: 0 24px; }
.cl-tools-heading { margin-bottom: 14px; }
.cl-tools-heading h2 { font-size: clamp(23px,2.2vw,28px); line-height: 1.25; }
.cl-tools-heading p { margin-top: 4px; font-size: 14px; }
.cl-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.cl-tool { display: flex; flex-direction: column; min-width: 0; padding: 16px 18px; border: 1px solid var(--cl-line); border-radius: 9px; background: var(--cl-panel); }
.cl-tool h3 { font-size: 16px; line-height: 1.35; letter-spacing: -.025em; }
.cl-tool > p, .cl-resume-copy p { font-size: 12px; margin: 6px 0 12px; line-height: 1.5; }
.cl-tool > p { max-width: 30ch; }
.candidate-landing .cl-tool .cl-text-link { min-height: 36px; gap: 8px; padding-top: 8px; font-size: 12px; font-weight: 700; }
.cl-tool > .cl-text-link { margin-top: auto; align-self: flex-start; }
.cl-tool-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.cl-free { border-radius: 12px; padding: 3px 8px; background: #6be5bd; color: #063c30; text-transform: uppercase; font-size: 8px; font-weight: 800; }
.cl-tool-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; margin-top: auto; }
.cl-builder-link { display: inline-flex; align-items: center; min-height: 36px; padding-top: 8px; color: var(--cl-muted); font-size: 10px; }
.cl-builder-link:hover { color: var(--cl-accent); text-decoration: underline; }
.cl-resume-art { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 10px; align-items: start; flex: 1; margin-top: 2px; }
.cl-resume-copy p { margin-top: 4px; margin-bottom: 9px; }
.cl-resume-art ul, .cl-rewards-art ul { list-style: none; margin: 0; padding: 0; font-size: 10px; line-height: 1.9; color: var(--cl-muted); }
.cl-resume-art li::before, .cl-rewards-art li::before { content: '✓'; color: var(--cl-green); margin-right: 7px; font-weight: 800; }
.cl-resume-visual { position: relative; height: 142px; min-width: 0; padding: 4px 22px 0 0; }
.cl-paper-mini { height: 132px; padding: 12px; overflow: hidden; background: linear-gradient(#f7fbff,#dce8f7); border: 1px solid #d0e1f3; border-radius: 5px; color: #142d4b; font-size: 8px; }
.cl-paper-mini > span { display: block; height: 3px; margin-top: 5px; border-radius: 3px; background: #b8cce1; }
.cl-paper-mini > span:nth-of-type(3n) { width: 64%; }
.cl-paper-mini strong { display: block; margin-top: 8px; font-size: 7px; }
.cl-resume-feedback { position: absolute; right: 0; bottom: 0; width: 104px; padding: 9px; border: 1px solid #d2e1f1; border-radius: 5px; background: #f7fbff; color: #294766; font-size: 7px; box-shadow: 0 4px 10px #00112418; }
.cl-resume-feedback > span { display: grid; grid-template-columns: 1fr 30px; align-items: center; gap: 4px; margin-block: 4px; }
.cl-resume-feedback b { display: block; height: 4px; border-radius: 3px; background: linear-gradient(to right,#3397ed var(--bar),#dce9f5 var(--bar)); }
.cl-resume-feedback > span:first-child b { background: linear-gradient(to right,#23b992 var(--bar),#dce9f5 var(--bar)); }
.cl-interview-art { display: flex; align-items: center; gap: 16px; min-height: 128px; margin-top: auto; }
.cl-interview-voice { display: grid; justify-items: center; gap: 10px; width: 80px; flex-shrink: 0; color: var(--cl-accent); }
.cl-interview-voice i { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid var(--cl-line); border-radius: 50%; background: var(--cl-soft); font-size: 25px; }
.cl-interview-voice svg { display: block; width: 80px; height: 34px; }
.cl-interview-feedback { flex: 1; min-width: 0; display: grid; gap: 12px; padding: 14px 10px; border: 1px solid var(--cl-line); border-radius: 7px; background: var(--cl-bg); }
.cl-interview-feedback > span { display: grid; grid-template-columns: minmax(0,1fr) 34%; align-items: center; gap: 8px; font-size: 8px; line-height: 1.3; }
.cl-interview-feedback b { height: 5px; border-radius: 3px; background: var(--cl-soft); overflow: hidden; }
.cl-interview-feedback i { display: block; width: var(--bar); height: 100%; border-radius: inherit; background: var(--cl-accent); }
.cl-interview-feedback > span:first-child i { background: var(--cl-green); }
.cl-certificate-art { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 128px; margin: auto 0 0; padding: 10px 14px; border: 1px solid var(--cl-gold); border-radius: 7px; background: var(--cl-bg); }
.cl-certificate-copy { flex: 1; min-width: 0; }
.cl-certificate-copy strong { display: block; font-size: 14px; line-height: 1.3; }
.cl-certificate-copy > span:not(.cl-certificate-line) { display: block; margin: 5px 0 14px; color: var(--cl-muted); font-size: 8px; }
.cl-certificate-line { display: block; width: 80%; height: 3px; margin-top: 6px; border-radius: 2px; background: var(--cl-line); }
.cl-certificate-line:last-child { width: 48%; }
.cl-certificate-art .credential-seal { display: block; flex: 0 0 104px; width: 104px; height: 104px; color: var(--cl-text); }
.cl-certificate-art .credential-seal > svg { display: block; width: 100%; height: 100%; }
.cl-certificate-art .credential-laurel { color: var(--cl-muted); }
.cl-certificate-art .credential-seal-ring { stroke: var(--cl-muted); }
.cl-certificate-art .credential-seal-inner { opacity: .8; }
.cl-certificate-art .credential-seal-lettering { fill: currentColor; font-family: Manrope,system-ui,sans-serif; }
.cl-certificate-art .credential-seal-caption { font-size: 7.6px; font-weight: 600; letter-spacing: 1.2px; }
.cl-certificate-art .credential-seal-by { font-size: 6.6px; font-weight: 500; letter-spacing: 1.4px; }
.cl-certificate-art .credential-seal-brand { font-size: 9.5px; font-weight: 800; letter-spacing: .35px; }
.cl-certificate-art .credential-seal-stars { fill: var(--cl-muted); }
.cl-discovery-art { display: grid; gap: 8px; margin-top: auto; }
.cl-discovery-art > span { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; padding: 7px 10px; border: 1px solid var(--cl-line); border-radius: 7px; font-size: 10px; color: var(--cl-muted); }
.cl-discovery-art i { color: var(--cl-accent); font-size: 17px; }
.cl-discovery-art > div { display: flex; flex-wrap: wrap; gap: 6px; }
.cl-discovery-art b { display: grid; place-items: center; min-height: 24px; border: 1px solid var(--cl-line); border-radius: 20px; padding: 2px 9px; font-size: 9px; font-weight: 500; }
.cl-discovery-art .cl-discovery-add { width: 24px; padding: 0; font-size: 18px; }
.cl-tracking-art { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 76px; margin: auto 0 0; border: 1px solid var(--cl-line); border-radius: 9px; padding: 9px 16px; }
.cl-tracking-art::before { content: ''; position: absolute; top: 25px; left: 36px; right: 36px; height: 1px; background: var(--cl-line); }
.cl-tracking-art > span { position: relative; display: grid; justify-items: center; gap: 5px; font-size: 10px; }
.cl-tracking-art i { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--cl-accent); border-radius: 50%; color: var(--cl-accent); background: var(--cl-panel); font-size: 18px; }
.cl-tracking-art > span:first-child i { border-color: #6be5bd; background: #6be5bd; color: #063c30; }
.cl-tracking-art > span:nth-child(2) i { border-color: var(--cl-blue); background: var(--cl-blue); color: #fff; }
.cl-rewards-art { display: flex; align-items: center; min-height: 76px; margin-top: auto; }
.cl-token { display: grid; place-items: center; flex-shrink: 0; width: 54px; height: 54px; border: 4px double #86bfff; border-radius: 50%; background: #2463df; color: #dceeff; font-size: 29px; transform: translateY(8px); }
.cl-token-gold { margin-left: -16px; background: #e9b944; border-color: #ffdf84; color: #fff6d1; transform: translateY(-9px); }
.cl-rewards-art ul { flex: 1; margin-left: 16px; padding: 6px 10px; border: 1px solid var(--cl-line); border-radius: 7px; font-size: 9px; }
.cl-job-search-row { display: flex; gap: 24px; align-items: center; margin-bottom: 24px; }
.cl-job-search { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; margin: 0; padding: 5px 5px 5px 16px; background: var(--cl-panel); border: 1px solid var(--cl-line); border-radius: 10px; }
.cl-job-search > i { color: var(--cl-accent); font-size: 23px; }
.cl-job-search input { width: 100%; min-width: 0; min-height: 44px; border: 0; border-radius: 4px; background: transparent; color: var(--cl-text); font: inherit; font-size: 13px; }
.cl-job-search input::placeholder { color: var(--cl-muted); opacity: 1; }
.cl-job-search .cl-button { flex-shrink: 0; }
.cl-job-categories { display: flex; flex-wrap: wrap; gap: 8px; }
.cl-job-categories a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 13px; border: 1px solid var(--cl-line); border-radius: 24px; color: var(--cl-muted); font-size: 11px; }
.cl-job-categories a:hover { background: var(--cl-soft); color: var(--cl-text); }
.cl-job-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.cl-job { display: flex; flex-direction: column; min-width: 0; padding: 24px; background: var(--cl-panel); border: 1px solid var(--cl-line); border-radius: 12px; overflow-wrap: anywhere; }
.cl-job-top { display: flex; align-items: start; gap: 15px; }
.cl-company-icon { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 9px; background: #c1e6ff; color: #145b86; font-size: 26px; }
.cl-job:nth-child(2) .cl-company-icon { background: #ffdbd5; color: #823c36; }
.cl-job:nth-child(3) .cl-company-icon { background: #dce0ff; color: #414d8d; }
.cl-job h3 { font-size: 16px; line-height: 1.5; letter-spacing: -.02em; }
.cl-job h3 a:hover { text-decoration: underline; }
.cl-job p { font-size: 12px; margin-top: 5px; }
.cl-job ul { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; padding: 0; margin: 20px 0 16px; color: var(--cl-muted); font-size: 12px; }
.cl-job li { display: flex; gap: 5px; align-items: center; }
.cl-job > .cl-text-link { margin-top: auto; align-self: end; }
.cl-empty { grid-column: 1/-1; display: flex; align-items: center; gap: 24px; padding: 30px; border: 1px solid var(--cl-line); border-radius: 12px; background: var(--cl-panel); }
.cl-empty > i { font-size: 40px; color: var(--cl-accent); }
.cl-empty h3 { font-size: 17px; }
.cl-empty p { margin-top: 8px; font-size: 13px; }
.cl-empty .cl-button { margin-left: auto; flex-shrink: 0; }
.cl-closing { position: relative; overflow: hidden; padding-block: 28px; margin-top: 8px; text-align: center; border-block: 1px solid var(--cl-line); background: radial-gradient(ellipse at 50% 0,#0757f733,transparent 70%),linear-gradient(110deg,#001a32eb,#03264aed,#00182deb); }
html[data-theme=light] .cl-closing { background: radial-gradient(ellipse at 50% 0,#9fd2ff40,transparent 70%),linear-gradient(110deg,#edf7ffed,#e1effdef,#edf7ffed); }
.cl-closing-waves { position: absolute; inset: 0; width: 100%; height: 100%; color: #208dff; pointer-events: none; }
.cl-closing-waves > path { stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }
.cl-closing-wave-soft { opacity: .18; }
.cl-closing-sparks { fill: currentColor; }
.cl-closing-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 120px minmax(0,1fr) 120px; align-items: center; gap: 24px; }
.cl-closing-copy { grid-column: 2; grid-row: 1; }
.cl-closing h2 { font-size: clamp(25px,2.65vw,36px); line-height: 1.2; }
.cl-closing-copy > p { margin-top: 6px; font-size: 14px; line-height: 1.5; }
.cl-closing .cl-actions { margin-top: 18px; justify-content: center; gap: 30px; }
.candidate-landing .cl-closing .cl-button { min-height: 46px; padding: 10px 24px; border-radius: 7px; background: #0757f7; border-color: #0757f7; }
.candidate-landing .cl-closing .cl-button:hover { background: #064bda; }
.cl-closing .cl-text-link { font-size: 12px; }
.cl-closing .cl-closing-note { margin: 0; color: #aed4ff; font: 500 25px/.95 Caveat,cursive; text-align: left; transform: rotate(-12deg); }
.cl-closing-note > span { display: block; }
.cl-closing-note-left { grid-column: 1; grid-row: 1; justify-self: start; }
.cl-closing-note-right { grid-column: 3; grid-row: 1; justify-self: end; }
html[data-theme=light] .cl-closing .cl-closing-note { color: #21699f; }
.cl-footer { padding-block: 40px 24px; text-align: left; background: none; }
.cl-footer-top, .cl-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.cl-footer p { margin-top: 12px; font-size: 12px; }
.cl-footer nav { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.cl-footer nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; color: var(--cl-muted); }
.cl-footer nav a:hover { color: var(--cl-accent); text-decoration: underline; }
.cl-footer-bottom { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--cl-line); }
.cl-footer-bottom nav { gap: 8px 20px; }
.cl-footer-bottom :is(a,small) { font-size: 10px; }
/* Preserve the existing shared account drawer and its keyboard behavior. */
.candidate-login-drawer-scope { display: contents; }
.candidate-home.login-panel-open { overflow: hidden; }
.candidate-home #loginSection { z-index: 220; opacity: 0; pointer-events: none; transition: opacity 240ms ease; }
.candidate-home #loginSection.is-open { opacity: 1; pointer-events: auto; }
.candidate-home #loginSection form { transform: translateX(100%); transition: transform 450ms cubic-bezier(.65,0,.35,1); }
.candidate-home #loginSection.is-open form { transform: translateX(0); }
.candidate-home #loginPanel .login-panel__brand { font-size: 1rem; line-height: 1; }
.candidate-home #loginPanel .full { width: 100%; }
.candidate-home #loginPanel .forgot { color: #7ddcff; }
.candidate-home #loginPanel .btn-spinner { width: 1rem; height: 1rem; border: 2px solid #eaf4ff47; border-top-color: #eef5ff; border-radius: 50%; animation: candidateLoginSpin .7s linear infinite; }
@keyframes candidateLoginSpin { to { transform: rotate(360deg); } }
@media (max-width: 1200px) {
  .cl-header-inner { gap: 20px; }
  .cl-header-actions { margin-left: auto; }
  .cl-menu-button { display: inline-flex; }
  .cl-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 18px 40px; max-height: calc(100dvh - 80px); overflow-y: auto; background: var(--cl-bg); border-bottom: 1px solid var(--cl-line); }
  .cl-nav.is-open { display: flex; align-items: stretch; flex-direction: column; gap: 4px; }
  .cl-nav .cl-mobile-signup { display: flex; color: var(--cl-accent); gap: 12px; }
  .cl-header-cta { display: none !important; }
  .cl-workspace { padding: 14px; }
  .cl-workspace .cl-preview-title { font-size: 13px; gap: 8px; }
  .cl-workspace .cl-preview-title > span { font-size: 8px; }
  .cl-readiness { font-size: 10px; }
  .cl-readiness ul { padding-inline: 9px; }
  .cl-readiness li { gap: 7px; }
  .cl-readiness li small { font-size: 9px; }
  .cl-score { width: 96px; }
  .cl-score strong { font-size: 21px; }
  .cl-score::before { inset: 8px; }
  .cl-practice-float { gap: 8px; padding: 12px; }
  .cl-practice-mic { width: 34px; height: 34px; font-size: 22px; }
  .cl-practice-content > b { font-size: 11px; }
  .cl-practice-row { gap: 8px; }
  .cl-practice-cta { font-size: 10px; padding-inline: 8px; }
  .cl-skill-float { gap: 9px; padding: 12px; width: 36%; }
  .cl-skill-float > img { width: 34px; height: 34px; }
  .cl-skill-float small { font-size: 9px; }
  .cl-hero-note-top { right: -14px; font-size: 22px; }
  .cl-hero-note-bottom { right: -25px; font-size: 15px; }
  .cl-builder { gap: 24px; padding: 24px; }
  .cl-builder h2 { font-size: 34px; }
  .cl-journey ol { gap: 28px; }
  .cl-journey li { gap: 8px; }
  .cl-journey li > i { display: none; }
  .cl-tool { padding-inline: 14px; }
  .cl-interview-art { gap: 10px; }
  .cl-interview-voice, .cl-interview-voice svg { width: 64px; }
  .cl-tool h3 { font-size: 15px; }
  .cl-job-search-row { flex-wrap: wrap; }
  .cl-job-search { flex-basis: 55%; }
  .cl-footer-bottom { align-items: start; flex-direction: column; }
}
@media (max-width: 960px) {
  .cl-hero { grid-template-columns: 1fr; gap: 0; }
  .cl-hero h1 { font-size: 52px; }
  .cl-hero-copy { padding-block: 32px 8px; }
  .cl-hero .cl-lead { max-width: 610px; font-size: 18px; }
  .cl-hero-visual { width: 100%; max-width: 740px; height: 520px; justify-self: center; }
  .cl-workspace { top: 34px; padding: 18px; }
  .cl-workspace .cl-preview-title { font-size: 15px; }
  .cl-readiness { font-size: 12px; }
  .cl-readiness ul { padding-inline: 14px; }
  .cl-readiness li small { font-size: 10px; }
  .cl-score { width: 112px; }
  .cl-practice-mic { width: 42px; height: 42px; }
  .cl-practice-content > b { font-size: 12px; }
  .cl-practice-cta { font-size: 11px; padding-inline: 11px; }
  .cl-hero-note-top { right: 0; font-size: 25px; }
  .cl-hero-note-bottom { right: -14px; font-size: 17px; }
  .cl-builder { gap: 20px; padding: 20px; }
  .cl-builder h2 { font-size: 28px; }
  .cl-template-options button { flex-direction: column; gap: 5px; text-align: center; }
  .cl-builder-preview .cl-preview-title > span { display: none; }
  .cl-builder-copy > p:not(.cl-note) { font-size: 13px; }
  .cl-builder-benefits { gap: 8px; margin-block: 18px; }
  .cl-builder-benefits li { font-size: 10px; }
  .cl-builder .cl-actions { gap: 8px; }
  .cl-builder .cl-button { padding-inline: 12px; font-size: 11px; }
  .cl-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cl-tool { padding: 16px; }
  .cl-job-grid { grid-template-columns: 1fr; }
  .cl-job { display: grid; grid-template-columns: 1fr auto; gap: 5px 20px; }
  .cl-job ul { grid-column: 1; margin: 10px 0 0 59px; }
  .cl-job > .cl-text-link { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0; }
  .cl-section-heading { align-items: start; flex-direction: column; gap: 12px; }
  .cl-footer-top { align-items: start; flex-direction: column; }
}
@media (max-width: 700px) {
  .cl-shell { width: calc(100% - 40px); }
  .cl-header-inner { min-height: 72px; gap: 10px; }
  .candidate-landing .shortlistii-logo { font-size: 27px; }
  .cl-header-actions { gap: 12px; }
  .cl-header-actions .candidate-theme-toggle { flex-basis: 76px !important; width: 76px !important; min-width: 76px !important; }
  .cl-header-actions .candidate-theme-toggle__option > span { display: none; }
  .cl-nav { padding: 12px 20px; max-height: calc(100dvh - 72px); }
  .cl-hero { overflow: clip; }
  .cl-hero h1 { font-size: clamp(30px,8.5vw,47px); }
  .cl-hero-copy { padding: 30px 0 12px; }
  .cl-hero .cl-eyebrow { font-size: 10px; }
  .cl-hero .cl-actions { gap: 12px; }
  .cl-hero .cl-button { padding-inline: 19px; font-size: 12px; }
  .cl-hero .cl-lead { font-size: 15px; margin-block: 20px 24px; }
  .cl-hero .cl-note { font-size: 11px; }
  .cl-hero-visual { max-width: 390px; height: 630px; }
  .cl-workspace { width: 100%; height: auto; left: 0; top: 16px; padding: 16px; }
  .cl-workspace .cl-preview-title { font-size: 14px; }
  .cl-person { width: 58%; right: -2%; bottom: 104px; }
  .cl-readiness { font-size: 11px; }
  .cl-readiness li { gap: 8px; }
  .cl-readiness li small { font-size: 9px; }
  .cl-score { width: 96px; }
  .cl-score strong { font-size: 23px; }
  .cl-preview-title { gap: 8px; font-size: 10px; }
  .cl-preview-title > span { font-size: 8px; }
  .cl-practice-float { width: 100%; left: 0; bottom: 16px; padding: 14px; gap: 12px; }
  .cl-skill-float { width: 54%; left: 0; bottom: 130px; }
  .cl-hero-note-top { top: 310px; left: 22px; right: auto; font-size: 27px; }
  .cl-hero-note-bottom { display: none; }
  .cl-journey { padding: 28px 0; }
  .cl-journey h2 { font-size: 20px; }
  .cl-journey ol { grid-template-columns: 1fr 1fr; gap: 22px 16px; margin-top: 23px; }
  .cl-journey li:not(:last-child)::after { display: none; }
  .cl-journey h3 { font-size: 11px; }
  .cl-journey p { font-size: 10px; }
  .cl-step { width: 31px; height: 31px; font-size: 10px; }
  .cl-section { padding-block: 30px; }
  .cl-builder { grid-template-columns: 1fr; padding: 20px; gap: 22px; }
  .cl-builder h2 { font-size: clamp(26px,7vw,36px); }
  .cl-builder .cl-eyebrow { font-size: 10px; }
  .cl-builder-copy > p:not(.cl-note) { font-size: 14px; }
  .cl-builder-benefits { gap: 10px; }
  .cl-builder-benefits li { font-size: 10px; }
  .cl-builder .cl-note { font-size: 10px; margin-top: 12px; }
  .cl-builder .cl-button { padding-inline: 12px; font-size: 11px; }
  .cl-builder-preview { width: 100%; max-width: 440px; justify-self: center; }
  .cl-builder-preview .cl-preview-title > span { display: none; }
  .cl-resume-viewport { height: 260px; padding: 8px; }
  .cl-template-options button { flex-direction: column; gap: 5px; text-align: center; font-size: 8px; }
  .cl-template-options img { width: 25px; height: 35px; }
  .cl-tools { padding-block: 0 20px; }
  .cl-tool-grid { grid-template-columns: 1fr; gap: 12px; }
  .cl-tool { padding: 16px; }
  .cl-tool h3 { font-size: 16px; }
  .cl-tool > p { max-width: none; }
  .cl-interview-art { min-height: 116px; }
  .cl-certificate-art { min-height: 116px; }
  .candidate-landing .cl-tool .cl-text-link, .cl-builder-link { min-height: 40px; }
  .cl-section-heading h2 { font-size: 29px; }
  .cl-tools-heading h2 { font-size: 23px; }
  .cl-job-search-row { gap: 14px; }
  .cl-job-search { flex-basis: 100%; gap: 8px; padding-left: 12px; }
  .cl-job-search input { font-size: 12px; }
  .cl-job-search .cl-button { min-height: 44px; padding: 10px 13px; font-size: 12px; }
  .cl-job-search .cl-button > span { display: none; }
  .cl-job-categories { gap: 6px; }
  .cl-job-categories a { padding-inline: 11px; }
  .cl-job { display: flex; padding: 22px; }
  .cl-job ul { margin: 16px 0 8px; }
  .cl-job > .cl-text-link { align-self: end; }
  .cl-empty { align-items: start; flex-direction: column; gap: 18px; padding: 25px; }
  .cl-empty .cl-button { margin: 0; }
  .cl-closing { padding-block: 24px; margin-top: 0; }
  .cl-closing-layout { grid-template-columns: 1fr 1fr; gap: 18px 20px; }
  .cl-closing-copy { grid-column: 1 / -1; }
  .cl-closing h2 { font-size: 28px; }
  .cl-closing-copy > p { max-width: 340px; margin-inline: auto; }
  .cl-closing .cl-actions { gap: 18px; }
  .cl-closing .cl-closing-note { font-size: 20px; line-height: 1.05; transform: rotate(-7deg); }
  .cl-closing-note br { display: none; }
  .cl-closing-note-left { grid-column: 1; grid-row: 2; }
  .cl-closing-note-right { grid-column: 2; grid-row: 2; }
  .cl-closing-waves { opacity: .5; }
  .cl-footer nav { gap: 4px 21px; }
}
@media (max-width: 380px) {
  .cl-shell { width: calc(100% - 28px); }
  .cl-header-inner { gap: 6px; }
  .candidate-landing .cl-header .shortlistii-logo { font-size: 23px; }
  .cl-header-actions { gap: 7px; }
  .cl-signin { font-size: 11px; }
  .cl-menu-button { width: 40px; }
  .cl-hero .cl-button { padding-inline: 14px; font-size: 12px; }
  .cl-workspace { padding: 12px; }
  .cl-workspace .cl-preview-title { font-size: 12px; }
  .cl-readiness { font-size: 10px; }
  .cl-readiness ul { padding-inline: 9px; }
  .cl-readiness li { gap: 6px; }
  .cl-skill-float { padding: 10px; gap: 7px; }
  .cl-skill-float > img { width: 29px; height: 29px; }
  .cl-builder { padding-inline: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .candidate-landing *, .candidate-landing *::before, .candidate-landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}