<div class="form-group">
<label for="contact-email" class="form-label">Email Address *</label>
<input type="email" id="contact-email" class="form-input" x-model="formData.email" placeholder="e.g. alex@example.org" required>
<div x-show="errors.email" class="form-error" x-text="errors.email" style="display: none;"></div>
</div>
</div>
<div class="grid-2">
<div class="form-group">
<label for="contact-service" class="form-label">Educational Engagement / Topic</label>
<select id="contact-service" class="form-select" x-model="formData.service">
<option value="desktop-node-tooling-review">Desktop Node Tooling Review ($350, 90 Min)</option>
<option value="validator-infrastructure-briefing">Validator Infrastructure Briefing ($550, 120 Min)</option>
<option value="cryptographic-security-audit-workshop">Key Security & Cold Custody Workshop ($750, 2.5 Hrs)</option>
<option value="custom-institutional-consultation">Custom Institutional / University Briefing</option>
<option value="general-educational-question">General Educational Question / Feedback</option>
</select>
</div>
<div class="form-group">
<label for="contact-date" class="form-label">Preferred Session Timing (Optional)</label>
<input type="text" id="contact-date" class="form-input" x-model="formData.preferred_date" placeholder="e.g. Next Tuesday morning (UTC / ICT)">
</div>
</div>
<div class="form-group">
<label for="contact-message" class="form-label">Workstation Setup, Target Operating System, or Inquiry Brief *</label>
<textarea id="contact-message" class="form-textarea" x-model="formData.message" placeholder="Please describe your local workstation setup, current node tooling, specific telemetry questions, or educational objectives..." required></textarea>
<div x-show="errors.message" class="form-error" x-text="errors.message" style="display: none;"></div>
</div>
<div style="margin-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px;">
<div style="font-size: 0.85rem; color: var(--text-muted);">
All inquiries handled strictly under our <a href="/privacy/" style="color: var(--accent-cyan);">Privacy Policy</a>.
</div>
<button type="submit" class="btn btn-primary btn-lg" :disabled="isSubmitting">
<span x-show="!isSubmitting">Submit Inquiry Brief</span>
<span x-show="isSubmitting" style="display: none;">Transmitting Brief...</span>
</button>
</div>
