@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--blue:#1eb0e4;--blue-900:#0a506e;--blue-800:#0f6e91;--blue-700:#1482aa;--blue-600:#199bc8;--blue-500:#1eb0e4;--blue-400:#50c3f0;--blue-300:#82d2f5;--blue-200:#b4e6fa;--blue-100:#dcf5ff;--blue-50:#f0faff;--yellow:#ffcf0a;--yellow-900:#b48c00;--yellow-800:#c8a000;--yellow-700:#dcb400;--yellow-600:#f0c305;--yellow-500:#ffcf0a;--yellow-400:#ffdc3c;--yellow-300:#ffe664;--yellow-200:#fff096;--yellow-100:#fff8c8;--yellow-50:#fffce6;--gray-950:#0a0f1a;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--jd-bg:var(--gray-50);--jd-white:var(--white);--jd-card-bg:var(--white);--jd-border:var(--gray-200);--jd-border-light:var(--gray-100);--jd-text-dark:var(--gray-900);--jd-text-mid:var(--gray-700);--jd-text-muted:var(--gray-600);--jd-text-light:var(--gray-500);--jd-primary:var(--blue-500);--jd-primary-light:var(--blue-400);--jd-primary-bg:var(--blue-100);--jd-primary-soft:var(--blue-50);--jd-accent:var(--yellow-500);--jd-accent-light:var(--yellow-400);--jd-accent-bg:var(--yellow-100);--jd-accent-soft:var(--yellow-50);--jd-success:var(--blue-600);--jd-success-bg:var(--blue-50);--jd-warning:var(--yellow-700);--jd-warning-bg:var(--yellow-100);--jd-danger:#dc2626;--jd-danger-bg:#fef2f2;--jd-shadow:0 2px 12px #0a0f1e0f;--jd-shadow-hover:0 4px 20px #0a0f1e14;--jd-shadow-blue:0 4px 16px #1eb0e440;--jd-shadow-yellow:0 4px 16px #ffcf0a40;--jd-radius:16px;--jd-radius-sm:12px;--jd-font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}.jobDetailPage{min-height:100vh;font-family:var(--font-body);color:var(--sdp-text-primary);-webkit-font-smoothing:antialiased;background:#f0f2f7;margin-top:40px;padding:40px 0 100px}.jobDetailPage .container{max-width:1160px;margin-top:80px;padding:0 24px}.backLink{color:var(--jd-text-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:28px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.backLink:hover{color:var(--blue-700);background:var(--blue-50);border-color:var(--blue-200)}.jd-hero{background:var(--jd-white);border-radius:var(--jd-radius);box-shadow:var(--jd-shadow);border:1px solid var(--jd-border);grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;padding:40px;display:grid;position:relative;overflow:hidden}.jd-hero:before{content:"";background:linear-gradient(90deg, var(--blue-500) 0%, var(--yellow-500) 100%);height:4px;position:absolute;top:0;left:0;right:0}.jd-heroLeft{flex-direction:column;gap:20px;display:flex}.jd-logoWrap{flex-direction:column;gap:12px;display:flex}.jd-logo{border-radius:var(--jd-radius-sm);object-fit:fill;border:1px solid var(--jd-border);width:80px;height:80px;box-shadow:var(--jd-shadow)}.jd-logoPlaceholder{border-radius:var(--jd-radius-sm);background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:#fff;width:80px;height:80px;box-shadow:var(--jd-shadow-blue);justify-content:center;align-items:center;display:flex}.jd-logoMeta{flex-wrap:wrap;gap:8px;display:flex}.jd-activityBadge{color:var(--blue-800);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.jd-activityDot{background:var(--blue-500);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 0 3px #1eb0e433}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.jd-remoteBadge{color:var(--yellow-900);background:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.jd-titleWrap{flex-direction:column;gap:6px;display:flex}.jd-jobTitle{color:var(--jd-text-dark);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:1.2}.jd-companyName{color:var(--jd-text-muted);margin:0;font-size:15px;font-weight:500}.jd-heroRight{align-items:center;display:flex}.jd-statsGrid{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.jd-statCard{background:var(--jd-white);border:1px solid var(--jd-border);border-radius:var(--jd-radius-sm);align-items:center;gap:14px;padding:18px;transition:all .3s;display:flex}.jd-statCard:hover{box-shadow:var(--jd-shadow-hover);transform:translateY(-2px)}.jd-statCard--salary{background:var(--blue-50);border-color:var(--blue-200)}.jd-statCard--type{background:var(--yellow-50);border-color:var(--yellow-200)}.jd-statCard--exp{background:var(--blue-50);border-color:var(--blue-200)}.jd-statCard--openings{background:var(--yellow-50);border-color:var(--yellow-200)}.jd-statIconWrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.jd-statIconWrap--green{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:var(--white);box-shadow:var(--jd-shadow-blue)}.jd-statIconWrap--blue{background:linear-gradient(135deg, var(--yellow-500) 0%, var(--yellow-700) 100%);color:var(--white);box-shadow:var(--jd-shadow-yellow)}.jd-statIconWrap--purple{background:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-800) 100%);color:var(--white);box-shadow:var(--jd-shadow-blue)}.jd-statIconWrap--orange{background:linear-gradient(135deg, var(--yellow-600) 0%, var(--yellow-800) 100%);color:var(--white);box-shadow:var(--jd-shadow-yellow)}.jd-statContent{flex-direction:column;gap:2px;display:flex}.jd-statValue{color:var(--jd-text-dark);font-size:14px;font-weight:700;line-height:1.3}.jd-statValue--accent{color:var(--yellow-800)}.jd-statLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.jd-infoRow{grid-template-columns:1.2fr 1fr .8fr;gap:20px;margin-bottom:24px;display:grid}.jd-infoCard{background:var(--jd-white);border-radius:var(--jd-radius);border:1px solid var(--jd-border);box-shadow:var(--jd-shadow);transition:all .3s;position:relative;overflow:hidden}.jd-infoCard:hover{box-shadow:var(--jd-shadow-hover)}.jd-infoCard:before{content:"";background:var(--blue-500);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.jd-infoCard:hover:before{opacity:1}.jd-infoHeader{border-bottom:1px solid var(--jd-border-light);align-items:center;gap:12px;padding:20px;display:flex}.jd-infoIcon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.jd-infoIcon--gray,.jd-infoIcon--purple{background:var(--blue-50);color:var(--blue-700)}.jd-infoHeader h3{color:var(--jd-text-dark);letter-spacing:.02em;margin:0;font-size:14px;font-weight:700}.jd-infoBody{padding:20px;position:relative}.jd-companyDesc{color:var(--jd-text-mid);margin:0 0 16px;font-size:14px;line-height:1.7}.jd-companyMetaRow{border-top:1px solid var(--jd-border-light);grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;display:grid}.jd-metaItem{flex-direction:column;gap:4px;display:flex}.jd-metaLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.jd-metaValue{color:var(--jd-text-mid);font-size:13px;font-weight:600}.jd-managerContent{transition:filter .3s}.jd-managerContent.jd-blurred{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none}.jd-managerName{color:var(--jd-text-dark);margin:0 0 16px;font-size:18px;font-weight:700}.jd-contactRow{background:var(--gray-50);color:var(--jd-text-mid);border:1px solid var(--jd-border-light);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.jd-contactRow:hover{background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700)}.jd-contactRow svg{color:var(--jd-text-light);flex-shrink:0}.jd-contactRow:hover svg{color:var(--blue-500)}.jd-blurOverlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jd-blurCard{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.jd-blurCard p{color:var(--jd-text-muted);margin:0;font-size:13px;font-weight:600}.jd-blurLogin{color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.jd-blurLogin:hover{background:var(--blue-100);border-color:var(--blue-300)}.jd-timelineGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.jd-timelineItem{background:var(--blue-50);text-align:center;border:1px solid var(--blue-200);border-radius:10px;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.jd-timelineDate{color:var(--jd-text-dark);font-size:14px;font-weight:700}.jd-timelineLabel{color:var(--blue-700);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.jd-sectionCard{background:var(--jd-white);border-radius:var(--jd-radius);border:1px solid var(--jd-border);box-shadow:var(--jd-shadow);margin-bottom:24px;padding:28px;transition:all .3s;position:relative;overflow:hidden}.jd-sectionCard:before{content:"";background:var(--blue-500);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.jd-sectionCard:hover{box-shadow:var(--jd-shadow-hover)}.jd-sectionCard:hover:before{opacity:1}.jd-sectionCard--compact{padding:24px}.jd-sectionHeader{align-items:center;gap:14px;margin-bottom:24px;display:flex}.jd-sectionHeader--center{justify-content:center}.jd-sectionIcon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.jd-sectionIcon--gray{background:var(--blue-50);color:var(--blue-700)}.jd-sectionIcon--purple,.jd-sectionIcon--green,.jd-sectionIcon--blue{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:var(--white);box-shadow:var(--jd-shadow-blue)}.jd-sectionIcon--orange{background:var(--blue-50);color:var(--blue-600)}.jd-sectionCard:hover .jd-sectionIcon{transform:scale(1.05)}.jd-sectionHeader h2{color:var(--jd-text-dark);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.jd-sectionText{color:var(--jd-text-mid);margin:0;font-size:15px;line-height:1.8}.jd-splitRow{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.jd-requirementsBody{flex-direction:column;gap:20px;display:flex}.jd-reqItem{flex-direction:column;gap:6px;display:flex}.jd-reqLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.jd-reqValue{color:var(--jd-text-dark);font-size:15px;font-weight:600}.jd-skillsWrap{flex-direction:column;gap:12px;display:flex}.jd-skillsGrid{flex-wrap:wrap;gap:8px;display:flex}.jd-skillTag{color:var(--blue-800);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.jd-skillTag:hover{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:var(--white);border-color:var(--blue-500);transform:translateY(-1px)}.jd-locSalBody{flex-direction:column;gap:24px;display:flex}.jd-locSection{flex-direction:column;gap:10px;display:flex}.jd-locLabel,.jd-salLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.jd-locMain{color:var(--jd-text-dark);margin:0;font-size:17px;font-weight:700}.jd-locAddress{color:var(--jd-text-muted);margin:0;font-size:14px}.jd-locMeta{border-top:1px solid var(--jd-border-light);grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;display:grid}.jd-locMetaItem{flex-direction:column;gap:4px;display:flex}.jd-locMetaLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.jd-locMetaValue{color:var(--jd-text-mid);font-size:13px;font-weight:600}.jd-salSection{border-top:1px solid var(--jd-border-light);padding-top:24px}.jd-salLabel{color:var(--jd-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:10px;font-weight:700;display:block}.jd-salRow{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.jd-salAmount{color:var(--blue-700);margin:0;font-size:28px;font-weight:800;line-height:1.2}.jd-salDash{color:var(--jd-text-muted);font-size:18px}.jd-salType{color:var(--jd-text-muted);margin:0 0 16px;font-size:13px}.jd-salRange{margin-bottom:16px}.jd-salTrack{background:var(--jd-border);border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.jd-salFill{background:linear-gradient(90deg, var(--blue-500) 0%, var(--yellow-500) 100%);border-radius:99px;width:100%;height:100%}.jd-salTicks{justify-content:space-between;display:flex}.jd-salTick{color:var(--jd-text-light);font-size:11px}.jd-salTick--active{color:var(--blue-700);font-weight:600}.jd-salPills{border-top:1px solid var(--jd-border-light);flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.jd-salPill{border:1px solid;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.jd-salPill--green{color:var(--blue-800);background:var(--blue-50);border-color:var(--blue-200)}.jd-salPill--purple{color:var(--yellow-900);background:var(--yellow-50);border-color:var(--yellow-200)}.jd-salPill--blue{color:var(--blue-700);background:var(--blue-100);border-color:var(--blue-300)}.jd-salPillDot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.jd-responsibilitiesGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jd-respItem{background:var(--gray-50);border-radius:var(--jd-radius-sm);border:1px solid var(--jd-border);align-items:center;gap:14px;padding:14px;transition:all .3s;display:flex}.jd-respItem:hover{border-color:var(--blue-200);background:var(--blue-50);transform:translate(4px)}.jd-respNumber{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:#fff;width:36px;min-width:36px;height:36px;box-shadow:var(--jd-shadow-blue);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.jd-respText{color:var(--jd-text-mid);margin:0;font-size:14px;line-height:1.6}.jd-applySection{background:var(--jd-white);border-radius:var(--jd-radius);border:1px solid var(--jd-border);box-shadow:var(--jd-shadow);text-align:center;padding:40px;position:relative;overflow:hidden}.jd-applySection:before{content:"";background:linear-gradient(90deg, var(--blue-500) 0%, var(--yellow-500) 100%);height:4px;position:absolute;top:0;left:0;right:0}.jd-applyTitle{color:var(--jd-text-dark);letter-spacing:-.02em;margin:0 0 24px;font-size:24px;font-weight:800}.jd-applyCard{background:var(--blue-50);border-radius:var(--jd-radius-sm);border:1px solid var(--blue-200);max-width:500px;margin:0 auto 24px;padding:24px}.jd-applyEmail{color:var(--jd-text-mid);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.jd-applyEmail a{color:var(--blue-700);font-weight:600;text-decoration:none}.jd-applyEmail a:hover{text-decoration:underline}.jd-applySubject{color:var(--jd-text-muted);margin:0 0 4px;font-size:13px}.jd-applyNote{color:var(--jd-text-light);margin:0;font-size:13px}.jd-submitBtn{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:#fff;cursor:pointer;box-shadow:var(--jd-shadow-blue);border:none;border-radius:10px;align-items:center;gap:10px;padding:16px 40px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.jd-submitBtn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.jd-submitBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #1eb0e466}.jd-submitBtn:hover:before{left:100%}.jd-submitBtn:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-400)}.jd-loader{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.jd-spinner{border:3px solid var(--blue-200);border-top-color:var(--blue-500);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.notFoundWrap{text-align:center;background:linear-gradient(135deg, var(--blue-50) 0%, var(--yellow-50) 100%);border-radius:var(--jd-radius);border:1px solid var(--jd-border);padding:120px 32px}.notFoundWrap h2{color:var(--jd-text-dark);margin:20px 0 12px;font-size:32px;font-weight:800}.notFoundWrap p{color:var(--jd-text-muted);margin-bottom:32px;font-size:16px}.jd-btn-back{background:linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);color:#fff;box-shadow:var(--jd-shadow-blue);border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.jd-btn-back:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1eb0e466}@media (max-width:900px){.jd-hero{grid-template-columns:1fr;padding:32px}.jd-infoRow,.jd-splitRow,.jd-responsibilitiesGrid{grid-template-columns:1fr}.jd-statsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.jobDetailPage .container{padding:0 16px}.jd-hero{padding:24px}.jd-jobTitle{font-size:22px}.jd-statsGrid{grid-template-columns:1fr}.jd-statCard{padding:16px}.jd-sectionCard{padding:20px}.jd-applySection{padding:28px 20px}.jd-infoRow{grid-template-columns:1fr}}
