@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#F4F8FB;--panel:#FFFFFF;--panel2:#F4F8FB;--line:#D9E4EC;--text:#07111F;--muted:#536477;--blue:#089EB7;--cyan:#22D3EE;--green:#0F9F78;--shadow:0 18px 50px rgba(7,17,31,.10)}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
h1,h2,h3,h4{font-family:"Space Grotesk",Inter,sans-serif}
.worklume-appbar{position:sticky;top:0;z-index:48;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,228,236,.9)}
.worklume-appbar-inner{width:min(calc(100% - 40px),1240px);min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.worklume-appbrand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:0}.worklume-appbrand img{width:188px;height:54px;object-fit:contain;object-position:left center}.worklume-appname{padding-left:14px;border-left:1px solid var(--line);color:#405268;font-size:.94rem;font-weight:700;white-space:nowrap}
.worklume-back,.worklume-appbar-inner>button{color:#405268;text-decoration:none;font-size:.94rem;font-weight:700}.worklume-back:hover{color:#087D91}
.hero{padding:58px 24px 42px;background:radial-gradient(circle at 8% 10%,rgba(34,211,238,.14),transparent 28%),linear-gradient(180deg,#F8FCFE 0%,#FFFFFF 94%);border-bottom:1px solid var(--line)}
.eyebrow{color:#087D91}.searchbar input{border:1px solid #C8D6E1;box-shadow:0 12px 34px rgba(7,17,31,.08)}.searchbar button,.primary,.comparebar button,.job-apply{background:var(--coral,#DE5B37);color:#fff;box-shadow:0 10px 24px rgba(222,91,55,.22)}.searchbar button:hover,.primary:hover{background:#B9451F}
.stat{background:#fff;color:#405268;box-shadow:0 5px 18px rgba(7,17,31,.04)}.secondary-btn{border-color:#9EDFE9;background:#DFF9FD;color:#087D91}.saved-btn,.filter-actions button,.card-actions button,.quiz-footer button{background:#fff;color:var(--text)}
.location-btn{border-color:#9EDFE9;background:#DFF9FD;color:#087D91}
.filters,.card,.detail,.program,.job-card,.dialog-head{box-shadow:0 10px 30px rgba(7,17,31,.055)}.filters{top:94px;max-height:calc(100vh - 112px)}.fgroup select,.fgroup input,.metric,.fact,.badge,.program-meta span,.jobs-toolbar input,.jobs-toolbar select{background:#F7FAFC;color:var(--text);border-color:var(--line)}
.card:hover{border-color:#9EDFE9}.badge.training{border-color:#BDE8DC;color:#08745B;background:#E9F8F3}.section p{color:#405268}.dialog{background:#fff}.close{background:#fff;color:var(--text)}.program .vendor,.program a,.nearby-jobs{color:#087D91}.program a{background:#DFF9FD;border-color:#9EDFE9}.tip,.jobs-status{color:#28556A}.secondary-btn,.saved-btn,.location-btn,.filter-actions button,.card-actions button,.tabbtn,.quiz-option,.quiz-footer button{transition:border-color .2s ease,background .2s ease,transform .2s ease}.secondary-btn:hover,.saved-btn:hover,.location-btn:hover{transform:translateY(-1px);border-color:#089EB7}
.card-actions button.active{color:#08745B}.tabbtn.active{background:#DFF9FD;border-color:#9EDFE9;color:#087D91}.quiz-option:hover,.quiz-option.selected{background:#EDFBFD}.job-company{color:#28556A}.comparebar{background:#fff}.comparebar span{color:var(--muted)}
@media(max-width:640px){.worklume-appbar-inner{width:calc(100% - 28px);min-height:68px}.worklume-appbrand img{width:155px;height:54px}.worklume-appname{font-size:.82rem;padding-left:10px}.worklume-back{display:none}}
