:root{--blue:#0646b3;--blue2:#1266e4;--ink:#11233f;--muted:#6f7e94;--line:#dce6f2;--green:#168653;--orange:#b87309}
*{box-sizing:border-box}body{margin:0;background:#f6f9fd;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}
header{height:66px;padding:0 4vw;background:linear-gradient(100deg,#07377e,#075bd0);display:flex;align-items:center;gap:30px}
header a{color:white;text-decoration:none;font-weight:700}header nav{display:flex;gap:20px}.brand{font-size:27px;font-weight:900}.brand span{font-weight:500}
main{max-width:1160px;margin:auto;padding:36px 20px 60px}footer{text-align:center;color:#8a97aa;padding:20px}
h1{font-size:40px;line-height:1.08;margin:0 0 14px}.eyebrow{color:var(--blue2);font-size:13px;font-weight:900;margin-bottom:8px}.lead,.hero p{color:var(--muted);font-size:17px;line-height:1.55}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.hero>div,.panel,.box,.candidate,.cards article{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px #214b8610;padding:28px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:850}.primary{background:linear-gradient(100deg,var(--blue),var(--blue2));color:#fff}.secondary{background:#eef5ff;color:var(--blue)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.ok{color:var(--green)}.wait{color:var(--orange)}
.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.candidate{padding:18px}.topline{display:flex;justify-content:space-between;color:#6d7d93}.photo{height:190px;background:#eaf2fc;border-radius:14px;display:grid;place-items:center;color:#71829a;margin:14px 0}.decision{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.decision button{border:0;border-radius:9px;padding:10px}.no{background:#fff0f0;color:#b63d3d}.yes{background:#edf9f1;color:#187a4a}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.good,.waiting{padding:14px;border-radius:12px;font-weight:850}.good{background:#edf9f1;color:#187a4a}.waiting{background:#fff7e9;color:#99630c}
code{display:block;background:#f1f6fb;padding:11px;border-radius:10px;overflow-wrap:anywhere}.callback{max-width:760px}
@media(max-width:800px){header{height:auto;min-height:58px;padding:12px 14px;flex-wrap:wrap}header nav{width:100%;justify-content:space-between}main{padding:20px 12px 40px}.hero,.cards,.candidate-grid,.grid2{grid-template-columns:1fr}h1{font-size:31px}}