.demo-section[data-v-6dcd0f35]{background:#fff;padding:5rem 1.5rem}.demo-container[data-v-6dcd0f35]{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:780px}.demo-info h1[data-v-6dcd0f35]{color:var(--gh-surface-2);font-size:2.25rem;font-weight:700;margin-bottom:.75rem}.demo-info p[data-v-6dcd0f35]{color:#666;font-size:1.05rem;line-height:1.6}.demo-form[data-v-6dcd0f35],.form-fields[data-v-6dcd0f35]{display:flex;flex-direction:column;gap:1.25rem}.form-row[data-v-6dcd0f35]{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}@media(max-width:600px){.form-row[data-v-6dcd0f35]{grid-template-columns:1fr}}.form-group[data-v-6dcd0f35]{display:flex;flex-direction:column;gap:.4rem}.form-group label[data-v-6dcd0f35]{color:#333;font-size:.9rem;font-weight:600}.required[data-v-6dcd0f35]{color:#e53e3e}.form-group input[data-v-6dcd0f35],.form-group textarea[data-v-6dcd0f35]{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .2s}.form-group input[data-v-6dcd0f35]:focus,.form-group textarea[data-v-6dcd0f35]:focus{background:#fff;border-color:var(--bs-primary);outline:none}.form-group input.invalid[data-v-6dcd0f35],.form-group textarea.invalid[data-v-6dcd0f35]{background:#fff5f5;border-color:#e53e3e}.form-group input.invalid[data-v-6dcd0f35]:focus,.form-group textarea.invalid[data-v-6dcd0f35]:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.field-error[data-v-6dcd0f35]{color:#e53e3e;font-size:.8rem}.required-note[data-v-6dcd0f35]{color:#888;font-size:.85rem;margin:0}.btn-submit[data-v-6dcd0f35]{align-self:flex-start;background:var(--bs-primary);border:none;border-radius:8px;color:var(--gh-on-primary,#0a0a0a);cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 2.5rem;transition:opacity .2s}.btn-submit[data-v-6dcd0f35]:disabled{cursor:not-allowed;opacity:.6}.form-success[data-v-6dcd0f35]{background:#d1fae5;color:#065f46}.form-error[data-v-6dcd0f35],.form-success[data-v-6dcd0f35]{border-radius:8px;font-weight:500;padding:1rem 1.25rem}.form-error[data-v-6dcd0f35]{background:#fee2e2;color:#991b1b}@media(max-width:600px){.demo-section[data-v-6dcd0f35]{padding:3rem 1.25rem}.demo-container[data-v-6dcd0f35]{gap:1.75rem}.demo-info h1[data-v-6dcd0f35]{font-size:1.75rem}.demo-info p[data-v-6dcd0f35]{font-size:1rem}.btn-submit[data-v-6dcd0f35]{align-self:stretch;padding:.9rem 1.5rem;width:100%}}