Support Ticket Inquiry Form

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<form class="contact-card" onsubmit="return false;"><h3>Contact Support</h3><p>We usually respond within 2 hours.</p><label>Department</label><select required><option>Technical Support</option><option>Billing Inquiry</option><option>General Feedback</option></select><label>Subject</label><input type="text" placeholder="Brief summary" required><label>Message</label><textarea placeholder="Describe your issue..." rows="3" required></textarea><button type="submit">Send Ticket</button></form>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.contact-card { width: 210px; background: #ffffff; border-radius: 16px; padding: 18px; box-shadow: 0 15px 35px rgba(0,0,0,0.06); font-family: system-ui, sans-serif; margin: auto; box-sizing: border-box; }
.contact-card h3 { margin: 0; font-size: 13px; font-weight: 800; color: #0f172a; }
.contact-card p { margin: 2px 0 10px; font-size: 7px; color: #64748b; }
.contact-card label { display: block; font-size: 6px; font-weight: 800; color: #475569; margin: 6px 0 2px; }
.contact-card input, .contact-card select, .contact-card textarea { width: 100%; border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px; font-size: 8px; color: #0f172a; outline: none; box-sizing: border-box; background: #ffffff; font-family: inherit; }
.contact-card textarea { resize: none; }
.contact-card button { width: 100%; background: #4f46e5; color: #ffffff; border: none; border-radius: 6px; padding: 8px; font-size: 8px; font-weight: 800; cursor: pointer; margin-top: 8px; }