body { font-family: system-ui, sans-serif; margin: 0; background: #f8fafc; }
main { max-width: 400px; margin: 2rem auto; background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px #0001; }
h1 { text-align: center; }
form { display: flex; flex-direction: column; gap: 1rem; }
label { display: flex; flex-direction: column; font-weight: 500; }
input, textarea, button { font-size: 1rem; padding: 0.5rem; border-radius: 4px; border: 1px solid #ccc; }
button { background: #2563eb; color: #fff; border: none; cursor: pointer; transition: background 0.2s; }
button:hover { background: #1d4ed8; }
#form-result { margin-top: 1rem; text-align: center; color: #16a34a; font-weight: 500; }