/* The unified Create account (Chris, Oct 16), on top of signup.css: the three-way toggle (one row, equal widths), the
   hiring-only checkbox, and the Talent Network section that stands apart when signing up for both. */
.auth [hidden]{display:none!important}
.ca-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 16px;padding:5px;border:1px solid rgba(26,24,20,.14);border-radius:16px;background:#F5F1E8}
.ca-toggle [role=tab]{min-height:48px;padding:8px 10px;border:0;border-radius:12px;background:none;color:var(--char);font:600 14px/1.25 inherit;text-align:center;cursor:pointer}
.ca-toggle [role=tab]:hover{background:rgba(181,98,42,.08)}
.ca-toggle [role=tab][aria-selected="true"]{background:var(--rust);color:#FEFCF7;box-shadow:0 6px 16px -8px rgba(181,98,42,.7)}
.ca-toggle [role=tab]:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
.opt{font-weight:400;color:var(--muted)}

/* Hiring only: the checkbox, then the personal email in line */
.ca-check{display:flex;gap:12px;align-items:flex-start;margin:24px 0 0;padding:14px 16px;border:1px dashed rgba(181,98,42,.45);border-radius:12px;background:rgba(181,98,42,.05);font-size:15px;line-height:1.5;color:var(--char);cursor:pointer}
.ca-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--rust);flex:none}
.ca-tn{margin-top:18px}

/* Both: its own section, set apart with a divider above and the prism edge */
.ca-tn.is-boxed{position:relative;margin-top:34px;padding:24px 22px 22px;border:1px solid rgba(196,184,168,.75);border-radius:16px;
  background:linear-gradient(90deg,#F0A030,#3FC7B0,#6C6CF4) top / 100% 4px no-repeat,#FEFCF7;box-shadow:0 18px 40px -30px rgba(26,24,20,.35)}
.ca-tn.is-boxed::before{content:"";position:absolute;left:0;right:0;top:-18px;border-top:1px solid rgba(196,184,168,.6)}
.ca-tn-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5B5BD6}
.ca-tn h3{margin:0 0 8px;font-size:24px;font-weight:400;line-height:1.2}
.ca-tn-lede{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--muted)}
@media(max-width:520px){.ca-toggle [role=tab]{min-height:56px;font-size:13px;padding:6px}}

/* Fits a 14-inch laptop screen (Chris, Oct 16): hiring and Talent Network forms in full without scrolling; "both" may
   scroll. The form starts at the top, spacing is tighter, and work email and phone share a row. The left panel is
   anchored to the top so it sits in the same place on every tab. */
.auth-main{align-items:flex-start;padding:28px clamp(20px,4vw,56px)}
.auth-card h2{font-size:30px;margin:0 0 4px}
.ca-toggle{margin:6px 0 10px}
.ca-toggle [role=tab]{min-height:40px}
.auth-card .lede{font-size:14.5px;line-height:1.5;margin:0 0 14px}
.fields{gap:12px 16px}
.fld{gap:5px}
.fld input{min-height:40px;padding:8px 12px}
.fld .hint{font-size:12px;line-height:1.35}
.ca-check{margin:14px 0 0;padding:9px 14px;font-size:14px}
.ca-tn{margin-top:12px}
.agree{margin:14px 0 2px}
.submit{margin-top:12px;min-height:44px}
.fine{margin-top:10px}
.auth-side{justify-content:flex-start;gap:0;padding:28px clamp(24px,4vw,56px)}
.side-copy{margin:56px 0 0}
.side-copy h1{font-size:clamp(30px,2.8vw,40px);margin:0 0 20px}
.side-points{gap:10px}
.side-points li{font-size:14.5px;line-height:1.5}
.side-offer{margin-top:22px;padding-top:18px;font-size:15.5px}
.side-offer b{font-size:24px}
@media(max-width:900px){.side-copy{margin:16px 0 0}}
/* A form section, not a page section: none of the site's section padding or background. */
.ca-tn{padding:0;background:none;overflow:visible;isolation:auto}