:root{
 --red:#c8102e;--red-dark:#98091f;--ink:#19131d;--muted:#706675;
 --line:#e9e3e8;--page:#f8f7f8;--gold:#f5b700;--green:#167341;
 --shadow:0 14px 38px rgba(45,25,35,.08)
}
*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;background:var(--page);color:var(--ink)}
a{color:inherit}
.topbar{
 position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);
 border-bottom:1px solid var(--line);backdrop-filter:blur(10px)
}
.topbar-in{
 width:min(var(--public-width),calc(100% - 40px));height:70px;margin:auto;
 display:flex;align-items:center;gap:22px
}
.brand img{display:block;width:171px;height:auto}
.topnav{margin-left:auto;display:flex;align-items:center;gap:5px}
.topnav a{
 padding:10px 12px;border-radius:9px;text-decoration:none;
 color:#463b49;font-size:13px;font-weight:700
}
.topnav a:hover,.topnav a.active{background:#fff0f3;color:var(--red)}
.topnav .employer{border:1px solid #e2cbd0;color:var(--red)}
.hero{
 padding:48px 20px 40px;border-bottom:1px solid var(--line);
 background:
 radial-gradient(circle at 82% 15%,rgba(245,183,0,.18),transparent 25%),
 linear-gradient(180deg,#fff,#faf9fa)
}
.hero-in{width:min(950px,100%);margin:auto;text-align:center}
.hero span{
 color:var(--red);font-size:10px;font-weight:900;letter-spacing:.15em
}
.hero h1{
 margin:10px 0 10px;font-size:clamp(32px,5vw,49px);
 line-height:1.05;letter-spacing:-.04em
}
.hero h1 em{color:var(--red);font-style:normal}
.hero p{margin:0 auto 24px;max-width:650px;color:var(--muted);line-height:1.6}
.company-search{
 display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;
 gap:0;padding:8px;border:1px solid var(--line);border-radius:16px;
 background:#fff;box-shadow:0 19px 50px rgba(45,25,35,.1)
}
.company-search label{
 min-width:0;height:50px;display:flex;align-items:center;gap:8px;
 padding:0 14px;border-right:1px solid var(--line)
}
.company-search i{color:#948997;font-style:normal}
.company-search input{
 min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;font:inherit
}
.company-search button{
 min-width:135px;border:0;border-radius:10px;background:var(--red);
 color:#fff;font:inherit;font-weight:850;cursor:pointer
}
.page{width:min(var(--public-width),calc(100% - 40px));margin:25px auto 55px}
.result-head{
 display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px
}
.result-head h2{margin:0 0 4px;font-size:24px}
.result-head p{margin:0;color:var(--muted);font-size:11px}
.result-head a{color:var(--red);font-size:11px;font-weight:800}
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.company-card{
 min-width:0;padding:21px;border:1px solid var(--line);border-radius:15px;
 background:#fff;text-decoration:none;transition:.18s
}
.company-card:hover{
 transform:translateY(-3px);border-color:#d8adb5;box-shadow:var(--shadow)
}
.company-head{display:flex;align-items:flex-start;gap:13px}
.company-mark{
 flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;
 border:1px solid #eed58f;border-radius:12px;background:#fff6d4;
 color:#af6700;font-size:22px;font-weight:900
}
.company-card:nth-child(6n+2) .company-mark{background:#eaf2ff;border-color:#cadbfa;color:#3158a8}
.company-card:nth-child(6n+3) .company-mark{background:#e9f7ef;border-color:#c5e7d1;color:#1b7044}
.company-card:nth-child(6n+4) .company-mark{background:#f4ebff;border-color:#dfcdf3;color:#73439a}
.company-card:nth-child(6n+5) .company-mark{background:#ffebee;border-color:#f1cbd1;color:#a72d42}
.company-card:nth-child(6n+6) .company-mark{background:#e8f7f7;border-color:#c4e6e6;color:#196f72}
.company-name{min-width:0;flex:1}
.company-name h3{
 margin:1px 0 5px;font-size:17px;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis
}
.company-name p{
 margin:0;color:var(--muted);font-size:11px;white-space:nowrap;
 overflow:hidden;text-overflow:ellipsis
}
.verified{
 flex:0 0 auto;padding:5px 7px;border-radius:99px;background:#e9f7ef;
 color:var(--green);font-size:8px;font-weight:900
}
.company-meta{
 display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px
}
.company-meta div{padding:11px;border-radius:9px;background:#f8f6f8}
.company-meta small{display:block;margin-bottom:3px;color:#918694;font-size:8px}
.company-meta b{
 display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.company-foot{
 display:flex;align-items:center;justify-content:space-between;
 margin-top:17px;padding-top:13px;border-top:1px solid #f0ebef
}
.company-foot span{color:#918694;font-size:9px}
.company-foot b{color:var(--red);font-size:11px}
.empty{
 grid-column:1/-1;padding:50px 20px;border:1px dashed #dcd4dc;
 border-radius:15px;background:#fff;text-align:center
}
.empty h2{margin:0 0 8px}.empty p{margin:0;color:var(--muted)}
.detail-layout{
 display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start
}
.panel{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff}
.profile-head{display:flex;align-items:flex-start;gap:16px}
.profile-head .company-mark{width:65px;height:65px;flex-basis:65px;font-size:27px}
.profile-title{min-width:0;flex:1}
.profile-title h1{margin:2px 0 7px;font-size:29px;line-height:1.15}
.profile-title p{margin:0;color:var(--muted)}
.profile-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;margin-top:23px
}
.profile-stat{padding:13px;border-radius:10px;background:#f8f6f8}
.profile-stat small{display:block;margin-bottom:4px;color:#918694;font-size:8px}
.profile-stat b{font-size:11px}
.section{margin-top:23px;padding-top:21px;border-top:1px solid var(--line)}
.section h2{margin:0 0 12px;font-size:18px}
.job-list{display:grid;gap:10px}
.job-link{
 display:flex;align-items:center;justify-content:space-between;gap:15px;
 padding:14px;border:1px solid var(--line);border-radius:10px;text-decoration:none
}
.job-link:hover{border-color:#d7acb5}
.job-link b{display:block;font-size:13px}
.job-link small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.job-link span{color:var(--red);font-size:12px;font-weight:850}
.side{position:sticky;top:94px}
.side a{
 display:block;margin-top:12px;padding:13px;border-radius:9px;
 background:var(--red);color:#fff;text-align:center;text-decoration:none;font-weight:850
}
.side a.secondary{background:#fff;color:var(--red);border:1px solid var(--line)}
.site-footer{
 padding:25px 20px;border-top:1px solid var(--line);
 background:#fff;color:#817786;text-align:center;font-size:10px
}
@media(max-width:950px){
 .company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .detail-layout{grid-template-columns:1fr}.side{position:static}
}
@media(max-width:700px){
 .topbar-in{width:calc(100% - 24px);height:62px}.brand img{width:145px}
 .topnav a:not(.candidate){display:none}
 .hero{padding:32px 12px 28px}
 .company-search{grid-template-columns:1fr;padding:7px}
 .company-search label{border-right:0;border-bottom:1px solid var(--line)}
 .company-search button{height:48px;margin-top:6px}
 .page{width:calc(100% - 24px);margin-top:16px}
 .company-grid{grid-template-columns:1fr}
 .panel{padding:18px}.profile-title h1{font-size:23px}
 .profile-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:390px){
 .profile-grid{grid-template-columns:1fr}
 .company-meta{grid-template-columns:1fr}
}

/* Public company pagination */
.company-pagination{
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
 gap:7px;
 margin:25px auto 0;
}

.company-pagination a,
.company-pagination strong,
.company-pagination span{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:36px;
 height:36px;
 padding:0 10px;
 box-sizing:border-box;
 border-radius:9px;
 font-size:12px;
 line-height:1;
 text-decoration:none;
}

.company-pagination a{
 border:1px solid var(--line);
 background:#fff;
 color:#55494d;
 font-weight:700;
 transition:border-color .15s,color .15s;
}

.company-pagination a:hover{
 border-color:var(--red);
 color:var(--red);
}

.company-pagination strong{
 border:1px solid var(--red);
 background:var(--red);
 color:#fff;
 font-weight:800;
}

.company-pagination span{
 min-width:20px;
 padding:0;
 color:var(--muted);
}

.company-pagination .page-direction{
 min-width:92px;
}

@media(max-width:520px){
 .company-pagination{
  gap:5px;
  margin-top:20px;
 }

 .company-pagination a,
 .company-pagination strong{
  min-width:34px;
  height:34px;
  padding:0 8px;
 }

 .company-pagination .page-direction{
  min-width:auto;
 }
}

/* Compact company navigation in result header */
.result-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 flex-wrap:wrap;
 gap:8px;
}

.result-actions .clear-company-filters{
 margin-right:4px;
 color:var(--red);
 font-size:11px;
 font-weight:800;
}

.company-top-navigation{
 display:flex;
 align-items:center;
 gap:7px;
}

.company-top-navigation a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:34px;
 padding:0 13px;
 border:1px solid var(--line);
 border-radius:9px;
 background:#fff;
 color:#55494d!important;
 font-size:11px!important;
 font-weight:750!important;
 text-decoration:none;
 white-space:nowrap;
 transition:border-color .15s,color .15s;
}

.company-top-navigation a:hover{
 border-color:var(--red);
 color:var(--red)!important;
}

@media(max-width:600px){
 .result-head{
  align-items:flex-start;
  flex-direction:column;
 }

 .result-actions{
  width:100%;
  justify-content:space-between;
 }

 .company-top-navigation{
  margin-left:auto;
 }

 .company-top-navigation a{
  min-height:36px;
  padding:0 12px;
 }
}