.demo-form{padding:144px 40px}.demo-form__inner{background:var(--surface);max-width:1300px;box-shadow:0 1px 3px rgba(var(--shadow-rgb), .04), 0 8px 24px rgba(var(--shadow-rgb), .06);border-radius:24px;grid-template-columns:1fr 1.2fr;align-items:start;gap:64px;margin:0 auto;padding:64px 48px;display:grid}.demo-form__intro{flex-direction:column;gap:16px;display:flex}.demo-form__heading{font-family:var(--font-poppins), sans-serif;color:var(--text);margin:0;font-size:40px;font-weight:600;line-height:56px}.demo-form__body{font-family:var(--font-inter), sans-serif;color:var(--text);letter-spacing:-.18px;margin:0;font-size:18px;font-weight:400;line-height:28px}.demo-form__form{flex-direction:column;gap:16px;display:flex}.demo-form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.demo-form__field{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-form__label{font-family:var(--font-inter), sans-serif;color:var(--text);font-size:14px;font-weight:500;line-height:20px}.demo-form__input{width:100%;font-family:var(--font-inter), sans-serif;color:var(--text);background:var(--surface-dim);border:1px solid var(--border-light,var(--gray-3,#edeff1));border-radius:8px;padding:12px 14px;font-size:14px;font-weight:400;line-height:20px;transition:border-color .15s,background .15s}.demo-form__input::placeholder{color:var(--text-faint,#0f171f66)}.demo-form__input:focus{border-color:var(--text);background:var(--surface);outline:none}.demo-form__textarea{resize:vertical;min-height:120px}.demo-form__error{font-family:var(--font-inter), sans-serif;color:#d92d20;margin:0;font-size:14px;line-height:20px}.demo-form__submit{width:fit-content;margin-top:8px}.demo-form__success{flex-direction:column;gap:12px;padding:24px 0;display:flex}.demo-form__success-title{font-family:var(--font-poppins), sans-serif;color:var(--text);margin:0;font-size:24px;font-weight:600;line-height:32px}.demo-form__success-body{font-family:var(--font-inter), sans-serif;color:var(--text);margin:0;font-size:16px;line-height:24px}@media (max-width:1199px){.demo-form{padding:100px 24px}.demo-form__inner{grid-template-columns:1fr;gap:32px;padding:48px 32px}.demo-form__heading{font-size:32px;line-height:48px}.demo-form__body{font-size:16px;line-height:24px}}@media (max-width:799px){.demo-form{padding:80px 16px}.demo-form__inner{padding:32px 24px}.demo-form__heading{font-size:24px;line-height:32px}.demo-form__row{grid-template-columns:1fr}}