/* Registration only. Do not change the shared sidebar or login surfaces. */
body.signup-page { margin:0; background:#fff; color:#172033; font-family:Inter,system-ui,sans-serif; }
body.signup-page * { box-sizing:border-box; font-family:inherit; }
.signup-page .signup-shell { min-height:100vh; min-height:100svh; display:grid; grid-template-columns:45% 55%; }
.signup-page .signup-value { display:flex; align-items:center; padding:clamp(36px,4vw,72px); background:radial-gradient(ellipse at 5% 10%,#203348 0,transparent 62%),#0c1726; color:#fff; }
.signup-page .signup-value-inner { width:100%; max-width:640px; margin:auto; }
.signup-page .signup-eyebrow { margin:0 0 20px; color:#ffad7e; text-transform:uppercase; font-size:12px; line-height:1.5; letter-spacing:.14em; font-weight:600; }
.signup-page .signup-value h2 { font-size:clamp(30px,2.7vw,44px); line-height:1.14; font-weight:600; letter-spacing:-.04em; color:#fff; margin:0 0 18px; overflow-wrap:anywhere; }
.signup-page .signup-intro { color:#c7d2df; font-size:16px; line-height:1.7; margin:0 0 30px; }
.signup-page .signup-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.signup-page .signup-feature { min-width:0; padding:18px 14px; border:1px solid #344153; border-radius:10px; background:rgba(255,255,255,.035); }
.signup-page .signup-feature-icon { display:grid; place-items:center; width:32px; height:32px; margin-bottom:15px; border:1px solid #445065; border-radius:8px; color:#ffad7e; background:rgba(255,255,255,.025); }
.signup-page .signup-feature-icon svg { width:18px; height:18px; }
.signup-page .signup-feature h3 { color:#f7f9fc; font-size:15px; line-height:1.45; font-weight:600; margin:0 0 8px; }
.signup-page .signup-feature p { color:#bdcbdc; font-size:14px; line-height:1.65; margin:0; }
.signup-page.signup-company .signup-feature--primary { border-color:#a25e3d; background:rgba(255,140,77,.075); }
.signup-page.signup-company .signup-feature--primary .signup-feature-icon { border-color:#98603e; background:rgba(255,140,77,.09); }
.signup-page.signup-company .signup-feature--secondary { border-color:#2b3a4e; background:transparent; }
.signup-page .signup-next { display:flex; align-items:flex-start; gap:12px; border-top:1px solid #344153; margin-top:28px; padding-top:22px; }
.signup-page .signup-next-icon { color:#ffad7e; font-size:22px; line-height:1.2; }
.signup-page .signup-next p { color:#d4deea; font-size:14px; line-height:1.7; margin:0; overflow-wrap:anywhere; }
.signup-page .signup-form-panel { display:flex; align-items:center; justify-content:center; padding:48px clamp(28px,6vw,96px); min-width:0; }
.signup-page .signup-form-inner { width:100%; max-width:420px; }
.signup-page .signup-brand { height:80px; overflow:hidden; margin-bottom:30px; }
.signup-page .signup-brand img { width:220px; max-width:220px; height:80px; object-fit:cover; object-position:center; margin:0; }
.signup-page .signup-form-eyebrow { margin:0 0 10px; font-size:12px; text-transform:uppercase; font-weight:600; letter-spacing:.1em; color:#876a5c; }
.signup-page h1 { color:#172033; font-size:28px; line-height:1.3; letter-spacing:-.035em; font-weight:600; margin:0 0 14px; overflow-wrap:anywhere; }
.signup-page .signup-login { color:#677385; font-size:14px; line-height:1.7; margin:0 0 30px; }
.signup-page a { color:#c54b00; text-decoration:underline; text-underline-offset:3px; }
.signup-page a:hover { color:#983900; }
.signup-page .signup-field { margin-bottom:20px; }
.signup-page .signup-field label { display:block; float:none; width:auto; height:auto; margin:0 0 8px; padding:0; background:transparent; color:#293548; font-size:14px; line-height:1.5; font-weight:500; }
.signup-page .signup-field input { display:block; width:100%; max-width:none; min-width:0; height:48px; padding:12px 14px; margin:0; border:1px solid #dce2ea; border-radius:7px; color:#172033; background:#fff; box-shadow:0 1px 2px rgba(15,23,42,.025); font-size:16px; font-weight:400; outline:none; }
.signup-page .signup-field input::placeholder { color:#8a95a5; }
.signup-page .signup-field input:focus { border-color:#eb762f; box-shadow:0 0 0 3px rgba(255,106,0,.1); }
.signup-page .signup-password-wrap { position:relative; }
.signup-page .signup-password-wrap input { padding-right:76px; }
.signup-page .signup-password-toggle { position:absolute; top:3px; right:4px; height:42px; min-width:58px; padding:0 10px; border:0; border-radius:5px; background:transparent; color:#576477; cursor:pointer; font-size:14px; font-weight:500; }
.signup-page .signup-password-toggle:hover { background:#f3f5f8; color:#172033; }
.signup-page .signup-password-toggle:focus-visible { outline:2px solid #ef6b1d; outline-offset:1px; }
.signup-page .signup-error { margin:4px 0 16px; color:#b42318; font-size:14px; line-height:1.6; }
.signup-page .signup-error[hidden] { display:none; }
.signup-page .signup-submit { width:100%; min-height:48px; display:flex; align-items:center; justify-content:center; gap:14px; border:1px solid #c54b00; border-radius:7px; padding:12px 20px; margin:8px 0 0; background:#c54b00; color:#fff; font-size:15px; line-height:1.5; font-weight:600; cursor:pointer; box-shadow:0 2px 3px rgba(158,65,0,.1); }
.signup-page .signup-submit:hover { background:#ae4100; }
.signup-page .signup-submit:focus-visible { outline:3px solid #ffba8a; outline-offset:3px; }
.signup-page .signup-submit:disabled { opacity:.7; cursor:wait; }
.signup-page .signup-terms { font-size:12px; line-height:1.8; color:#7b8594; margin:20px 0 0; }
.signup-page .signup-terms a { color:#677385; font-size:inherit; }
@media (max-width:1150px) and (min-width:901px) {
    .signup-page .signup-value { padding:36px 28px; }
    .signup-page .signup-feature { padding:15px 10px; }
    .signup-page .signup-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .signup-page .signup-shell { grid-template-columns:minmax(0,1fr); }
    .signup-page .signup-form-panel { grid-row:1; padding:32px 24px 44px; }
    .signup-page .signup-brand { margin-bottom:22px; }
    .signup-page .signup-value { grid-row:2; padding:44px 28px; }
    .signup-page .signup-value-inner { max-width:600px; }
    .signup-page .signup-value h2 { font-size:32px; }
}
@media (max-width:480px) {
    .signup-page .signup-form-panel { padding:24px 22px 36px; }
    .signup-page h1 { font-size:25px; }
    .signup-page .signup-value { padding:36px 22px; }
    .signup-page .signup-features { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .signup-page .signup-feature { padding:18px 14px; }
}