/* ==========================================================================
   Joboola "Aurora White" (v2.13) — the site look, on every theme.
   White, luminous surfaces. Colour lives in light, not in fills: soft azure /
   violet / cyan halos behind the search, hairline borders with a glass top
   highlight on cards, and a glow that answers hover and focus.
   One typeface (Plus Jakarta Sans, self-hosted). The brand colour stays
   admin-configurable (--brand); page surfaces always stay white.
   ========================================================================== */

@font-face{font-family:"Jakarta";font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/jakarta-latin.woff2) format("woff2-variations"),url(../fonts/jakarta-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jakarta";font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/jakarta-latin-ext.woff2) format("woff2-variations"),url(../fonts/jakarta-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --au-ink:#0A1024; --au-ink2:#333D55; --au-muted:#5B6680; --au-faint:#8E98AD;
  --au-line:#E5EAF3; --au-line2:#EEF2F8; --au-pearl:#F7F9FD; --au-white:#FFFFFF;
  --au-azure:#2F6BFF; --au-violet:#8B3DFF; --au-cyan:#22C3EE;
  --au-hi:inset 0 1px 0 rgba(255,255,255,.95);
  --au-sh-1:0 1px 2px rgba(16,24,40,.04),0 1px 1px rgba(16,24,40,.02);
  --au-sh-2:0 1px 2px rgba(16,24,40,.04),0 14px 34px -18px rgba(30,64,175,.24);
  --au-sh-3:0 2px 6px rgba(16,24,40,.04),0 26px 56px -24px color-mix(in srgb,var(--brand) 55%,transparent);
  --au-ring:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent);
  --au-r-xl:24px; --au-r-l:18px; --au-r:14px; --au-r-s:10px;
  --au-ease:cubic-bezier(.2,.8,.2,1);
  /* hand the shared kits the same palette */
  --ink:var(--au-ink); --ink-2:var(--au-ink2); --muted:var(--au-muted); --line:var(--au-line); --line-2:var(--au-line2);
  --canvas:var(--au-pearl); --bg:#fff;
  --sx-ink:var(--au-ink); --sx-ink2:var(--au-ink2); --sx-muted:var(--au-muted); --sx-faint:var(--au-faint);
  --sx-line:var(--au-line); --sx-line2:var(--au-line2); --sx-page:#fff; --sx-card:#fff; --sx-chip:var(--au-pearl); --sx-tint:var(--au-pearl);
  --sx-head-bg:rgba(255,255,255,.78); --sx-foot-bg:#fff;
  --sx-glow:var(--au-sh-2); --sx-glow-h:var(--au-sh-3); --sx-r:16px; --sx-r-in:12px;
  color-scheme:light;
}

/* ---------- Base ---------- */
html{background:#fff}
body.ui-aurora{font-family:Jakarta,"Plus Jakarta Sans",Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif!important;color:var(--au-ink);background:#fff!important;letter-spacing:0;text-rendering:optimizeLegibility}
.ui-aurora h1,.ui-aurora h2,.ui-aurora h3,.ui-aurora h4{color:var(--au-ink);letter-spacing:-.018em}
.ui-aurora h1{font-weight:800}
.ui-aurora h2,.ui-aurora h3{font-weight:700}
.ui-aurora .muted{color:var(--au-muted)}
.ui-aurora ::selection{background:color-mix(in srgb,var(--brand) 18%,#fff);color:var(--au-ink)}
.ui-aurora :focus-visible{outline:0;box-shadow:var(--au-ring);border-radius:10px}
.ui-aurora main{background:none!important}
.ui-aurora .num,.ui-aurora .stat strong,.ui-aurora .sx-pay strong{font-variant-numeric:tabular-nums}

/* Ambient light at the top of every page: two soft halos painted on the page background (no extra layers) */
body.ui-aurora{background:radial-gradient(640px 300px at 12% -60px,color-mix(in srgb,var(--au-azure) 13%,transparent),transparent 70%) no-repeat,radial-gradient(560px 280px at 88% -40px,color-mix(in srgb,var(--au-violet) 10%,transparent),transparent 70%) no-repeat,#fff!important}

/* ---------- Header: white glass ---------- */
.ui-aurora .sx-top,.ui-aurora .px-top,.ui-aurora .topbar{background:rgba(255,255,255,.74)!important;-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);border-bottom:1px solid rgba(229,234,243,.9);position:sticky;top:0;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.ui-aurora .sx-top:after,.ui-aurora .px-top:after,.ui-aurora .topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--au-azure) 40%,transparent) 25%,color-mix(in srgb,var(--au-violet) 35%,transparent) 55%,color-mix(in srgb,var(--au-cyan) 35%,transparent) 80%,transparent);opacity:.55;pointer-events:none}
.ui-aurora .sx-top-in{min-height:70px!important;gap:20px}
.ui-aurora .logo{display:flex;align-items:center;gap:10px;color:var(--au-ink)!important;font-weight:800;letter-spacing:-.04em;text-decoration:none!important}
.ui-aurora .sx-top .logo,.ui-aurora .px-top .logo,.ui-aurora .topbar .logo{font-size:23px}
.ui-aurora .logo .logo-mark{display:inline-grid;filter:drop-shadow(0 6px 12px color-mix(in srgb,#4F46E5 38%,transparent));transition:transform .35s var(--au-ease),filter .35s}
.ui-aurora .logo:hover .logo-mark{transform:translateY(-1px) rotate(-4deg);filter:drop-shadow(0 10px 18px color-mix(in srgb,#4F46E5 48%,transparent))}
.ui-aurora .logo .logo-mark svg,.ui-aurora .sx-top .logo .logo-mark svg,.ui-aurora .sx-foot .logo .logo-mark svg{width:36px!important;height:36px!important}
.ui-aurora .logo img{max-height:40px}
.ui-aurora .sx-nav{gap:2px;margin-left:10px}
.ui-aurora .sx-nav a,.ui-aurora .mainnav a,.ui-aurora .px-nav a{color:var(--au-ink2);font-weight:600;font-size:15px;padding:8px 13px;border-radius:999px;transition:background .2s,color .2s}
.ui-aurora .sx-nav a:hover,.ui-aurora .mainnav a:hover,.ui-aurora .px-nav a:hover{background:var(--au-pearl);color:var(--au-ink);text-decoration:none}
.ui-aurora .sx-nav a.active,.ui-aurora .mainnav a.active,.ui-aurora .px-nav a.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,#fff)}
.ui-aurora .sx-actions{gap:8px!important}
.ui-aurora .sx-act{font-size:15px;font-weight:600;color:var(--au-ink2);padding:8px 12px;border-radius:999px;transition:background .2s,color .2s,box-shadow .2s}
.ui-aurora .sx-act:hover{background:var(--au-pearl);color:var(--au-ink)}
.ui-aurora .sx-act .ic{color:currentColor}
.ui-aurora .sx-act.blue{color:var(--brand)}
.ui-aurora .sx-act.blue:hover{background:color-mix(in srgb,var(--brand) 7%,#fff)}
.ui-aurora .sx-count{background:linear-gradient(180deg,#FF5A5F,#E5303A);min-width:20px;height:20px;font-size:11.5px;box-shadow:0 4px 10px -4px rgba(229,48,58,.7),0 0 0 2px #fff;margin-left:-2px}
.ui-aurora .sx-ava{width:30px;height:30px;background:linear-gradient(135deg,var(--au-azure),var(--au-violet));box-shadow:0 4px 12px -4px color-mix(in srgb,var(--au-violet) 60%,transparent)}
.ui-aurora .sx-sep{height:26px;background:var(--au-line);margin:0 4px}
.ui-aurora .sx-burger{width:42px;height:42px;border-radius:999px;border:1px solid var(--au-line);background:#fff;box-shadow:var(--au-sh-1)}
.ui-aurora .sx-burger:hover{box-shadow:var(--au-sh-2)}
.ui-aurora .geo-chip,.ui-aurora .sx-country{border-radius:999px!important;border-color:var(--au-line)!important;background:#fff!important;box-shadow:var(--au-sh-1)}

/* ---------- Buttons: glossy, glowing ---------- */
.ui-aurora .btn,.ui-aurora .sx-btn,.ui-aurora .ph-btn{font-weight:650;letter-spacing:-.005em;transition:transform .18s var(--au-ease),box-shadow .25s var(--au-ease),background .2s,filter .2s,border-color .2s}
.ui-aurora .btn-primary,.ui-aurora .sx-btn:not(.ghost),.ui-aurora .sx-go,.ui-aurora .sx-find,.ui-aurora .hx-apply,.ui-aurora .aic-send,.ui-aurora .px-btn:not(.ghost){
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--btn,var(--brand))!important;color:var(--btn-ink,#fff)!important;border-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 1px 2px rgba(16,24,40,.12),0 10px 24px -12px var(--btn,var(--brand))!important}
.ui-aurora .btn-primary:hover,.ui-aurora .sx-btn:not(.ghost):hover,.ui-aurora .sx-go:hover,.ui-aurora .sx-find:hover,.ui-aurora .hx-apply:hover,.ui-aurora .px-btn:not(.ghost):hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 4px rgba(16,24,40,.12),0 18px 34px -14px var(--btn,var(--brand))!important}
.ui-aurora .btn-primary:active,.ui-aurora .sx-btn:active,.ui-aurora .sx-go:active,.ui-aurora .hx-apply:active{transform:translateY(0) scale(.985)}
.ui-aurora .btn:not(.btn-primary):not(.btn-danger):not(.btn-link),.ui-aurora .sx-btn.ghost{background:#fff;color:var(--au-ink);border:1px solid var(--au-line);box-shadow:var(--au-hi),var(--au-sh-1)}
.ui-aurora .btn:not(.btn-primary):not(.btn-danger):not(.btn-link):hover,.ui-aurora .sx-btn.ghost:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--au-line));box-shadow:var(--au-hi),var(--au-sh-2);color:var(--brand);text-decoration:none}

/* ---------- Inputs ---------- */
.ui-aurora input[type=text],.ui-aurora input[type=email],.ui-aurora input[type=password],.ui-aurora input[type=search],.ui-aurora input[type=number],.ui-aurora input[type=tel],.ui-aurora input[type=url],.ui-aurora input[type=date],.ui-aurora select,.ui-aurora textarea{transition:border-color .2s,box-shadow .2s}
.ui-aurora .form input:not([type=checkbox]):not([type=radio]),.ui-aurora .form select,.ui-aurora .form textarea,.ui-aurora .card input:not([type=checkbox]):not([type=radio]):not([type=file]),.ui-aurora .card select,.ui-aurora .card textarea,.ui-aurora .auth-card input:not([type=checkbox]){border:1px solid var(--au-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--au-sh-1)}
.ui-aurora .form input:focus,.ui-aurora .form select:focus,.ui-aurora .form textarea:focus,.ui-aurora .card input:focus,.ui-aurora .card select:focus,.ui-aurora .card textarea:focus,.ui-aurora .auth-card input:focus{border-color:color-mix(in srgb,var(--brand) 55%,#fff)!important;box-shadow:var(--au-ring)!important;outline:0}

/* ---------- Home hero: the one bold moment — light behind the box ---------- */
.ui-aurora .sx-hero{position:relative;isolation:isolate;background:none!important;padding:76px 0 64px!important;overflow:visible!important}
.ui-aurora .sx-hero:before{content:"";position:absolute;inset:-40px 0 0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.07) 1px,transparent 0);background-size:26px 26px;
  -webkit-mask:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);mask:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%)}
.au-aurora{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.au-aurora i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.au-aurora i:nth-child(1){width:520px;height:340px;left:8%;top:32%;background:color-mix(in srgb,var(--au-azure) 55%,transparent);animation:auDrift1 22s ease-in-out infinite alternate}
.au-aurora i:nth-child(2){width:440px;height:300px;left:34%;top:46%;background:color-mix(in srgb,var(--au-violet) 42%,transparent);animation:auDrift2 26s ease-in-out infinite alternate}
.au-aurora i:nth-child(3){width:380px;height:260px;left:2%;top:58%;background:color-mix(in srgb,var(--au-cyan) 45%,transparent);animation:auDrift3 30s ease-in-out infinite alternate}
@keyframes auDrift1{to{transform:translate(60px,-30px) scale(1.08)}}
@keyframes auDrift2{to{transform:translate(-70px,20px) scale(.94)}}
@keyframes auDrift3{to{transform:translate(50px,30px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.au-aurora i{animation:none}}
.ui-aurora .sx-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:center;max-width:1240px}
.ui-aurora .sx-hero-grid .sx-hero-in{max-width:none}
.ui-aurora .ai-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.8);border:1px solid var(--au-line);border-radius:999px;padding:6px 14px 6px 10px;font-size:13.5px;font-weight:600;color:var(--au-ink2);box-shadow:var(--au-hi),var(--au-sh-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none!important}
.ui-aurora .ai-kicker:hover{box-shadow:var(--au-hi),var(--au-sh-2);color:var(--au-ink)}
.ui-aurora .ai-h1{font-size:clamp(34px,4.6vw,60px)!important;line-height:1.04!important;letter-spacing:-.032em!important;word-spacing:.04em;margin-top:18px!important;color:var(--au-ink)}
.ui-aurora .ai-h1 .hl{display:inline;background:linear-gradient(100deg,var(--au-azure) 0%,#5B4BFF 45%,var(--au-violet) 70%,var(--au-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:auShine 9s ease-in-out infinite alternate}
@keyframes auShine{to{background-position:100% 0}}
.ui-aurora .sx-hero .sx-lead{font-size:18px;color:var(--au-muted);max-width:56ch;line-height:1.6}

/* AI composer — white glass with a breathing glow */
.ui-aurora .ai-composer{position:relative}
.ui-aurora .ai-composer-in{background:rgba(255,255,255,.92)!important;border-radius:22px!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:var(--au-hi),0 1px 2px rgba(16,24,40,.05),0 24px 60px -24px color-mix(in srgb,var(--au-azure) 45%,transparent),0 12px 40px -20px color-mix(in srgb,var(--au-violet) 35%,transparent)!important}
.ui-aurora .ai-composer-in:focus-within{box-shadow:var(--au-hi),0 0 0 5px color-mix(in srgb,var(--brand) 10%,transparent),0 30px 70px -24px color-mix(in srgb,var(--au-azure) 55%,transparent)!important}
.ui-aurora .aic-send{width:44px;height:44px;border-radius:14px!important;background:linear-gradient(135deg,var(--au-azure),#5B4BFF 55%,var(--au-violet))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 22px -10px #5B4BFF!important}
.ui-aurora .aic-send:hover{transform:translateY(-1px) scale(1.03)}
.ui-aurora .aic-chip,.ui-aurora .ai-composer .aic-tool,.ui-aurora .ai-composer button.aic-pill{border-color:var(--au-line)!important;background:#fff!important;box-shadow:var(--au-sh-1)}
.ui-aurora .ai-examples a,.ui-aurora .ai-ex a,.ui-aurora .ai-try a{background:rgba(255,255,255,.8)!important;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-1);border-radius:999px!important;color:var(--au-ink2)!important;transition:box-shadow .2s,border-color .2s,color .2s,transform .2s var(--au-ease)}
.ui-aurora .ai-examples a:hover,.ui-aurora .ai-ex a:hover,.ui-aurora .ai-try a:hover{border-color:color-mix(in srgb,var(--au-violet) 35%,#fff)!important;color:var(--au-ink)!important;box-shadow:var(--au-hi),0 10px 24px -14px color-mix(in srgb,var(--au-violet) 70%,transparent);transform:translateY(-1px);text-decoration:none}
.ui-aurora .sx-popular>span,.ui-aurora .sx-recent>span{font-weight:600;color:var(--au-faint);font-size:13.5px}
.ui-aurora .sx-hero .sx-popular a,.ui-aurora .sx-band .sx-popular a{border:1px solid var(--au-line)!important;background:#fff!important;border-radius:999px!important;padding:6px 14px!important;font-size:14px!important;font-weight:500;color:var(--au-ink2)!important;box-shadow:var(--au-sh-1)}
.ui-aurora .sx-hero .sx-popular a:hover,.ui-aurora .sx-band .sx-popular a:hover{color:var(--brand)!important;border-color:color-mix(in srgb,var(--brand) 35%,#fff)!important;box-shadow:0 10px 22px -14px color-mix(in srgb,var(--brand) 70%,transparent)!important}

/* Hero side: live jobs preview (real jobs near the visitor) */
.au-live{position:relative;border-radius:26px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.55));border:1px solid rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 #fff inset,0 0 0 1px var(--au-line2),0 40px 80px -36px rgba(37,56,140,.45),0 16px 40px -24px color-mix(in srgb,var(--au-violet) 40%,transparent)}
.au-live-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.au-live-h strong{font-size:14.5px;font-weight:700;color:var(--au-ink)}
.au-live-h span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#0E8A5F}
.au-live-h span:before{content:"";width:7px;height:7px;border-radius:50%;background:#16B57A;box-shadow:0 0 0 0 rgba(22,181,122,.5);animation:auPulse 2.2s infinite}
@keyframes auPulse{0%{box-shadow:0 0 0 0 rgba(22,181,122,.45)}70%{box-shadow:0 0 0 8px rgba(22,181,122,0)}100%{box-shadow:0 0 0 0 rgba(22,181,122,0)}}
.au-live-list{display:grid;gap:10px}
.au-live-job{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--au-line2);border-radius:16px;padding:12px 14px;color:var(--au-ink);text-decoration:none!important;
  box-shadow:var(--au-hi),0 1px 2px rgba(16,24,40,.04),0 10px 24px -18px rgba(30,64,175,.35);transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease)}
.au-live-job:nth-child(2){margin-left:12px}
.au-live-job:nth-child(3){margin-left:24px}
.au-live-job>span{min-width:0}
.au-live-job:hover{transform:translateY(-2px);box-shadow:var(--au-hi),0 18px 36px -18px color-mix(in srgb,var(--brand) 60%,transparent)}
.au-live-job .lg{width:40px;height:40px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:var(--au-pearl)}
.au-live-job .lg>*{width:100%;height:100%}
.au-live-job b{display:block;font-size:14.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-job small{display:block;font-size:12.5px;color:var(--au-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.au-live-job em{font-style:normal;font-size:12.5px;font-weight:700;color:#0E7A55;background:#EAF8F1;border-radius:999px;padding:4px 9px;white-space:nowrap}
.au-live-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding:12px 6px 2px;border-top:1px solid var(--au-line2);font-size:13.5px;color:var(--au-muted)}
.au-live-f a{font-weight:700;color:var(--brand)}
@keyframes auRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.ui-aurora .sx-hero-grid{grid-template-columns:minmax(0,1fr)}.au-live{display:none}}

/* ---------- Sections & cards ---------- */
.ui-aurora .sx-home-more:not(:empty){border-top:1px solid var(--au-line2);background:linear-gradient(180deg,var(--au-pearl),#fff 340px)!important}
.ui-aurora .hx-section h2,.ui-aurora .sec-title,.ui-aurora .sec-head h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;letter-spacing:-.03em}
.ui-aurora .card,.ui-aurora .sx-job,.ui-aurora .hx-job,.ui-aurora .hx-card,.ui-aurora .hx-jd-card,.ui-aurora .sx-box,.ui-aurora .sx-note,.ui-aurora .sx-empty,.ui-aurora .sx-emailbar,.ui-aurora .px-card,.ui-aurora .auth-card,.ui-aurora .insights,.ui-aurora .near-card,.ui-aurora .brand,.ui-aurora .faq{
  background:#fff;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-2)!important}
.ui-aurora .card,.ui-aurora .hx-jd-card,.ui-aurora .auth-card{border-radius:var(--au-r-l)!important}
.ui-aurora .sx-job,.ui-aurora .hx-job,.ui-aurora .px-card,.ui-aurora .near-card,.ui-aurora .brand{border-radius:var(--au-r-l)!important;transition:transform .25s var(--au-ease),box-shadow .25s var(--au-ease),border-color .25s}
.ui-aurora .sx-job:hover,.ui-aurora .hx-job:hover,.ui-aurora .px-card:hover,.ui-aurora .near-card:hover,.ui-aurora a.brand:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 22%,var(--au-line))!important;box-shadow:var(--au-hi),var(--au-sh-3)!important}
.ui-aurora .sx-job.is-sponsored,.ui-aurora .sx-job.is-featured{border-color:color-mix(in srgb,var(--brand) 26%,#fff)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 3%,#fff),#fff 60%)}
.ui-aurora .sx-job-title{font-size:20px;font-weight:700;letter-spacing:-.02em}
.ui-aurora .sx-job-title a,.ui-aurora .hx-job h3 a{color:var(--au-ink)}
.ui-aurora .sx-job-title a:hover,.ui-aurora .hx-job h3 a:hover{color:var(--brand);text-decoration:none}
.ui-aurora .sx-job-title a:visited{color:color-mix(in srgb,var(--au-ink) 72%,#6B2FB3)}
.ui-aurora .sx-pay strong{color:var(--au-ink)}
.ui-aurora .sx-chips span,.ui-aurora .hx-tags span,.ui-aurora .pill{background:var(--au-pearl)!important;border:1px solid var(--au-line2)!important;color:var(--au-ink2)}
.ui-aurora .sx-fav{width:38px;height:38px;place-items:center;border-radius:12px;border:1px solid var(--au-line2);background:#fff;transition:all .2s}
.ui-aurora .sx-fav:hover{border-color:#FBCFD3;background:#FFF5F6;color:#E5303A}
.ui-aurora .sx-flag{font-size:11.5px;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,#fff);border-radius:999px;padding:2px 9px;margin-bottom:8px}
.ui-aurora .sx-list{gap:14px}

/* Results band */
.ui-aurora .sx-band{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.8))!important;border-bottom:1px solid var(--au-line2)}
.ui-aurora .sx-band .sx-sfield,.ui-aurora .sx-sfield{background:#fff!important;border:1px solid var(--au-line)!important;border-radius:14px!important;box-shadow:var(--au-hi),var(--au-sh-2)!important}
.ui-aurora .sx-band .sx-sfield:focus-within{box-shadow:var(--au-ring),var(--au-sh-2)!important;border-color:color-mix(in srgb,var(--brand) 50%,#fff)!important}
.ui-aurora .sx-band .sx-go{border-radius:14px!important}
.ui-aurora .sx-askai{border-radius:14px;background:linear-gradient(135deg,rgba(47,107,255,.07),rgba(139,61,255,.1));border-color:color-mix(in srgb,var(--au-violet) 25%,#fff);box-shadow:var(--au-hi)}
.ui-aurora .sx-pill{border-radius:12px;border-color:var(--au-line);box-shadow:var(--au-hi),var(--au-sh-1);font-weight:500}
.ui-aurora .sx-pill:hover{box-shadow:var(--au-hi),var(--au-sh-2)}
.ui-aurora .sx-pill.on{background:color-mix(in srgb,var(--brand) 6%,#fff);border-color:color-mix(in srgb,var(--brand) 45%,#fff)}
.ui-aurora .sx-head h1{font-size:15.5px}

/* Dropdowns, menus, suggest, drawer */
.ui-aurora .dd-menu,.ui-aurora .sx-menu,.ui-aurora .suggest{border:1px solid var(--au-line)!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 #fff inset,0 24px 60px -24px rgba(15,23,42,.32),0 8px 24px -16px color-mix(in srgb,var(--brand) 40%,transparent)!important;animation:auPop .16s var(--au-ease)}
@keyframes auPop{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.ui-aurora .sx-drawer{background:rgba(10,16,36,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ui-aurora .sx-drawer-panel{border-radius:24px 0 0 24px;box-shadow:-30px 0 80px -30px rgba(15,23,42,.35)}
.ui-aurora .sx-drawer-nav a{border-radius:12px;font-weight:550}
.ui-aurora .sx-drawer-nav a:hover{background:var(--au-pearl)}

/* Tabs & segmented controls */
.ui-aurora .tabs{gap:4px;padding:5px;background:var(--au-pearl);border:1px solid var(--au-line2);border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ui-aurora .tabs::-webkit-scrollbar{display:none}
.ui-aurora .tabs a{border-radius:999px!important;font-weight:600;color:var(--au-ink2);white-space:nowrap}
.ui-aurora .tabs a.active,.ui-aurora .tabs a.on{background:#fff!important;color:var(--au-ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 16px -10px rgba(30,64,175,.4)}
.ui-aurora .hx-seg{background:var(--au-pearl)!important;border:1px solid var(--au-line2);border-radius:14px!important;padding:5px!important}
.ui-aurora .hx-seg a,.ui-aurora .hx-seg button{border-radius:10px!important;font-weight:600}
.ui-aurora .hx-seg .on,.ui-aurora .hx-seg .active{background:#fff!important;color:var(--au-ink)!important;box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 16px -10px rgba(30,64,175,.4)}

/* Tables */
.ui-aurora .tbl th{font-size:12.5px;font-weight:700;color:var(--au-muted);background:var(--au-pearl)}
.ui-aurora .tbl td,.ui-aurora .tbl th{border-color:var(--au-line2)!important}
.ui-aurora .tbl tr:hover td{background:color-mix(in srgb,var(--brand) 2.5%,#fff)}

/* Modals & toast */
.ui-aurora .modal-box{border-radius:24px!important;border:1px solid rgba(255,255,255,.9);box-shadow:0 40px 100px -30px rgba(15,23,42,.45)!important}
.ui-aurora .modal-box:before{background:linear-gradient(90deg,var(--au-azure),var(--au-violet),var(--au-cyan))!important;height:4px!important}
.ui-aurora .modal{background:rgba(10,16,36,.32);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ui-aurora .toast{border-radius:14px;background:rgba(10,16,36,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px -20px rgba(10,16,36,.6)}

/* Auth pages */
.ui-aurora .auth-wrap{position:relative;background:none!important}
.ui-aurora .auth-card{border-radius:24px!important;padding:clamp(22px,4vw,40px)!important}

/* Job page */
.ui-aurora .hx-jd-card{overflow:hidden}
.ui-aurora .hx-jd-pay{color:var(--au-ink)!important;font-weight:800}
.ui-aurora .hx-apply{border-radius:14px!important;font-weight:700}

/* Account heads */
.ui-aurora .page-head h1{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em}

/* Footer */
.ui-aurora .sx-foot,.ui-aurora footer.foot,.ui-aurora .px-foot{background:#fff!important;border-top:1px solid var(--au-line2);box-shadow:none!important;position:relative}
.ui-aurora .sx-foot:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--au-azure) 35%,transparent),color-mix(in srgb,var(--au-violet) 30%,transparent),transparent)}
.ui-aurora .sx-foot .logo{filter:none!important;opacity:1!important;font-size:24px!important;color:var(--au-ink)!important}
.ui-aurora .sx-foot-col h4{font-size:14px;font-weight:700;color:var(--au-ink)}
.ui-aurora .sx-foot-col a{font-size:14.5px;color:var(--au-muted)}
.ui-aurora .sx-foot-col a:hover{color:var(--brand)}
.ui-aurora .sx-social a{border-radius:12px;background:#fff;border:1px solid var(--au-line);color:var(--au-muted);box-shadow:var(--au-sh-1)}
.ui-aurora .sx-social a:hover{color:var(--brand);box-shadow:var(--au-sh-2)}
.ui-aurora .sx-store{background:var(--au-ink);color:#fff;border-radius:12px}
.ui-aurora .sx-store:hover{color:#fff;box-shadow:0 12px 24px -12px rgba(10,16,36,.6)}

/* ---------- Motion: page changes ---------- */
#jbProgress{height:2px}
#jbProgress i{background:linear-gradient(90deg,transparent,var(--au-azure),var(--au-violet),var(--au-cyan),transparent)!important}
.ui-aurora main.jb-in{animation:auIn .32s var(--au-ease)}
@keyframes auIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ui-aurora .jb-skel{border-radius:18px;border-color:var(--au-line2);background:linear-gradient(90deg,#F3F6FB 0%,#FBFCFE 40%,#F3F6FB 80%);background-size:200% 100%}
@view-transition{navigation:auto}
::view-transition-old(root){animation:auVtOut .18s ease-in both}
::view-transition-new(root){animation:auVtIn .26s var(--au-ease) both}
@keyframes auVtOut{to{opacity:0}}
@keyframes auVtIn{from{opacity:0;transform:translateY(4px)}}
.ui-aurora .sx-top{view-transition-name:jb-header}
::view-transition-old(jb-header),::view-transition-new(jb-header){animation:none}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.ui-aurora main.jb-in{animation:none}}

/* ---------- Mobile ---------- */
@media (max-width:640px){
  .ui-aurora .sx-top-in{min-height:60px!important;gap:8px}
  .ui-aurora .sx-top .logo{font-size:20px}
  .ui-aurora .logo .logo-mark svg,.ui-aurora .sx-top .logo .logo-mark svg{width:32px!important;height:32px!important}
  .ui-aurora .sx-act{padding:8px}
  .ui-aurora .sx-burger{width:38px;height:38px}
  .ui-aurora .sx-hero{padding:34px 0 36px!important}
  .ui-aurora .ai-h1{font-size:clamp(30px,8.6vw,40px)!important;margin-top:14px!important}
  .ui-aurora .sx-hero .sx-lead{font-size:16px}
  .au-aurora i{filter:blur(46px)}
  .au-aurora i:nth-child(1){width:300px;height:240px;left:-10%;top:40%}
  .au-aurora i:nth-child(2){width:260px;height:220px;left:40%;top:52%}
  .au-aurora i:nth-child(3){display:none}
  .ui-aurora .sx-job-title{font-size:18px}
  .ui-aurora .sx-drawer-panel{border-radius:20px 0 0 20px}
  .ui-aurora .tabs{width:auto}
}

/* ---------- Dashboards: white hero instead of the old navy band ---------- */
.ui-aurora .hirer-hero{color:var(--au-ink);background:radial-gradient(520px 220px at 92% 0%,color-mix(in srgb,var(--au-violet) 12%,transparent),transparent 70%),radial-gradient(520px 220px at 6% 100%,color-mix(in srgb,var(--au-azure) 10%,transparent),transparent 70%),linear-gradient(180deg,#fff,var(--au-pearl))!important;border-bottom:1px solid var(--au-line2)}
.ui-aurora .hirer-hero h1{color:var(--au-ink)}
.ui-aurora .hirer-hero p{color:var(--au-muted)}
.ui-aurora .hirer-hero .role-chip{background:#E8F7F0;color:#0F7B55}
.ui-aurora .btn-white{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--brand)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -12px var(--brand)!important}
.ui-aurora .btn-outline-w{background:#fff!important;color:var(--au-ink)!important;border:1px solid var(--au-line)!important;box-shadow:var(--au-hi),var(--au-sh-1)!important}
.ui-aurora .hx-cta-card .btn-white{background:#fff!important;color:var(--brand)!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.35)!important}
.ui-aurora .card.stat strong{font-size:30px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ui-aurora .card.stat>span:first-child{font-size:13px;font-weight:600;color:var(--au-muted)}
@media (max-width:640px){
  .ui-aurora .acc-grid.four,.ui-aurora .ent-kpis{grid-template-columns:1fr 1fr!important;gap:10px}
  .ui-aurora .acc-grid.four .card.stat{padding:16px!important}
  .ui-aurora .card.stat strong{font-size:24px}
}