/* HirePrism account creation: dark brand panel on the left, the form on cream to the right.
   Builds on site-shared.css (palette, eyebrow, buttons, refraction band). */
body{background:var(--cream)}
.auth{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:100vh}

/* Brand panel */
.auth-side{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:40px;padding:44px clamp(24px,4vw,56px);
  background:radial-gradient(120% 90% at 20% 0%,#2A2620 0%,var(--char) 55%,#131110 100%);color:var(--cream)}
.auth-side .refract.b1{top:30%;left:-220px}
.auth-side .logo .word{font-size:20px;font-weight:600;color:var(--cream)}
.auth-side .logo .word b{font-weight:600;color:#D89250}
.side-copy{position:relative;margin:auto 0}
.side-copy .eyebrow{color:#D89250}
.side-copy h1{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:0 0 28px}
.side-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:44ch}
.side-points li{display:flex;gap:12px;font-size:15.5px;line-height:1.55;color:#E8E1D6}
.side-points svg{flex:none;margin-top:4px}
.side-offer{position:relative;margin:30px 0 0;padding-top:24px;border-top:1px solid rgba(254,252,247,.14);font-size:18px;line-height:1.6;color:#E8E1D6}
.side-offer>span:first-child{display:table;margin:0 0 12px;padding:4px 12px;border-radius:99px;background:rgba(216,146,80,.18);color:#D89250;
  font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}
.side-offer .ln{display:block}
.side-offer s{color:#8E867B;text-decoration-color:#D89250;text-decoration-thickness:2px}
.side-offer b{font-size:34px;font-weight:400;line-height:1;color:#D89250;vertical-align:-3px}

/* Form side */
.auth-main{display:flex;align-items:center;justify-content:center;padding:56px clamp(20px,4vw,64px)}
.auth-card{width:100%;max-width:560px;padding:0;background:none;overflow:visible;isolation:auto}
.auth-card h2{font-size:clamp(28px,3vw,38px);line-height:1.12;margin:0 0 10px}
.auth-card .lede{font-size:15.5px;margin:0 0 28px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld.wide{grid-column:1/-1}
.fld label{font-size:13px;font-weight:600;color:var(--char)}
.fld input{width:100%;min-height:46px;padding:11px 14px;border:1px solid rgba(26,24,20,.18);border-radius:8px;background:#fff;color:var(--char);font:16px/1.3 inherit}
.fld input:focus{outline:none;border-color:var(--rust);box-shadow:0 0 0 3px rgba(181,98,42,.18)}
.fld.bad input{border-color:#9C3D3D;box-shadow:0 0 0 3px rgba(156,61,61,.12)}
.fld .err,.err{margin:0;font-size:12.5px;color:#9C3D3D}
.agree{display:flex;gap:12px;align-items:flex-start;margin:22px 0 4px;font-size:14px;line-height:1.5;color:var(--muted);cursor:pointer}
.agree input{width:18px;height:18px;margin-top:2px;accent-color:var(--rust);flex:none}
a.inline{color:var(--rust);text-decoration:underline;text-underline-offset:2px}
.submit{width:100%;justify-content:center;margin-top:18px;min-height:48px;font-size:15px;border:0;cursor:pointer}
.fine{margin:16px 0 0;font-size:13.5px;color:var(--muted);text-align:center}
.btn{cursor:pointer;font-family:inherit}
.btn:focus-visible,a.inline:focus-visible,.agree input:focus-visible{outline:2px solid var(--rust);outline-offset:3px}
.btn-o{background:#fff;color:var(--char);border:1px solid rgba(26,24,20,.2)}
.btn-o[disabled]{opacity:.55;cursor:default}
.btn-q{background:none;border:0;color:var(--rust);padding-left:6px;padding-right:6px}

/* Check your inbox */
.tips{margin:0 0 22px;padding-left:18px;font-size:14.5px;line-height:1.7;color:var(--muted)}
.check-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mail{margin-top:34px;border:1px solid rgba(196,184,168,.6);border-radius:14px;background:#fff;overflow:hidden;
  box-shadow:0 1px 2px rgba(26,24,20,.04),0 14px 34px -18px rgba(26,24,20,.2)}
.mail-tag{margin:0;padding:10px 18px;background:var(--sand);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.mail-head{padding:14px 18px;border-bottom:1px solid rgba(196,184,168,.45);font-size:13.5px;color:var(--char)}
.mail-head p{margin:0 0 4px;display:flex;gap:10px;min-width:0;overflow-wrap:anywhere}
.mail-head span{width:56px;flex:none;color:var(--muted)}
.mail-body{padding:24px 22px 22px;font-size:14.5px;line-height:1.65;color:var(--char)}
.mail-body p{margin:0 0 14px}
.mail-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}
.mail-logo b{color:var(--rust);font-weight:600}
.mail-fine{font-size:12.5px;color:var(--muted)}

/* Verified */
.done-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:22px;border-radius:50%;background:#FEFCF7;color:var(--rust);
  box-shadow:0 0 0 1px rgba(181,98,42,.25),0 0 30px rgba(240,160,48,.45),0 0 70px rgba(224,95,168,.25)}

@media(max-width:900px){
  .auth{grid-template-columns:1fr}
  .auth-side{gap:24px;padding:28px 20px 30px}
  .side-copy{margin:0}
  .side-copy h1{font-size:30px;margin-bottom:18px}
  .side-points li{font-size:14.5px}
  .auth-main{padding:36px 20px 48px;align-items:flex-start}
}
@media(max-width:520px){.fields{grid-template-columns:1fr}}