.bayan-relate h1 { margin: 0 0 22px; color: var(--brown); font-size: clamp(30px, 3.2vw, 46px); line-height: 1.13; font-weight: 600; overflow-wrap: anywhere; }
.bayan-relate__intro { max-width: 1000px; line-height: 1.5; }
.bayan-relate__intro p { margin: 0 0 12px; }
.bayan-relate__form { margin-top: 36px; max-width: 1050px; }
.bayan-relate__required { font-size: 15px; color: #715748; margin: 0 0 18px; }
.bayan-relate__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 28px; }
.bayan-relate__field { min-width: 0; display:flex; flex-direction: column; gap: 9px; }
.bayan-relate__field--wide { grid-column: 1/-1; }
.bayan-relate__field label { font-size: 17px; font-weight: 600; line-height: 1.35; }
.bayan-relate__field label span { color: #b36c00; }
.bayan-relate__field input,
.bayan-relate__field textarea { background:#fff; border: 1px solid #bcaa9d; border-radius: 8px; width:100%; padding: 12px 14px; min-height: 47px; color: #361a0a; font: inherit; font-size: 17px; box-shadow: none; }
.bayan-relate__field textarea { min-height: 105px; resize: vertical; }
.bayan-relate__field input:focus-visible,
.bayan-relate__field textarea:focus-visible,
.bayan-relate__submit:focus-visible { outline: 2px solid #8a4c04; outline-offset: 2px; }
.bayan-relate__agreement { display:flex; flex-direction: column; gap:8px; margin:28px 0 22px; font-size:15px; }
.bayan-relate__agreement label { display:flex; align-items: flex-start; gap: 10px; cursor:pointer; }
.bayan-relate__agreement input { accent-color: #663300; margin: 3px 0 0; flex: 0 0 auto; }
.bayan-relate__agreement a { text-decoration: underline; width:fit-content; }
.bayan-relate__submit { background: var(--yellow,#ffcc00); color:var(--brown,#361a0a); border:0; border-radius:12px; padding: 15px 28px; font-weight:700; cursor:pointer; transition:filter .18s ease; }
.bayan-relate__submit:hover { filter:brightness(.96); }
.bayan-relate__notice { border:1px solid #bcaa9d; background:#faf7f3; border-radius:8px; margin-top:22px; padding:14px 18px; }
.bayan-relate__notice--sent { border-color:#90b598; background:#f0f8f0; padding:24px 28px; margin-top:30px; }
.bayan-relate__notice-title { display:block; color:#25633b; font-size:clamp(19px,2.4vw,25px); line-height:1.13; font-weight:600; }
.bayan-relate__notice-detail { margin:10px 0 0; color:#355c40; font-size:17px; line-height:1.55; }
.bayan-relate__notice--failed,.bayan-relate__notice--invalid,.bayan-relate__notice--security,.bayan-relate__notice--rate { border-color:#bf7065; }
.bayan-relate__trap { position:absolute!important; overflow:hidden!important; clip-path: inset(50%); width:1px!important; height:1px!important; left:-9999px!important; }
@media(max-width:820px) {
  .bayan-relate h1 { font-size: 30px; }
  .bayan-relate__fields { grid-template-columns: 1fr; gap:18px; }
  .bayan-relate__field--wide { grid-column:auto; }
  .bayan-relate__form { margin-top:28px; }
  .bayan-relate__submit { width:100%; }
}
