.eb-public-contact { width: min(100%, 720px); margin: 24px auto; padding: clamp(20px, 4vw, 36px); border: 1px solid var(--eb-border); border-radius: 16px; color: var(--eb-text); background: var(--eb-surface); }
.eb-public-contact h2 { margin: 0 0 10px; color: var(--eb-text); }
.eb-public-contact p { color: var(--eb-text-muted); }
.eb-public-contact__form { display: grid; gap: 18px; margin-top: 24px; }
.eb-public-contact__field { display: grid; gap: 7px; color: var(--eb-text); font-weight: 700; }
.eb-public-contact__field span { color: var(--eb-text-muted); font-weight: 400; }
.eb-public-contact__field input, .eb-public-contact__field select, .eb-public-contact__field textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid var(--eb-border); border-radius: 9px; color: var(--eb-text); background: var(--eb-surface); font: inherit; }
.eb-public-contact__field textarea { min-height: 160px; resize: vertical; }
.eb-public-contact__field :is(input, select, textarea):focus-visible, .eb-public-contact__button:focus-visible { outline: 3px solid var(--eb-focus-ring); outline-offset: 2px; }
.eb-public-contact__button { justify-self: start; min-height: 46px; padding: 10px 24px; border: 1px solid var(--eb-brand-primary); border-radius: 9px; color: var(--eb-text-on-dark); background: var(--eb-brand-primary); font-weight: 700; cursor: pointer; }
.eb-public-contact__button:hover { background: var(--eb-brand-primary-hover); }
.eb-public-contact__button:disabled { background: var(--eb-action-disabled-bg); color: var(--eb-action-disabled-text); cursor: not-allowed; }
.eb-public-contact__notice { padding: 12px 16px; border-radius: 9px; }
.eb-public-contact__notice--success { color: var(--eb-success); background: var(--eb-success-soft); }
.eb-public-contact__notice--error { color: var(--eb-danger); background: var(--eb-danger-soft); }
.eb-public-contact__trap { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; }
@media (max-width: 600px) { .eb-public-contact { margin: 12px auto; } .eb-public-contact__button { width: 100%; } }