:root { color-scheme: light; font-family: system-ui, sans-serif; color: #1b2838; background: #f1f5f9; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 16px; }
main { max-width: 640px; margin: auto; padding: 32px; border: 1px solid #d8e1eb; border-radius: 16px; background: white; }
h1 { font-size: clamp(1.7rem, 6vw, 2.2rem); margin: 12px 0; }
p { line-height: 1.6; }
.badge { color: #334e81; font-weight: 650; margin: 0; }
.notice { padding: 16px; background: #fff7df; border-left: 4px solid #b78010; border-radius: 4px; }
label { display: block; font-weight: 600; margin-top: 22px; }
label span { font-weight: 400; font-size: .85rem; color: #536477; }
input, textarea { width: 100%; margin-top: 8px; padding: 12px; font: inherit; border: 1px solid #98a8b9; border-radius: 6px; }
input:focus, textarea:focus { outline: 3px solid #bbd6ff; border-color: #285da8; }
textarea { resize: vertical; }
.turnstile { margin: 24px 0; padding: 16px; border: 1px dashed #98a8b9; border-radius: 6px; }
h2 { font-size: 1rem; margin: 0; }
.turnstile p { margin-bottom: 0; }
button { width: 100%; padding: 14px; font: inherit; font-weight: 650; border: 0; border-radius: 6px; }
button:disabled { color: #526071; background: #e2e8f0; cursor: not-allowed; }
#status, footer { font-size: .85rem; color: #536477; }
footer { border-top: 1px solid #d8e1eb; padding-top: 20px; margin-top: 24px; }
@media (max-width: 480px) { body { padding: 16px 12px; } main { padding: 22px 18px; } label span { display: block; } }