:root {
  --brand-primary: rgb(226, 127, 6);
  --brand-secondary: rgb(248, 152, 35);
  --brand-primary-ink: #e9f4fa;
  --border-subtle: #d9e2ef;
  --info-bg: #e6f7ff;
  --info-border: #b3e5ff;
  --info-ink: #003a75;
}

body {
  font-family: Arial, sans-serif;
  background-color: #f4f4f4;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

header {
  background-color: var(--brand-primary);
  color: #fff;
  padding: 20px;
  text-align: center;
}

main {
  max-width: 800px;
  margin: 40px auto;
  background-color: #fff;
  padding: 30px;
  box-shadow: 0 0 10px rgba(184, 114, 22, 0.2);
  border-top: 4px solid var(--brand-secondary);
}

h1 {
  margin-top: 0;
  color: var(--brand-primary-ink);
  font-size: 2rem;
}

fieldset { border: none; margin-bottom: 20px; }
legend { font-weight: bold; margin-bottom: 10px; color: rgb(214, 126, 18); font-size: 1.5rem; }
label { display: block; margin-top: 15px; font-size: 1.1rem; }

input[type="text"], input[type="email"], input[type="number"], textarea {
  width: 97%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
textarea { resize: vertical; min-height: 100px; }

button {
  background-color: var(--brand-secondary);
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
button:hover { background-color: #008cc0; }

.photo-block {
  border: 1px solid var(--border-subtle);
  padding: 15px;
  margin-top: 15px;
  border-radius: 4px;
  background-color: #f9fbff;
  width: 100%;
}

.recaptcha-info { background-color: var(--info-bg); border: 1px solid var(--info-border); padding:10px; margin:15px 0; border-radius:4px; color: var(--info-ink); }
.test-mode { background-color: var(--info-bg); border: 1px solid var(--info-border); padding:10px; margin:15px 0; border-radius:4px; color: var(--info-ink); }

/* claim-result / thank-you common */
.container { background:#fff; padding:40px; border-radius:8px; box-shadow:0 0 20px rgba(184,114,22,.2); text-align:center; max-width:600px; margin:20px; }
.status-icon, .success-icon { color: var(--brand-secondary); font-size:64px; margin-bottom:20px; }
.btn { background-color: var(--brand-secondary); color:#fff; padding:12px 25px; border:none; border-radius:4px; cursor:pointer; font-size:16px; text-decoration:none; display:inline-block; margin:10px; }
.btn:hover { background-color:#008cc0; }
.claim-number { background:#f9fbff; padding:15px; border-radius:4px; border-left:4px solid var(--brand-secondary); margin:20px 0; }