.signup-hero{padding:48px 40px 8px;background:var(--cream-alt);border-bottom:1px solid var(--border)}
.signup-hero h1{margin:10px 0 0;font:700 32px 'JetBrains Mono',monospace;letter-spacing:-.02em;color:var(--navy)}
.signup-intro{margin:14px 0 32px;font:400 15px/1.65 'JetBrains Mono',monospace;color:var(--body);max-width:640px}

.signup-section{padding:40px 40px 64px;background:var(--cream)}
.signup-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:start}

/* notices (design-system callouts) */
.signup-notes{display:flex;flex-direction:column;gap:12px;position:sticky;top:24px}
.notice{display:flex;gap:13px;align-items:flex-start;border-radius:12px;padding:15px 18px;font:500 13px/1.55 'JetBrains Mono',monospace}
.notice i{margin-top:2px}
.notice p{margin:0}
.notice ul{margin:8px 0 0;padding-left:18px}
.notice li{margin:0 0 4px}
.notice-info{background:var(--paper-alt);border:1px solid #f0e2a8;color:var(--body-soft)}
.notice-info i{color:var(--teal)}
.notice-warn{background:#fdf3c4;border:1px solid #f0e2a8;color:#6b5200}
.notice-warn i{color:#a97d00}
.notice-error{background:#fbe3de;border:1px solid #f0b8ad;color:#8a2a1a}
.notice-error i{color:#a5311f}
.notice-teal{background:#cdeee9;border:1px solid #9ad9d0;color:#0b5850}
.notice-teal i{color:#0f766e}
.notice-teal a{color:#0f766e;font-weight:600}

/* form */
.signup-form{
  display:flex;flex-direction:column;gap:18px;
  background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:32px;
}
.field{display:flex;flex-direction:column;gap:6px}
.field-label{font:600 12px 'JetBrains Mono',monospace;color:#3d4d55}
.field-hint{font:400 12px 'JetBrains Mono',monospace;color:var(--muted)}
.req{color:#a5311f}
.field input,.field select,.field textarea{
  border:1px solid var(--border-input);border-radius:8px;padding:11px 13px;
  font:500 13px 'JetBrains Mono',monospace;color:var(--navy);background:#fffefb;
}
.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--teal);outline:2px solid #cdeee9;outline-offset:0;
}
.checkbox-field{display:flex;align-items:flex-start;gap:11px;font:500 13px 'JetBrains Mono',monospace;color:var(--navy)}
.checkbox-field input{width:20px;height:20px;flex:none;accent-color:var(--teal);margin-top:1px}
.btn-submit{justify-content:center;width:100%;border:none;cursor:pointer;font-size:15px;padding:14px 22px}
.form-footnote{margin:0;text-align:center;font:500 12px 'JetBrains Mono',monospace;color:var(--muted)}

@media (max-width:860px){
  .signup-hero{padding:32px 20px 8px}
  .signup-section{padding:28px 20px 48px}
  .signup-grid{grid-template-columns:1fr}
  .signup-notes{position:static}
  .signup-form{padding:22px}
}