.developer-lead-modal .modal-dialog { max-width: 540px; margin: 24px auto; min-height: calc(100% - 48px); }
.developer-lead-modal .modal-content { border: 0; border-radius: 28px; box-shadow: 0 24px 80px #11111333; }
.developer-lead-modal .modal-header { align-items: flex-start; justify-content: space-between; padding: 28px 28px 16px; border: 0; gap: 16px; }
.developer-lead-modal .btn-close { flex-shrink: 0; margin: 0; padding: 12px; }
.developer-lead-eyebrow { display: block; margin-bottom: 12px; color: #3733ff; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.developer-lead-modal h2 { font-size: 30px; line-height: 1.15; font-weight: 700; letter-spacing: -.7px; }
.developer-lead-modal .modal-body { padding: 0 28px 28px; }
.developer-lead-modal #developerLeadIntro { color: #62626a; font-size: 15px; line-height: 1.5; margin-bottom: 22px; }
.developer-lead-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.developer-lead-field label { font-size: 14px; font-weight: 600; }
.developer-lead-field label span { font-weight: 400; color: #62626a; }
.developer-lead-field input, .developer-lead-field textarea { width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #d9d9e1; border-radius: 12px; background: #f8f8fa; color: #111113; font: inherit; font-size: 16px; line-height: 1.4; }
.developer-lead-field textarea { resize: vertical; min-height: 92px; max-height: 240px; }
.developer-lead-field input:focus, .developer-lead-field textarea:focus { outline: 2px solid #3733ff; outline-offset: 2px; background: white; }
.developer-lead-field [aria-invalid="true"] { border-color: #b42318; }
.developer-lead-field-error { color: #b42318; font-size: 13px; line-height: 1.4; }
.developer-lead-field-error:empty { display: none; }
.developer-lead-modal .developer-lead-submit { width: 100%; min-height: 52px; margin-top: 4px; }
.developer-lead-modal button:disabled { opacity: .65; cursor: wait; }
.developer-lead-modal .developer-lead-note { margin-top: 12px; color: #62626a; text-align: center; font-size: 12px; line-height: 1.5; }
.developer-lead-modal .developer-lead-error { padding: 12px; margin-bottom: 16px; color: #8f2119; background: #fff0ee; border-radius: 10px; font-size: 14px; line-height: 1.5; }
.developer-lead-modal .developer-lead-preview { margin-bottom: 18px; padding: 10px 12px; border-radius: 10px; background: #f1f0ff; color: #403887; font-size: 12px; line-height: 1.5; }
.developer-lead-success { padding: 10px 0 4px; text-align: center; }
.developer-lead-success-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: 50%; color: #3733ff; background: #efeeff; font-size: 32px; }
.developer-lead-success h3 { font-size: 26px; line-height: 1.2; font-weight: 700; }
.developer-lead-success p { margin: 16px 0 24px; color: #62626a; font-size: 16px; line-height: 1.5; }
.developer-lead-success .landing-button { width: 100%; }
.developer-lead-modal [hidden] { display: none !important; }
@media (max-width: 575.98px) {
    .developer-lead-modal .modal-dialog { width: auto; margin: 12px; min-height: calc(100% - 24px); }
    .developer-lead-modal .modal-dialog-scrollable { height: calc(100% - 24px); }
    .developer-lead-modal .modal-content { border-radius: 22px; }
    .developer-lead-modal .modal-header { padding: 22px 20px 16px; }
    .developer-lead-modal .modal-body { padding: 0 20px 24px; }
    .developer-lead-modal h2 { font-size: 26px; }
}