/* css/page/careers.css — Careers landing + scout application (dark Playbook theme). */

.cr-wrap{max-width:1000px;margin:0 auto;padding:30px 20px 60px}

/* ===== Landing ===== */
.cr-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(135deg,#071630 0%,#0a1c38 55%,#0d2748 100%);padding:46px 36px;margin-bottom:26px}
.cr-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;
  background:radial-gradient(circle,rgba(158,232,78,.16),transparent 70%);pointer-events:none}
.cr-hero .eyebrow{color:var(--green-glow);margin-bottom:12px}
.cr-hero h1{margin:0 0 14px;font-size:clamp(30px,5.4vw,44px);line-height:1.03;color:#fff;position:relative;z-index:1}
.cr-hero p{margin:0 0 22px;max-width:720px;font-size:17px;line-height:1.55;color:var(--ice);position:relative;z-index:1}
.cr-hero .btn-xl{position:relative;z-index:1}

.cr-sec{margin:38px 0}
.cr-sec h2{margin:0 0 14px;font-size:clamp(22px,3.6vw,28px);color:#fff}
.cr-sec p{margin:0 0 14px;color:var(--muted);font-size:15.5px;line-height:1.7}
.cr-sec p:last-child{margin-bottom:0}
.cr-sec strong{color:var(--ice)}

/* Role cards: College Scout vs Associate Scout */
.cr-roles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
@media(max-width:760px){.cr-roles{grid-template-columns:1fr}}
.cr-rolecard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 24px}
.cr-rolecard .tag{display:inline-block;font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;
  font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:#04101f;
  background:linear-gradient(180deg,var(--cyan),var(--blue));padding:5px 12px;border-radius:6px;margin-bottom:12px}
.cr-rolecard.assoc .tag{background:linear-gradient(180deg,var(--green-glow),var(--green))}
.cr-rolecard h3{margin:0 0 8px;color:#fff;font-size:20px}
.cr-rolecard p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}

/* Perks grid */
.cr-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:6px}
@media(max-width:760px){.cr-perks{grid-template-columns:1fr}}
.cr-perk{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:22px}
.cr-perk .ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  margin-bottom:13px;background:linear-gradient(140deg,var(--cyan),var(--blue));color:#04101f}
.cr-perk .ic svg{width:22px;height:22px}
.cr-perk h3{margin:0 0 7px;color:#fff;font-size:17px}
.cr-perk p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

.cr-cta{margin:40px 0 0;background:linear-gradient(135deg,#071630,#0d2748);border:1px solid var(--line);
  border-radius:16px;padding:38px 30px;text-align:center}
.cr-cta h2{margin:0 0 8px;color:#fff;font-size:clamp(24px,4vw,32px)}
.cr-cta p{margin:0 auto 20px;color:var(--ice);max-width:600px;line-height:1.55}

/* ===== Application (multi-step) ===== */
.cr-app{max-width:760px;margin:0 auto}
.cr-apphead{margin-bottom:22px}
.cr-apphead .eyebrow{color:var(--green-glow);margin-bottom:8px}
.cr-apphead h1{margin:0 0 6px;font-size:clamp(26px,4.6vw,36px);color:#fff;line-height:1.05}
.cr-apphead p{margin:0;color:var(--muted);font-size:15px}

/* Step progress */
.cr-steps{display:flex;align-items:center;gap:8px;margin:22px 0 26px}
.cr-step{flex:1;display:flex;align-items:center;gap:8px}
.cr-step .dot{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;font-weight:900;font-size:14px;
  border:1px solid var(--line);background:var(--bg2);color:var(--muted)}
.cr-step .nm{font-size:12.5px;color:var(--muted);font-weight:600}
.cr-step .bar{flex:1;height:2px;background:var(--line);border-radius:2px}
.cr-step.active .dot{background:linear-gradient(140deg,var(--cyan),var(--blue));color:#04101f;border-color:transparent}
.cr-step.active .nm{color:#fff}
.cr-step.done .dot{background:linear-gradient(140deg,var(--green-glow),var(--green));color:#04150a;border-color:transparent}
@media(max-width:560px){.cr-step .nm{display:none}}

/* Panels */
.cr-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 26px 28px}
.cr-panel[hidden]{display:none}
.cr-panel h2{margin:0 0 4px;color:#fff;font-size:21px}
.cr-panel .sub{margin:0 0 20px;color:var(--muted);font-size:14.5px}

/* Big choice buttons (location, yes/no) */
.cr-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:480px){.cr-choices{grid-template-columns:1fr}}
.cr-choice{position:relative}
.cr-choice input{position:absolute;opacity:0;pointer-events:none}
.cr-choice span{display:block;cursor:pointer;text-align:center;border:1px solid var(--line);border-radius:11px;
  padding:18px 14px;font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;text-transform:uppercase;
  letter-spacing:.03em;font-weight:800;font-size:16px;color:var(--ice);background:var(--bg2);transition:.15s}
.cr-choice input:checked + span{color:#04101f;background:linear-gradient(180deg,var(--cyan),var(--blue));border-color:transparent}
.cr-choice input:focus-visible + span{box-shadow:0 0 0 3px rgba(31,143,255,.3)}

/* Form fields (reuse contact look) */
.crf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crf-row[hidden]{display:none}
@media(max-width:520px){.crf-row{grid-template-columns:1fr}}
.crf-field{display:block;margin-bottom:14px}
.crf-field span{display:block;font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;
  text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800;color:var(--ice);margin-bottom:6px}
.crf-field .opt{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400;font-style:normal}
.crf-field input,.crf-field select,.crf-field textarea{width:100%;box-sizing:border-box;background:var(--bg2);
  border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--ink);font-size:15px;font-family:inherit}
.crf-field textarea{min-height:90px;resize:vertical}
.crf-field input:focus,.crf-field select:focus,.crf-field textarea:focus{outline:none;border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(31,143,255,.18)}
.crf-field select{appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239fb8d4' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}
.crf-zip-note{margin:-4px 0 14px;font-size:12.5px;color:var(--muted)}
.crf-zip-note[hidden]{display:none}

/* Inline yes/no question rows */
.cr-q{padding:14px 0;border-top:1px solid var(--line)}
.cr-q:first-of-type{border-top:none}
.cr-q .ql{display:block;font-size:15px;color:var(--ink);margin-bottom:10px;font-weight:600}
.cr-yn{display:inline-grid;grid-template-columns:auto auto;gap:8px}
.cr-yn .cr-choice span{padding:9px 22px;font-size:14px}

/* Resume upload */
.cr-file{border:1px dashed var(--line);border-radius:11px;padding:18px;background:var(--bg2);text-align:center}
.cr-file input[type=file]{display:none}
.cr-file label{cursor:pointer;display:inline-block;font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;
  text-transform:uppercase;letter-spacing:.03em;font-weight:800;font-size:14px;color:#04101f;
  background:linear-gradient(180deg,var(--cyan),var(--blue));padding:10px 18px;border-radius:8px}
.cr-file .hint{margin-top:10px;font-size:12.5px;color:var(--muted)}
.cr-file .fname{margin-top:10px;font-size:13.5px;color:var(--green-glow);font-weight:600;word-break:break-all}

/* honeypot */
.cr-website{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Nav buttons */
.cr-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.cr-back{background:none;border:1px solid var(--line);color:var(--ice);border-radius:9px;padding:13px 22px;cursor:pointer;
  font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;text-transform:uppercase;font-weight:800;font-size:14px}
.cr-back:hover{border-color:var(--blue);color:#fff}
.cr-next,.cr-submit{margin-left:auto;border:0;cursor:pointer;border-radius:9px;padding:13px 26px;
  font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;font-weight:900;font-size:15px;
  letter-spacing:.03em;text-transform:uppercase;color:#04101f;background:linear-gradient(180deg,var(--cyan),var(--blue));
  box-shadow:0 0 18px -4px rgba(31,143,255,.6)}
.cr-submit:disabled{opacity:.6;cursor:default}

.cr-err{margin-top:14px;background:rgba(255,90,90,.1);border:1px solid rgba(255,90,90,.35);color:#ffb4b4;
  border-radius:8px;padding:10px 13px;font-size:14px;display:none}

/* Success */
.cr-ok{text-align:center;padding:40px 16px}
.cr-ok .ic{width:62px;height:62px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--green-glow),var(--green));color:#04150a;font-size:32px;font-weight:900}
.cr-ok .big{font-family:'Saira Condensed',sans-serif;font-style:oblique 0deg 12deg;font-size:28px;font-weight:900;
  color:#fff;text-transform:uppercase;margin-bottom:10px}
.cr-ok p{color:var(--muted);margin:0 auto;max-width:460px;line-height:1.6}