@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy-950:#060f1e;--navy-900:#0b1d3a;--navy-800:#122b55;--navy-700:#1a3a6e;--cobalt:#1e6fff;--cobalt-dark:#1558cc;--cobalt-mid:#a8c4ff;--cobalt-tint:#ebf2ff;--emerald-tint:#ecfdf5;--emerald-mid:#6ee7b7;--amber-tint:#fffbeb;--amber-mid:#fcd34d;--surface:#f3f7fc;--card:#fff;--border:#dce8f5;--border-mid:#b8cfea;--text-primary:#0b1d3a;--text-secondary:#4a6080;--text-muted:#8ba3bf;--focus-ring:#1e6fff4d;--shadow-card:0 1px 2px #0b1d3a0d, 0 4px 16px #0b1d3a0a;--shadow-card-hover:0 4px 8px #0b1d3a14, 0 16px 32px #0b1d3a14;--shadow-cobalt:0 4px 16px #1e6fff47;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0}body{background-color:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,sans-serif;line-height:1.6}.site-header{background:linear-gradient(140deg, var(--navy-950) 0%, var(--navy-800) 55%, var(--navy-700) 100%);padding:3rem 2.5rem 3.5rem;position:relative;overflow:hidden}.site-header:before{content:"";pointer-events:none;background-image:linear-gradient(#1e6fff0f 1px,#0000 1px),linear-gradient(90deg,#1e6fff0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.site-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#1e6fff2e 0%,#0000 65%);width:560px;height:560px;position:absolute;top:-30%;right:-5%}.header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1360px;margin:0 auto;display:flex;position:relative}.brand-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt-mid);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:inline-flex}.eyebrow-dot{background:var(--cobalt);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.brand-block h1{color:#fff;letter-spacing:-.025em;margin-bottom:.625rem;font-family:Syne,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.1}.brand-block h1 .brand-accent{color:var(--cobalt)}.brand-tagline{color:#ffffff80;font-size:.95rem}.header-stats{flex-wrap:wrap;gap:1rem;display:flex}.stat-chip{border-radius:var(--radius-md);text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff21;min-width:110px;padding:1rem 1.375rem}.stat-number{color:#fff;font-family:Syne,sans-serif;font-size:1.875rem;font-weight:700;line-height:1;display:block}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-top:.3rem;font-size:.7rem;font-weight:600;display:block}.app-shell{grid-template-columns:272px 1fr;align-items:start;gap:2rem;max-width:1360px;margin:0 auto;padding:2rem 2.5rem;display:grid}.sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:2rem}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.375rem 1.5rem}.panel-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:1rem;font-family:Syne,sans-serif;font-size:.65rem;font-weight:700}.search-form{flex-direction:column;gap:.625rem;display:flex}.search-input{border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);padding:.875rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.search-input:focus{border-color:var(--cobalt);background:var(--card);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.search-input::placeholder{color:var(--text-muted)}.btn-search{background:var(--cobalt);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;box-shadow:var(--shadow-cobalt);letter-spacing:.01em;border:none;padding:.875rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.btn-search:hover{background:var(--cobalt-dark);transform:translateY(-1px);box-shadow:0 6px 20px #1e6fff61}.btn-search:active{transform:translateY(0)}.btn-search:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.btn-clear{width:100%;color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s}.btn-clear:hover{border-color:var(--border-mid);color:var(--text-primary);background:var(--surface)}.panel-divider{background:var(--border);height:1px;margin:.625rem 0}.meta-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem;display:flex}.meta-row strong{color:var(--text-primary);font-weight:600}.analytics-badges{flex-direction:column;gap:.5rem;display:flex}.badge{border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.82rem;font-weight:500;display:flex}.badge-label{flex:1}.badge strong{white-space:nowrap;font-size:.85rem;font-weight:700}.badge-default{background:var(--cobalt-tint);color:var(--cobalt-dark);border-color:#a8c4ffb3}.badge-success{background:var(--emerald-tint);color:#065f46;border-color:#6ee7b799}.badge-alert{background:var(--amber-tint);color:#78350f;border-color:#fcd34d99}.listings-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.listings-count{color:var(--text-secondary);font-family:Syne,sans-serif;font-size:.875rem;font-weight:600}.listings-count strong{color:var(--text-primary);font-size:1.05rem}.query-tag{background:var(--cobalt-tint);color:var(--cobalt-dark);border:1px solid var(--cobalt-mid);border-radius:9999px;align-items:center;gap:.375rem;padding:.35rem .875rem;font-size:.82rem;font-weight:500;display:inline-flex}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.job-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:1.5rem;transition:box-shadow .2s,border-color .2s,transform .2s;animation:.4s both fadeSlideUp;display:flex;position:relative;overflow:hidden}.job-card:before{content:"";background:linear-gradient(180deg, var(--cobalt) 0%, var(--cobalt-dark) 100%);transform-origin:50%;border-radius:0 2px 2px 0;width:3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.job-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-mid);transform:translateY(-2px)}.job-card:hover:before{transform:scaleY(1)}.job-card:focus-within{box-shadow:0 0 0 3px var(--focus-ring);border-color:var(--cobalt);outline:none}.job-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.875rem;display:flex}.job-title{letter-spacing:-.01em;color:var(--text-primary);flex:1;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.35}.source-tag{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border:1px solid #0000;border-radius:5px;flex-shrink:0;margin-top:.15rem;padding:.22rem .55rem;font-size:.63rem;font-weight:700}.tag-adzuna{color:var(--navy-700);background:#0b1d3a12;border-color:#0b1d3a1f}.tag-reed{background:var(--cobalt-tint);color:var(--cobalt-dark);border-color:#a8c4ffcc}.job-company{color:var(--navy-700);align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.9rem;font-weight:600;display:flex}.company-indicator{background:var(--cobalt);border-radius:50%;flex-shrink:0;width:7px;height:7px}.job-salary{color:#1558cc;background:var(--cobalt-tint);border:1px solid #a8c4ff99;border-radius:6px;margin-bottom:1.125rem;padding:.3rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.job-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.job-date{color:var(--text-muted);font-size:.78rem}.apply-btn{background:var(--cobalt);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.3rem;padding:.6rem 1.125rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #1e6fff38}.apply-btn:hover{background:var(--cobalt-dark);box-shadow:var(--shadow-cobalt);transform:translateY(-1px)}.apply-btn:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.load-more-wrapper{flex-direction:column;align-items:center;gap:.875rem;margin-top:2.5rem;padding-bottom:3rem;display:flex}.load-more-meta{color:var(--text-muted);font-size:.8rem;font-weight:500}.load-more-track{background:var(--border);border-radius:99px;width:100%;max-width:280px;height:3px;overflow:hidden}.load-more-fill{background:linear-gradient(90deg, var(--cobalt), var(--cobalt-dark));border-radius:99px;height:100%;transition:width .45s}.btn-load-more{color:var(--cobalt);border:1.5px solid var(--cobalt-mid);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:9999px;padding:.875rem 2.5rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.btn-load-more:hover:not(:disabled){background:var(--cobalt-tint);border-color:var(--cobalt);transform:translateY(-1px)}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.btn-load-more:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.state-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:5rem 2rem;display:flex}.dot-loader{align-items:center;gap:.45rem;display:flex}.dot{background:var(--cobalt);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite dotPulse}.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}@keyframes dotPulse{0%,80%,to{opacity:.35;transform:scale(.55)}40%{opacity:1;transform:scale(1)}}.state-label{color:var(--text-secondary);font-family:Syne,sans-serif;font-size:1rem;font-weight:600}.state-sublabel{color:var(--text-muted);margin-top:-.5rem;font-size:.875rem}@media (width<=960px){.app-shell{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.sidebar{grid-template-columns:1fr auto;align-items:start;gap:1rem;display:grid;position:static}.sidebar>.panel:first-child{grid-column:1/-1}.search-form{flex-flow:wrap;gap:.625rem}.search-input{flex:1;width:auto;min-width:200px}.btn-search,.btn-clear{width:auto;padding:.875rem 1.5rem}.analytics-badges{flex-flow:wrap;gap:.5rem}.badge{flex:1;min-width:130px}}@media (width<=640px){.site-header{padding:2rem 1.25rem 2.5rem}.header-inner{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-stats{width:100%}.stat-chip{flex:1}.app-shell{gap:1rem;padding:1rem}.sidebar{grid-template-columns:1fr}.search-form{flex-direction:column}.btn-search,.btn-clear{width:100%}.jobs-grid{grid-template-columns:1fr}.load-more-track{max-width:100%}.job-card-header{flex-direction:column-reverse;align-items:flex-start;gap:.4rem}}.badge-warning{color:#b45309;background-color:#fffbeb;border-color:#fef3c7}
