/* Layout: white header with brand logo, centred hero search, pale-blue bands for job and news grids, SEO keyword block, slim footer bar. Matches the live kuickjobs.com look. */
:root{
  --bg:#FFFFFF; --band:#F0F5F9; --band2:#EEF0F4; --surface:#FFFFFF; --sunk:#F5F7FA; --ink:#202124; --muted:#696969; --line:#E7EAF0;
  --brand:#1967D2; --brand-ink:#FFFFFF; --brand-soft:#E3EDFB; --brand-text:#1967D2;
  --good:#1A8245; --good-soft:#E1F2E7; --warn:#A55E00; --warn-soft:#FCEFD9; --bad:#C2372E; --bad-soft:#FBE3E1;
  --shadow:0 6px 15px rgba(64,79,104,.06); --shadow2:0 7px 18px rgba(64,79,104,.10); --scrim:rgba(16,24,40,.5);
  --f-display:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-body:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;
  --r:8px; color-scheme:light;
}
:root[data-kj="dark"]{
  --bg:#000000; --band:#0E1013; --band2:#0B0C0F; --surface:#15171B; --sunk:#1C1F24; --ink:#F2F3F5; --muted:#A3A8B0; --line:#2A2E35;
  --brand:#4A8CF0; --brand-ink:#FFFFFF; --brand-soft:#15253D; --brand-text:#7AAEFF;
  --good:#4CC27E; --good-soft:#0F2A1B; --warn:#F0B35A; --warn-soft:#2E220E; --bad:#F08A82; --bad-soft:#331816;
  --shadow:0 6px 15px rgba(0,0,0,.4); --shadow2:0 7px 18px rgba(0,0,0,.55); --scrim:rgba(0,0,0,.7); color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--bg)}
body{color:var(--ink);font-family:var(--f-body);font-size:14.5px;line-height:1.65;transition:background .2s,color .2s}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}
a{color:var(--brand-text)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.2;text-wrap:balance;margin:0;font-weight:500}
h1{font-size:clamp(28px,4.2vw,50px)}
h2{font-size:clamp(22px,2.6vw,30px)}
h3{font-size:17px;font-weight:500}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--muted)}
.ico{width:16px;height:16px;flex:none;vertical-align:-3px}

/* preview strip + header */
.demo{background:var(--brand-soft);color:var(--ink);font-size:12.5px}
.demo .wrap{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:6px}
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:24px;min-height:76px;flex-wrap:wrap}
.logo{background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center}
.logo img{height:44px;width:auto;display:block}
.nav{display:flex;gap:4px;flex-wrap:wrap;flex:1;justify-content:center}
.nav button{white-space:nowrap;background:none;border:0;padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--ink);font-weight:500;font-size:15px;font-family:var(--f-display)}
.nav button:hover,.nav button[aria-current="page"]{color:var(--brand-text)}
.hdr-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.theme-btn{width:42px;height:42px;border-radius:8px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.theme-btn:hover{border-color:var(--brand);color:var(--brand-text)}
.theme-btn svg{width:19px;height:19px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 22px;font-weight:400;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap;font-size:14.5px}
.btn:hover{border-color:var(--brand);color:var(--brand-text)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.primary:hover{filter:brightness(1.08);color:var(--brand-ink)}
.btn.soft{background:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand-text)}
.btn.danger{color:var(--bad)}
.btn.ghost{border-color:transparent;background:transparent}
.btn.sm{padding:6px 12px;font-size:13px}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.link{background:none;border:0;padding:0;cursor:pointer;color:var(--brand-text);font-weight:500}

/* hero */
.hero .wrap{padding-block:56px 48px;display:grid;gap:18px;justify-items:center;text-align:center}
.hero h1 em{font-style:normal;color:var(--brand-text)}
.hero .sub{font-family:var(--f-display);font-weight:500;font-size:15.5px;margin:0}
.hero p{max-width:78ch;margin:0;color:var(--ink)}
.search{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:0;background:var(--surface);padding:12px;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--line);width:100%;max-width:1000px;margin-top:10px}
.search label{display:flex;align-items:center;gap:10px;padding:0 18px;min-width:0;color:var(--muted)}
.search label+label{border-left:1px solid var(--line)}
.search input,.search select{border:0;background:transparent;padding:14px 0;min-width:0;width:100%;outline:0;color:var(--ink)}
.search input:focus-visible,.search select:focus-visible{outline:0}
.search label:focus-within{color:var(--brand-text)}
.search .btn{padding:15px 46px}
.popular{font-size:14px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.popular b{color:var(--ink);font-weight:500;margin-right:6px}
.popular button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer}
.popular button:hover{color:var(--brand-text)}

.band{background:var(--band)} .band2{background:var(--band2)}
section.block{padding-block:56px}
.sec-head{text-align:center;display:grid;gap:6px;margin-bottom:30px}
.sec-head p{margin:0;color:var(--muted);font-size:14px}
.center-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* job cards */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 30px}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start;min-width:0;box-shadow:var(--shadow)}
.job{cursor:pointer;transition:box-shadow .2s,border-color .2s}
.job:hover{box-shadow:var(--shadow2);border-color:var(--brand-soft)}
.job-top{display:flex;gap:16px;align-items:flex-start;min-width:0}
.mark{flex:none;width:50px;height:50px;border-radius:8px;display:grid;place-items:center;font-family:var(--f-display);font-weight:600;font-size:17px;color:var(--brand-text);background:var(--brand-soft)}
.mark.big{width:72px;height:72px;font-size:24px;border-radius:12px}
.job h3{font-size:16.5px;line-height:1.35;overflow-wrap:anywhere}
.job h3:hover{color:var(--brand-text)}
.info{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}
.info span{display:inline-flex;gap:6px;align-items:center}
.meta{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;padding:3px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand-text);white-space:nowrap}
.pill.good{background:var(--good-soft);color:var(--good)} .pill.warn{background:var(--warn-soft);color:var(--warn)} .pill.bad{background:var(--bad-soft);color:var(--bad)} .pill.plain{background:var(--sunk);color:var(--muted)} .pill.feat{background:var(--warn-soft);color:var(--warn)}
.save{background:none;border:0;cursor:pointer;color:var(--muted);padding:4px;border-radius:6px;display:grid;place-items:center;flex:none}
.save:hover{color:var(--brand-text)}
.save[aria-pressed="true"]{color:var(--brand-text)}
.save svg{width:20px;height:20px}

/* news */
.news{grid-template-columns:auto 1fr;gap:20px;align-items:start}
.news .thumb.img{width:160px;height:107px;object-fit:cover;padding:0;cursor:pointer;display:block}
.post-cover{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);margin-bottom:22px;display:block}
.news .thumb{width:110px;height:110px;border-radius:8px;background:var(--brand-soft);display:grid;place-items:center;color:var(--brand-text);font-family:var(--f-display);font-size:13px;text-align:center;padding:8px}
.news h3{font-size:16.5px;cursor:pointer}
.news h3:hover{color:var(--brand-text)}
.news p{margin:0;color:var(--muted);font-size:13.5px}

/* browse */
.page-title{background:var(--band)}
.page-title .wrap{padding-block:34px;display:grid;gap:6px;text-align:center}
.crumbs{font-size:13.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}
.crumbs button{background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.crumbs button:hover{color:var(--brand-text)}
.browse{display:grid;grid-template-columns:300px 1fr;gap:30px;padding-block:36px;align-items:start}
.filters{background:var(--band);border-radius:var(--r);padding:24px;display:grid;gap:22px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}
.filters fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
.filters legend{font-family:var(--f-display);font-weight:500;font-size:16px;margin-bottom:8px}
.check{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer}
.check input{accent-color:var(--brand);width:16px;height:16px}
.check .n{margin-left:auto;font-size:12.5px;color:var(--muted)}
.field{display:grid;gap:7px;min-width:0}
.field>label{font-size:14px;font-weight:500}
.field input,.field select,.field textarea,.input{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px 14px;width:100%;min-width:0;color:var(--ink)}
.filters .field input,.filters .field select{background:var(--surface);border-color:transparent}
.field textarea{min-height:130px;resize:vertical}
.field .hint{font-size:12.5px;color:var(--muted)}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.toolbar select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 12px;color:var(--ink)}
.list{display:grid;gap:18px}
.pager{display:flex;gap:8px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.pager button{min-width:40px;height:40px;border-radius:50%;border:0;background:transparent;cursor:pointer;color:var(--ink)}
.pager button[aria-current="true"]{background:var(--brand);color:var(--brand-ink)}
.empty{text-align:center;padding:44px 16px;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);display:grid;gap:10px;justify-items:center}
.empty h3{color:var(--ink)}
.filters-toggle{display:none}

/* job detail */
.jd-band{background:var(--band)}
.jd-band .wrap{padding-block:40px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.jd-title{display:flex;gap:20px;align-items:center;min-width:0}
.jd-title h1{font-size:clamp(22px,3vw,28px)}
.detail{display:grid;grid-template-columns:1fr 360px;gap:36px;padding-block:36px;align-items:start}
.facts{background:var(--band);border-radius:var(--r);padding:24px;display:grid;gap:18px}
.fact{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}
.fact svg{width:22px;height:22px;color:var(--brand-text)}
.fact dt{font-weight:500;font-size:14.5px} .fact dd{margin:0;color:var(--muted);font-size:14px}
.prose{max-width:76ch;overflow-wrap:anywhere}
.prose h2,.prose h3,.prose h4{font-family:var(--f-display);margin:1.4em 0 .5em;font-size:18px;font-weight:500}
.prose p{margin:.7em 0} .prose ul,.prose ol{padding-left:1.3em} .prose li{margin:.3em 0}
.aside{display:grid;gap:20px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px)}
.notice{border-radius:var(--r);padding:12px 14px;font-size:14px;background:var(--sunk);border:1px solid var(--line)}
.notice.good{background:var(--good-soft);border-color:transparent;color:var(--good)}
.notice.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}
.notice.info{background:var(--brand-soft);border-color:transparent;color:var(--brand-text)}
.share{display:flex;gap:8px;flex-wrap:wrap}

/* dashboards */
.dash{display:grid;grid-template-columns:260px 1fr;gap:30px;padding-block:36px;align-items:start}
.side-nav{display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 92px);box-shadow:var(--shadow)}
.side-nav button{text-align:left;background:none;border:0;padding:11px 14px;border-radius:8px;cursor:pointer;color:var(--ink);display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.side-nav button:hover{color:var(--brand-text)}
.side-nav button[aria-current="true"]{background:var(--brand-soft);color:var(--brand-text)}
.side-nav .count{font-size:12.5px;color:inherit;opacity:.8}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow)}
.tile .ic{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-text);flex:none}
.tile .ic svg{width:26px;height:26px}
.tile b{font-family:var(--f-display);font-size:28px;font-weight:500;color:var(--brand-text);display:block;line-height:1.1}
.tile small{color:var(--muted);font-size:13px}
.tbl-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-weight:500;color:var(--brand-text);background:var(--brand-soft);white-space:nowrap}
tr:last-child td{border-bottom:0}
td .t{font-weight:500;cursor:pointer;color:var(--ink)}
td .t:hover{color:var(--brand-text)}
td select{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 8px;color:var(--ink)}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-grid .full{grid-column:1/-1}
.stack{display:grid;gap:22px}
.split{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}

/* auth */
.auth{max-width:520px;margin:48px auto;display:grid;gap:18px}
.tabs{display:flex;background:var(--band);padding:5px;border-radius:10px;gap:4px}
.tabs button{flex:1;background:none;border:0;padding:10px;border-radius:8px;cursor:pointer;color:var(--muted)}
.tabs button[aria-selected="true"]{background:var(--brand);color:var(--brand-ink)}

/* modal + toast */
.scrim{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;z-index:50;padding:16px}
.modal{background:var(--surface);border-radius:12px;max-width:560px;width:100%;padding:26px;display:grid;gap:16px;max-height:90vh;overflow:auto;border:1px solid var(--line)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:8px;z-index:60;box-shadow:var(--shadow2);max-width:calc(100% - 32px)}

/* seo + footer */
.seo .wrap{padding-block:52px;display:grid;gap:14px}
.seo h2{font-size:clamp(22px,2.4vw,28px)}
.seo p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.seo button{background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}
.seo button:hover{color:var(--brand-text);text-decoration:underline}
.ftr{border-top:1px solid var(--line);background:var(--surface)}
.short{display:none}
td.num{white-space:nowrap}
.ftr .wrap{padding-block:22px;display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:13.5px}
.ftr nav{display:flex;gap:18px;flex-wrap:wrap}
.ftr nav button{background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.ftr nav button:hover{color:var(--brand-text)}

@media (max-width:980px){
  .browse,.detail,.dash{grid-template-columns:1fr}
  .filters,.aside,.side-nav{position:static}
  .filters-toggle{display:inline-flex}
  .filters[data-open="false"]{display:none}
  .side-nav{grid-auto-flow:column;overflow-x:auto;grid-auto-columns:max-content}
  .nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .hdr .wrap{gap:12px;padding-block:8px;min-height:64px}
  .hdr-actions{margin-left:auto}
}
@media (max-width:720px){
  .grid2{grid-template-columns:1fr}
  .search{grid-template-columns:1fr;gap:8px}
  .search label+label{border-left:0;border-top:1px solid var(--line)}
  .search .btn{width:100%}
  .form-grid{grid-template-columns:1fr}
  .jd-band .wrap{grid-template-columns:1fr}
  .news{grid-template-columns:1fr}
  .news .thumb{width:100%;height:70px}
  .news .thumb.img{width:100%;height:auto;aspect-ratio:3/2}
  .logo img{height:36px}
  .hdr-actions .btn{padding:9px 12px;font-size:13.5px}
  .card{padding:18px}
}
@media (max-width:520px){
  .long{display:none} .short{display:inline}
  .hdr .wrap{gap:8px}
  .hdr-actions{gap:6px}
  .theme-btn{width:38px;height:38px}
  .logo img{height:32px}
}
/* dashboard shell (reference: old employer dashboard) */
.dsh{display:grid;grid-template-columns:290px minmax(0,1fr);background:var(--sunk);min-height:calc(100vh - 76px)}
.dsh-side{background:var(--surface);border-right:1px solid var(--line);position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);height:calc(100vh - 76px - env(safe-area-inset-top,0px));display:flex;flex-direction:column;min-width:0}
.dsh-nav{flex:1;overflow-y:auto;padding:24px 14px 12px;display:grid;gap:4px;align-content:start}
.dsh-nav button{display:flex;align-items:center;gap:14px;padding:12px 16px;border:0;background:none;border-radius:10px;color:var(--ink);font:inherit;font-size:15px;cursor:pointer;text-align:left;width:100%}
.dsh-nav button svg{width:22px;height:22px;flex:none;color:var(--muted)}
.dsh-nav button:hover,.dsh-nav button:hover svg{color:var(--brand-text)}
.dsh-nav button[aria-current="page"]{background:var(--brand-soft);color:var(--brand-text)}
.dsh-nav button[aria-current="page"] svg{color:var(--brand-text)}
.dsh-nav .count{margin-left:auto;font-size:12px;background:var(--sunk);border-radius:99px;padding:2px 8px;color:var(--muted);line-height:1.5}
.dsh-nav button[aria-current="page"] .count{background:var(--surface);color:var(--brand-text)}
.dsh-user{border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;align-items:center;background:var(--surface)}
.dsh-me{flex:1;min-width:0;display:flex;gap:12px;align-items:center;background:none;border:0;padding:8px;border-radius:10px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}
.dsh-me:hover{background:var(--sunk)}
.dsh-av{width:42px;height:42px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.dsh-av.sm{width:36px;height:36px;font-size:12.5px}
.dsh-who{min-width:0;display:grid}
.dsh-who b{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsh-who small{color:var(--muted);font-size:12.5px}
.dsh-out{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;flex:none}
.dsh-out svg{width:20px;height:20px}
.dsh-out:hover{color:#c62828;border-color:#f1c0c0}
.dsh-main{padding:44px clamp(16px,4vw,64px) 28px;min-width:0;display:grid;gap:24px;align-content:start}
.dsh-title{font-family:var(--f-display);font-size:clamp(24px,3vw,32px);font-weight:500;margin:0;overflow-wrap:anywhere}
.dsh-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:clamp(16px,2.4vw,32px);display:grid;gap:20px;min-width:0}
.dsh-main>.stack .card,.dsh-main>.card{border-radius:14px}
.dsh-bar{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.dsh-search{position:relative;flex:1 1 260px;max-width:380px;display:block}
.dsh-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}
.dsh-search input{width:100%;padding:14px 14px 14px 48px;border-radius:10px;border:1px solid var(--line);background:var(--band);font:inherit;color:var(--ink)}
.dsh-sort{display:flex;gap:10px;align-items:center;font-weight:500;font-size:14.5px}
.dsh-sort select{padding:13px 14px;border-radius:10px;border:0;background:var(--band);font:inherit;color:var(--ink);min-width:150px}
.dsh-empty{color:var(--muted);margin:0}
.is-dash{background:var(--sunk);min-height:100vh}
.dsh-copy{text-align:center;color:var(--muted);font-size:14px;padding-top:28px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}
.pk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pk h3{font-size:20px} .pk.cur{border-color:var(--brand)}
.pk-list{margin:0;padding-left:1.2em;display:grid;gap:6px;color:var(--muted)}
.msg-box{grid-template-columns:260px minmax(0,1fr);gap:0;padding:0;overflow:hidden}
.msg-box>.full{grid-column:1/-1;padding:12px 18px;border-top:1px solid var(--line)}
.msg-list{border-right:1px solid var(--line);display:grid;align-content:start;max-height:460px;overflow:auto}
.msg-th{display:flex;gap:10px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:var(--ink);font:inherit;min-width:0}
.msg-th span{display:grid;min-width:0} .msg-th b{font-weight:500;font-size:14px} .msg-th small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg-th[aria-current="true"]{background:var(--brand-soft)}
.msg-pane{display:grid;grid-template-rows:auto 1fr auto;min-height:360px;min-width:0}
.msg-head{padding:14px 18px;border-bottom:1px solid var(--line);display:grid}
.msg-flow{padding:18px;display:grid;gap:10px;align-content:start;overflow:auto;max-height:340px}
.bub{max-width:80%;background:var(--band);padding:10px 14px;border-radius:12px;justify-self:start;overflow-wrap:anywhere}
.bub.me{background:var(--brand);color:var(--brand-ink);justify-self:end}
.bub small{display:block;font-size:11px;opacity:.7;margin-top:4px}
.msg-send{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
.msg-send input{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}
@media (max-width:980px){
  .dsh{grid-template-columns:1fr;min-height:0}
  .dsh-side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);z-index:15}
  .dsh-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:10px 12px;gap:6px;scrollbar-width:none}
  .dsh-nav button{padding:9px 12px;font-size:14px;white-space:nowrap;gap:8px}
  .dsh-nav button svg{width:18px;height:18px}
  .dsh-user{position:fixed;left:0;right:0;bottom:0;z-index:25;box-shadow:0 -6px 18px rgba(0,0,0,.07)}
  .dsh-main{padding:26px 16px calc(110px + env(safe-area-inset-bottom,0px))}
  .is-dash .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .msg-box{grid-template-columns:1fr} .msg-list{border-right:0;border-bottom:1px solid var(--line);max-height:200px}
}
@media (max-width:520px){.dsh-search{max-width:none;flex-basis:100%}.dsh-sort{width:100%}.dsh-sort select{flex:1}}

/* employer landing */
.el-hero{background:linear-gradient(180deg,var(--band) 0%,var(--bg) 100%)}
.el-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding-block:64px 56px}
.el-copy{display:grid;gap:18px;align-content:start}
.el-copy h1 em{font-style:normal;color:var(--brand-text)}
.el-copy p{margin:0;font-size:17px;max-width:56ch;color:var(--ink)}
.el-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn.lg{padding:14px 22px;font-size:15.5px}
.el-ticks{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.el-ticks li::before{content:"✓ ";color:var(--good);font-weight:700}
.el-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow2);display:grid;gap:12px}
.el-card-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.el-apps{display:grid;gap:8px;margin-top:4px}
.el-apps>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}
.el-apps span:nth-child(2){display:grid} .el-apps b{font-weight:500;font-size:14px} .el-apps small{color:var(--muted);font-size:12.5px}
.el-logos .wrap{padding-block:26px;display:grid;gap:14px}
.el-logo-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.el-logo{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;color:var(--ink);font:inherit;font-size:14px}
.el-logo .mark{width:30px;height:30px;font-size:11px}
.el-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.el-b{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.el-b .ic{width:48px;height:48px;border-radius:10px;background:var(--brand-soft);color:var(--brand-text);display:grid;place-items:center}
.el-b .ic svg{width:24px;height:24px} .el-b h3{font-size:18px} .el-b p{margin:0;color:var(--muted);font-size:14.5px}
.el-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.el-steps li{background:var(--surface);border-radius:var(--r);padding:24px;display:grid;gap:8px;align-content:start;border:1px solid var(--line)}
.el-steps .n{width:34px;height:34px;border-radius:50%;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-weight:600}
.el-steps h3{font-size:17px} .el-steps p{margin:0;color:var(--muted);font-size:14.5px}
.el-reg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.el-reg-side{display:grid;gap:14px;position:sticky;top:110px}
.el-reg-side p{margin:0}
.el-form{display:grid;gap:16px;padding:28px}
.el-fh{font-size:16px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.el-faq{display:grid;gap:10px}
.el-q{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.el-q button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;border:0;background:none;font:inherit;font-weight:500;font-size:15.5px;color:var(--ink);cursor:pointer;text-align:left}
.el-q button span{font-size:20px;color:var(--brand-text)}
.el-q p{margin:0;padding:0 18px 16px;color:var(--muted)}
.el-final{background:var(--brand);color:var(--brand-ink)}
.el-final .wrap{padding-block:52px;display:grid;gap:12px;justify-items:center;text-align:center}
.el-final p{margin:0;opacity:.9}
.el-final .btn{background:#fff;color:#1967D2;border-color:#fff}
.el-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.el-track li{display:grid;gap:8px;justify-items:center;text-align:center;font-size:13.5px;color:var(--muted);position:relative}
.el-track .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);background:var(--surface);font-weight:700}
.el-track li.done{color:var(--ink)} .el-track li.done .dot{background:var(--good);border-color:var(--good);color:#fff}
.el-track li.cur{color:var(--ink);font-weight:500} .el-track li.cur .dot{border-color:var(--warn);color:var(--warn)}
.el-track li.bad{color:var(--bad)} .el-track li.bad .dot{border-color:var(--bad);color:var(--bad)}
.dsh-nav button.locked{opacity:.55;cursor:not-allowed}
@media (max-width:980px){.el-hero-in,.el-reg{grid-template-columns:1fr}.el-reg-side{position:static}.el-ben{grid-template-columns:repeat(2,minmax(0,1fr))}.el-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.el-ben,.el-steps{grid-template-columns:1fr}.el-hero-in{padding-block:36px}.el-form{padding:18px}.el-track{grid-template-columns:repeat(2,minmax(0,1fr))}.el-card{display:none}}

/* reference-style hero, CTA, footer, back to top */
.hero{background:radial-gradient(1200px 420px at 50% -10%,var(--brand-soft),transparent 70%)}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--brand-text);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;box-shadow:var(--shadow)}
.hero-eyebrow i{width:7px;height:7px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 4px rgba(34,165,90,.18)}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.btn.pill{border-radius:999px;padding:12px 22px}
.btn.pill span{transition:transform .2s}.btn.pill:hover span{transform:translateX(3px)}
.ftr2{background:#0B1220;color:#C9D1E0;overflow:hidden}
.ftr2 .wrap{padding-top:64px;display:grid;gap:28px}
.ftr2-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.ftr2-brand{display:grid;gap:14px;align-content:start}
.ftr2-brand img{height:34px;width:auto;filter:brightness(0) invert(1)}
.ftr2-brand p{margin:0;max-width:34ch;font-size:14.5px;color:#9AA6BC}
.ftr2-contact{display:grid;gap:6px;font-size:14px}.ftr2-contact a{color:#fff;text-decoration:none}.ftr2-contact a:hover{text-decoration:underline}
.ftr2-col{display:grid;gap:10px;align-content:start}
.ftr2-col h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7F8BA3;font-family:inherit;font-weight:600;margin-bottom:4px}
.ftr2-col button{background:none;border:0;padding:0;text-align:left;color:#DCE3F0;font:inherit;font-size:14.5px;cursor:pointer;width:max-content;max-width:100%}
.ftr2-col button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}
@property --my{syntax:"<percentage>";inherits:true;initial-value:55%}
@property --r{syntax:"<length>";inherits:true;initial-value:0px}
.cta3{padding:84px 0 92px;background:var(--bg)}
.cta3-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(28px,5vw,64px);color:#fff;background:linear-gradient(125deg,#0F1B4D 0%,#1E2A8A 38%,#4B2FB0 68%,#8A3FA8 100%);box-shadow:0 30px 80px -30px rgba(43,35,140,.55)}
.cta3-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%);mask:radial-gradient(ellipse 70% 80% at 70% 40%,#000,transparent 75%)}
.cta3-aur{position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.75;animation:ctaDrift 14s ease-in-out infinite alternate}
.cta3-aur.a1{width:420px;height:420px;left:-120px;top:-160px;background:#2F7BFF}
.cta3-aur.a2{width:380px;height:380px;right:-80px;bottom:-180px;background:#FF7A8A;animation-delay:-5s}
.cta3-aur.a3{width:300px;height:300px;right:30%;top:-140px;background:#2DD4BF;opacity:.45;animation-delay:-9s}
.cta3-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center}
.cta3-eb{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:500;backdrop-filter:blur(6px)}
.cta3-eb i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5EEAD4,#7AAEFF);color:#0B1220;font-style:normal;font-size:12px}
.cta3 h2{font-size:clamp(36px,5.6vw,72px);line-height:1.02;letter-spacing:-.03em;margin:18px 0 14px;color:#fff}
.cta3 h2 em{font-style:normal;background:linear-gradient(90deg,#5EEAD4,#9DC1FF 40%,#FFB199 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta3-sub{margin:0 0 26px;color:rgba(255,255,255,.78);font-size:clamp(15px,1.5vw,18px);max-width:34em}
.cta3-btns{display:flex;flex-wrap:wrap;gap:12px}
.cta3-btns button{font:inherit;font-weight:600;font-size:15.5px;border-radius:14px;padding:15px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s,background .2s}
.cta3-btns .go{border:0;background:#fff;color:#1B237A;box-shadow:0 10px 30px -8px rgba(0,0,0,.45)}
.cta3-btns .go:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px rgba(0,0,0,.5)}
.cta3-btns .go span{transition:transform .2s}.cta3-btns .go:hover span{transform:translateX(4px)}
.cta3-btns .gl{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.cta3-btns .gl:hover{background:rgba(255,255,255,.16)}
.cta3-trust{display:flex;align-items:center;gap:12px;margin-top:26px;color:rgba(255,255,255,.75);font-size:13.5px;flex-wrap:wrap}
.cta3-trust .stk{display:flex}.cta3-trust .stk b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;border:2px solid #2A2F8F;margin-left:-8px;background:var(--c)}.cta3-trust .stk b:first-child{margin-left:0}
.cta3-flow{position:relative;display:grid;gap:14px;padding-left:28px}
.cta3-flow::before{content:"";position:absolute;left:9px;top:18px;bottom:18px;width:2px;background:linear-gradient(#5EEAD4,#A78BFA,#FFB199);border-radius:2px;opacity:.6}
.cta3-step{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);opacity:.55;transform:translateX(10px) scale(.97);transition:opacity .5s,transform .5s,background .5s,box-shadow .5s}
.cta3-step::before{content:"";position:absolute;left:-25px;width:12px;height:12px;border-radius:50%;background:#2A2F8F;border:2px solid rgba(255,255,255,.5);transition:background .4s,box-shadow .4s}
.cta3-step.on{opacity:1;transform:none;background:rgba(255,255,255,.18);box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}
.cta3-step.on::before{background:#5EEAD4;border-color:#5EEAD4;box-shadow:0 0 0 6px rgba(94,234,212,.2)}
.cta3-step .si{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:var(--g)}
.cta3-step .si svg{width:19px;height:19px}
.cta3-step b{display:block;font-size:15px}.cta3-step small{color:rgba(255,255,255,.7);font-size:12.5px}
.cta3-step .ck{margin-left:auto;font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;background:rgba(94,234,212,.18);color:#5EEAD4;opacity:0;transition:opacity .4s}
.cta3-step.on .ck{opacity:1}
.cta3-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vw,48px);padding-top:clamp(22px,3vw,32px);border-top:1px solid rgba(255,255,255,.14)}
.cta3-l{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;color:#fff;background:transparent;border:1px solid transparent;border-radius:14px;padding:12px;cursor:pointer;transition:background .2s,border-color .2s}
.cta3-l:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.cta3-l .ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.cta3-l .ic svg{width:20px;height:20px}
.cta3-l b{display:block;font-size:14.5px}.cta3-l small{display:block;color:rgba(255,255,255,.65);font-size:12.5px}
.cta3-l .arr{margin-left:auto;opacity:.5;transition:transform .2s,opacity .2s}.cta3-l:hover .arr{opacity:1;transform:translateX(4px)}
@keyframes ctaDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.15)}}
@media (max-width:980px){.cta3-top{grid-template-columns:1fr}.cta3-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cta3{padding:52px 0 60px}.cta3-stage{border-radius:24px}.cta3-links{grid-template-columns:1fr}.cta3-btns button{flex:1 1 100%;justify-content:center}.cta3-step{padding:12px}}
@media (prefers-reduced-motion:reduce){.cta3-aur{animation:none}.cta3-step{transition:none}}
.ftr2{position:relative;overflow:hidden}
.ftr2 .wrap{position:relative}
.fm{position:relative;z-index:0;margin:clamp(10px,3vw,40px) 0 calc(-.42 * clamp(64px,19.5vw,300px));user-select:none;pointer-events:none}
.fm-word{position:relative;display:block;pointer-events:auto;cursor:default;font-family:var(--f-display);font-weight:800;font-size:clamp(64px,19.5vw,300px);line-height:.9;letter-spacing:-.055em;white-space:nowrap;text-align:center;
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 38%,transparent 92%);mask:linear-gradient(180deg,#000 0%,#000 38%,transparent 92%)}
.fm-base{display:block;background:linear-gradient(180deg,rgba(150,170,255,.10),rgba(150,170,255,.03));-webkit-background-clip:text;background-clip:text;color:transparent}
.fm-fill{position:absolute;inset:0;display:block;opacity:.55;background:linear-gradient(100deg,#5EEAD4 0%,#7AAEFF 30%,#A78BFA 60%,#FF9E80 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-mask:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0 20%,transparent 100%);mask:radial-gradient(circle var(--r) at var(--mx) var(--my),#000 0 20%,transparent 100%);transition:--r .6s,opacity .4s}
.fm-word.idle .fm-fill{--r:1.1em;opacity:.32;animation:fmScan 9s ease-in-out infinite}
.fm-word.hot .fm-fill{--r:1.5em;opacity:.7}
/* search form v2 */
.dock-card .search.sx{display:grid;grid-template-columns:1.25fr 1fr auto;gap:10px;padding:0;border:0;background:none;box-shadow:none}
.sf{position:relative;display:flex!important;align-items:center;gap:12px;padding:10px 14px!important;border:1.5px solid var(--line)!important;border-radius:16px;background:var(--surface);cursor:text;transition:border-color .2s,box-shadow .2s,background .2s}
.sf:hover{border-color:color-mix(in srgb,var(--g-violet) 35%,var(--line))!important}
.sf:focus-within{border-color:transparent!important;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;box-shadow:0 0 0 5px rgba(123,92,240,.13)}
.sf-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--icon-grad);color:var(--brand-text);transition:transform .25s}
.sf-ic.c2{background:linear-gradient(135deg,rgba(255,138,101,.2),rgba(236,106,168,.16));color:#D2603D}
.sf:focus-within .sf-ic{transform:scale(1.06) rotate(-4deg)}
.sf-ic svg{width:19px;height:19px}
.sf-t{display:grid;gap:1px;flex:1;min-width:0}
.sf-t small{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sf:focus-within .sf-t small{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.search.sx input,.search.sx select{padding:3px 0!important;font-size:15.5px;font-weight:500}
.search.sx select{appearance:none;-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B5CF0' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 2px center/16px no-repeat;padding-right:24px!important}
.sf-go{position:relative;overflow:hidden;border-radius:16px!important;padding:0 30px!important;font-size:16px;font-weight:600;gap:10px;min-height:64px;box-shadow:0 12px 28px -10px rgba(79,91,240,.6)}
.sf-go svg{width:19px;height:19px}
.sf-go::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.sf-go:hover::after{left:130%}
.sf-go:hover{transform:translateY(-1px)}
.popular.px{align-items:center;gap:8px;padding:2px 4px}
.popular.px b{font-size:13px;font-weight:600;color:var(--ink);margin-right:2px}
.popular.px button{font-size:13px;padding:6px 12px;border-radius:999px;color:var(--ink);background:var(--band);border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.popular.px button:hover{background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;color:var(--brand-text);transform:translateY(-1px)}
@media (max-width:720px){.sf-go{min-height:54px}.popular.px{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.popular.px button{flex:none}.popular.px b{flex:none}}
/* form fields site-wide */
.field>label{font-size:13.5px;font-weight:600;letter-spacing:.01em}
.field input,.field select,.field textarea,.input{border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--surface);transition:border-color .2s,box-shadow .2s,background .2s}
.field input:hover,.field select:hover,.field textarea:hover,.input:hover{border-color:color-mix(in srgb,var(--g-violet) 35%,var(--line))}
.field input:focus,.field select:focus,.field textarea:focus,.input:focus{outline:0;border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;box-shadow:0 0 0 5px rgba(123,92,240,.13)}
.field select{appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B5CF0' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat;padding-right:40px}
.field select:focus{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237B5CF0' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat padding-box,linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box}
.field input::placeholder,.field textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--bad)}
/* buttons */
.btn{border-radius:12px;transition:border-color .2s,color .2s,background .2s,box-shadow .2s,transform .15s}
.btn:not(.primary):not(.ghost):not(.danger):hover{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box}
.btn.pill{border-radius:999px}
.btn.pill:not(.primary){background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(25,103,210,.35),rgba(123,92,240,.35),rgba(255,138,101,.3)) border-box;border-color:transparent;color:var(--ink);font-weight:500}
.btn.pill:not(.primary):hover{background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;color:var(--brand-text)}
.btn.primary{font-weight:500;box-shadow:0 8px 20px -10px rgba(79,91,240,.55)}
.btn.soft{background:linear-gradient(135deg,rgba(25,103,210,.12),rgba(123,92,240,.14));border-color:transparent}
/* ===== employer landing (premium) ===== */
.ep{--ep-ink:#0B1030}
.ep-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(135deg,#070B24 0%,#121A4D 45%,#2A1B5E 75%,#3B1650 100%)}
.ep-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask:radial-gradient(ellipse 80% 70% at 70% 30%,#000,transparent 75%);mask:radial-gradient(ellipse 80% 70% at 70% 30%,#000,transparent 75%)}
.ep-aur{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.6;pointer-events:none;animation:ctaDrift 16s ease-in-out infinite alternate}
.ep-aur.a1{width:520px;height:520px;left:-160px;top:-200px;background:#2F6BFF}
.ep-aur.a2{width:460px;height:460px;right:-120px;bottom:-220px;background:#E2558F;animation-delay:-6s}
.ep-aur.a3{width:340px;height:340px;left:45%;top:20%;background:#14B8A6;opacity:.3;animation-delay:-10s}
.ep-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-block:88px 96px}
.ep-copy{display:grid;gap:22px;justify-items:start}
.ep-eb{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:13px;font-weight:500;backdrop-filter:blur(6px)}
.ep-eb i{width:8px;height:8px;border-radius:50%;background:#2DD4BF;animation:fmPulse 1.8s infinite}
.ep-copy h1{color:#fff;font-size:clamp(38px,5.4vw,70px);line-height:1.03;letter-spacing:-.035em;margin:0}
.ep-copy h1 em{font-style:normal;background:linear-gradient(90deg,#5EEAD4,#9DC1FF 45%,#FFB199 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-copy>p{margin:0;font-size:clamp(16px,1.5vw,18.5px);color:rgba(255,255,255,.78);max-width:36em}
.ep-cta .btn.primary{box-shadow:0 14px 34px -12px rgba(94,120,255,.8)}
.ep-cta .btn.primary span{transition:transform .2s}.ep-cta .btn.primary:hover span{transform:translateX(4px)}
.ep .btn.ep-ghost,.ep .btn.ep-ghost:hover{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.26);color:#fff;backdrop-filter:blur(6px)}
.ep .btn.ep-ghost:hover{background:rgba(255,255,255,.15)}
.ep-proof{display:flex;gap:0;margin-top:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.ep-proof div{display:grid;gap:2px;padding:12px 20px}.ep-proof div+div{border-left:1px solid rgba(255,255,255,.12)}
.ep-proof b{font-family:var(--f-display);font-size:22px;font-weight:600}.ep-proof span{font-size:12.5px;color:rgba(255,255,255,.65)}
.ep-console{position:relative;padding:28px 18px}
.ep-win{position:relative;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);padding:0 18px 18px;transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);transition:transform .6s}
.ep-console:hover .ep-win{transform:perspective(1200px) rotateY(0) rotateX(0)}
.ep-bar{display:flex;align-items:center;gap:6px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:14px}
.ep-bar i{width:10px;height:10px;border-radius:50%;background:#FF6B6B}.ep-bar i:nth-child(2){background:#FFC85C}.ep-bar i:nth-child(3){background:#43D18A}
.ep-bar span{margin-left:10px;font-size:12px;color:rgba(255,255,255,.6)}
.ep-job{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ep-job b{display:block;font-size:16px}.ep-job small{color:rgba(255,255,255,.62);font-size:12.5px}
.ep-live{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(67,209,138,.18);color:#5BE3A0;display:inline-flex;align-items:center;gap:6px}
.ep-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#43D18A;animation:fmPulse 1.8s infinite}
.ep-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.ep-kpis div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.ep-kpis small{display:block;font-size:11.5px;color:rgba(255,255,255,.6)}.ep-kpis b{font-family:var(--f-display);font-size:22px;font-weight:600}
.ep-count{display:inline-block;overflow:hidden;height:1.2em;vertical-align:bottom}

.ep-list{display:grid;gap:8px}
.ep-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);animation:epIn 6s calc(var(--d)*.5s) infinite both}
.ep-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--grad-btn)}
.ep-row:nth-child(2) .ep-av{background:linear-gradient(135deg,#14B8A6,#2F7BFF)}.ep-row:nth-child(3) .ep-av{background:linear-gradient(135deg,#EC6AA8,#FF8A65)}.ep-row:nth-child(4) .ep-av{background:linear-gradient(135deg,#F5B83D,#FF8A65)}
.ep-who b{display:block;font-size:13.5px}.ep-who small{font-size:11.5px;color:rgba(255,255,255,.58)}
.ep-match{display:flex;align-items:center;gap:8px;font-size:12px}
.ep-match i{position:relative;width:54px;height:5px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}
.ep-match i::after{content:"";position:absolute;inset:0;width:var(--m);border-radius:inherit;background:linear-gradient(90deg,#5EEAD4,#9DC1FF);animation:epBar 6s infinite}
.ep-match em{font-style:normal;font-weight:600;color:#9DF0E0}
.ep-toast{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:#fff;color:#0B1030;box-shadow:0 20px 40px -14px rgba(0,0,0,.55);font-size:13px}
.ep-toast b{display:block;font-size:13.5px}.ep-toast small{color:#5B6478;font-size:12px}
.ep-toast .ok,.ep-toast .cal{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700;flex:none}
.ep-toast .ok{background:linear-gradient(135deg,#14B8A6,#43D18A)}.ep-toast .cal{background:var(--grad-btn)}.ep-toast .cal svg{width:16px;height:16px}
.ep-toast.t1{left:-14px;bottom:8px;animation:haBob 5s ease-in-out infinite}
.ep-toast.t2{right:-10px;top:0;animation:haBob 6s -2s ease-in-out infinite}
@keyframes epIn{0%{opacity:0;transform:translateY(10px)}8%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
@keyframes epBar{0%{transform:scaleX(0);transform-origin:left}20%,100%{transform:scaleX(1);transform-origin:left}}

.ep-marq{padding:30px 0 10px;background:var(--bg)}
.ep-marq p{margin:0 0 14px;text-align:center;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ep-track{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ep-belt{display:flex;gap:12px;width:max-content;animation:epMarq 38s linear infinite;padding:4px 0}
.ep-track:hover .ep-belt{animation-play-state:paused}
@keyframes epMarq{to{transform:translateX(-50%)}}
.ep-head{display:grid;gap:10px;justify-items:center;text-align:center;margin-bottom:40px}
.ep-head h2{font-size:clamp(28px,3.8vw,46px);letter-spacing:-.025em;max-width:18em;margin:0}
.ep-head h2 em,.ep-final h2 em{font-style:normal;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.ep-kick{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--icon-grad);color:var(--brand-text)}
.ep-kick.light{background:rgba(255,255,255,.12);color:#9DF0E0}
[data-rv]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-rv].in{opacity:1;transform:none}
.ep-vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.ep-vs-c{border-radius:24px;padding:28px;display:grid;gap:16px;align-content:start}
.ep-vs-c h3{font-size:19px;margin:0}
.ep-vs-c ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ep-vs-c li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.ep-vs-c li span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.ep-vs-c.bad{background:var(--band);border:1px solid var(--line)}
.ep-vs-c.bad li{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--bad) 55%,transparent)}
.ep-vs-c.bad li span{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}
.ep-vs-c.good{color:#fff;background:linear-gradient(135deg,#1A2A8C 0%,#4B2FB0 60%,#8A3FA8 100%);box-shadow:0 30px 60px -30px rgba(75,47,176,.7);transition-delay:.15s}
.ep-vs-c.good h3{color:#fff}.ep-vs-c.good li span{background:rgba(94,234,212,.2);color:#5EEAD4}
.ep-vs-mid{display:grid;place-items:center}.ep-vs-mid span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--grad-btn);color:#fff;font-size:20px;box-shadow:0 10px 24px -8px rgba(79,91,240,.6)}
.ep-bento-s{background:var(--band)}
.ep-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ep-t{position:relative;overflow:hidden;border-radius:24px;padding:26px;background:var(--surface);border:1px solid var(--line);display:grid;gap:10px;align-content:start;--x:50%;--y:0%;transition:transform .3s,box-shadow .3s,opacity .7s}
.ep-t::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:radial-gradient(260px circle at var(--x) var(--y),rgba(123,92,240,.9),rgba(47,123,255,.5) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}
.ep-t::after{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--x) var(--y),rgba(123,92,240,.08),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.ep-t:hover{transform:translateY(-4px);box-shadow:var(--shadow2)}.ep-t:hover::before,.ep-t:hover::after{opacity:1}
.ep-t.big,.ep-t.wide{grid-column:span 2}
.ep-t h3{font-size:19px;margin:6px 0 0}.ep-t p{margin:0;color:var(--muted);font-size:14.5px}
.ep-t-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--grad-btn);color:#fff;box-shadow:0 10px 22px -10px rgba(79,91,240,.7)}
.ep-t-ic svg{width:22px;height:22px}
.ep-t-ic.c2{background:linear-gradient(135deg,#14B8A6,#2F7BFF)}.ep-t-ic.c3{background:linear-gradient(135deg,#F5B83D,#FF8A65)}.ep-t-ic.c4{background:linear-gradient(135deg,#EC6AA8,#7B5CF0)}.ep-t-ic.c5{background:linear-gradient(135deg,#2F7BFF,#5EEAD4)}
.ep-mini-post{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px;border-radius:16px;background:var(--band);border:1px dashed color-mix(in srgb,var(--g-violet) 40%,var(--line))}
.ep-mp-btn{margin-left:auto;font-size:13px;font-weight:600;color:#fff;padding:8px 14px;border-radius:10px;background:var(--grad-btn)}
.ep-g{display:flex;align-items:center;gap:8px;margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--band);font-size:13px;color:var(--brand-text)}
.ep-g i{width:16px;height:16px;border-radius:50%;background:conic-gradient(#4285F4 0 25%,#34A853 0 50%,#FBBC05 0 75%,#EA4335 0)}
.ep-kb{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.ep-kb div{display:grid;gap:6px;align-content:start;padding:10px;border-radius:12px;background:var(--band)}
.ep-kb small{font-size:11.5px;font-weight:600;color:var(--muted)}
.ep-kb i{height:22px;border-radius:7px;background:var(--surface);border:1px solid var(--line);position:relative}
.ep-kb i::before{content:"";position:absolute;left:6px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--grad-btn)}
.ep-kb i::after{content:"";position:absolute;left:21px;right:10px;top:9px;height:4px;border-radius:4px;background:var(--line)}
.ep-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;counter-reset:s}
.ep-flow::before{content:"";position:absolute;left:12%;right:12%;top:30px;height:3px;border-radius:3px;background:var(--line)}
.ep-flow::after{content:"";position:absolute;left:12%;right:12%;top:30px;height:3px;border-radius:3px;background:var(--grad-btn);transform:scaleX(0);transform-origin:left;transition:transform 1.6s cubic-bezier(.6,0,.2,1) .2s}
.ep-flow.in::after{transform:scaleX(1)}
.ep-flow li{position:relative;z-index:1;display:grid;gap:8px;justify-items:center;text-align:center}
.ep-node{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--brand-text);transition:background .4s,color .4s,border-color .4s,box-shadow .4s;transition-delay:calc(.3s + var(--i)*.4s)}
.ep-node svg{width:24px;height:24px}
.ep-flow.in .ep-node{background:var(--grad-btn);border-color:transparent;color:#fff;box-shadow:0 0 0 8px rgba(123,92,240,.12)}
.ep-flow small{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-text);margin-top:6px}
.ep-flow h3{font-size:18px;margin:0}.ep-flow p{margin:0;color:var(--muted);font-size:14.5px;max-width:24ch}
.ep-who-s{background:var(--band)}
.ep-who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ep-w{position:relative;overflow:hidden;border-radius:24px;padding:28px;background:var(--surface);border:1px solid var(--line);display:grid;gap:12px;align-content:start;transition:transform .3s,box-shadow .3s,opacity .7s}
.ep-w::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--g)}
.ep-w:nth-child(2){transition-delay:.1s}.ep-w:nth-child(3){transition-delay:.2s}
.ep-w:hover{transform:translateY(-6px);box-shadow:var(--shadow2)}
.ep-w-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 12px 24px -12px rgba(0,0,0,.4)}
.ep-w-ic svg{width:24px;height:24px}
.ep-w h3{font-size:20px;margin:4px 0 0}.ep-w p{margin:0;color:var(--muted);font-size:15px}
.ep-w-go{justify-self:start;margin-top:6px;border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--brand-text);cursor:pointer}
.ep-w-go span{display:inline-block;transition:transform .2s}.ep-w-go:hover span{transform:translateX(4px)}
.ep-reg-s{background:var(--bg)}
.ep-side{color:#fff;border-radius:28px;padding:34px;background:linear-gradient(150deg,#0F1B4D 0%,#2A2490 55%,#6A33A8 100%);box-shadow:0 30px 70px -30px rgba(43,35,140,.6);position:sticky;top:96px;overflow:hidden;isolation:isolate}
.ep-side::after{content:"";position:absolute;width:300px;height:300px;right:-100px;bottom:-120px;border-radius:50%;background:#E2558F;filter:blur(70px);opacity:.45;z-index:-1}
.ep-side h2{color:#fff;font-size:clamp(26px,2.8vw,34px);margin:0}
.ep-side>p{color:rgba(255,255,255,.75);margin:0}
.ep-promise{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.ep-promise li{display:flex;gap:12px;align-items:flex-start}
.ep-promise li>span{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(94,234,212,.18);color:#5EEAD4;font-weight:700;font-size:13px}
.ep-promise b{display:block;font-size:15px}.ep-promise small{color:rgba(255,255,255,.65);font-size:13px;overflow-wrap:anywhere}
.ep-side-login{margin:6px 0 0;font-size:14px;color:rgba(255,255,255,.75)}.ep-side-login .link{color:#9DF0E0}
.ep .el-form{border-radius:28px;padding:34px;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(25,103,210,.4),rgba(123,92,240,.4),rgba(255,138,101,.35)) border-box;box-shadow:0 30px 70px -40px rgba(43,35,140,.45)}
.ep .el-fh{display:flex;align-items:center;gap:10px;font-size:17px;border-bottom:0;padding:0;margin-top:6px}
.ep .el-fh i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:700;color:#fff;background:var(--grad-btn)}
.ep-submit{width:100%;min-height:56px;font-size:16.5px!important;font-weight:600!important;border-radius:14px!important}
.ep-faq-s{background:var(--band)}
.ep .el-q{border-radius:16px;transition:border-color .2s,box-shadow .2s}
.ep .el-q.open{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;box-shadow:var(--shadow)}
.ep .el-q button{font-weight:600;padding:18px 20px}
.ep .el-q button span{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--icon-grad);transition:transform .3s}
.ep .el-q.open button span{transform:rotate(45deg);background:var(--grad-btn);color:#fff}
.ep .el-q p{padding:0 20px 18px}
.ep-final{padding:72px 0 88px;background:var(--bg)}
.ep-final-in{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(40px,6vw,80px) 24px;text-align:center;display:grid;gap:16px;justify-items:center;color:#fff;background:linear-gradient(125deg,#0F1B4D 0%,#1E2A8A 38%,#4B2FB0 68%,#8A3FA8 100%)}
.ep-final h2{color:#fff;font-size:clamp(30px,4.6vw,58px);letter-spacing:-.03em;margin:0;max-width:16em}
.ep-final h2 em{background:linear-gradient(90deg,#5EEAD4,#9DC1FF 45%,#FFB199 90%);-webkit-background-clip:text;background-clip:text}
.ep-final p{margin:0;color:rgba(255,255,255,.78);font-size:17px}
.ep-final-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.ep .btn.ep-white,.ep .btn.ep-white:hover{background:#fff;color:#1B237A;border-color:#fff;font-weight:600;box-shadow:0 14px 30px -10px rgba(0,0,0,.5)}
.ep .btn.ep-white:hover{transform:translateY(-2px)}
@media (max-width:980px){.ep-hero-in{grid-template-columns:1fr;padding-block:56px 64px;gap:28px}.ep-console{max-width:520px;width:100%;justify-self:center}.ep-win{transform:none}
  .ep-vs-grid{grid-template-columns:1fr}.ep-vs-mid span{transform:rotate(90deg)}.ep-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ep-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.ep-flow::before,.ep-flow::after{display:none}.ep-who{grid-template-columns:1fr}.ep-side{position:relative;top:auto}}
@media (max-width:600px){.ep-bento{grid-template-columns:1fr}.ep-t.wide,.ep-t.big{grid-column:auto}.ep-flow{grid-template-columns:1fr}.ep-proof{width:100%}.ep-proof div{flex:1;padding:10px 12px}.ep-proof b{font-size:18px}
  .ep-toast.t1{left:0}.ep-toast.t2{right:0;top:-6px}.ep-console{padding:30px 0 34px}.ep .el-form,.ep-side{padding:22px;border-radius:22px}.ep-final-in{border-radius:24px}.ep-match i{display:none}.ep-who small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-cta{width:100%}.ep-cta .btn{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;transition:none}.ep-aur,.ep-belt,.ep-row,.ep-toast,.ep-match i::after{animation:none}.ep-flow::after{transition:none}}
/* ===== employer applicant tracking ===== */
.ast{font-weight:600}
.ast-new{background:var(--band);color:var(--ink)}
.ast-shortlisted{background:color-mix(in srgb,#7B5CF0 14%,transparent);color:#6B4FD8}
.ast-interview{background:color-mix(in srgb,#2F7BFF 14%,transparent);color:#1967D2}
.ast-hired{background:color-mix(in srgb,#16A34A 15%,transparent);color:#15803D}
.ast-rejected{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}
:root[data-kj="dark"] .ast-shortlisted{color:#B9A6FF}:root[data-kj="dark"] .ast-interview{color:#8DB8FF}:root[data-kj="dark"] .ast-hired{color:#6EE7A0}
.atb{display:grid;gap:14px}
.atb-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.atb-st{display:grid;gap:2px;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.atb-st b{font-family:var(--f-display);font-size:22px;font-weight:600;line-height:1.1}.atb-st span{font-size:12.5px;color:var(--muted)}
.atb-st:hover{border-color:color-mix(in srgb,var(--g-violet) 40%,var(--line))}
.atb-st[aria-selected="true"]{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box;box-shadow:0 8px 20px -12px rgba(79,91,240,.6)}
.atb-st.s-shortlisted b{color:#6B4FD8}.atb-st.s-interview b{color:#1967D2}.atb-st.s-hired b{color:#15803D}.atb-st.s-rejected b{color:var(--bad)}
.atb-list{display:grid;gap:10px}
.atb-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.atb-card:hover,.atb-card:focus-visible{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(25,103,210,.5),rgba(123,92,240,.5)) border-box;box-shadow:var(--shadow);transform:translateY(-1px);outline:0}
.atb-who{display:grid;gap:2px;min-width:0}.atb-who b{font-weight:600;font-size:15px}.atb-who small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atb-who .atb-job{color:var(--brand-text)}
.atb-quick{display:flex;gap:6px}
.atb-jobh{display:flex!important;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.atb-funnel{display:flex;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.atb-funnel div{display:grid;gap:2px;padding:10px 18px;text-align:center}.atb-funnel div+div{border-left:1px solid var(--line)}
.atb-funnel b{font-family:var(--f-display);font-size:22px;font-weight:600}.atb-funnel span{font-size:12px;color:var(--muted)}
.atb-jf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.atb-jf label{font-size:13.5px;font-weight:600}
.atb-jf select{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface);color:var(--ink);min-width:0;max-width:100%}
.apd-scrim{justify-content:flex-end;align-items:stretch;padding:0;display:flex}
.apd{width:min(520px,100%);height:100%;overflow-y:auto;background:var(--surface);padding:24px;display:grid;gap:18px;align-content:start;box-shadow:-20px 0 60px -20px rgba(15,23,42,.35);animation:apdIn .28s cubic-bezier(.2,.7,.2,1)}
@keyframes apdIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.apd-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.apd-h .dsh-av{width:56px;height:56px;font-size:18px}
.apd-h h2{font-size:22px;margin:0;overflow-wrap:anywhere}
.apd-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}
.apd-job{font-size:14px;padding:12px 14px;border-radius:12px;background:var(--band)}
.apd-stage{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.apd-s{font:inherit;font-size:13px;font-weight:600;padding:10px 4px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .2s}
.apd-s:hover{border-color:color-mix(in srgb,var(--g-violet) 45%,var(--line))}
.apd-s.on{color:#fff;border-color:transparent;background:var(--grad-btn)}
.apd-s.s-hired.on{background:linear-gradient(135deg,#16A34A,#14B8A6)}.apd-s.s-rejected.on{background:linear-gradient(135deg,#DC2626,#EC6AA8)}
.apd section{display:grid;gap:10px}
.apd h3{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.apd-note{margin:0;padding:12px 14px;border-left:3px solid #7B5CF0;background:var(--band);border-radius:0 12px 12px 0;font-size:14.5px}
.apd-tl{list-style:none;margin:0;padding:0 0 0 18px;display:grid;gap:14px;position:relative}
.apd-tl::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--line)}
.apd-tl li{position:relative;display:grid;gap:2px}
.apd-tl li::before{content:"";position:absolute;left:-18px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--grad-btn)}
.apd-tl b{font-size:14px;font-weight:600}.apd-tl small{font-size:12.5px;color:var(--muted)}
.apd-tl .apd-mail{color:#15803D}
.modal.asm{max-width:640px;width:100%}
.asm-prev{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:10px;background:var(--band)}
.asm-btns{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.btn.primary.asm-bad{background:linear-gradient(135deg,#DC2626,#EC6AA8)}
@media (max-width:980px){.atb-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.atb-card{grid-template-columns:auto minmax(0,1fr) auto}.atb-quick{grid-column:1/-1}.atb-quick .btn{flex:1}.apd{padding:18px}.apd-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.atb-funnel{width:100%}.atb-funnel div{flex:1;padding:10px 6px}}
.ftr2-credit a{color:#fff;font-weight:600;text-decoration:none;background:linear-gradient(90deg,#5EEAD4,#9DC1FF,#FFB199);-webkit-background-clip:text;background-clip:text;color:transparent}.ftr2-credit a:hover{text-decoration:underline;text-decoration-color:#9DC1FF}
.ftr2-credit .heart{color:#FF6B8B;display:inline-block;animation:ftrBeat 1.6s ease-in-out infinite}
@keyframes ftrBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.ftr2-credit .heart{animation:none}}
.ftr2-bot{position:relative;z-index:1}
@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}
@property --my{syntax:"<percentage>";inherits:true;initial-value:40%}
@property --r{syntax:"<length>";inherits:true;initial-value:0px}
@keyframes fmScan{0%{--mx:0%;--my:30%}50%{--mx:100%;--my:55%}100%{--mx:0%;--my:30%}}
@media (prefers-reduced-motion:reduce){.fm-word.idle .fm-fill{animation:none;--mx:50%}}
.ftr2-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding:18px 0 calc(22px + env(safe-area-inset-bottom,0px));font-size:13px;color:#8C97AD}
.totop{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:40;width:46px;height:46px;border-radius:50%;border:0;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;box-shadow:var(--shadow2);cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .25s,transform .25s}
.totop.on{opacity:1;transform:none;pointer-events:auto}
.totop:hover{filter:brightness(1.08)}
.totop svg{width:20px;height:20px}
@media (max-width:980px){.ftr2-top{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr2-brand{grid-column:1/-1}.totop.lift{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

/* gradient system: soft colour mixes (blue, violet, teal, peach) */
:root{--g-blue:#1967D2;--g-violet:#7B5CF0;--g-teal:#14B8A6;--g-peach:#FF8A65;--g-pink:#EC6AA8;
  --grad-btn:linear-gradient(135deg,#1967D2 0%,#4F5BF0 55%,#7B5CF0 100%);
  --grad-text:linear-gradient(90deg,#1967D2,#7B5CF0 55%,#EC6AA8);
  --mesh:radial-gradient(600px 340px at 8% 10%,rgba(25,103,210,.16),transparent 70%),radial-gradient(520px 320px at 92% 0%,rgba(123,92,240,.16),transparent 70%),radial-gradient(520px 300px at 78% 100%,rgba(255,138,101,.14),transparent 70%),radial-gradient(480px 300px at 15% 100%,rgba(20,184,166,.12),transparent 70%);
  --icon-grad:linear-gradient(135deg,rgba(25,103,210,.14),rgba(123,92,240,.16))}
:root[data-kj="dark"]{--grad-btn:linear-gradient(135deg,#3B82F6 0%,#6366F1 55%,#8B5CF6 100%);--grad-text:linear-gradient(90deg,#7AAEFF,#A78BFA 55%,#F9A8D4);
  --mesh:radial-gradient(600px 340px at 8% 10%,rgba(59,130,246,.22),transparent 70%),radial-gradient(520px 320px at 92% 0%,rgba(139,92,246,.22),transparent 70%),radial-gradient(520px 300px at 78% 100%,rgba(255,138,101,.12),transparent 70%),radial-gradient(480px 300px at 15% 100%,rgba(20,184,166,.12),transparent 70%);
  --icon-grad:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.24))}
.btn.primary{background:var(--grad-btn);background-size:160% 100%;background-position:0 0;border-color:transparent;transition:background-position .35s,box-shadow .2s,transform .15s}
.btn.primary:hover{filter:none;background-position:100% 0;box-shadow:0 8px 20px rgba(79,91,240,.28)}
.btn.primary:active{transform:translateY(1px)}
.hero,.el-hero,.page-title{background:var(--mesh),var(--bg)}
.hero h1 em,.el-copy h1 em{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.el-b .ic,.tile .ic,.mark,.ga-live .dot{background:var(--icon-grad)}
.el-steps .n,.cm-step span,.dsh-av,.adm-avatar i{background:var(--grad-btn)}
.el-final{background:linear-gradient(120deg,#1967D2 0%,#5B5CF0 45%,#9B5CE6 75%,#EC6AA8 100%)}
.el-card{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(25,103,210,.45),rgba(123,92,240,.45),rgba(255,138,101,.45)) border-box}
.dsh-nav button[aria-current="page"]{background:linear-gradient(90deg,var(--brand-soft),color-mix(in srgb,var(--brand-soft) 40%,rgba(123,92,240,.14)))}
.ftr2{background:radial-gradient(700px 300px at 85% 0%,rgba(123,92,240,.22),transparent 70%),radial-gradient(600px 300px at 0% 100%,rgba(25,103,210,.22),transparent 70%),#0B1220}
.totop{background:var(--grad-btn)}
.hero-eyebrow{border-color:transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--grad-btn) border-box}
.search{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(25,103,210,.35),rgba(123,92,240,.35),rgba(255,138,101,.3)) border-box}
.ftr2-col button{width:auto;overflow-wrap:anywhere}

/* two-column hero with animated art */
.hero2 .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;text-align:left;justify-items:stretch;padding-block:56px 60px}
.hero-l{display:grid;gap:18px;justify-items:start;min-width:0}
.hero2 .search{grid-template-columns:1.2fr 1fr auto;max-width:none}
.hero2 .popular,.hero2 .hero-btns{justify-content:flex-start}
.ha{position:relative;aspect-ratio:1/1;width:100%;max-width:520px;justify-self:center}
.ha-bg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ha-blob{transform-origin:260px 260px;animation:haBlob 14s ease-in-out infinite}
.ha-ring{transform-origin:260px 260px}.ha-ring.r1{animation:haSpin 60s linear infinite}.ha-ring.r2{animation:haSpin 40s linear infinite reverse}
.ha-line{stroke-dasharray:520;stroke-dashoffset:520;animation:haDraw 6s ease-in-out infinite}
.ha-orbit{position:absolute;inset:0;animation:haSpin 36s linear infinite}
.ha-orbit.o2{inset:10.5%;animation-duration:28s;animation-direction:reverse}
.ha-av{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transform:rotate(var(--a)) translateY(calc(-1 * min(205px, 39.4cqw)))}
.ha{container-type:inline-size}
.ha-orbit.o2 .ha-av{transform:rotate(var(--a)) translateY(calc(-1 * min(150px, 28.8cqw)))}
.ha-av b{rotate:calc(-1 * var(--a));display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--c);color:#fff;font-size:13px;font-weight:600;box-shadow:0 0 0 4px var(--surface),0 6px 14px rgba(25,40,80,.18);animation:haSpin 36s linear infinite reverse}
.ha-orbit.o2 .ha-av b{animation-duration:28s;animation-direction:normal}
.ha-av.sm{width:34px;height:34px;margin:-17px 0 0 -17px}.ha-av.sm b{font-size:11px}
.ha-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;background:var(--surface);border-radius:50%;width:30%;aspect-ratio:1;place-content:center;box-shadow:0 14px 34px rgba(79,91,240,.18)}
.ha-match{position:relative;width:64px;height:64px;display:grid;place-items:center}.ha-match svg{position:absolute;inset:0}
.ha-match b{font-family:var(--f-display);font-size:17px;font-weight:600}
.ha-core small{font-size:11px;color:var(--muted)}
.ha-arc{stroke-dashoffset:92;animation:haArc 6s ease-in-out infinite}
.ha-card{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px rgba(25,40,80,.12);padding:12px 14px;display:grid;gap:8px;font-size:13px}
.ha-card b{font-weight:600;font-size:13.5px;display:block}.ha-card small{color:var(--muted);font-size:11.5px;display:block}
.c-job{left:-4%;top:9%;width:58%;animation:haFloat 7s ease-in-out infinite}
.ha-ch{display:flex;gap:10px;align-items:center;min-width:0}.ha-ch>span:last-child{min-width:0}.ha-ch b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ha-logo{width:34px;height:34px;border-radius:9px;background:var(--icon-grad);color:var(--brand-text);display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.ha-tags{display:flex;gap:6px}.ha-tags span{background:var(--sunk);border-radius:999px;padding:3px 9px;font-size:11px;color:var(--muted)}
.ha-apply{position:relative;height:32px;border-radius:9px;background:var(--grad-btn);color:#fff;font-weight:600;font-size:12.5px;overflow:hidden}
.ha-apply span{position:absolute;inset:0;display:grid;place-items:center;animation:haSwap 6s ease-in-out infinite}
.ha-apply .t2{background:linear-gradient(135deg,#14B8A6,#1A8245);animation-name:haSwap2}
.c-note{right:-3%;bottom:16%;display:flex;align-items:center;gap:10px;animation:haPop 6s ease-in-out infinite}
.ha-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#14B8A6,#22C55E);flex:none;position:relative}
.ha-dot::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}
.c-stat{right:2%;top:13%;width:32%;animation:haFloat 8s ease-in-out infinite reverse}
.c-stat b{font-family:var(--f-display);font-size:22px}.c-stat svg{width:100%;height:24px}
.ha-pin{position:absolute;display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--ink);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 6px;animation:haBob 5s ease-in-out infinite}
.ha-pin svg{width:14px;height:14px;color:#EC6AA8}
.p1{left:6%;bottom:22%}.p2{left:30%;bottom:4%;animation-delay:-1.5s}.p3{right:24%;top:2%;animation-delay:-3s}
.ha-spark{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--grad-btn);animation:haTwinkle 3s ease-in-out infinite}
.s1{left:48%;top:6%}.s2{right:6%;top:52%;animation-delay:-1s;background:linear-gradient(135deg,#FF8A65,#EC6AA8)}.s3{left:4%;top:56%;animation-delay:-2s;background:linear-gradient(135deg,#14B8A6,#1967D2)}
@keyframes haSpin{to{transform:rotate(360deg)}}
@keyframes haBlob{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(18deg) scale(1.06)}}
@keyframes haDraw{0%{stroke-dashoffset:520}45%,75%{stroke-dashoffset:0}100%{stroke-dashoffset:-520}}
@keyframes haFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes haBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes haArc{0%{stroke-dashoffset:92}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:92}}
@keyframes haSwap{0%,40%{transform:translateY(0)}50%,90%{transform:translateY(-100%)}100%{transform:translateY(0)}}
@keyframes haSwap2{0%,40%{transform:translateY(100%)}50%,90%{transform:translateY(0)}100%{transform:translateY(100%)}}
@keyframes haPop{0%,45%{opacity:0;transform:translateY(10px) scale(.96)}55%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(10px) scale(.96)}}
@keyframes haTwinkle{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.15);opacity:1}}
@media (prefers-reduced-motion:reduce){.ha *{animation:none!important}.ha-line{stroke-dashoffset:0}.ha-arc{stroke-dashoffset:0}.c-note{opacity:1}.ha-apply .t2{display:none}}
@media (max-width:980px){.hero2 .wrap{grid-template-columns:1fr;gap:10px}.ha{max-width:440px}}
@media (max-width:720px){.hero2 .search{grid-template-columns:1fr}}
.hero2{overflow-x:clip}
.hero2 .wrap{padding-block:25px 90px}
.hero-dock{position:relative;z-index:3;background:var(--band)}
.hero-dock+.block{padding-top:8px}
.hero-dock .dock-card{transform:translateY(-50%)}
.dock-card{display:grid;gap:12px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(12px);border:1px solid transparent;background:linear-gradient(color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 92%,transparent)) padding-box,linear-gradient(135deg,rgba(25,103,210,.45),rgba(123,92,240,.45),rgba(255,138,101,.4)) border-box;box-shadow:0 24px 60px -24px rgba(35,40,120,.35),0 4px 14px rgba(15,23,42,.06)}
.dock-card .search{margin:0;max-width:none;box-shadow:none;border:1px solid var(--line);background:var(--surface);grid-template-columns:1.3fr 1fr auto}
.dock-card .popular{justify-content:flex-start;padding:0 6px}
@media (max-width:980px){.hero2 .wrap{padding-block:40px 120px}}
@media (max-width:720px){.dock-card .search{grid-template-columns:1fr}.hero2 .wrap{padding-block:32px 170px}.dock-card .search.sx{grid-template-columns:1fr}.hero-dock+.block{padding-top:0}}

@media (max-width:520px){.ha{max-width:300px}.ha-card{padding:9px 10px}.c-job{width:62%;left:0}.c-note{right:0}.c-stat{right:0}.ha-pin{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ===== Standalone admin app (/kuickadmin) ===== */
:root{--side:#0F1E36;--side-ink:#C9D3E6;--side-mute:#7F8CA6;--side-act:#1967D2;--side-hover:#18294A;--adm-bg:#F4F6FA}
:root[data-kj="dark"]{--side:#0A0B0E;--side-ink:#C4C9D2;--side-mute:#7A808B;--side-act:#2F6FD6;--side-hover:#16191F;--adm-bg:#050506}
.adm{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:var(--adm-bg)}
.adm-side{background:var(--side);color:var(--side-ink);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px;padding:20px 14px calc(16px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));overflow-y:auto}
.adm-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 18px}
.adm-brand img{height:34px;width:auto}
.adm-brand span{font-family:var(--f-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--side-mute);border:1px solid var(--side-hover);border-radius:4px;padding:1px 6px}
.adm-group{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--side-mute);padding:14px 10px 6px}
.adm-side button.nv{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;color:var(--side-ink);padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px}
.adm-side button.nv svg{width:19px;height:19px;flex:none;opacity:.9}
.adm-side button.nv:hover{background:var(--side-hover);color:#fff}
.adm-side button.nv[aria-current="page"]{background:var(--side-act);color:#fff}
.adm-side button.nv .badge{margin-left:auto;background:#E5484D;color:#fff;border-radius:999px;font-size:11px;padding:0 7px;line-height:18px}
.adm-side .foot{margin-top:auto;border-top:1px solid var(--side-hover);padding:14px 8px 0;display:grid;gap:8px;font-size:12.5px;color:var(--side-mute)}
.adm-top{position:sticky;top:env(safe-area-inset-top,0px);z-index:15;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:12px max(24px,env(safe-area-inset-right,0px)) 12px 24px;min-height:68px}
.adm-top h1{font-size:21px;font-weight:500}
.adm-top .crumb{font-size:12.5px;color:var(--muted)}
.adm-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:0 12px;min-width:0;width:300px;color:var(--muted)}
.adm-search input{border:0;background:transparent;padding:9px 0;outline:0;min-width:0;width:100%;color:var(--ink)}
.adm-avatar{display:flex;align-items:center;gap:10px;font-size:13.5px}
.adm-avatar i{width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:600}
.adm-main{padding:24px max(24px,env(safe-area-inset-right,0px)) 40px 24px;display:grid;gap:22px;align-content:start;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:6px}
.kpi .lbl{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}
.kpi .lbl svg{width:18px;height:18px;color:var(--brand-text)}
.kpi b{font-family:var(--f-display);font-size:30px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .delta{font-size:12.5px;color:var(--muted)}
.kpi.alert{border-color:var(--warn);background:var(--warn-soft)}
.panels{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:14px;align-content:start;min-width:0}
.panel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.panel-h h2{font-size:17px;font-weight:500}
.chart{width:100%;height:auto;display:block}
.chart text{font-family:var(--f-body);font-size:11px;fill:var(--muted)}
.chart .val{fill:var(--ink);font-size:11.5px}
.bars{display:grid;gap:10px}
.bar-row{display:grid;grid-template-columns:110px 1fr 36px;gap:10px;align-items:center;font-size:13px}
.bar-track{height:10px;background:var(--sunk);border-radius:999px;overflow:hidden}
.bar-fill{height:100%;background:var(--brand);border-radius:999px}
.feed{display:grid;gap:0;max-height:340px;overflow:auto}
.feed div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.feed div:last-child{border-bottom:0}
.feed .dot{width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--brand)}
.feed .dot.error{background:var(--bad)} .feed .dot.warn{background:var(--warn)} .feed .dot.success{background:var(--good)}
.feed time{font-size:12px;color:var(--muted);white-space:nowrap}
.adm-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.adm-filters select,.adm-filters input{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;color:var(--ink);min-width:0}
.bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--brand-soft);color:var(--brand-text);border-radius:8px;padding:8px 12px;font-size:13.5px}
.adm table td,.adm table th{padding:11px 14px}
.adm th{background:var(--sunk);color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.adm input[type="checkbox"]{accent-color:var(--brand);width:16px;height:16px}
.switch{position:relative;display:inline-block;vertical-align:middle;width:42px;height:24px;flex:none}
.switch input{opacity:0;width:0;height:0;position:absolute}
.switch span{position:absolute;inset:0;background:var(--line);border-radius:999px;transition:background .2s;cursor:pointer}
.switch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.switch input:checked+span{background:var(--brand)}
.switch input:checked+span::after{transform:translateX(18px)}
.switch input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.set-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.set-row:last-child{border-bottom:0}
.adm-login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--adm-bg)}
.adm-login .art{background:var(--side);color:var(--side-ink);padding:48px;display:grid;align-content:space-between;gap:24px}
.adm-login .art h2{color:#fff;font-size:30px}
.adm-login .art ul{margin:0;padding-left:18px;display:grid;gap:8px}
.adm-login .pane{display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px))}
.adm-login form{width:100%;max-width:400px;display:grid;gap:16px}
/* toasts */
.toaster{position:fixed;z-index:80;top:calc(80px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.tst{pointer-events:auto;display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:10px;padding:12px 12px 14px;box-shadow:var(--shadow2);position:relative;overflow:hidden;animation:tin .25s ease-out}
.tst.success{border-left-color:var(--good)} .tst.error{border-left-color:var(--bad)} .tst.warn{border-left-color:var(--warn)}
.tst .ti{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--brand);font-size:14px;font-weight:700}
.tst.success .ti{background:var(--good)} .tst.error .ti{background:var(--bad)} .tst.warn .ti{background:var(--warn)}
.tst b{display:block;font-weight:600;font-size:14px}
.tst p{margin:2px 0 0;font-size:13px;color:var(--muted)}
.tst button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 4px}
.tst .bar{position:absolute;left:0;bottom:0;height:3px;background:currentColor;opacity:.25;animation:tbar linear forwards}
.tst.success .bar{color:var(--good)} .tst.error .bar{color:var(--bad)} .tst.warn .bar{color:var(--warn)} .tst.info .bar{color:var(--brand)}
@keyframes tin{from{transform:translateX(12px);opacity:0}to{transform:none;opacity:1}}
@keyframes tbar{from{width:100%}to{width:0}}
@media (max-width:980px){
  .adm{grid-template-columns:1fr}
  .adm-side{position:static;height:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:10px max(12px,env(safe-area-inset-left,0px));gap:4px;align-items:center}
  .adm-brand{padding:0 8px 0 0}
  .adm-group,.adm-side .foot{display:none}
  .adm-side button.nv{width:auto;white-space:nowrap}
  .panels{grid-template-columns:1fr}
  .adm-search{display:none}
  .adm-login{grid-template-columns:1fr}
  .adm-login .art{display:none}
}
@media (max-width:640px){
  .adm-top{padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px))}
  .adm-main{padding:16px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px))}
  .adm-avatar span{display:none}
  .bar-row{grid-template-columns:84px 1fr 30px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:14px} .kpi b{font-size:24px}
  .adm-side{scrollbar-width:none}
}

/* tables, drawer, menus, email templates, OTP */
.dt tr.clk{cursor:pointer}
.dt tr.clk:hover td{background:var(--sunk)}
.dt tr.on td{background:var(--brand-soft)}
.dt th.ck,.dt td.ck{width:40px;padding-right:0}
.dt td.act,.dt th.act{text-align:right;white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.menu summary::-webkit-details-marker{display:none}
.menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow2);padding:6px;display:grid;min-width:250px}
.menu-pop button{background:none;border:0;text-align:left;padding:9px 12px;border-radius:6px;color:var(--ink);cursor:pointer;font-size:13.5px}
.menu-pop button:hover:not(:disabled){background:var(--sunk)}
.menu-pop button:disabled{opacity:.45;cursor:not-allowed}
.btn svg{flex:none}
.kpi-btn{text-align:left;font:inherit;color:inherit;cursor:pointer}
.kpi-btn:hover{border-color:var(--brand)}
.kpi-btn.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.scrim.dr-scrim{display:flex;justify-content:flex-end;align-items:stretch;padding:0}
.drawer{background:var(--surface);width:min(560px,100vw);height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow2);border-left:1px solid var(--line);animation:drin .22s ease-out;outline:0}
.dr-h{display:flex;gap:12px;align-items:center;padding:18px 20px;padding-top:calc(18px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}
.dr-h h3{font-size:19px;line-height:1.25}
.dr-b{flex:1;overflow:auto;padding:20px;display:grid;gap:18px;align-content:start}
.dr-f{border-top:1px solid var(--line);padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.dr-prose{font-size:14px}
.kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 14px;margin:0;font-size:14px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
@keyframes drin{from{transform:translateX(32px);opacity:0}to{transform:none;opacity:1}}
.meter{height:8px;background:var(--sunk);border-radius:999px;overflow:hidden}
.meter i{display:block;height:100%;background:var(--brand);border-radius:999px}
.modal.wide{max-width:1000px}
.tpl-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;border:1px solid var(--line);background:var(--sunk);border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--ink)}
.chip:hover{border-color:var(--brand);color:var(--brand-text)}
.mail{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);text-align:left}
.mail-h{background:#0F1E36;padding:14px 18px}
.mail-h img{height:26px;width:auto;display:block}
.mail-s{padding:12px 18px;border-bottom:1px solid var(--line);font-size:13px;display:grid;gap:3px}
.mail-s b{font-size:15px;font-weight:600}
.mail-b{padding:18px;white-space:pre-wrap;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.mail-f{padding:10px 18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);background:var(--sunk)}
.otp{display:flex;gap:8px;justify-content:center}
.otp input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:500;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-width:0}
.otp input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.otp input[aria-invalid="true"]{border-color:var(--warn)}
.otp-inbox{display:grid;gap:10px;border-top:1px dashed var(--line);padding-top:16px}
@media (max-width:760px){.tpl-ed{grid-template-columns:1fr}.kv{grid-template-columns:105px minmax(0,1fr)}}
@media (max-width:420px){.otp{gap:6px}.otp input{width:42px;height:50px;font-size:20px}}
.dt{position:relative}
/* email design (always light, like a real inbox) */
.em-wrap{display:grid;gap:8px;min-width:0}
.em-meta{display:grid;gap:2px;font-size:12.5px;color:var(--muted);padding:0 2px}
.em-meta b{color:var(--ink);font-size:14px;font-weight:600}
.em{background:#fff;color:#4A5468;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.12);border:1px solid #E6EAF2;font-family:var(--f-body);text-align:left;max-width:600px;width:100%;justify-self:center}
.em-head{background:linear-gradient(120deg,#0B3A8C 0%,#1967D2 100%);border-bottom:3px solid #FFB020;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.em-logo{background:#fff;border-radius:8px;padding:6px 10px;display:inline-flex}
.em-logo img{height:20px;width:auto;display:block}
.em-label{color:#DCE8FF;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;text-align:right}
.em-body{padding:28px 26px 22px;display:grid;gap:14px;background:linear-gradient(180deg,#F5F8FF 0,#fff 120px)}
.em-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#1967D2,#0B3A8C);display:grid;place-items:center;justify-self:center;box-shadow:0 6px 16px rgba(25,103,210,.3)}
.em-icon svg{width:28px;height:28px}
.em-h{font-family:var(--f-display);color:#1F2A44;font-size:22px;font-weight:600;text-align:center;margin:2px 0 0;line-height:1.3}
.em-intro{margin:-6px 0 4px;text-align:center;color:#1967D2;font-size:13.5px}
.em-text p{margin:0 0 10px;font-size:14px;line-height:1.65;color:#4A5468;white-space:pre-wrap;overflow-wrap:anywhere}
.em-text p:last-child{margin-bottom:0}
.em-box{border:1.5px dashed #B9CCF0;background:#F7FAFF;border-radius:10px;padding:18px}
.em-code{text-align:center;display:grid;gap:8px}
.em-cap{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7C8BA8;font-weight:600}
.em-digits{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:34px;font-weight:700;letter-spacing:.32em;color:#0B3A8C;padding-left:.32em}
.em-foot{font-size:12px;color:#7C8BA8}
.em-facts{display:grid;gap:0;padding:6px 16px;border-style:solid;border-width:1px;border-color:#DCE5F5}
.em-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #E6ECF7;font-size:13.5px}
.em-row:last-child{border-bottom:0}
.em-row span{color:#7C8BA8}
.em-row b{color:#1F2A44;font-weight:600;text-align:right;overflow-wrap:anywhere}
.em-row.hi b{color:#0B7A43;background:#E7F6EE;border-radius:999px;padding:2px 10px}
.em-cta{display:grid;justify-items:center;gap:8px;padding:4px 0}
.em-btn{background:#1967D2;color:#fff!important;text-decoration:none;border-radius:8px;padding:12px 26px;font-weight:600;font-size:14.5px;box-shadow:0 4px 12px rgba(25,103,210,.3)}
.em-note{border-left:3px solid #1967D2;background:#EEF4FF;color:#2B3A57;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.55}
.em-note.warn{border-left-color:#E8A317;background:#FFF8E6;color:#6B4B00}
.em-note b{font-weight:700}
.em-sign{margin:4px 0 0;font-size:14px;color:#4A5468}
.em-footer{border-top:1px solid #E6EAF2;padding:18px 20px 20px;text-align:center;display:grid;gap:4px;font-size:12.5px;color:#7C8BA8;background:#FAFBFD}
.em-brand{font-family:var(--f-display);font-weight:700;font-size:16px;color:#1967D2}
.em-brand span{color:#0B3A8C}
.em-small{font-size:11px;color:#A3ADBF;margin-top:6px;line-height:1.6}
@media (max-width:420px){.em-body{padding:22px 16px 18px}.em-digits{font-size:28px;letter-spacing:.24em}.em-head{padding:14px}}
/* security */
.sec-tabs{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.sec-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;color:var(--muted);font-weight:500;cursor:pointer;white-space:nowrap;display:flex;gap:6px;align-items:center;font-size:14px}
.sec-tabs button[aria-selected="true"]{color:var(--brand-text);border-bottom-color:var(--brand)}
.sec-tabs .badge{background:#E5484D;color:#fff;border-radius:999px;font-size:11px;padding:0 7px;line-height:18px}
.checks{display:grid}
.chk{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.chk:last-child{border-bottom:0}
.chk-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--warn-soft);color:var(--warn)}
.chk-ic.on{background:var(--good-soft);color:var(--good)}
.secret{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding-right:4px}
.secret input{border:0!important;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.secret:focus-within{outline:2px solid var(--brand);outline-offset:1px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap}
.pillcheck{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13.5px}
.lock{display:grid;gap:8px;justify-items:center;text-align:center;background:var(--bad-soft);border-radius:var(--r);padding:20px;font-size:14px}
.lock b{color:var(--bad)}
.lock-ic{width:44px;height:44px;border-radius:50%;background:var(--bad);color:#fff;display:grid;place-items:center}
.lock-ic svg{width:22px;height:22px}
.cap{display:flex;align-items:center;gap:12px;border:1px solid #D3D3D3;background:#F9F9F9;color:#222;border-radius:4px;padding:12px 12px;max-width:310px;box-shadow:0 0 4px rgba(0,0,0,.08);font-size:14px}
.cap-box{width:26px;height:26px;border:2px solid #C1C1C1;border-radius:3px;background:#fff;cursor:pointer;display:grid;place-items:center;color:#0A8A3A;font-weight:700;font-size:18px;flex:none;padding:0}
.cap-box.on{border-color:transparent}
.cap-spin{width:18px;height:18px;border:3px solid #4A90E2;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cap-logo{margin-left:auto;display:grid;justify-items:center;font-size:10px;color:#555}
.cap-logo b{font-size:10px;font-weight:500;color:#4A4A4A}
.cap-logo small{font-size:8.5px;color:#888}
.cap3{font-size:12px;color:var(--muted)}
/* seo */
.serp{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card);max-width:640px;font-family:arial,sans-serif}
.serp-url{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.serp-t{font-size:19px;color:#1a0dab;margin:4px 0 3px;line-height:1.3}
[data-kj="dark"] .serp-t{color:#8ab4f8}
.serp-d{font-size:13.5px;color:var(--ink-2,var(--muted));line-height:1.5}
.cnt{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}
.cnt.bad{color:#c2410c;font-weight:600}
pre.code{background:var(--bg-2,#f5f7fb);border:1px solid var(--line);border-radius:10px;padding:12px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;margin:0}
.code-d{font:12.5px ui-monospace,Menlo,monospace;color:var(--muted)}
textarea.code-in{font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:120px;width:100%;white-space:pre;overflow:auto}
.sel-sm{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 10px;color:var(--ink);font:inherit;font-size:13.5px;min-width:0}
.code-d summary{cursor:pointer;font-family:inherit;font-size:13px;color:var(--brand,#1f6feb);margin-bottom:8px}
/* analytics */
.ga-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ga-grid>.panel{min-width:0}
.ga-d{font-size:12.5px;font-weight:600}
.ga-d.up{color:var(--good,#1e7b45)} .ga-d.down{color:#c2410c}
.ga-bar-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ga-live{display:flex;align-items:center;gap:8px;font-size:14px}
.ga-live .dot{width:9px;height:9px;border-radius:50%;background:#22a55a;box-shadow:0 0 0 4px rgba(34,165,90,.18)}
.seg{display:flex;gap:4px;background:var(--sunk);padding:4px;border-radius:9px;flex-wrap:wrap}
.seg button{border:0;background:none;padding:6px 11px;border-radius:7px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}
.seg button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ga-chart{position:relative}
.ga-chart svg{width:100%;height:auto;display:block;touch-action:pan-y}
.ga-chart text{font-size:11px;fill:var(--muted)}
.ga-tip{position:absolute;top:0;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:7px 10px;border-radius:8px;font-size:12.5px;display:grid;gap:2px;pointer-events:none;white-space:nowrap}
.ga-bars{display:grid;gap:14px}
.ga-bl{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:6px}
.ga-bl b{font-weight:600} .ga-bl small{color:var(--muted);font-weight:400}
.ga-track{height:8px;background:var(--sunk);border-radius:99px;overflow:hidden}
.ga-track i{display:block;height:100%;background:var(--brand);border-radius:99px}
.ga-tbl .r{text-align:right}
.ga-pt{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
.ga-pp{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}
.ga-steps{margin:0;padding-left:1.3em;display:grid;gap:10px;font-size:14px;line-height:1.55}
@media (max-width:900px){.ga-grid{grid-template-columns:1fr}.ga-pt,.ga-pp{max-width:200px}}
.ga-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.ga-grid{align-items:start}
@media (max-width:720px){.ga-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* email submenu */
.adm-side button.nv-par .chev{margin-left:auto;font-size:11px;opacity:.7;transition:transform .2s}
.adm-side button.nv-par[aria-expanded="true"] .chev{transform:rotate(180deg)}
.adm-side button.nv-par[aria-current="true"]{color:#fff}
.nv-subs{display:grid;gap:2px;margin:2px 0 4px 22px;padding-left:10px;border-left:1px solid var(--side-hover)}
.nv-subs.closed{display:none}
.adm-side button.nv-sub{padding:8px 12px;font-size:13.5px;color:var(--side-mute)}
.adm-side button.nv-sub[aria-current="page"]{background:var(--side-act);color:#fff}
.cm-step{display:flex;align-items:center;gap:10px;font-size:16px;margin-top:6px}
.cm-step span{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:13px;flex:none}
@media (max-width:980px){.nv-subs,.nv-subs.closed{display:contents}.adm-side button.nv-par{display:none}.adm-side button.nv-sub{color:var(--side-ink);font-size:14px}}
ul.checks{list-style:none;margin:0;padding:0}.chk.ok>span{color:var(--good);font-weight:700}.chk.no>span{color:var(--warn);font-weight:700}.panel.queue{border-color:var(--warn)}
/* gradients in admin */
.adm-side{background:radial-gradient(420px 260px at 0% 0%,rgba(123,92,240,.22),transparent 70%),radial-gradient(380px 300px at 100% 100%,rgba(25,103,210,.25),transparent 70%),var(--side)}
.adm-side button.nv[aria-current="page"],.adm-side button.nv-sub[aria-current="page"]{background:var(--grad-btn)}
.adm-avatar i{background:var(--grad-btn)}
.kpi.alert{background:linear-gradient(135deg,rgba(255,138,101,.10),rgba(236,106,168,.08)),var(--surface)}
.ga-track i{background:var(--grad-btn)}
.seg button[aria-selected="true"]{box-shadow:0 0 0 1px rgba(123,92,240,.35)}
/* SMTP settings */
.smtp{display:grid;gap:16px}
.smtp-status{display:flex!important;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center;border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,rgba(245,184,61,.6),rgba(255,138,101,.5)) border-box}
.smtp-st-l{display:flex;gap:12px;align-items:flex-start;max-width:620px}.smtp-st-l b{display:block;font-size:15.5px}.smtp-st-l span{font-size:13.5px;color:var(--muted)}
.smtp-dot{width:12px;height:12px;border-radius:50%;background:#F5B83D;box-shadow:0 0 0 5px rgba(245,184,61,.2);flex:none;margin-top:5px}
.smtp-st-r{display:flex;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;flex-wrap:wrap}
.smtp-st-r div{display:grid;gap:2px;padding:8px 14px}.smtp-st-r div+div{border-left:1px solid var(--line)}.smtp-st-r small{font-size:11.5px;color:var(--muted)}.smtp-st-r b{font-size:13.5px;overflow-wrap:anywhere}
.smtp-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.smtp-pre{display:grid;gap:2px;text-align:left;font:inherit;color:var(--ink);padding:12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer}
.smtp-pre b{font-size:13.5px}.smtp-pre small{font-size:11.5px;color:var(--muted);overflow-wrap:anywhere}
.smtp-pre.on{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.smtp-code{font-size:12.5px;overflow-wrap:anywhere;white-space:normal}
.smtp-env{margin:0;padding:14px;border-radius:10px;background:#0B1220;color:#DCE3F0;font-size:12.5px;overflow-x:auto;white-space:pre}
@media (max-width:980px){.smtp-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.smtp-dot.on{background:#22A55B;box-shadow:0 0 0 5px rgba(34,165,91,.2)}

/* left panel: menu scrolls, profile stays pinned at the bottom */
.adm-side{overflow:hidden}
.adm-nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin:0 -6px;padding:0 6px}
.adm-me{flex:none;display:flex;gap:8px;align-items:center;border-top:1px solid var(--side-hover);padding-top:12px;margin-top:6px}
.adm-me-btn{flex:1;min-width:0;display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 10px;color:var(--side-ink);cursor:pointer;text-align:left;font:inherit}
.adm-me-btn:hover,.adm-me-btn.on{background:rgba(255,255,255,.12);color:#fff}
.adm-me-btn i{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:12.5px;color:#fff;background:var(--grad-btn)}
.adm-me-btn span{display:grid;min-width:0;line-height:1.3}
.adm-me-btn b{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-me-btn small{font-size:11.5px;color:var(--side-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm-me-out{flex:none;width:44px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#FF9B9B;display:grid;place-items:center;cursor:pointer}
.adm-me-out svg{width:20px;height:20px}
.adm-me-out:hover{background:rgba(229,72,77,.18);color:#fff;border-color:transparent}
@media (max-width:980px){.adm-side{overflow-x:auto}.adm-nav{flex-direction:row;overflow:visible;margin:0;padding:0;gap:4px;align-items:center}.adm-me{display:none}}

/* ----- scrollbars: thin, rounded and in the theme's colours ----- */
:root{--sb:#C9D2DE;--sb-h:#9AA8BA;--sb-track:transparent}
:root[data-kj="dark"]{--sb:#3A404A;--sb-h:#596273}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--sb-track)}
::-webkit-scrollbar-thumb{background:var(--sb);border-radius:999px;border:3px solid transparent;background-clip:padding-box;min-height:40px}
::-webkit-scrollbar-thumb:hover{background:var(--sb-h);border-width:2px;background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--sb) transparent}}

/* ----- account menu (top right) ----- */
.um{position:relative}
.um-btn{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;max-width:240px;transition:box-shadow .15s,border-color .15s}
.um-btn:hover,.um-btn[aria-expanded="true"]{border-color:#C9D2DE;box-shadow:var(--shadow2)}
.um-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;font-size:13px;flex:none;background:var(--grad-btn,var(--brand))}
.um-who{display:grid;min-width:0;text-align:left;line-height:1.25}
.um-who b{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.01em}
.um-who small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.um-chev{color:var(--muted);font-size:11px;margin-left:2px}
.um-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:252px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(16,24,40,.16);padding:8px;display:grid;gap:2px;animation:umIn .14s ease-out}
.um.up .um-menu{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
@keyframes umIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.um-head{padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;display:grid;gap:2px}
.um-head b{font-weight:700;font-size:15px;text-transform:uppercase}
.um-head small{color:var(--muted);font-size:12.5px}
.um-mail{word-break:break-all}
.um-it{display:flex;align-items:center;gap:12px;padding:10px 12px;border:0;background:none;border-radius:9px;color:var(--ink);font:inherit;font-size:14.5px;font-weight:500;cursor:pointer;text-align:left;width:100%}
.um-it svg{width:19px;height:19px;color:var(--muted);flex:none}
.um-it:hover,.um-it:focus-visible{background:var(--sunk);outline:none}
.um-sep{height:1px;background:var(--line);margin:6px 4px}
.um-out,.um-out svg{color:var(--bad)}
.um-out:hover{background:var(--bad-soft)}
@media (max-width:760px){.um-who,.um-chev{display:none}.um-btn{padding:3px}}

/* bottom-left account block in dashboards */
.dsh-mail{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsh-user{flex:none}
.dsh-me{background:var(--sunk);border:1px solid var(--line)}
.dsh-out{height:58px;width:46px;color:var(--bad)}
.dsh-out span{display:none}
.dsh-out:hover{background:var(--bad-soft);color:var(--bad);border-color:transparent}

/* ----- plans and billing ----- */
.pl-now{gap:16px}
.pl-use{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.pl-use>div{background:var(--sunk);border-radius:12px;padding:14px 16px;display:grid;gap:6px}
.pl-use span{font-size:13px;color:var(--muted)} .pl-use b{font-size:17px;font-weight:600} .pl-use small{font-size:12.5px;color:var(--muted)}
.pl-bar{display:block;height:6px;border-radius:99px;background:var(--line);overflow:hidden}.pl-bar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.pl-card{gap:12px;position:relative}
.pl-card.pl-gold{border-color:#E8C46A;background:linear-gradient(180deg,rgba(232,196,106,.12),transparent 60%),var(--surface)}
.pl-card.pl-diamond{background:linear-gradient(180deg,rgba(123,92,240,.10),transparent 60%),var(--surface)}
.pl-price{display:flex;align-items:baseline;gap:6px}.pl-price b{font-size:32px;font-weight:700;font-family:var(--f-display)}.pl-price span{color:var(--muted)}
.pl-feat{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.pl-feat li{display:flex;gap:8px;align-items:flex-start}.pl-feat svg{width:18px;height:18px;color:var(--good);flex:none;margin-top:1px}
.pl-offer{gap:14px;border:1.5px dashed var(--brand);background:linear-gradient(135deg,var(--brand-soft),transparent 70%),var(--surface)}
.pl-offer-h{display:flex;gap:14px;align-items:flex-start}
.pl-gift{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--grad-btn,var(--brand));color:#fff;flex:none}.pl-gift svg{width:24px;height:24px}
.pl-conds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pl-conds li{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--sunk);font-size:13.5px}
.pl-conds li svg{width:16px;height:16px}
.pl-conds li.ok{background:var(--good-soft);color:var(--good)}.pl-conds li.no{background:var(--warn-soft);color:var(--warn)}
.pl-miss{font-size:13.5px;background:var(--sunk);border-radius:10px;padding:12px 14px}
.pl-adm{display:grid;gap:14px}.pl-adm-row{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}

/* ----- find candidates ----- */
.fc-bar{display:grid;grid-template-columns:1fr 180px 190px;gap:10px;align-items:center;padding:12px}
.fc-q{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface)}
.fc-q svg{width:18px;height:18px;color:var(--muted)}.fc-q input{border:0;outline:0;background:none;flex:1;padding:11px 0;font:inherit;color:var(--ink);min-width:0}
.fc-bar select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}
.fc-list{display:grid;gap:12px}
.fc-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:flex-start;padding:16px}
.fc-main{display:grid;gap:6px;min-width:0}.fc-main b{font-weight:600}.fc-main small{color:var(--muted);font-size:13px}
.fc-contact{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:4px;font-size:13.5px}
.fc-contact a,.fc-contact .link,.fc-contact span{display:inline-flex;align-items:center;gap:6px}.fc-contact svg{width:16px;height:16px}
.fc-act{display:grid;gap:6px;justify-items:end;text-align:right}
@media (max-width:760px){.fc-bar{grid-template-columns:1fr}.fc-card{grid-template-columns:auto 1fr}.fc-act{grid-column:1/-1;justify-items:start}}

/* ----- site popup ----- */
.pop-scrim{z-index:120;animation:popFade .2s ease-out}
@keyframes popFade{from{opacity:0}to{opacity:1}}
.pop{position:relative;max-width:440px;text-align:center;display:grid;gap:12px;justify-items:center;padding:28px 26px 24px;animation:popUp .25s cubic-bezier(.2,.9,.3,1.2)}
@keyframes popUp{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.pop h2{font-size:24px;line-height:1.2;margin:0}.pop p{margin:0;color:var(--muted)}
.pop-x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:6px}
.pop-art{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:#fff;background:var(--grad-btn,var(--brand));box-shadow:0 12px 26px rgba(25,103,210,.3)}.pop-art svg{width:36px;height:36px}
.pop-img{width:100%;max-height:200px;object-fit:cover;border-radius:12px}
.pop-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.pop-ed{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
.pop-prev{background:var(--sunk);border-radius:12px;padding:14px;position:sticky;top:0}.pop-prev .pop{animation:none;box-shadow:var(--shadow2);max-width:none}
@media (max-width:900px){.pop-ed{grid-template-columns:1fr}}
.adm-top .um-btn{background:var(--surface)}

/* ----- admin: custom emails ----- */
.cm{display:grid;gap:16px}
.cm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.cm-prev{position:sticky;top:12px}
.cm-filter{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cm-people{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;display:grid}
.cm-p{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer;font-size:14px}
.cm-p:last-child{border-bottom:0}.cm-p:hover{background:var(--sunk)}.cm-p.on{background:var(--brand-soft)}
.cm-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;background:var(--grad-btn,var(--brand))}
.cm-who{display:grid;min-width:0}.cm-who b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-who small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-chip{cursor:pointer;border:0;font:inherit;font-size:12.5px}
.cm-send{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
@media (max-width:1000px){.cm-grid{grid-template-columns:1fr}.cm-prev{position:static}.cm-p{grid-template-columns:auto auto 1fr}.cm-p .pill{display:none}}
/* ----- popups: layouts, colours, admin manager ----- */
.pop{--pc:var(--brand);--pc2:#5B9BF0}
.pop-t-violet{--pc:#6D4AE0;--pc2:#A88BFF}.pop-t-green{--pc:#14855C;--pc2:#3CC48D}
.pop-t-dark{--pc:#4A8CF0;--pc2:#7AAEFF;background:#14171C!important;color:#F2F3F5;border-color:#2A2E35!important}
.pop-t-dark p,.pop-t-dark .pop-x{color:#B4B9C2!important}.pop-t-dark .btn.ghost{color:#F2F3F5}
.pop .pop-art{background:linear-gradient(135deg,var(--pc),var(--pc2));box-shadow:0 12px 26px color-mix(in srgb,var(--pc) 35%,transparent)}
.pop .btn.primary{background:var(--pc);border-color:var(--pc);color:#fff}
.pop-txt{display:grid;gap:8px}
.pop-corner,.pop-bar{position:fixed;z-index:120;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 50px rgba(15,23,42,.22);color:var(--ink)}
.pop-corner{right:20px;bottom:20px;width:340px;max-width:calc(100vw - 32px);border-radius:16px;padding:22px 20px 18px;text-align:left;justify-items:start}
.pop-corner h2{font-size:19px;padding-right:22px}.pop-corner .pop-art{width:48px;height:48px;border-radius:14px}.pop-corner .pop-art svg{width:24px;height:24px}
.pop-corner .pop-img{max-height:140px}.pop-corner .pop-btns{justify-content:flex-start}
.pop-bar{left:0;right:0;bottom:0;max-width:none;border-radius:0;border-width:1px 0 0;padding:14px 56px 14px 24px;display:flex;align-items:center;gap:20px;text-align:left;justify-content:center;animation:popBar .25s ease-out}
.pop-bar .pop-txt{gap:2px;max-width:760px}.pop-bar h2{font-size:17px}.pop-bar p{font-size:14px}.pop-bar .pop-btns{margin:0;flex-wrap:nowrap}
.pop-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}
.pop-bar .pop-x{top:50%;transform:translateY(-50%)}
@keyframes popBar{from{transform:translateY(100%)}to{transform:none}}
.pop.is-prev{position:relative;inset:auto;width:auto;max-width:none;animation:none;z-index:auto;box-shadow:var(--shadow2,0 8px 24px rgba(0,0,0,.12))}
.pop-bar.is-prev{border-radius:10px;border-width:1px;padding:12px 16px;flex-wrap:wrap;justify-content:flex-start}
.pop-corner.is-prev{width:100%;max-width:300px;margin-left:auto}
.pa-row{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.pa-mini{background:var(--sunk);border-radius:12px;padding:12px;pointer-events:none;overflow:hidden;max-height:230px}
.pa-mini .pop{zoom:.62}.pa-mini .pop-corner.is-prev{max-width:none}
.pa-info{display:grid;gap:12px;min-width:0}
.pa-conds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 18px;font-size:13.5px}
.pa-conds li{display:grid;gap:1px;min-width:0}.pa-conds b{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.pa-ed{display:grid;gap:16px;max-height:calc(100vh - 40px);overflow:auto}
.pa-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
.pa-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;margin-bottom:-1px}
.pa-tabs button.on{color:var(--brand-text);border-bottom-color:var(--brand)}
.pa-pages{display:flex;flex-wrap:wrap;gap:8px}
.pa-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:13.5px;background:var(--surface)}
.pa-chip input{accent-color:var(--brand);margin:0}.pa-chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-text)}
@media (max-width:760px){
  .pa-row{grid-template-columns:1fr}.pa-mini{max-height:180px}
  .pop-corner{right:12px;left:12px;bottom:12px;width:auto;max-width:none}
  .pop-bar{flex-direction:column;align-items:stretch;padding:16px 44px 16px 18px;gap:10px}.pop-bar .pop-btns{flex-wrap:wrap}
  .pop-bar .pop-x{top:8px;transform:none}
}
/* custom email recipient filters */
.cmf{display:grid;gap:12px}
.cmf-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cmf-g{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;color:var(--ink)}
.cmf-g b{font-weight:600;font-size:15px}.cmf-g small{color:var(--muted);font-size:12.5px;grid-row:2}.cmf-g .num{grid-row:1/3;grid-column:2;align-self:center;font-size:20px;font-weight:600;color:var(--muted)}
.cmf-g:hover{border-color:var(--brand)}.cmf-g.on{border-color:var(--brand);background:var(--brand-soft)}.cmf-g.on .num{color:var(--brand-text)}
.cmf-box{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:14px;background:var(--sunk)}
.cmf-sec{display:grid;gap:8px}
.cmf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px 12px}
.cmf-grid .field{margin:0}.cmf-grid select,.cmf-grid input{background:var(--surface)}
.cmf-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.btn.sm.on{border-color:var(--brand);color:var(--brand-text)}
@media (max-width:640px){.cmf-groups{grid-template-columns:1fr}.cmf-g{padding:10px 12px}}
.cm-test{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.cm-test input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 10px;font:inherit;font-size:13.5px;width:260px;max-width:100%}
@media (max-width:640px){.cm-test{width:100%}.cm-test input{flex:1;width:auto}}
/* share bar */
.shr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.shr>b{font-weight:500}
.shr-row{display:flex;gap:8px;flex-wrap:wrap}
.shr-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;font:inherit;font-size:14px;font-weight:500;transition:transform .12s,background .15s,color .15s,border-color .15s}
.shr-b svg{width:19px;height:19px}.shr-b span:empty{display:none}
.shr-b:hover{transform:translateY(-1px);color:#fff;border-color:transparent}
.shr-wa{background:#25D366;border-color:#25D366;color:#fff;padding:0 14px}.shr-wa:hover{background:#1EBE5B}
.shr-fb:hover{background:#1877F2}.shr-x:hover{background:#111}.shr-li:hover{background:#0A66C2}.shr-tg:hover{background:#229ED9}.shr-mail:hover,.shr-link:hover,.shr-more:hover{background:var(--brand)}
/* recent posts with thumbnails */
.rp{display:grid;gap:4px;margin-top:6px}
.rp-i{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:8px;margin:0 -8px;border-radius:10px;cursor:pointer;font:inherit;color:var(--ink)}
.rp-i:hover{background:var(--sunk)}.rp-i:hover b{color:var(--brand-text)}
.rp-img{width:72px;height:54px;border-radius:8px;object-fit:cover;background:var(--sunk);display:block}
.rp-ph{display:grid;place-items:center;color:#fff;font-weight:600;font-size:20px;background:linear-gradient(135deg,var(--brand),#7B5CF0)}
.rp-t{display:grid;gap:2px;min-width:0}.rp-t b{font-weight:500;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rp-t small{color:var(--muted);font-size:12.5px}
/* share menu on job cards and job page */
.job-acts{display:flex;flex-direction:column;gap:4px;align-items:center;flex:none}
.shp{position:relative;display:inline-flex}
.shp .save svg{width:19px;height:19px}
.shp-menu{position:fixed;z-index:90;width:210px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.18);padding:6px;display:grid;animation:popFade .15s ease-out}
.shp-i{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font:inherit;font-size:14px;background:none;border:0;cursor:pointer;text-align:left;width:100%}
.shp-i svg{width:18px;height:18px;flex:none}.shp-i:hover{background:var(--sunk)}
.shp-wa svg{color:#25D366}.shp-fb svg{color:#1877F2}.shp-li svg{color:#0A66C2}.shp-tg svg{color:#229ED9}
@media (max-width:640px){.job-acts{flex-direction:row}}
/* featured jobs carousel */
.fj .wrap{display:grid;gap:22px}
.fj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fj-ctl{display:flex;gap:8px;align-items:center}
.fj-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;padding-bottom:3px}
.fj-arrow:hover{border-color:var(--brand);color:var(--brand-text)}
.fj-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;scrollbar-width:none}
.fj-track::-webkit-scrollbar{display:none}
.fj-card{scroll-snap-align:start;position:relative;display:grid;gap:10px;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;cursor:pointer;overflow:visible;
  background-image:linear-gradient(var(--surface),var(--surface)),linear-gradient(135deg,#F5B400,#FF8A00 40%,var(--brand));background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid transparent;
  box-shadow:0 6px 20px rgba(15,23,42,.06);transition:transform .18s,box-shadow .18s}
.fj-card:hover,.fj-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.fj-top{display:flex;align-items:center;gap:10px}
.fj-badge{font-size:12px;font-weight:600;color:#9A5B00;background:#FFF3D6;border-radius:999px;padding:4px 10px}
.fj-acts{margin-left:auto;display:flex;gap:2px}
.fj-card h3{font-size:17px;line-height:1.35;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.fj-co{color:var(--brand-text);font-weight:500;font-size:14px}
.fj-card .info{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:13.5px}.fj-card .info span{display:inline-flex;gap:6px;align-items:center}.fj-card .info svg{width:15px;height:15px}
.fj-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}
.fj-go{font-weight:600;font-size:13.5px;color:var(--brand-text);white-space:nowrap}
.fj-dots{display:flex;gap:6px;justify-content:center}.fj-dots span{width:7px;height:7px;border-radius:99px;background:var(--line);transition:width .2s,background .2s}.fj-dots span.on{width:22px;background:var(--brand)}
:root[data-kj="dark"] .fj-badge{background:#3A2A06;color:#FFC94D}
@media (max-width:1000px){.fj-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media (max-width:640px){.fj-track{grid-auto-columns:86%}.fj-arrow{display:none}.fj-head .btn{padding-inline:14px}}
.fj-card .pill.feat{display:none}
/* employer pitch below the home search */
.hire{padding-block:8px 8px}
.hire-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border-radius:20px;padding:24px 28px;color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,rgba(123,92,240,.55),transparent 55%),linear-gradient(120deg,#0F2D63,#1967D2 60%,#3A7BEA);box-shadow:0 18px 40px rgba(25,103,210,.25)}
.hire-card::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:30px solid rgba(255,255,255,.06);pointer-events:none}
.hire-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}.hire-ic svg{width:28px;height:28px;color:#fff}
.hire-txt{display:grid;gap:4px;min-width:0}
.hire-eb{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#BFD6FF}
.hire-txt h2{font-size:24px;line-height:1.25;margin:0;color:#fff}
.hire-txt p{margin:0;color:#DCE7FB;font-size:14.5px;max-width:620px}
.hire-pts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#fff}
.hire-pts li::before{content:"✓";margin-right:6px;color:#7CF0B6;font-weight:700}
.hire-btns{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.hire-btns .btn.primary{background:#fff;color:#0F2D63;border-color:#fff}.hire-btns .btn.primary:hover{background:#EAF1FF}
.hire-btns .btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.45);background:transparent}.hire-btns .btn.ghost:hover{background:rgba(255,255,255,.12)}
@media (max-width:900px){.hire-card{grid-template-columns:auto 1fr}.hire-btns{grid-column:1/-1}}
@media (max-width:560px){.hire-card{grid-template-columns:1fr;padding:22px 18px;gap:14px}.hire-ic{width:48px;height:48px}.hire-txt h2{font-size:21px}.hire-btns .btn{flex:1;justify-content:center}}
/* social icons */
.soc{display:flex;gap:8px;flex-wrap:wrap}
.soc-b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink);background:var(--surface);transition:transform .12s,background .15s,color .15s,border-color .15s}
.soc-b svg{width:18px;height:18px}.soc-b:hover{transform:translateY(-2px);color:#fff;border-color:transparent}
.soc-linkedin:hover{background:#0A66C2}.soc-instagram:hover{background:linear-gradient(45deg,#F58529,#DD2A7B 50%,#8134AF)}.soc-facebook:hover{background:#1877F2}.soc-x:hover{background:#111}.soc-youtube:hover{background:#FF0000}.soc-whatsapp:hover{background:#25D366}.soc-telegram:hover{background:#229ED9}
.soc-ftr{margin-top:16px}.soc-ftr .soc-b{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.soc-set{border-top:1px solid var(--line);padding-top:18px;margin-top:6px}
/* "Your next chapter" card continues the Recently Added band: no white strip, no extra gap */
.block.band+.cta3{background:var(--band);padding:0 0 56px}
@media (max-width:760px){.block.band+.cta3{padding:0 0 40px}}
/* home: one continuous background from the employer card down to View All Blogs */
.hb{background:var(--band);padding-top:0}
.hb>section,.hb .band,.hb .band2,.hb .fj,.hb .cta3,.hb .block.band+.cta3{background:transparent}
.hb>.block.band2{padding-top:0}
.hb .hire{padding-block:0 0}
.hb .fj{padding-top:48px}
/* admin: feature a job */
.fa-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,1fr)) auto;gap:12px;align-items:end}
.fa-grid .field{margin:0}.fa-search{position:relative}
.fa-res{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.16);max-height:320px;overflow:auto;padding:6px}
.fa-opt{display:grid;gap:2px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.fa-opt:hover,.fa-opt:focus-visible{background:var(--sunk)}.fa-opt b{font-weight:500}.fa-opt small,.fa-picked small{color:var(--muted);font-size:12.5px}
.fa-picked{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--brand);background:var(--brand-soft);border-radius:10px;padding:8px 12px;min-height:44px}
.fa-picked div{display:grid;min-width:0}.fa-picked b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.fa-grid{grid-template-columns:1fr 1fr}.fa-search{grid-column:1/-1}.fa-go{grid-column:1/-1}.fa-go .btn{width:100%}}
.fa-search{display:grid;gap:6px;align-content:start}.fa-search>.adm-search{display:flex;width:100%;margin:0}
/* featured jobs on job, blog and article pages */
.fj-page{background:var(--band);margin-top:48px}
.fj-inline{display:grid;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.fj-inline .fj-head h2{font-size:22px}.fj-inline .fj-track{grid-auto-columns:calc((100% - 18px)/2)}
.fj-inline .fj-arrow{width:36px;height:36px;font-size:20px}
.fjs{display:grid;gap:4px}.fjs-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.fjs-h h3{margin:0}
.fjs-i{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:8px;margin:0 -8px;border-radius:10px;cursor:pointer;font:inherit;color:var(--ink)}
.fjs-i:hover{background:var(--sunk)}.fjs-i:hover b{color:var(--brand-text)}
.fjs-i .mark,.fjs-i>:first-child{width:40px;height:40px;font-size:14px;flex:none}
.fjs-t{display:grid;min-width:0}.fjs-t b{font-weight:500;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fjs-t small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fjs .btn{margin-top:8px;justify-self:stretch}

@media (max-width:640px){.fj-inline .fj-track{grid-auto-columns:86%}}
.dsh-card .fj-inline{margin-top:0;padding-top:0;border-top:0}
.fp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.fp-i{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}
.fp-i.on{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand-soft) 50%,transparent)}
.fp-i>span:first-child{display:grid;gap:2px;min-width:0}.fp-i b{font-weight:500}.fp-i small{color:var(--muted);font-size:12.5px}
/* job seeker CTA at the end of every article */
.skc{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;align-items:center;margin:30px 0 8px;padding:30px;border-radius:22px;color:#fff;
  background:radial-gradient(90% 120% at 100% 0%,rgba(123,92,240,.65),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(28,198,170,.35),transparent 60%),linear-gradient(130deg,#0E1F57,#1748B8 55%,#3A2DA8);box-shadow:0 24px 50px -24px rgba(23,72,184,.6)}
.skc::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 60%)}
.skc-l{display:grid;gap:12px;min-width:0}
.skc-eb{justify-self:start;display:inline-flex;gap:8px;align-items:center;font-size:12.5px;font-weight:600;padding:5px 12px 5px 6px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.skc-eb i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:linear-gradient(135deg,#5EEAD4,#818CF8)}
.skc h2{margin:0;font-size:clamp(22px,2.6vw,28px);line-height:1.2;color:#fff}
.skc h2 em{font-style:normal;background:linear-gradient(90deg,#7DF3D9,#B9A7FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.skc p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.6}
.skc-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.skc-btns .btn.primary{background:#fff;color:#0E1F57;border-color:#fff;gap:8px}.skc-btns .btn.primary svg{width:17px;height:17px}.skc-btns .btn.primary:hover{background:#EAF1FF}
.skc-2{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.4)}.skc-2:hover{background:rgba(255,255,255,.16)}
.skc-pts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:rgba(255,255,255,.85)}.skc-pts li::before{content:"✓";color:#7DF3D9;font-weight:700;margin-right:6px}
.skc-r{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}
.skc-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 14px;display:grid}.skc-stat b{font-size:24px;line-height:1.1}.skc-stat span{font-size:12.5px;color:rgba(255,255,255,.75)}
.skc-stack{grid-column:1/-1;display:grid;gap:8px}
.skc-job{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.95);color:#1B2240;border-radius:12px;padding:9px 12px;box-shadow:0 10px 24px rgba(8,16,60,.25)}
.skc-job .mark{width:32px;height:32px;font-size:12px;border-radius:9px}.skc-job div{display:grid;min-width:0}.skc-job b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skc-job small{font-size:11.5px;color:#6B7280}
.skc-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:#16A34A}
.skc-job.s1{margin-left:14px}.skc-job.s2{margin-left:28px;opacity:.9}
@media (max-width:820px){.skc{grid-template-columns:1fr;padding:24px 20px}.skc-r{display:none}}
/* compact featured cards (v35) */
.fj-card{gap:6px;padding:14px 16px;border-radius:14px}
.fj-card .mark,.fj-card .logo{width:38px;height:38px;font-size:13px;border-radius:10px}
.fj-badge{font-size:11px;padding:3px 8px}
.fj-card h3{font-size:15.5px;line-height:1.3;margin:2px 0 0;min-height:2.6em}
.fj-co{font-size:13px}
.fj-card .info{font-size:12px;gap:4px 12px}.fj-card .info svg{width:13px;height:13px}
.fj-foot{margin-top:2px}
.fj-card .pill{font-size:11px;padding:2px 8px}
.fj-go{font-size:12.5px}
/* softer hover (v35): room for the shadow so the scroll track doesn't cut it off */
.fj-track{padding:10px 8px 22px;margin:-10px -8px -12px;scroll-padding-inline:8px}
.fj-card{box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.05);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.fj-card:hover,.fj-card:focus-visible{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.04),0 8px 18px -6px rgba(37,99,235,.22),0 12px 24px -10px rgba(255,138,0,.20)}
.fj-card:hover .fj-go{text-decoration:underline;text-underline-offset:3px}
:root[data-kj="dark"] .fj-card:hover,:root[data-kj="dark"] .fj-card:focus-visible{box-shadow:0 8px 22px -6px rgba(0,0,0,.6),0 0 0 1px rgba(255,201,77,.25)}
/* home promotion block (v37) */
.hb .prm-sec{padding-block:40px 8px}
.prm{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;align-items:center;background:var(--surface);border:1px solid #DDE2EA;border-radius:20px;padding:34px 38px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -12px rgba(15,23,42,.14);position:relative;overflow:hidden}
.prm::before{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(37,99,235,.10),transparent);pointer-events:none}
.prm-l .prm-m{order:-1}
.prm-c{display:grid;gap:12px;justify-items:start;position:relative}
.prm-eb{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text);background:color-mix(in srgb,var(--brand) 9%,transparent);border-radius:999px;padding:5px 12px}
.prm h2{font-size:28px;line-height:1.2;margin:0;letter-spacing:-.01em}
.prm p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;max-width:56ch}
.prm-pts{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.prm-pts li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500}
.prm-pts li::before{content:"";width:16px;height:16px;border-radius:50%;flex:none;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.prm-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.prm-btns .btn{text-decoration:none}
.prm-m{position:relative;min-height:220px;display:grid;place-items:center}
.prm-m img{width:100%;max-height:300px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.prm-art{position:relative;width:min(340px,100%);padding:26px 24px}
.prm-inv{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:grid;gap:12px;box-shadow:0 18px 40px -16px rgba(37,99,235,.35);transform:rotate(-2deg)}
.prm-inv-h{display:flex;justify-content:space-between;align-items:center;font-size:13px}.prm-inv-h b{font-size:16px;color:var(--brand-text)}.prm-inv-h span{color:var(--muted)}
.prm-inv-r{display:flex;align-items:center;justify-content:space-between;gap:10px}.prm-inv-r i{height:8px;border-radius:9px;background:var(--sunk)}.prm-inv-r em{font-style:normal;font-size:13px;font-weight:600}
.prm-inv-t{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:10px;font-size:14px}.prm-inv-t b{font-size:17px}
.prm-chip{position:absolute;display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;box-shadow:0 8px 20px -8px rgba(15,23,42,.25)}
.prm-chip svg{width:14px;height:14px}.prm-chip .dot{width:8px;height:8px;border-radius:50%;background:#16A34A}
.prm-chip1{top:4px;right:0;color:#15803D}.prm-chip2{bottom:2px;left:0;color:var(--brand-text)}
:root[data-kj="dark"] .prm{border-color:#2A2E35;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
@media (max-width:860px){.prm{grid-template-columns:1fr;padding:24px 20px;gap:18px}.prm-l .prm-m{order:0}.prm h2{font-size:23px}.prm-m{min-height:0}}
.prm-prev{padding:0}.prm-prev .prm{grid-template-columns:1fr;padding:22px}.prm-prev .prm-l .prm-m{order:0}
.prm-adm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.prm-adm-prev{position:sticky;top:16px}
@media (max-width:1100px){.prm-adm{grid-template-columns:1fr}.prm-adm-prev{position:static}}
.prm-adm-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.prm-sw{display:inline-flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.prm-img{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px dashed var(--line);border-radius:12px;padding:10px}.prm-img img{width:120px;height:72px;object-fit:cover;border-radius:8px}
section.block.prm-sec.prm-prev{padding:0;margin:0}
.prm-adm-top h2{font-size:20px}
@media (max-width:860px){.prm-art{width:min(280px,100%);padding:20px 16px}}
/* featured card: company + days ago row under the logo (v38) */
.fj-cr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.fj-card .fj-co{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.fj-ago{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--muted);white-space:nowrap;flex:none}.fj-ago svg{width:11px;height:11px}
.fj-card h3{margin:0}
/* home blog carousel (v39) */
.bc{display:grid;gap:18px}
.bc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bc-eb{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-text);margin-bottom:4px}
.bc-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 8px 22px;margin:-10px -8px -12px;scroll-padding-inline:8px;scrollbar-width:none}
.bc-track::-webkit-scrollbar{display:none}
.bc-slot{scroll-snap-align:start;display:grid}
.bc-card{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 14px rgba(15,23,42,.05);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s}
.bc-card:hover,.bc-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:0 2px 4px rgba(15,23,42,.04),0 14px 30px -12px rgba(37,99,235,.28)}
.bc-img{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#E0E7FF,#F5F3FF);overflow:hidden}
.bc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bc-card:hover .bc-img img{transform:scale(1.05)}
.bc-img::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(15,23,42,.35));pointer-events:none}
.bc-ph{display:grid;place-items:center;height:100%;font-size:44px;font-weight:700;color:var(--brand-text)}
.bc-cat{position:absolute;left:12px;top:12px;z-index:1;background:rgba(255,255,255,.92);color:#1E3A8A;font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 10px;backdrop-filter:blur(6px);max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-body{display:grid;gap:8px;align-content:start;padding:16px 18px 18px}
.bc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.bc-meta span{display:inline-flex;align-items:center;gap:5px}.bc-meta svg{width:13px;height:13px}
.bc-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.bc-card h3{font-size:17px;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.bc-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bc-go{font-weight:600;font-size:13.5px;color:var(--brand-text);margin-top:2px}.bc-card:hover .bc-go span{display:inline-block;transform:translateX(3px);transition:transform .2s}
:root[data-kj="dark"] .bc-cat{background:rgba(21,23,27,.85);color:#C7D2FE}
@media (max-width:1000px){.bc-track{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:640px){.bc-track{grid-auto-columns:86%}.bc .fj-arrow{display:none}}