:root { font-family: Arial, "Noto Sans", sans-serif; color: #50555b; font-size: 15px; line-height: 1.45; background: #f7f7f7; }
* { box-sizing: border-box; }
body { margin: 0; padding: 6px 10px 24px; }
.contact-panel { max-width: 668px; margin: 0 auto; background: #fff; border: 1px solid #91b8da; }
header { border-bottom: 1px solid #91b8da; padding: 8px 20px 26px; text-align: center; }
h1 { color: #2473aa; font-size: 34px; line-height: 1.35; margin: 0; }
.result-banner { margin: 14px 38px 0; padding: 10px 12px; border: 1px solid #e5b9bf; background: #fff7f8; text-align: center; }
.result-banner.error { font-size: 17px; line-height: 1.6; }
.result-banner:empty { display: none; }
form#contact-form { padding: 0 35px 16px; }
.form-row { display: flex; gap: 12px; padding: 16px 3px; border-bottom: 1px solid #e1e1e1; }
.row-label { flex: 0 0 132px; line-height: 1.25; padding-top: 2px; }
.row-content { flex: 1; min-width: 0; }
.required { color: #d62336; margin-left: 6px; font-weight: bold; }
.name-fields { display: flex; gap: 6px; max-width: 300px; }
.name-fields > div { flex: 1; min-width: 0; }
input:not([type=radio]):not([type=hidden]), textarea { width: 100%; max-width: 100%; border: 1px solid #c8c8c8; border-radius: 4px; background: #fff; color: #343b43; font: inherit; padding: 5px 8px; }
input::placeholder { color: #999fa6; }
#email { max-width: 360px; }
.sub-label { display: block; margin-top: 2px; color: #737980; font-size: 12px; }
.full-field { min-width: 0; margin: 0; padding: 16px 3px; border: 0; border-bottom: 1px solid #e1e1e1; }
.message-field { margin-top: 1.45em; }
.full-field legend, .message-field > label { display: block; width: 100%; margin: 0 0 12px; padding: 0; line-height: 1.3; white-space: normal; }
.radio-option { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; cursor: pointer; }
.radio-option input { appearance: none; width: 18px; height: 18px; margin: 0; flex-shrink: 0; border: 1px solid #287cb8; border-radius: 50%; }
.radio-option input:checked { background: #287cb8; box-shadow: inset 0 0 0 4px #fff; }
textarea { display: block; min-height: 180px; resize: vertical; line-height: 1.5; }
button { border: 1px solid #246b9e; border-radius: 3px; background: #297db4; color: #fff; cursor: pointer; font: inherit; padding: 7px 15px; }
button:hover { background: #216796; }
button:disabled { cursor: not-allowed; opacity: .5; }
.submit-area { margin-top: 28px; text-align: center; }
.error { margin: 5px 0 0; color: #c51e31; font-size: 13px; }
.error:empty { display: none; }
.honeypot { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
:focus-visible { outline: 3px solid #164f85; outline-offset: 3px; }
[aria-invalid=true] { border-color: #c51e31 !important; }

@media (max-width: 520px) {
    body { padding: 8px; }
    .contact-panel { width: 100%; }
    header { padding: 15px 10px 20px; }
    h1 { font-size: 27px; }
    .result-banner { margin: 14px 18px 0; }
    form#contact-form { padding: 0 18px 20px; }
    .form-row { display: block; padding: 15px 0; }
    .row-label { display: block; margin-bottom: 9px; }
    .name-fields { max-width: none; gap: 10px; }
    #email { max-width: none; }
    .full-field { padding: 16px 0; }
    textarea { min-height: 190px; }
    .submit-area { margin-top: 24px; }
}