:root {
--talentic-primary: #2563eb;
--talentic-primary-hover: #1d4ed8;
--talentic-text: #1f2937;
--talentic-text-light: #6b7280;
--talentic-bg: #ffffff;
--talentic-bg-alt: #f9fafb;
--talentic-border: #e5e7eb;
--talentic-radius: 10px;
--talentic-shadow: 0 1px 4px rgba(0,0,0,.07);
--talentic-shadow-hover: 0 4px 16px rgba(0,0,0,.12);
--talentic-transition: all .25s ease;
} .talentic-jobs-container { max-width:1200px; margin:0 auto; padding:1.5rem; } .talentic-jobs-heading {
font-size: 2rem;
font-weight: 700;
margin: 0 0 1.5rem;
color: var(--talentic-text);
} .talentic-filter { background:var(--talentic-bg-alt); border:1px solid var(--talentic-border); border-radius:var(--talentic-radius); padding:1.25rem; margin-bottom:2rem; }
.talentic-filter__form { display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-end; }
.talentic-filter__group { display:flex; flex-direction:column; gap:.375rem; flex:1; min-width:180px; }
.talentic-filter__group--buttons { flex:0 0 auto; flex-direction:row; }
.talentic-filter__label { font-size:.875rem; font-weight:600; color:var(--talentic-text); }
.talentic-filter__select { padding:.625rem .875rem; border:1px solid var(--talentic-border); border-radius:8px; background:var(--talentic-bg); font-size:1rem; color:var(--talentic-text); cursor:pointer; }
.talentic-filter__select:focus { outline:2px solid var(--talentic-primary); outline-offset:1px; } .talentic-btn { display:inline-flex; align-items:center; justify-content:center; padding:.625rem 1.25rem; border:none; border-radius:8px; font-size:1rem; font-weight:600; cursor:pointer; text-decoration:none; transition:var(--talentic-transition); }
.talentic-btn--primary { background:var(--talentic-primary); color:#fff; }
.talentic-btn--primary:hover { background:var(--talentic-primary-hover); color:#fff; text-decoration:none; }
.talentic-btn--secondary { background:var(--talentic-bg); color:var(--talentic-text); border:1px solid var(--talentic-border); }
.talentic-btn--secondary:hover { background:var(--talentic-bg-alt); text-decoration:none; }
.talentic-btn--large { padding:.875rem 2rem; font-size:1.125rem; } .talentic-meta-badge { display:inline-flex; align-items:center; gap:.3rem; font-size:.8125rem; color:var(--talentic-text-light); background:var(--talentic-bg-alt); border:1px solid var(--talentic-border); border-radius:20px; padding:.25rem .625rem; }
.talentic-meta-badge--remote { color:#059669; background:#ecfdf5; border-color:#a7f3d0; }
.talentic-meta-badge--salary { color:#7c3aed; background:#f5f3ff; border-color:#ddd6fe; }
.talentic-meta-badge--type { color:#1d4ed8; background:#eff6ff; border-color:#bfdbfe; } .talentic-jobs-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:1.25rem; }
.talentic-jobs-list { display:flex; flex-direction:column; gap:1rem; } .talentic-job-card { background:var(--talentic-bg); border:1px solid var(--talentic-border); border-radius:var(--talentic-radius); padding:1.25rem; box-shadow:var(--talentic-shadow); transition:var(--talentic-transition); display:flex; flex-direction:column; }
.talentic-job-card:hover { box-shadow:var(--talentic-shadow-hover); transform:translateY(-2px); }
.talentic-job-card--list { flex-direction:row; align-items:center; }
.talentic-job-card__content { flex:1; }
.talentic-job-card__title { margin:0 0 .625rem; font-size:1.125rem; line-height:1.4; }
.talentic-job-card__title a { color:var(--talentic-text); text-decoration:none; }
.talentic-job-card__title a:hover { color:var(--talentic-primary); }
.talentic-job-card__meta { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:.75rem; }
.talentic-job-card__excerpt { font-size:.9rem; color:var(--talentic-text-light); line-height:1.6; margin:.5rem 0; }
.talentic-job-card__action { margin-top:auto; padding-top:.875rem; }
.talentic-job-card--list .talentic-job-card__action { margin-top:0; padding-top:0; padding-left:1.25rem; flex-shrink:0; } .talentic-no-jobs { text-align:center; padding:3rem; color:var(--talentic-text-light); font-size:1.1rem; } .talentic-loading { position:relative; min-height:200px; pointer-events:none; opacity:.6; }
.talentic-loading::after { content:''; position:absolute; top:50%; left:50%; width:36px; height:36px; margin:-18px 0 0 -18px; border:3px solid var(--talentic-border); border-top-color:var(--talentic-primary); border-radius:50%; animation:talentic-spin 1s linear infinite; }
@keyframes talentic-spin { to { transform:rotate(360deg); } } .talentic-single-job { max-width:800px; margin:0 auto; padding:2rem 1.5rem; }
.talentic-single-job__logo { max-height:60px; margin-bottom:1rem; object-fit:contain; }
.talentic-single-job__title { font-size:2rem; margin:0 0 1rem; }
.talentic-single-job__meta { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:2rem; }
.talentic-single-job__content { margin-bottom:2rem; }
.talentic-single-job__section { margin-bottom:1.5rem; }
.talentic-single-job__section h2 { font-size:1.25rem; border-bottom:2px solid var(--talentic-primary); padding-bottom:.375rem; margin-bottom:.875rem; display:inline-block; }
.talentic-single-job__section-content { line-height:1.7; color:var(--talentic-text); }
.talentic-single-job__back { margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--talentic-border); }
.talentic-single-job__back a { color:var(--talentic-primary); text-decoration:none; font-weight:600; } .talentic-apply { background:var(--talentic-bg-alt); border:1px solid var(--talentic-border); border-radius:var(--talentic-radius); padding:2rem; margin-top:2rem; }
.talentic-apply__title { font-size:1.5rem; margin:0 0 .375rem; }
.talentic-apply__subtitle { color:var(--talentic-text-light); margin:0 0 1.5rem; }
.talentic-form__row { display:grid; gap:1rem; }
.talentic-form__row--two { grid-template-columns:1fr 1fr; }
.talentic-form__group { display:flex; flex-direction:column; gap:.375rem; margin-bottom:1rem; }
.talentic-form__group label { font-size:.875rem; font-weight:600; color:var(--talentic-text); }
.talentic-form__input,
.talentic-form__textarea { padding:.625rem .875rem; border:1px solid var(--talentic-border); border-radius:8px; font-size:1rem; color:var(--talentic-text); background:var(--talentic-bg); width:100%; box-sizing:border-box; }
.talentic-form__input:focus,
.talentic-form__textarea:focus { outline:2px solid var(--talentic-primary); outline-offset:1px; border-color:transparent; }
.talentic-form__textarea { resize:vertical; }
.talentic-form__group--consent { margin-top:.5rem; }
.talentic-form__submit { margin-top:1.25rem; } .talentic-checkbox { display:flex; gap:.625rem; cursor:pointer; }
.talentic-checkbox input[type="checkbox"] { flex-shrink:0; width:18px; height:18px; margin-top:2px; accent-color:var(--talentic-primary); cursor:pointer; }
.talentic-checkbox span { font-size:.9rem; line-height:1.5; color:var(--talentic-text); }
.talentic-checkbox a { color:var(--talentic-primary); } .talentic-dropzone { border:2px dashed var(--talentic-border); border-radius:8px; padding:2rem; text-align:center; cursor:pointer; transition:var(--talentic-transition); position:relative; }
.talentic-dropzone:hover,
.talentic-dropzone--hover { border-color:var(--talentic-primary); background:rgba(37,99,235,.04); }
.talentic-dropzone--selected { border-color:var(--talentic-primary); background:rgba(37,99,235,.04); }
.talentic-dropzone__input { position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }
.talentic-dropzone__ui { pointer-events:none; }
.talentic-dropzone__ui svg { color:var(--talentic-text-light); margin-bottom:.5rem; }
.talentic-dropzone__ui p { margin:0 0 .25rem; color:var(--talentic-text-light); font-size:.9rem; }
.talentic-dropzone__file-name { font-size:.875rem; color:var(--talentic-primary); font-weight:600; } .talentic-apply__progress { text-align:center; padding:2rem; }
.talentic-progress-steps { display:flex; align-items:center; justify-content:center; gap:.5rem; margin-bottom:1rem; }
.talentic-step { display:flex; flex-direction:column; align-items:center; gap:.375rem; }
.talentic-step__icon { width:40px; height:40px; border-radius:50%; border:2px solid var(--talentic-border); display:flex; align-items:center; justify-content:center; background:var(--talentic-bg); transition:var(--talentic-transition); }
.talentic-step.active .talentic-step__icon { border-color:var(--talentic-primary); }
.talentic-step.done .talentic-step__icon { border-color:var(--talentic-primary); background:var(--talentic-primary); }
.talentic-step span:last-child { font-size:.75rem; color:var(--talentic-text-light); }
.talentic-step.active span:last-child,
.talentic-step.done span:last-child { color:var(--talentic-primary); font-weight:600; }
.talentic-step__line { width:60px; height:2px; background:var(--talentic-border); margin-bottom:1.25rem; }
.talentic-step__spinner { width:16px; height:16px; border:2px solid var(--talentic-border); border-top-color:var(--talentic-primary); border-radius:50%; animation:talentic-spin 1s linear infinite; display:none; }
.talentic-step.active .talentic-step__spinner { display:block; }
.talentic-step__check { display:none; color:#fff; }
.talentic-step.done .talentic-step__check { display:block; }
.talentic-step.done .talentic-step__spinner { display:none; }
.talentic-step.active .talentic-step__check { display:none; }
.talentic-progress__message { color:var(--talentic-text-light); font-size:.9375rem; } .talentic-apply__success { text-align:center; padding:2rem; }
.talentic-apply__success h3 { font-size:1.375rem; margin:.875rem 0 .5rem; }
.talentic-apply__success p { color:var(--talentic-text-light); }
.talentic-apply__error { background:#fef2f2; border:1px solid #fecaca; border-radius:8px; padding:1.25rem; }
.talentic-apply__error p { color:#dc2626; margin:0 0 .875rem; } @media (max-width:640px) {
.talentic-form__row--two { grid-template-columns:1fr; }
.talentic-single-job__title { font-size:1.5rem; }
.talentic-job-card--list { flex-direction:column; }
.talentic-job-card--list .talentic-job-card__action { padding-left:0; padding-top:.875rem; }
.talentic-progress-steps { gap:.25rem; }
.talentic-step__line { width:30px; }
}
@media (prefers-color-scheme:dark) {
:root {
--talentic-text: #f9fafb;
--talentic-text-light: #9ca3af;
--talentic-bg: #1f2937;
--talentic-bg-alt: #111827;
--talentic-border: #374151;
}
}