:root{--brand-navy: #0f172a;--brand-navy-light: #1e293b;--brand-dark: #090d16;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--primary-border: #bfdbfe;--primary-glow: rgba(37,99,235,0.25);--accent-emerald: #059669;--accent-emerald-light: #ecfdf5;--accent-emerald-border: #a7f3d0;--accent-purple: #7c3aed;--accent-amber: #d97706;--accent-amber-light: #fffbeb;--gradient-primary: linear-gradient(135deg,#2563eb 0%,#0284c7 100%);--gradient-emerald: linear-gradient(135deg,#059669 0%,#10b981 100%);--gradient-hero: linear-gradient(180deg,rgba(37,99,235,0.05) 0%,rgba(248,250,252,0) 100%);--gradient-badge: linear-gradient(135deg,rgba(37,99,235,0.1) 0%,rgba(2,132,199,0.1) 100%);--gradient-card-hover: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(248,250,252,0.95) 100%);--bg-body: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-subtle: #f1f5f9;--bg-header: rgba(255,255,255,0.94);--bg-drawer: #ffffff;--bg-overlay: rgba(15,23,42,0.6);--border-color: #e2e8f0;--border-hover: #cbd5e1;--border-focus: #3b82f6;--text-main: #0f172a;--text-muted: #1e293b;--text-subtle: #475569;--text-light: #64748b;--text-inverse: #ffffff;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.06),0 1px 2px -1px rgb(0 0 0 / 0.04);--shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.08),0 2px 6px -2px rgb(0 0 0 / 0.04);--shadow-lg: 0 12px 28px -4px rgb(0 0 0 / 0.1),0 4px 10px -2px rgb(0 0 0 / 0.05);--shadow-xl: 0 20px 40px -8px rgb(0 0 0 / 0.16);--shadow-glow: 0 0 25px -4px rgba(37,99,235,0.25);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: all 0.15s cubic-bezier(0.4,0,0.2,1);--transition: all 0.22s cubic-bezier(0.4,0,0.2,1);--transition-smooth: all 0.35s cubic-bezier(0.16,1,0.3,1)}[data-theme="dark"]{--brand-navy: #f8fafc;--brand-navy-light: #cbd5e1;--brand-dark: #030712;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-light: rgba(59,130,246,0.15);--primary-border: rgba(59,130,246,0.3);--primary-glow: rgba(59,130,246,0.35);--accent-emerald: #10b981;--accent-emerald-light: rgba(16,185,129,0.15);--accent-emerald-border: rgba(16,185,129,0.3);--accent-amber: #f59e0b;--accent-amber-light: rgba(245,158,11,0.15);--gradient-hero: linear-gradient(180deg,rgba(37,99,235,0.12) 0%,rgba(11,15,25,0) 100%);--gradient-badge: linear-gradient(135deg,rgba(59,130,246,0.2) 0%,rgba(2,132,199,0.2) 100%);--gradient-card-hover: linear-gradient(180deg,#1e293b 0%,#151e2e 100%);--bg-body: #0b0f19;--bg-card: #131b2e;--bg-card-hover: #19243c;--bg-subtle: #182236;--bg-header: rgba(11,15,25,0.92);--bg-drawer: #131b2e;--bg-overlay: rgba(3,7,18,0.75);--border-color: #1e293b;--border-hover: #334155;--border-focus: #60a5fa;--text-main: #f8fafc;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--text-light: #64748b;--text-inverse: #0f172a;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.4),0 1px 2px -1px rgb(0 0 0 / 0.3);--shadow-md: 0 4px 12px -2px rgb(0 0 0 / 0.5);--shadow-lg: 0 12px 28px -4px rgb(0 0 0 / 0.6)}*,*::before,*::after{box-sizing: border-box !important;margin: 0;padding: 0;-webkit-tap-highlight-color: transparent}html{scroll-behavior: smooth;text-size-adjust: 100%;overflow-x: hidden;max-width: 100vw;width: 100%}body{font-family: 'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-color: var(--bg-body);color: var(--text-main);line-height: 1.6;font-size: 15px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;max-width: 100vw;width: 100%;position: relative;transition: background-color var(--transition-smooth),color var(--transition-smooth)}a{color: var(--primary);text-decoration: none;transition: var(--transition-fast)}a:hover{color: var(--primary-hover)}.skip-to-content{position: absolute;top: -200px;left: 16px;background: var(--primary);color: #ffffff !important;padding: 10px 18px;border-radius: var(--radius-sm);z-index: 99999;font-weight: 700;text-decoration: none;box-shadow: var(--shadow-lg);transition: top 0.2s ease-in-out}.skip-to-content:focus{top: 16px;outline: 2px solid #ffffff}.container{width: 100%;max-width: 1160px;margin-left: auto;margin-right: auto;padding-left: 24px;padding-right: 24px;box-sizing: border-box}@media (max-width: 640px){.container{padding-left: 16px;padding-right: 16px}}.top-announcement-bar,.top-announcement{background: #090d16;color: #cbd5e1;font-size: 12.5px;font-weight: 550;padding: 8px 16px;border-bottom: 1px solid rgba(255,255,255,0.08);width: 100%;box-sizing: border-box}.announcement-inner{display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;text-align: center}.announcement-link,.top-announcement a{color: #60a5fa !important;font-weight: 700;text-decoration: underline;margin-left: 4px}.announcement-link:hover,.top-announcement a:hover{color: #93c5fd !important}.site-header,header{position: sticky;top: 0;z-index: 1100;background: var(--bg-header);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid var(--border-color);transition: var(--transition);width: 100%}.nav-container,.navbar{display: flex;align-items: center;justify-content: space-between;gap: 16px;height: 68px}@media (max-width: 640px){.nav-container,.navbar{padding: 0 16px;height: 60px}}.brand-logo,.nav-brand{display: flex;align-items: center;text-decoration: none;font-size: 22px;font-weight: 900;letter-spacing: -0.03em;color: var(--brand-navy);flex-shrink: 0}.nav-logo{height: 38px;width: auto;display: block}.logo-dark{display: none}[data-theme="dark"] .logo-light{display: none}[data-theme="dark"] .logo-dark{display: block}.nav-menu{display: flex;align-items: center;gap: 2px;list-style: none;margin: 0;padding: 0}.nav-item.mobile-only{display: none}.nav-item a,.nav-btn-link{font-family: inherit;font-size: 13.5px;font-weight: 600;color: var(--text-subtle);padding: 7px 12px;border-radius: var(--radius-sm);transition: var(--transition-fast);display: inline-flex;align-items: center;gap: 6px;background: transparent;border: none;cursor: pointer;white-space: nowrap;line-height: 1.2;text-decoration: none}.nav-item a:hover,.nav-btn-link:hover{color: var(--brand-navy);background: rgba(15,23,42,0.04)}.nav-item a.active{color: var(--primary);background: var(--primary-light);font-weight: 700}[data-theme="dark"] .nav-item a:hover,[data-theme="dark"] .nav-btn-link:hover{color: #f8fafc;background: rgba(255,255,255,0.06)}[data-theme="dark"] .nav-item a.active{color: #60a5fa;background: rgba(59,130,246,0.15)}.nav-actions{display: flex;align-items: center;gap: 8px;flex-shrink: 0}.nav-saved-btn{padding: 0 12px;height: 36px;border-radius: var(--radius-md);font-size: 13px;font-weight: 600;display: inline-flex;align-items: center;gap: 6px;cursor: pointer;transition: var(--transition-fast);white-space: nowrap}.nav-saved-btn:hover{background: var(--bg-subtle);border-color: var(--border-hover);color: var(--primary)}.nav-saved-btn svg{color: var(--text-subtle);transition: var(--transition-fast)}.nav-saved-btn:hover svg{color: var(--primary)}.saved-counter{background: var(--primary);color: #ffffff;font-size: 10.5px;font-weight: 800;padding: 1px 6px;border-radius: var(--radius-full);line-height: 1.3;min-width: 16px;text-align: center}.theme-toggle-btn{background: transparent;border: 1px solid var(--border-color);color: var(--text-subtle);width: 36px;height: 36px;border-radius: var(--radius-md);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast)}.theme-toggle-btn:hover{background: var(--bg-subtle);border-color: var(--border-hover);color: var(--brand-navy)}.theme-icon-sun{display: none}.theme-icon-moon{display: block}[data-theme="dark"] .theme-icon-moon{display: none}[data-theme="dark"] .theme-icon-sun{display: block}.nav-btn-signin{background: transparent;border: none;color: var(--text-main);font-size: 13.5px;font-weight: 600;padding: 0 12px;height: 36px;border-radius: var(--radius-md);cursor: pointer;transition: var(--transition-fast);display: inline-flex;align-items: center;justify-content: center;white-space: nowrap}.nav-btn-signin:hover{background: var(--bg-subtle);color: var(--primary)}.btn-post-job{background: var(--brand-navy);color: #ffffff;font-size: 13px;font-weight: 700;padding: 0 16px;height: 36px;border-radius: var(--radius-md);border: none;cursor: pointer;box-shadow: 0 1px 3px rgba(15,23,42,0.12);transition: var(--transition-fast);display: inline-flex;align-items: center;justify-content: center;white-space: nowrap}.btn-post-job:hover{background: var(--primary);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(37,99,235,0.28)}[data-theme="dark"] .btn-post-job{background: var(--primary)}[data-theme="dark"] .btn-post-job:hover{background: var(--primary-hover)}.menu-toggle{display: none;align-items: center;justify-content: center;width: 38px;height: 38px;background: transparent;border: 1px solid var(--border-color);border-radius: var(--radius-md);color: var(--text-main);cursor: pointer;padding: 0;transition: var(--transition-fast);margin-left: 2px}.menu-toggle:hover{background: var(--bg-subtle);border-color: var(--border-hover);color: var(--primary)}.menu-toggle.active{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary)}.hero-section{padding: 48px 0 36px;text-align: center;position: relative;background: var(--gradient-hero);border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);margin-bottom: 28px}.hero-pill-badge{display: inline-flex;align-items: center;gap: 8px;background: var(--gradient-badge);border: 1px solid var(--primary-border);padding: 6px 18px;border-radius: var(--radius-full);font-size: 13px;font-weight: 700;color: var(--primary);margin-bottom: 20px;box-shadow: var(--shadow-xs)}.hero-pill-badge .dot{width: 8px;height: 8px;min-width: 8px;background: var(--accent-emerald);border-radius: 50%;box-shadow: 0 0 0 3px rgba(16,185,129,0.25);animation: pulseDot 2s infinite}@keyframes pulseDot{0%,100%{opacity: 1;transform: scale(1)}50%{opacity: 0.6;transform: scale(1.15)}}.hero-title{font-size: 44px;font-weight: 850;line-height: 1.18;letter-spacing: -0.03em;color: var(--brand-navy);max-width: 880px;margin: 0 auto 16px}.gradient-text{background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero-desc{font-size: 16.5px;color: var(--text-muted);max-width: 680px;margin: 0 auto 32px;font-weight: 450;line-height: 1.65}.search-container-box{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 6px 8px 6px 20px;box-shadow: var(--shadow-lg);display: flex;align-items: center;gap: 14px;max-width: 920px;margin: 0 auto;transition: var(--transition)}.search-container-box:focus-within{border-color: var(--primary);box-shadow: var(--shadow-glow),var(--shadow-lg)}.search-segment{display: flex;align-items: center;gap: 10px;flex: 1;text-align: left}.search-segment.location{border-left: 1.5px solid var(--border-color);padding-left: 16px}.segment-icon{font-size: 19px;color: var(--text-subtle)}.segment-input-group{display: flex;flex-direction: column;width: 100%}.segment-label{font-size: 11px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.05em;color: var(--text-subtle);margin-bottom: 2px}.segment-input{border: none;outline: none;font-size: 15px;font-family: inherit;font-weight: 600;color: var(--text-main);width: 100%;background: transparent;padding: 3px 0}.segment-input::placeholder{color: var(--text-light);font-weight: 400}.btn-search{background: var(--gradient-primary);color: #ffffff;border: none;font-size: 15px;font-weight: 750;padding: 13px 32px;border-radius: var(--radius-xl);cursor: pointer;transition: var(--transition);display: inline-flex;align-items: center;justify-content: center;gap: 8px;box-shadow: 0 4px 14px rgba(37,99,235,0.35);white-space: nowrap;min-height: 48px}.btn-search:hover{transform: translateY(-1.5px);box-shadow: 0 6px 22px rgba(37,99,235,0.48)}.quick-tags-wrap{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 8px;margin-top: 22px}.quick-tag-label{font-size: 13px;color: var(--text-subtle);font-weight: 600;margin-right: 4px}.quick-tag-pill{background: var(--bg-card);border: 1px solid var(--border-color);padding: 6px 14px;border-radius: var(--radius-full);font-size: 13px;font-weight: 600;color: var(--text-muted);box-shadow: var(--shadow-xs);transition: var(--transition)}.quick-tag-pill:hover{border-color: var(--primary-border);background: var(--primary-light);color: var(--primary);transform: translateY(-1px)}.partners-strip{padding: 24px 0 32px;text-align: center;border-bottom: 1px solid var(--border-color);margin-bottom: 36px}.partners-label{font-size: 12.5px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.06em;color: var(--text-subtle);margin-bottom: 16px}.partners-logos{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 32px}.partner-logo-item{font-size: 15.5px;font-weight: 800;color: var(--text-muted);display: flex;align-items: center;gap: 8px;letter-spacing: -0.02em;opacity: 0.85;transition: var(--transition)}.partner-logo-item:hover{opacity: 1;color: var(--brand-navy);transform: translateY(-1px)}.section-head-bar{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 24px;flex-wrap: wrap;gap: 16px}.section-head-title h2{font-size: 24px;font-weight: 850;letter-spacing: -0.025em;color: var(--brand-navy);margin-bottom: 4px}.section-head-title p{font-size: 14.5px;color: var(--text-muted)}.filter-tabs{display: flex;align-items: center;gap: 6px;background: var(--bg-subtle);padding: 4px;border-radius: var(--radius-full);border: 1px solid var(--border-color);flex-wrap: wrap}.filter-tab{padding: 7px 16px;border-radius: var(--radius-full);font-size: 13px;font-weight: 750;color: #334155;transition: var(--transition);white-space: nowrap;min-height: 36px;display: inline-flex;align-items: center;justify-content: center;text-decoration: none}[data-theme="dark"] .filter-tab{color: #cbd5e1}.filter-tab:hover{background: rgba(15,23,42,0.08);color: #0f172a}[data-theme="dark"] .filter-tab:hover{background: rgba(255,255,255,0.1);color: #ffffff}.filter-tab.active{background: #0f172a !important;color: #ffffff !important;box-shadow: 0 2px 6px rgba(15,23,42,0.15)}[data-theme="dark"] .filter-tab.active{background: #2563eb !important;color: #ffffff !important;box-shadow: 0 2px 8px rgba(37,99,235,0.35)}.jobs-grid{display: flex;flex-direction: column;gap: 14px;margin-bottom: 36px}.job-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-xl);padding: 22px 26px;display: flex;align-items: center;justify-content: space-between;gap: 20px;box-shadow: var(--shadow-sm);transition: var(--transition);position: relative}.job-card:hover{transform: translateY(-2px);border-color: var(--primary-border);box-shadow: var(--shadow-md),var(--shadow-glow)}.job-card-left{display: flex;align-items: center;gap: 20px;flex: 1;min-width: 0}.company-avatar-box{width: 58px;height: 58px;min-width: 58px;background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 4px;display: flex;align-items: center;justify-content: center;overflow: hidden;box-shadow: var(--shadow-xs);flex-shrink: 0}.company-avatar-box img{width: 100%;height: 100%;object-fit: contain;border-radius: var(--radius-sm)}.job-meta-content{flex: 1;min-width: 0}.job-meta-content .title{font-size: 17.5px;font-weight: 800;color: var(--brand-navy);margin-bottom: 4px;line-height: 1.35;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.015em}.job-meta-content .title a{color: var(--brand-navy);transition: var(--transition-fast)}.job-meta-content .title a:hover{color: var(--primary)}.job-top-highlights{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;margin-bottom: 6px}.pill-micro{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;font-weight: 800;padding: 2px 8px;border-radius: var(--radius-full);line-height: 1.3;border: 1px solid transparent}.pill-micro.remote{background: #ecfdf5;color: #065f46 !important;border-color: #a7f3d0}.pill-micro.visa{background: #eff6ff;color: #1e40af !important;border-color: #bfdbfe}.pill-micro.hot{background: #fff1f2;color: #9f1239 !important;border-color: #fecdd3}[data-theme="dark"] .pill-micro.remote{background: rgba(5,150,105,0.2);color: #6ee7b7 !important;border-color: rgba(5,150,105,0.4)}[data-theme="dark"] .pill-micro.visa{background: rgba(37,99,235,0.2);color: #93c5fd !important;border-color: rgba(37,99,235,0.4)}[data-theme="dark"] .pill-micro.hot{background: rgba(225,29,72,0.2);color: #fda4af !important;border-color: rgba(225,29,72,0.4)}.company-row{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;font-size: 13.5px;font-weight: 650;color: #1e293b;margin-bottom: 9px}.company-row a,.company-row a.company-link{color: #0f172a !important;font-weight: 750;text-decoration: none}.company-row a:hover,.company-row a.company-link:hover{color: #1d4ed8 !important;text-decoration: underline}.company-row span{color: #334155 !important}[data-theme="dark"] .company-row{color: #cbd5e1 !important}[data-theme="dark"] .company-row a,[data-theme="dark"] .company-row a.company-link{color: #f8fafc !important}[data-theme="dark"] .company-row a:hover,[data-theme="dark"] .company-row a.company-link:hover{color: #60a5fa !important}[data-theme="dark"] .company-row span{color: #94a3b8 !important}.verified-icon{color: #0284c7;font-size: 13px;display: inline-flex;align-items: center}.job-tags-row{display: flex;align-items: center;flex-wrap: wrap;gap: 6px}.badge-tag{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 750;padding: 4px 10px;border-radius: var(--radius-sm);background: #f1f5f9;color: #0f172a !important;border: 1px solid #cbd5e1;line-height: 1.4}.badge-tag.location{background: #f1f5f9;color: #0f172a !important;border-color: #cbd5e1}[data-theme="dark"] .badge-tag.location{background: #1e293b;color: #f8fafc !important;border-color: #334155}.badge-tag.visa{background: #ecfdf5;color: #065f46 !important;border-color: #a7f3d0}[data-theme="dark"] .badge-tag.visa{background: rgba(16,185,129,0.2);color: #34d399 !important;border-color: rgba(16,185,129,0.4)}.badge-tag.salary{background: #fef3c7;color: #92400e !important;border-color: #fde047}[data-theme="dark"] .badge-tag.salary{background: rgba(245,158,11,0.2);color: #fbbf24 !important;border-color: rgba(245,158,11,0.4)}.badge-tag.perk{background: #eff6ff;color: #1e40af !important;border-color: #bfdbfe}[data-theme="dark"] .badge-tag.perk{background: rgba(30,64,175,0.25);color: #93c5fd !important;border-color: rgba(59,130,246,0.4)}.badge-tag.time{background: #f1f5f9;color: #1e293b !important;border-color: #cbd5e1}[data-theme="dark"] .badge-tag.time{background: #1e293b;color: #cbd5e1 !important;border-color: #334155}.job-card-actions{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.btn-bookmark{background: var(--bg-subtle);border: 1.5px solid var(--border-color);color: var(--text-subtle);width: 40px;height: 40px;border-radius: var(--radius-full);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast)}.btn-bookmark-lg{width: 46px;height: 46px}.btn-bookmark svg{fill: none;stroke: currentColor;transition: var(--transition-fast)}.btn-bookmark:hover{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary);transform: scale(1.08)}.btn-bookmark.saved{background: #fef3c7;border-color: #fde047;color: #b45309}.btn-bookmark.saved svg{fill: currentColor;stroke: currentColor}.btn-quickview{display: inline-flex;align-items: center;justify-content: center;gap: 6px;background: #f1f5f9;color: #0f172a !important;border: 1.5px solid #cbd5e1;font-family: inherit;font-size: 13px;font-weight: 750;padding: 8px 16px;border-radius: var(--radius-full);cursor: pointer;transition: var(--transition-fast);white-space: nowrap;min-height: 38px}.btn-quickview span{color: #0f172a !important;font-weight: 750}.btn-quickview:hover{background: #eff6ff;border-color: #bfdbfe;color: #1d4ed8 !important;transform: translateY(-1px)}.btn-quickview:hover span{color: #1d4ed8 !important}[data-theme="dark"] .btn-quickview{background: #1e293b;color: #f8fafc !important;border-color: #334155}[data-theme="dark"] .btn-quickview span{color: #f8fafc !important}[data-theme="dark"] .btn-quickview:hover{background: rgba(37,99,235,0.2);border-color: rgba(59,130,246,0.5);color: #60a5fa !important}[data-theme="dark"] .btn-quickview:hover span{color: #60a5fa !important}.btn-apply-card{display: inline-flex;align-items: center;justify-content: center;gap: 6px;background: var(--brand-navy);color: var(--text-inverse);font-weight: 750;font-size: 13.5px;padding: 9px 20px;border-radius: var(--radius-full);transition: var(--transition);white-space: nowrap;min-height: 40px;text-decoration: none}.btn-apply-card:hover{background: var(--primary);color: #ffffff;transform: translateX(2px);box-shadow: 0 4px 14px rgba(37,99,235,0.35)}[data-theme="dark"] .btn-apply-card{background: var(--bg-subtle);color: var(--text-main);border: 1px solid var(--border-color)}[data-theme="dark"] .btn-apply-card:hover{background: var(--primary);color: #ffffff;border-color: var(--primary)}.pagination-wrapper{margin: 36px 0 48px;display: flex;justify-content: center}.pagination-list{display: flex;align-items: center;gap: 6px;list-style: none;background: var(--bg-card);padding: 6px 10px;border-radius: var(--radius-full);border: 1.5px solid var(--border-color);box-shadow: var(--shadow-sm);flex-wrap: wrap}.page-item{display: inline-flex}.page-link{padding: 8px 14px;border-radius: var(--radius-full);font-size: 13.5px;font-weight: 700;color: var(--text-muted);transition: var(--transition-fast);text-decoration: none;min-width: 36px;text-align: center;display: inline-flex;align-items: center;justify-content: center}.page-link:hover{background: var(--primary-light);color: var(--primary)}.page-item.active .page-link{background: var(--brand-navy);color: #ffffff;box-shadow: var(--shadow-xs)}[data-theme="dark"] .page-item.active .page-link{background: var(--primary)}.trust-section{margin: 56px 0;padding: 48px 36px;background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);box-shadow: var(--shadow-sm)}.trust-head{text-align: center;max-width: 640px;margin: 0 auto 36px}.trust-head h2{font-size: 26px;font-weight: 850;letter-spacing: -0.025em;color: var(--brand-navy);margin-bottom: 8px}.trust-head p{font-size: 15px;color: var(--text-muted)}.trust-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 24px}.trust-card{background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: 24px;transition: var(--transition)}.trust-card:hover{border-color: var(--primary-border);transform: translateY(-2px)}.trust-card-icon{font-size: 32px;margin-bottom: 12px}.trust-card h3{font-size: 16.5px;font-weight: 800;color: var(--brand-navy);margin-bottom: 6px}.trust-card p{font-size: 13.5px;color: var(--text-muted);line-height: 1.55}.stories-section{margin: 56px 0}.stories-head{text-align: center;margin-bottom: 32px}.stories-head h2{font-size: 26px;font-weight: 850;letter-spacing: -0.025em;color: var(--brand-navy);margin-bottom: 6px}.stories-head p{font-size: 15px;color: var(--text-muted)}.stories-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 20px}.story-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-xl);padding: 24px;box-shadow: var(--shadow-sm);display: flex;flex-direction: column;justify-content: space-between;gap: 16px;transition: var(--transition)}.story-card:hover{transform: translateY(-2px);border-color: var(--primary-border);box-shadow: var(--shadow-md)}.story-rating{font-size: 14px}.story-quote{font-size: 14.5px;color: var(--text-main);line-height: 1.6;font-weight: 500}.story-author{display: flex;align-items: center;gap: 12px;padding-top: 14px;border-top: 1px solid var(--border-color)}.author-avatar{width: 42px;height: 42px;min-width: 42px;border-radius: var(--radius-full);display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 14px;color: #ffffff}.author-info h3{font-size: 14.5px;font-weight: 800;color: var(--brand-navy);margin-bottom: 2px}.author-info p{font-size: 12.5px;color: var(--text-subtle)}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.dual-cta-section{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin: 56px 0}.cta-box{border-radius: var(--radius-2xl);padding: 36px;color: #ffffff;display: flex;flex-direction: column;justify-content: space-between;position: relative;overflow: hidden;box-shadow: var(--shadow-lg);transition: var(--transition)}.cta-box:hover{transform: translateY(-3px)}.cta-box.seekers{background: linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);box-shadow: 0 14px 36px -6px rgba(37,99,235,0.35)}.cta-box.employers{background: linear-gradient(135deg,#064e3b 0%,#059669 100%);box-shadow: 0 14px 36px -6px rgba(5,150,105,0.35)}.cta-badge{display: inline-block;align-self: flex-start;background: rgba(255,255,255,0.18);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,0.3);color: #ffffff;font-size: 11.5px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;padding: 5px 14px;border-radius: var(--radius-full);margin-bottom: 20px}.cta-badge.emerald{background: rgba(255,255,255,0.18);border-color: rgba(255,255,255,0.3)}.cta-icon{font-size: 34px;display: block;margin-bottom: 12px;line-height: 1}.cta-content h3{font-size: 22px;font-weight: 850;color: #ffffff;margin-bottom: 10px;line-height: 1.3;letter-spacing: -0.02em}.cta-content p{font-size: 14.5px;color: rgba(255,255,255,0.88);line-height: 1.6;margin-bottom: 24px}.cta-footer{display: flex;align-items: center;flex-wrap: wrap;gap: 14px}.btn-cta-light{background: #ffffff;color: #1e3a8a;font-size: 14px;font-weight: 800;padding: 12px 24px;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 14px rgba(0,0,0,0.18);transition: var(--transition-fast);display: inline-flex;align-items: center;justify-content: center;white-space: nowrap}.btn-cta-light:hover{background: #f8fafc;color: #1d4ed8;transform: translateY(-2px);box-shadow: 0 8px 22px rgba(0,0,0,0.25)}.btn-cta-emerald{background: #ffffff;color: #064e3b;font-size: 14px;font-weight: 800;padding: 12px 24px;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 14px rgba(0,0,0,0.18);transition: var(--transition-fast);display: inline-flex;align-items: center;justify-content: center;white-space: nowrap}.btn-cta-emerald:hover{background: #ecfdf5;color: #047857;transform: translateY(-2px);box-shadow: 0 8px 22px rgba(0,0,0,0.25)}.cta-subtext{font-size: 12.5px;color: rgba(255,255,255,0.85);font-weight: 600}@media (max-width: 860px){.dual-cta-section{grid-template-columns: 1fr}}.sponsored-job-card{border-left: 4.5px solid var(--primary) !important;background: linear-gradient(135deg,rgba(37,99,235,0.03) 0%,var(--bg-card) 100%) !important;border-color: var(--primary-border) !important}.sponsored-avatar-box{background: linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%) !important;color: #ffffff !important;font-size: 24px !important;border: none !important}.sponsored-header-row{display: flex;align-items: center;gap: 8px;margin-bottom: 4px}.sponsored-pill{font-size: 10px;font-weight: 850;text-transform: uppercase;letter-spacing: 0.08em;background: var(--brand-navy);color: #ffffff;padding: 2px 7px;border-radius: var(--radius-xs);line-height: 1.2}[data-theme="dark"] .sponsored-pill{background: var(--primary);color: #ffffff}.sponsored-subhead{font-size: 11.5px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.05em;color: var(--primary)}.sponsored-action-btn{padding: 10px 22px !important;font-size: 13.5px !important;font-weight: 800 !important}.sponsored-conversion-box{margin: 28px 0;background: linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);border: 1.5px solid #bfdbfe;border-radius: var(--radius-2xl);padding: 22px 26px;box-shadow: var(--shadow-sm);transition: var(--transition)}[data-theme="dark"] .sponsored-conversion-box{background: linear-gradient(135deg,#131b2e 0%,#1e293b 100%);border-color: rgba(59,130,246,0.35)}.sponsored-conversion-box:hover{border-color: var(--primary);box-shadow: var(--shadow-md),var(--shadow-glow)}.sponsored-conversion-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;padding-bottom: 10px;border-bottom: 1px solid rgba(191,219,254,0.6);flex-wrap: wrap;gap: 8px}[data-theme="dark"] .sponsored-conversion-top{border-bottom-color: rgba(255,255,255,0.08)}.sponsored-badge-group{display: flex;align-items: center;gap: 8px}.sponsored-top-label{font-size: 11.5px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.06em;color: var(--brand-navy)}.sponsored-verified-badge{font-size: 11.5px;font-weight: 750;color: var(--accent-emerald);background: rgba(16,185,129,0.1);padding: 3px 10px;border-radius: var(--radius-full);border: 1px solid rgba(16,185,129,0.25)}.sponsored-conversion-body{display: flex;align-items: center;justify-content: space-between;gap: 20px}.sponsored-conversion-icon{width: 52px;height: 52px;min-width: 52px;background: #ffffff;border-radius: var(--radius-xl);display: flex;align-items: center;justify-content: center;font-size: 26px;box-shadow: var(--shadow-sm)}[data-theme="dark"] .sponsored-conversion-icon{background: #1e293b}.sponsored-conversion-text{flex: 1;min-width: 0}.sponsored-conversion-text h4{font-size: 16.5px;font-weight: 850;color: var(--brand-navy);margin-bottom: 4px;line-height: 1.3}.sponsored-conversion-text p{font-size: 13.5px;color: var(--text-muted);line-height: 1.55;margin: 0}.sponsored-conversion-btn{padding: 11px 24px !important;font-size: 14px !important;font-weight: 800 !important;white-space: nowrap;flex-shrink: 0}@media (max-width: 768px){.sponsored-conversion-body{flex-direction: column;align-items: flex-start;gap: 16px}.sponsored-conversion-btn{width: 100%;justify-content: center}}.job-detail-wrap{display: grid;grid-template-columns: 1fr 340px;gap: 28px;align-items: start;margin-bottom: 60px}.job-detail-main{min-width: 0}.job-header-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 28px;display: flex;align-items: flex-start;gap: 22px;margin-bottom: 20px;box-shadow: var(--shadow-sm)}.job-header-avatar{width: 68px !important;height: 68px !important;min-width: 68px !important;border-radius: var(--radius-xl) !important}.job-header-info{flex: 1;min-width: 0}.job-header-title{font-size: 26px;font-weight: 850;letter-spacing: -0.025em;color: var(--brand-navy);line-height: 1.25;margin-bottom: 8px}.job-header-company-line{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 14.5px;font-weight: 700}.job-header-company-line .company-link{color: #0f172a !important;font-weight: 800;text-decoration: none}.job-header-company-line .company-link:hover{color: #1d4ed8 !important;text-decoration: underline}[data-theme="dark"] .job-header-company-line .company-link{color: #f8fafc !important}[data-theme="dark"] .job-header-company-line .company-link:hover{color: #60a5fa !important}.verified-pill{font-size: 11.5px;font-weight: 750;color: #0369a1;background: #f0f9ff;padding: 2px 9px;border-radius: var(--radius-full);border: 1px solid #bae6fd}[data-theme="dark"] .verified-pill{color: #7dd3fc;background: rgba(2,132,199,0.2);border-color: rgba(2,132,199,0.4)}.trust-signals-bar{display: flex;align-items: center;gap: 12px;background: #eff6ff;border: 1.5px solid #bfdbfe;border-radius: var(--radius-lg);padding: 14px 18px;margin-bottom: 20px}.trust-signals-bar .trust-icon{font-size: 22px;line-height: 1;flex-shrink: 0}.trust-signals-bar .trust-text{font-size: 13.5px;color: #0f172a !important;line-height: 1.55;font-weight: 550}.trust-signals-bar .trust-text strong{color: #0f172a !important;font-weight: 800}[data-theme="dark"] .trust-signals-bar{background: rgba(37,99,235,0.15);border-color: rgba(59,130,246,0.35)}[data-theme="dark"] .trust-signals-bar .trust-text,[data-theme="dark"] .trust-signals-bar .trust-text strong{color: #f8fafc !important}[data-theme="dark"] .salary-unit-label{color: #cbd5e1 !important}.role-highlights-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 12px;margin-bottom: 20px}.highlight-tile{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-lg);padding: 14px 16px;box-shadow: var(--shadow-xs);transition: var(--transition)}.highlight-tile:hover{border-color: var(--primary-border)}.highlight-label{font-size: 11px;font-weight: 800;color: #475569;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 4px}[data-theme="dark"] .highlight-label{color: #94a3b8}.highlight-val{font-size: 14px;font-weight: 800;color: var(--brand-navy)}[data-theme="dark"] .highlight-val{color: #f8fafc}.sidebar-meta-list{display: flex;flex-direction: column;gap: 14px}.sidebar-meta-item{display: flex;align-items: flex-start;gap: 12px}.sidebar-meta-item .text-label{font-size: 11px;font-weight: 800;color: #475569;text-transform: uppercase;letter-spacing: 0.05em;margin-bottom: 2px}[data-theme="dark"] .sidebar-meta-item .text-label{color: #94a3b8}.sidebar-meta-item .text-value{font-size: 14px;font-weight: 750;color: var(--brand-navy)}[data-theme="dark"] .sidebar-meta-item .text-value{color: #f8fafc}.trust-signals-bar{background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 12px 18px;display: flex;align-items: center;gap: 12px;margin-bottom: 24px}.trust-icon{font-size: 22px;line-height: 1}.trust-text{font-size: 13.5px;color: var(--text-muted);line-height: 1.5}.trust-text strong{color: var(--brand-navy)}.job-content-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 32px 36px;box-shadow: var(--shadow-sm);margin-bottom: 24px}.job-content-heading{font-size: 21px;font-weight: 850;letter-spacing: -0.02em;color: var(--brand-navy);margin-bottom: 20px;padding-bottom: 12px;border-bottom: 1px solid var(--border-color)}.job-body-text{font-size: 15.5px;line-height: 1.8;color: #334155}[data-theme="dark"] .job-body-text{color: #cbd5e1}.job-body-text p{margin-bottom: 18px}.job-body-text ul,.job-body-text ol{margin-left: 22px;margin-bottom: 20px}.job-body-text li{margin-bottom: 8px}.job-faq-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 28px 32px;box-shadow: var(--shadow-sm);margin-bottom: 24px}.job-faq-heading{font-size: 19px;font-weight: 850;color: var(--brand-navy);margin-bottom: 18px}.faq-item{background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 14px 18px;margin-bottom: 10px;cursor: pointer;transition: var(--transition-fast)}.faq-item:hover{border-color: var(--primary-border)}.faq-item summary{font-weight: 750;font-size: 14.5px;color: var(--brand-navy);outline: none}.faq-item p{font-size: 13.5px;color: var(--text-muted);margin-top: 10px;line-height: 1.65}.btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: var(--gradient-primary);color: #ffffff !important;font-family: inherit;font-size: 14.5px;font-weight: 750;padding: 12px 24px;border-radius: var(--radius-full);border: none;cursor: pointer;box-shadow: 0 4px 14px rgba(37,99,235,0.35);transition: var(--transition);text-decoration: none;white-space: nowrap}.btn-primary:hover{background: linear-gradient(135deg,#1d4ed8 0%,#0369a1 100%);transform: translateY(-1.5px);box-shadow: 0 8px 20px rgba(37,99,235,0.45);color: #ffffff !important}.btn-secondary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;background: var(--bg-card);color: var(--text-main) !important;font-family: inherit;font-size: 13.5px;font-weight: 700;padding: 10px 20px;border-radius: var(--radius-full);border: 1.5px solid var(--border-color);cursor: pointer;box-shadow: var(--shadow-xs);transition: var(--transition-fast);text-decoration: none;white-space: nowrap}.btn-secondary:hover{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary) !important;transform: translateY(-1px);box-shadow: var(--shadow-sm)}.job-action-footer-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 24px 28px;margin-top: 28px;margin-bottom: 32px;display: flex;align-items: center;justify-content: space-between;gap: 20px;box-shadow: var(--shadow-sm);flex-wrap: wrap;transition: var(--transition)}.job-action-footer-card:hover{border-color: var(--primary-border);box-shadow: var(--shadow-md)}.job-action-footer-info{flex: 1;min-width: 240px}.job-action-footer-title{font-size: 17px;font-weight: 800;color: var(--brand-navy);margin-bottom: 4px;letter-spacing: -0.015em}.job-action-footer-sub{font-size: 13px;color: var(--text-muted);margin: 0}.job-action-footer-buttons{display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.btn-action-back{display: inline-flex;align-items: center;gap: 6px;background: var(--bg-subtle);color: var(--text-main) !important;border: 1.5px solid var(--border-color);padding: 12px 22px;border-radius: var(--radius-full);font-size: 13.5px;font-weight: 700;text-decoration: none;transition: var(--transition-fast);cursor: pointer}.btn-action-back:hover{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary) !important;transform: translateY(-1px)}.btn-action-apply{display: inline-flex;align-items: center;gap: 8px;background: var(--gradient-primary);color: #ffffff !important;border: none;padding: 13px 30px;border-radius: var(--radius-full);font-size: 15px;font-weight: 800;cursor: pointer;box-shadow: 0 4px 16px rgba(37,99,235,0.4);transition: var(--transition);white-space: nowrap}.btn-action-apply:hover{background: linear-gradient(135deg,#1d4ed8 0%,#0369a1 100%);transform: translateY(-2px);box-shadow: 0 8px 24px rgba(37,99,235,0.5)}@media (max-width: 640px){.job-action-footer-card{flex-direction: column;align-items: stretch;padding: 20px 16px;gap: 16px}.job-action-footer-buttons{flex-direction: column-reverse;width: 100%}.btn-action-back,.btn-action-apply{width: 100%;justify-content: center}}.job-detail-sidebar{position: sticky;top: 86px;display: flex;flex-direction: column;gap: 18px}.sidebar-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 24px;box-shadow: var(--shadow-sm)}.visa-advisory-card{background: #ecfdf5;border: 1.5px solid #a7f3d0;border-radius: var(--radius-2xl);padding: 22px;box-shadow: var(--shadow-xs)}.visa-advisory-card h2{font-size: 15.5px;font-weight: 800;color: #065f46;margin-bottom: 8px;display: flex;align-items: center;gap: 6px}.visa-advisory-card p{font-size: 13px;color: #064e3b;line-height: 1.6;margin: 0;font-weight: 550}[data-theme="dark"] .visa-advisory-card{background: rgba(16,185,129,0.12);border-color: rgba(52,211,153,0.35)}[data-theme="dark"] .visa-advisory-card h2{color: #6ee7b7 !important}[data-theme="dark"] .visa-advisory-card p{color: #d1fae5 !important}.sidebar-meta-list{display: flex;flex-direction: column;gap: 14px}.sidebar-meta-item{display: flex;align-items: center;gap: 12px}.sidebar-meta-item .icon{font-size: 18px}.sidebar-meta-item .text-label{font-size: 11.5px;color: var(--text-subtle);font-weight: 750;text-transform: uppercase;letter-spacing: 0.04em}.sidebar-meta-item .text-value{font-size: 14px;font-weight: 750;color: var(--brand-navy)}.share-btn-group{display: flex;align-items: center;gap: 10px;margin-top: 10px}.share-btn{width: 38px;height: 38px;flex: none;background: var(--bg-subtle);border: 1.5px solid var(--border-color);color: var(--text-muted);border-radius: var(--radius-md);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast);text-decoration: none}.share-btn svg{width: 17px;height: 17px;transition: transform var(--transition-fast)}.share-btn:hover{transform: translateY(-2px);box-shadow: var(--shadow-sm)}.share-btn.share-copy:hover{background: #eff6ff;border-color: #93c5fd;color: #2563eb}.share-btn.share-whatsapp:hover{background: #ecfdf5;border-color: #6ee7b7;color: #059669}.share-btn.share-linkedin:hover{background: #eff6ff;border-color: #93c5fd;color: #0a66c2}.share-btn.share-telegram:hover{background: #f0f9ff;border-color: #7dd3fc;color: #0284c7}.share-btn.share-x:hover{background: #0f172a;border-color: #0f172a;color: #ffffff}[data-theme="dark"] .share-btn.share-x:hover{background: #ffffff;border-color: #ffffff;color: #0f172a}.share-btn.share-facebook:hover{background: #eff6ff;border-color: #93c5fd;color: #1877f2}footer{background: var(--brand-dark);color: #94a3b8;padding: 64px 0 32px;border-top: 1px solid rgba(255,255,255,0.08);margin-top: 64px}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;gap: 36px;margin-bottom: 48px}.footer-brand p{font-size: 14px;line-height: 1.65;color: #94a3b8;max-width: 320px;margin-top: 12px}.footer-col-title{font-size: 13.5px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.06em;color: #ffffff;margin-bottom: 16px}.footer-col ul{list-style: none;display: flex;flex-direction: column;gap: 10px}.footer-col a{color: #94a3b8;font-size: 14px;transition: var(--transition-fast)}.footer-col a:hover{color: #ffffff;transform: translateX(3px);display: inline-block}.footer-bottom-bar{padding-top: 24px;border-top: 1px solid rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 14px}.saved-drawer-backdrop{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-overlay);backdrop-filter: blur(4px);z-index: 2100;opacity: 0;transition: opacity var(--transition-smooth)}.saved-drawer-backdrop.open{display: block;opacity: 1}.saved-drawer{position: fixed;top: 0;right: 0;width: 100%;max-width: 440px;height: 100%;background: var(--bg-drawer);border-left: 1px solid var(--border-color);box-shadow: var(--shadow-xl);z-index: 2200;transform: translateX(100%);transition: transform var(--transition-smooth);display: flex;flex-direction: column}.saved-drawer.open{transform: translateX(0)}.saved-drawer-header{padding: 20px 24px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between}.saved-drawer-header h3{font-size: 18px;font-weight: 800;color: var(--brand-navy);display: flex;align-items: center;gap: 8px}.saved-drawer-body{padding: 20px 24px;overflow-y: auto;flex: 1;display: flex;flex-direction: column;gap: 14px}.modal-backdrop{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--bg-overlay);backdrop-filter: blur(6px);z-index: 2000;align-items: center;justify-content: center;padding: 16px}.modal-content-box{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-2xl);max-width: 500px;width: 100%;padding: 32px;box-shadow: var(--shadow-xl);position: relative;max-height: 90vh;overflow-y: auto;animation: modalPop 0.22s cubic-bezier(0.16,1,0.3,1)}@keyframes modalPop{0%{transform: scale(0.96) translateY(8px);opacity: 0}100%{transform: scale(1) translateY(0);opacity: 1}}.modal-close-btn{position: absolute;top: 20px;right: 20px;background: var(--bg-subtle);border: 1px solid var(--border-color);color: var(--text-main);width: 34px;height: 34px;border-radius: 50%;cursor: pointer;font-weight: 700;display: flex;align-items: center;justify-content: center;font-size: 14px;transition: var(--transition-fast)}.modal-close-btn:hover{background: var(--primary-light);color: var(--primary)}.toast-container{position: fixed;bottom: 24px;right: 24px;z-index: 99999;display: flex;flex-direction: column;gap: 10px;pointer-events: none}.toast-pill{pointer-events: auto;background: var(--brand-navy);color: var(--text-inverse);padding: 12px 20px;border-radius: var(--radius-full);font-size: 13.5px;font-weight: 650;box-shadow: var(--shadow-lg);display: inline-flex;align-items: center;gap: 8px}html,body{overflow-x: hidden !important;max-width: 100vw !important;width: 100% !important}*,*::before,*::after{box-sizing: border-box !important}.mobile-sticky-apply-bar{display: none}@media (max-width: 992px){.hero-title{font-size: 32px}.job-detail-wrap{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr 1fr;gap: 32px}.dual-cta-section{grid-template-columns: 1fr}.menu-toggle{display: flex !important}.nav-menu{display: none;position: absolute;top: 60px;left: 0;right: 0;width: 100%;background: var(--bg-card);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);flex-direction: column;padding: 16px 20px 24px;box-shadow: var(--shadow-xl);border-bottom: 1px solid var(--border-color);border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);gap: 6px;z-index: 1300}.nav-menu.open{display: flex;animation: slideDownMenu 0.25s cubic-bezier(0.16,1,0.3,1)}@keyframes slideDownMenu{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.nav-item{width: 100%}.nav-item.mobile-only{display: block !important}.nav-item a,.nav-btn-link{width: 100%;padding: 11px 14px;font-size: 14.5px;border-radius: var(--radius-md);justify-content: flex-start}.nav-actions .nav-btn-signin,.nav-actions .btn-post-job{display: none !important}.desktop-only{display: none !important}}@media (max-width: 860px){input,select,textarea,.segment-input{font-size: 16px !important}.navbar{padding-left: max(16px,env(safe-area-inset-left));padding-right: max(16px,env(safe-area-inset-right))}.quick-tags-wrap{flex-wrap: nowrap !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch !important;scrollbar-width: none !important;justify-content: flex-start !important;padding: 4px 6px 8px !important;max-width: 100% !important}.quick-tags-wrap::-webkit-scrollbar{display: none !important}.quick-tag-label{flex-shrink: 0}.quick-tag-pill{flex-shrink: 0}.filter-tabs{flex-wrap: nowrap !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch !important;scrollbar-width: none !important;max-width: 100% !important;padding: 5px 8px !important}.filter-tabs::-webkit-scrollbar{display: none !important}.filter-tab{flex-shrink: 0 !important;min-height: 40px !important;padding: 8px 18px !important;font-size: 13.5px !important}}@media (max-width: 480px){.hero-title{font-size: 24px !important;line-height: 1.25 !important;letter-spacing: -0.02em !important}.hero-desc{font-size: 14px !important;margin-bottom: 24px !important}.job-header-card{padding: 16px !important;gap: 14px !important}.job-content-card{padding: 20px 16px !important}.job-header-title{font-size: 20px !important;line-height: 1.3 !important}.role-highlights-grid{grid-template-columns: 1fr !important;gap: 8px !important}.cta-box{padding: 22px 16px !important}.cta-content h3{font-size: 18px !important}.category-grid-tier1{grid-template-columns: 1fr !important}.btn-bookmark,.nav-saved-btn,.theme-toggle-btn{min-width: 44px !important;min-height: 44px !important}}.category-grid-tier1{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 12px}.cat-item-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-lg);padding: 12px 18px;font-size: 14px;font-weight: 700;color: var(--text-main);display: flex;align-items: center;justify-content: space-between;text-decoration: none;box-shadow: var(--shadow-xs);transition: var(--transition-fast)}.cat-item-card:hover{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-sm)}.cat-item-card span:last-child{font-weight: 800;transition: transform var(--transition-fast)}.cat-item-card:hover span:last-child{transform: translateX(3px)}.discovery-hero-wrap{margin-bottom: 24px}.feed-live-indicator{display: inline-flex;align-items: center;gap: 8px;background: var(--bg-card);border: 1px solid var(--border-color);padding: 4px 12px;border-radius: var(--radius-full);font-size: 12px;font-weight: 700;color: var(--text-subtle);margin-bottom: 8px;box-shadow: var(--shadow-xs)}.live-pulse-dot{width: 7px;height: 7px;background: #10b981;border-radius: 50%;box-shadow: 0 0 0 3px rgba(16,185,129,0.25);animation: pulseDot 2s infinite}.text-highlight{color: var(--primary);font-weight: 850}.feed-inline-search{margin-top: 8px}.inline-search-box{display: flex;align-items: center;gap: 8px;background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-full);padding: 7px 14px;box-shadow: var(--shadow-xs);transition: var(--transition);min-width: 260px}.inline-search-box:focus-within{border-color: var(--primary);box-shadow: var(--shadow-glow),var(--shadow-sm)}.inline-search-box .search-icon{font-size: 14px;color: var(--text-subtle)}.inline-search-input{border: none;background: transparent;outline: none;font-family: inherit;font-size: 13px;font-weight: 600;color: var(--text-main);width: 100%}.inline-search-input::placeholder{color: var(--text-light);font-weight: 400}.btn-clear-filter{background: rgba(15,23,42,0.08);border: none;color: var(--text-subtle);border-radius: 50%;width: 18px;height: 18px;font-size: 10px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: var(--transition-fast)}.btn-clear-filter:hover{background: #ef4444;color: #ffffff}.interactive-filter-strip{display: flex;align-items: center;gap: 8px;overflow-x: auto;padding: 8px 2px 14px;-webkit-overflow-scrolling: touch;scrollbar-width: none}.interactive-filter-strip::-webkit-scrollbar{display: none}.filter-chip{display: inline-flex;align-items: center;gap: 8px;background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-full);padding: 8px 18px;font-size: 13px;font-weight: 750;color: var(--text-muted);cursor: pointer;transition: var(--transition);white-space: nowrap;box-shadow: var(--shadow-xs);flex-shrink: 0;font-family: inherit}.filter-chip:hover{border-color: var(--primary-border);background: var(--primary-light);color: var(--primary);transform: translateY(-1.5px);box-shadow: var(--shadow-sm)}.filter-chip.active{background: #0f172a !important;color: #ffffff !important;border-color: #0f172a !important;box-shadow: 0 4px 12px rgba(15,23,42,0.2)}[data-theme="dark"] .filter-chip.active{background: #2563eb !important;border-color: #2563eb !important;box-shadow: 0 4px 14px rgba(37,99,235,0.4)}.chip-count{background: rgba(15,23,42,0.1);color: var(--text-main);padding: 2px 7px;border-radius: var(--radius-full);font-size: 11px;font-weight: 800}.filter-chip.active .chip-count{background: rgba(255,255,255,0.25);color: #ffffff}.job-top-highlights{display: flex;align-items: center;gap: 6px;margin-bottom: 5px;flex-wrap: wrap}.pill-micro{font-size: 11px;font-weight: 800;padding: 2px 8px;border-radius: var(--radius-xs);letter-spacing: 0.02em;text-transform: uppercase}.pill-micro.remote{background: #ecfdf5;color: #065f46}[data-theme="dark"] .pill-micro.remote{background: rgba(16,185,129,0.2);color: #34d399}.pill-micro.visa{background: #eff6ff;color: #1e40af}[data-theme="dark"] .pill-micro.visa{background: rgba(59,130,246,0.2);color: #60a5fa}.pill-micro.hot{background: #fff1f2;color: #be123c}[data-theme="dark"] .pill-micro.hot{background: rgba(244,63,94,0.2);color: #fb7185}.posted-time{color: var(--text-light);font-size: 12.5px;font-weight: 500}.btn-quickview{background: var(--bg-subtle);border: 1.5px solid var(--border-color);color: var(--text-muted);font-family: inherit;font-size: 12.5px;font-weight: 750;padding: 8px 14px;border-radius: var(--radius-full);cursor: pointer;transition: var(--transition-fast);white-space: nowrap;display: inline-flex;align-items: center;justify-content: center}.btn-quickview:hover{background: var(--primary-light);border-color: var(--primary-border);color: var(--primary);transform: translateY(-1px)}.stream-actions-wrap{margin: 32px 0 48px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}.btn-load-more-stream{background: var(--bg-card);border: 2px solid var(--border-color);color: var(--brand-navy);font-family: inherit;font-size: 15px;font-weight: 800;padding: 14px 36px;border-radius: var(--radius-full);cursor: pointer;transition: var(--transition);display: inline-flex;align-items: center;justify-content: center;gap: 10px;box-shadow: var(--shadow-md);min-width: 280px}.btn-load-more-stream:hover{border-color: var(--primary);color: var(--primary);transform: translateY(-2px);box-shadow: var(--shadow-lg),var(--shadow-glow)}.btn-load-more-stream.loading{opacity: 0.8;pointer-events: none}.btn-spinner{width: 16px;height: 16px;border: 2.5px solid var(--primary-border);border-top-color: var(--primary);border-radius: 50%;animation: spin 0.7s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.stream-end-notice{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: 16px 24px;font-size: 14px;color: var(--text-muted);box-shadow: var(--shadow-xs);max-width: 500px}.fade-in-stream{animation: fadeInUpStream 0.4s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes fadeInUpStream{from{opacity: 0;transform: translateY(18px)}to{opacity: 1;transform: translateY(0)}}.quickview-drawer{position: fixed;top: 0;right: -520px;width: 480px;max-width: 94vw;height: 100vh;background: var(--bg-drawer);z-index: 1250;box-shadow: var(--shadow-xl);display: flex;flex-direction: column;transition: right 0.35s cubic-bezier(0.16,1,0.3,1);border-left: 1px solid var(--border-color)}.quickview-drawer.open{right: 0}.quickview-header{padding: 20px 24px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;gap: 16px}.quickview-header-brand{display: flex;align-items: center;gap: 14px;flex: 1;min-width: 0}.quickview-title{font-size: 18px;font-weight: 800;color: var(--brand-navy);line-height: 1.25;margin-bottom: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.quickview-company-row{display: flex;align-items: center;gap: 6px}.quickview-company{font-size: 13.5px;font-weight: 700;color: var(--primary)}.quickview-body{padding: 24px;overflow-y: auto;flex: 1;-webkit-overflow-scrolling: touch}.qv-info-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 20px}.qv-info-card{background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 12px 14px}.qv-info-lbl{font-size: 11px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.04em;color: var(--text-light);margin-bottom: 4px}.qv-info-val{font-size: 13.5px;font-weight: 750;color: var(--brand-navy)}.qv-detail-section{margin-bottom: 20px}.qv-section-title{font-size: 14px;font-weight: 800;color: var(--brand-navy);margin-bottom: 8px}.qv-summary-box{background: var(--bg-subtle);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 16px;font-size: 14px;line-height: 1.65;color: var(--text-muted);max-height: 240px;overflow-y: auto}.qv-trust-note{font-size: 12.5px;color: var(--accent-emerald);background: var(--accent-emerald-light);border: 1px solid var(--accent-emerald-border);border-radius: var(--radius-sm);padding: 10px 14px}.quickview-footer{padding: 18px 24px;border-top: 1px solid var(--border-color);background: var(--bg-card);display: flex;align-items: center;gap: 10px}.sticky-smart-bar{position: fixed;bottom: 24px;left: 50%;transform: translateX(-50%) translateY(140%);opacity: 0;pointer-events: none;z-index: 1050;transition: all 0.35s cubic-bezier(0.16,1,0.3,1);width: auto;max-width: 90vw}.sticky-smart-bar.visible{transform: translateX(-50%) translateY(0);opacity: 1;pointer-events: auto}.smart-bar-inner{background: rgba(15,23,42,0.92);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(255,255,255,0.12);border-radius: var(--radius-full);padding: 7px 12px;display: flex;align-items: center;gap: 14px;box-shadow: 0 16px 36px rgba(0,0,0,0.28);color: #ffffff}[data-theme="dark"] .smart-bar-inner{background: rgba(19,27,46,0.94);border-color: rgba(255,255,255,0.15)}.smart-bar-left{display: flex;align-items: center;gap: 8px;padding-left: 6px;font-size: 13px;white-space: nowrap}.smart-bar-pulse{width: 7px;height: 7px;background: #10b981;border-radius: 50%;box-shadow: 0 0 0 3px rgba(16,185,129,0.3);animation: pulseDot 2s infinite}.smart-bar-chips{display: flex;align-items: center;gap: 6px}.smart-chip{background: rgba(255,255,255,0.1);border: none;color: #e2e8f0;font-family: inherit;font-size: 12px;font-weight: 700;padding: 5px 12px;border-radius: var(--radius-full);cursor: pointer;transition: var(--transition-fast);white-space: nowrap}.smart-chip:hover{background: rgba(255,255,255,0.22);color: #ffffff}.smart-chip.active{background: var(--primary) !important;color: #ffffff !important}.smart-bar-right{display: flex;align-items: center;gap: 6px}.smart-btn-saved{background: rgba(255,255,255,0.1);border: none;color: #ffffff;padding: 5px 12px;border-radius: var(--radius-full);font-size: 12px;font-weight: 750;display: flex;align-items: center;gap: 5px;cursor: pointer;transition: var(--transition-fast)}.smart-btn-saved:hover{background: #f59e0b;color: #000}.smart-btn-top{background: var(--primary);border: none;color: #ffffff;padding: 5px 12px;border-radius: var(--radius-full);font-size: 12px;font-weight: 800;cursor: pointer;transition: var(--transition-fast)}.smart-btn-top:hover{background: var(--primary-hover)}@media (max-width: 1080px){.site-header{position: sticky;top: 0}.nav-container,.navbar{position: relative}.nav-menu{display: none;position: absolute;top: 100%;left: 0;width: 100%;background: var(--bg-surface);border-bottom: 1.5px solid var(--border-color);padding: 16px 20px;flex-direction: column;align-items: flex-start;gap: 6px;box-shadow: 0 12px 30px rgba(0,0,0,0.15);z-index: 1200;box-sizing: border-box}.nav-menu.open{display: flex}.nav-item.mobile-only{display: block !important;width: 100%}.nav-item{width: 100%}.nav-item a,.nav-btn-link{width: 100%;padding: 11px 16px;font-size: 14.5px;border-radius: var(--radius-md)}.desktop-only,.nav-actions .nav-btn-signin,.nav-actions .btn-post-job,.nav-saved-btn .desktop-only{display: none !important}.menu-toggle{display: flex !important;width: 38px !important;height: 38px !important;align-items: center;justify-content: center}.container{padding-left: 20px;padding-right: 20px}.hero-title{font-size: 32px !important;line-height: 1.25 !important}.hero-desc{font-size: 15px !important;max-width: 600px}.trust-grid{grid-template-columns: repeat(2,1fr) !important;gap: 16px !important}.stories-grid{grid-template-columns: repeat(2,1fr) !important;gap: 16px !important}.category-grid-tier1{grid-template-columns: repeat(3,1fr) !important;gap: 12px !important}.footer-grid{grid-template-columns: repeat(2,1fr) !important;gap: 28px !important}.job-detail-wrap{grid-template-columns: 1fr !important;gap: 24px !important}.quickview-drawer,.saved-drawer{width: 480px !important;max-width: 85vw !important}}@media (max-width: 768px){html,body{overflow-x: hidden !important;width: 100% !important;max-width: 100vw !important}.container{padding-left: 14px !important;padding-right: 14px !important}.nav-container,.navbar{height: 58px !important;padding-left: max(14px,env(safe-area-inset-left)) !important;padding-right: max(14px,env(safe-area-inset-right)) !important}.nav-logo{height: 32px !important}.nav-actions{gap: 6px !important}.desktop-only,.nav-actions .nav-btn-signin,.nav-actions .btn-post-job,.nav-saved-btn .desktop-only{display: none !important}.nav-saved-btn,.theme-toggle-btn{width: 38px !important;height: 38px !important;min-width: 38px !important;padding: 0 !important;justify-content: center;border-radius: var(--radius-md)}.menu-toggle{display: flex !important;width: 38px !important;height: 38px !important;align-items: center;justify-content: center}.hero-section{padding: 24px 0 16px !important}.hero-pill-badge{font-size: 11.5px !important;padding: 4px 12px !important;margin-bottom: 12px !important}.hero-title{font-size: 25px !important;line-height: 1.25 !important;letter-spacing: -0.025em !important;margin-bottom: 10px !important}.hero-desc{font-size: 13.5px !important;line-height: 1.55 !important;margin-bottom: 18px !important}.search-container-box{flex-direction: column !important;padding: 8px !important;border-radius: var(--radius-xl) !important;gap: 6px !important;box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important}.search-segment{width: 100% !important;padding: 8px 10px !important;border-radius: var(--radius-lg);background: var(--bg-subtle)}.search-segment.location{border-left: none !important;border-top: none !important;padding-left: 10px !important;padding-top: 8px !important}.segment-input{font-size: 15px !important;height: 34px !important}.btn-search{width: 100% !important;padding: 13px 20px !important;font-size: 14.5px !important;font-weight: 800 !important;border-radius: var(--radius-lg) !important;justify-content: center;min-height: 46px}.partners-strip{padding: 14px 0 !important;margin-bottom: 20px !important}.partners-label{font-size: 11px !important;margin-bottom: 10px !important}.partners-logos{gap: 8px !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 4px}.partners-logos::-webkit-scrollbar{display: none}.partner-logo-item{font-size: 12px !important;padding: 5px 12px !important;flex-shrink: 0}.section-head-bar{flex-direction: column !important;align-items: flex-start !important;gap: 12px !important}.section-head-title h2{font-size: 20px !important;line-height: 1.3 !important}.feed-inline-search{width: 100% !important;margin-top: 0 !important}.inline-search-box{width: 100% !important;min-width: unset !important}.interactive-filter-strip{gap: 6px !important;padding: 6px 0 10px !important;overflow-x: auto !important;-webkit-overflow-scrolling: touch}.filter-chip{padding: 7px 14px !important;font-size: 12px !important;min-height: 36px}.jobs-grid{gap: 14px !important;width: 100% !important}.job-card{display: flex !important;flex-direction: column !important;align-items: stretch !important;padding: 16px 14px !important;border-radius: var(--radius-xl) !important;gap: 12px !important;width: 100% !important;box-sizing: border-box !important}.job-card-left{display: flex !important;flex-direction: row !important;align-items: flex-start !important;gap: 12px !important;width: 100% !important;min-width: 0 !important}.company-avatar-box{width: 44px !important;height: 44px !important;min-width: 44px !important;max-width: 44px !important;font-size: 17px !important;border-radius: 12px !important;flex-shrink: 0 !important}.job-meta-content{flex: 1 1 auto !important;min-width: 0 !important;width: calc(100% - 56px) !important}.job-top-highlights{display: flex !important;flex-wrap: wrap !important;gap: 5px !important;margin-bottom: 4px !important}.job-meta-content .title{font-size: 16px !important;font-weight: 800 !important;line-height: 1.35 !important;margin-bottom: 4px !important;white-space: normal !important;word-break: break-word !important;overflow: visible !important}.company-row{font-size: 12.5px !important;gap: 4px !important;flex-wrap: wrap !important;margin-bottom: 8px !important}.job-tags-row{display: flex !important;flex-wrap: wrap !important;gap: 5px !important;width: 100% !important}.badge-tag{font-size: 11.5px !important;padding: 3px 8px !important;white-space: nowrap !important}.job-card-actions{display: flex !important;flex-direction: row !important;align-items: center !important;gap: 6px !important;width: 100% !important;margin-top: 2px !important;padding-top: 10px !important;border-top: 1px solid var(--border-color) !important;box-sizing: border-box !important}.btn-bookmark{width: 38px !important;height: 38px !important;min-width: 38px !important;padding: 0 !important;justify-content: center;border-radius: var(--radius-md) !important;flex-shrink: 0 !important}.btn-quickview{font-size: 12px !important;padding: 7px 8px !important;min-height: 38px !important;flex: 1 1 0% !important;min-width: 0 !important;text-align: center !important;justify-content: center !important}.btn-quick-apply{font-size: 12px !important;padding: 7px 10px !important;min-height: 38px !important;flex: 1 1 0% !important;min-width: 0 !important;text-align: center !important;justify-content: center !important}.btn-apply-card{font-size: 12px !important;padding: 7px 10px !important;min-height: 38px !important;flex: 1 1 0% !important;min-width: 0 !important;text-align: center !important;justify-content: center !important}.trust-grid,.stories-grid,.category-grid-tier1{grid-template-columns: 1fr !important;gap: 12px !important}.trust-card,.story-card{padding: 18px 16px !important;border-radius: var(--radius-xl) !important}.dual-cta-section{grid-template-columns: 1fr !important;gap: 14px !important;margin: 36px 0 !important}.cta-box{padding: 20px 16px !important;border-radius: var(--radius-2xl) !important}.cta-content h3{font-size: 18px !important;margin-bottom: 6px !important}.cta-content p{font-size: 13px !important;line-height: 1.5 !important}.cta-footer{flex-direction: column !important;align-items: stretch !important;gap: 10px !important}.btn-cta-light,.btn-cta-emerald{width: 100% !important;text-align: center;justify-content: center;padding: 11px 20px !important;font-size: 13.5px !important}.quickview-drawer,.saved-drawer{width: 100vw !important;max-width: 100vw !important;border-radius: 20px 20px 0 0 !important}.quickview-header,.saved-drawer-header{padding: 16px 18px !important}.quickview-body,.saved-drawer-body{padding: 16px 18px !important}.sticky-smart-bar{bottom: max(14px,env(safe-area-inset-bottom)) !important;max-width: calc(100vw - 20px) !important;width: auto !important}.smart-bar-inner{padding: 6px 10px !important;gap: 8px !important}.smart-bar-chips{display: none !important}.smart-btn-saved,.smart-btn-top{font-size: 11.5px !important;padding: 5px 10px !important}footer{padding: 36px 0 calc(28px + env(safe-area-inset-bottom)) !important}.footer-grid{grid-template-columns: 1fr !important;gap: 24px !important}.footer-bottom-bar{margin-top: 24px !important;padding-top: 18px !important;text-align: center}}@media (max-width: 390px){.hero-title{font-size: 22px !important}.job-meta-content .title{font-size: 14.5px !important}.job-card-actions{flex-wrap: wrap !important}.btn-quickview,.btn-quick-apply,.btn-apply-card{font-size: 11px !important;padding: 6px 8px !important}}.breadcrumb{margin-bottom: 20px;font-size: 0.875rem;color: var(--text-light)}.breadcrumb ol{display: flex;flex-wrap: wrap;align-items: center;list-style: none !important;padding: 0 !important;margin: 0 !important;gap: 8px}.breadcrumb li{display: inline-flex;align-items: center;gap: 8px;color: var(--text-light);font-size: 0.875rem}.breadcrumb li:not(:last-child)::after{content: "/";color: var(--border-hover,#cbd5e1);font-weight: 400;font-size: 0.8rem;opacity: 0.7}.breadcrumb a{color: var(--primary);text-decoration: none;font-weight: 500;transition: color 0.15s ease}.breadcrumb a:hover{color: var(--primary-hover);text-decoration: underline}.breadcrumb li[aria-current="page"]{color: var(--text-main);font-weight: 600}.salary-hero-card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-2xl);padding: 32px 36px;margin-bottom: 30px;box-shadow: var(--shadow-sm)}.salary-hero-card h1{font-size: 32px;font-weight: 850;letter-spacing: -0.025em;color: var(--brand-navy);margin-top: 10px;line-height: 1.25}.salary-metric-highlight{display: flex;align-items: baseline;gap: 12px;margin: 24px 0 16px;flex-wrap: wrap}.salary-metric-highlight .big-salary{font-size: 46px;font-weight: 900;letter-spacing: -0.03em;color: var(--accent-emerald);line-height: 1}.salary-metric-highlight .salary-period{font-size: 15px;font-weight: 600;color: var(--text-subtle)}.percentile-bar-container{margin: 28px 0;position: relative;background: var(--bg-subtle);border: 1.5px solid var(--border-color);border-radius: var(--radius-xl);padding: 18px 24px}.percentile-labels{display: flex;justify-content: space-between;align-items: center;gap: 12px;flex-wrap: wrap}.percentile-marker{display: flex;flex-direction: column;align-items: center;text-align: center}.percentile-marker .marker-label{font-size: 11px;font-weight: 800;text-transform: uppercase;color: var(--text-light);letter-spacing: 0.05em}.percentile-marker .marker-sub{font-size: 12px;color: var(--text-subtle);margin-bottom: 4px}.percentile-marker strong{font-size: 15px;font-weight: 800;color: var(--text-main)}.percentile-marker.active strong{color: var(--primary);font-size: 17px}.comp-pills-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 14px;margin: 24px 0}.comp-pill{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-lg);padding: 16px 18px;box-shadow: var(--shadow-xs);display: flex;flex-direction: column}.comp-pill-title{font-size: 11.5px;font-weight: 750;text-transform: uppercase;letter-spacing: 0.04em;color: var(--text-subtle);margin-bottom: 6px}.comp-pill-val{font-size: 20px;font-weight: 850;color: var(--brand-navy)}.level-badge{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 750;padding: 4px 12px;border-radius: var(--radius-full);background: rgba(37,99,235,0.1);color: var(--primary);border: 1px solid rgba(37,99,235,0.25)}.cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 16px;margin: 20px 0}.card{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-xl);padding: 22px;box-shadow: var(--shadow-xs);text-decoration: none;display: flex;flex-direction: column;justify-content: space-between;transition: var(--transition)}.card:hover{transform: translateY(-2px);border-color: var(--primary-border);box-shadow: var(--shadow-md)}.card-salary-box{margin-top: 14px;padding-top: 10px;border-top: 1px solid var(--border-color)}.card-salary-label{font-size: 11px;font-weight: 750;color: var(--text-subtle);text-transform: uppercase}.card-salary-value{font-size: 20px;font-weight: 850;color: var(--accent-emerald)}.levels-table-container{background: var(--bg-card);border: 1.5px solid var(--border-color);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-sm);margin: 20px 0}.table-responsive{width: 100%;overflow-x: auto}.levels-table{width: 100%;border-collapse: collapse;text-align: left;font-size: 13.5px}.levels-table th{background: var(--bg-subtle);padding: 14px 18px;font-weight: 750;color: var(--brand-navy);border-bottom: 1.5px solid var(--border-color);white-space: nowrap}.levels-table td{padding: 14px 18px;border-bottom: 1px solid var(--border-color);color: var(--text-main);white-space: nowrap}.levels-table tr:last-child td{border-bottom: none}.total-comp-tag{font-weight: 800;color: var(--accent-emerald);font-size: 14px}@media (max-width: 640px){.salary-hero-card{padding: 20px 16px}.salary-hero-card h1{font-size: 24px}.salary-metric-highlight .big-salary{font-size: 34px}.hide-mobile{display: none}}