.contact-dialog { box-sizing: border-box; width: min(560px, calc(100% - 40px)); max-height: calc(100dvh - 48px); margin: auto; padding: 48px; border: 0; border-radius: 16px; color: #1d1d1f; background: #fff; box-shadow: 0 24px 100px #0004; font-family: "Inter", sans-serif; overflow-y: auto; overscroll-behavior: contain; }
.contact-dialog::backdrop { background: #080c16a8; backdrop-filter: blur(8px); }
.contact-dialog-close { position: absolute; top: 15px; right: 15px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #f1f2f4; color: #45474d; cursor: pointer; }
.contact-dialog-close svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.contact-dialog h2 { margin: 0; font-size: 40px; font-weight: 600; line-height: 1.1; letter-spacing: -.05em; }
.contact-dialog-form > label, .contact-dialog-form legend { display: block; padding: 0; font-size: 14px; line-height: 1.4; font-weight: 500; }
.contact-dialog-form textarea, .contact-dialog-form > input { display: block; width: 100%; box-sizing: border-box; padding: 12px 0; border: 0; border-bottom: 1px solid #c8cbd2; border-radius: 0; color: #1d1d1f; background: transparent; font: inherit; font-size: 18px; line-height: 1.4; }
.contact-dialog-form textarea { resize: none; height: 50px; min-height: 0; }
.contact-dialog-form :is(textarea,input)::placeholder { color: #92959c; }
.contact-dialog-form fieldset { margin: 28px 0; padding: 0; border: 0; }
.contact-dialog-segments { display: flex; gap: 28px; margin-top: 13px; }
.contact-dialog-segments label { display: flex; align-items: center; gap: 9px; font-size: 17px; cursor: pointer; }
.contact-dialog-segments input { width: 18px; height: 18px; margin: 0; accent-color: #1758f5; }
.contact-dialog-submit { display: block; width: 100%; min-height: 52px; margin-top: 28px; padding: 14px; border: 0; border-radius: 8px; color: #fff; background: #1758f5; font: inherit; font-size: 17px; font-weight: 500; cursor: pointer; }
.contact-dialog-submit:hover { background: #0f43c7; }
.contact-dialog-note { margin: 13px 0 0; color: #898c94; font-size: 12px; line-height: 1.5; }
.contact-dialog-result { margin: 18px 0 0; color: #5e6571; font-size: 14px; line-height: 1.5; }
.contact-dialog :focus-visible { outline: 2px solid #1758f5; outline-offset: 4px; }
.contact-dialog-form :is(textarea,input[type="tel"]):focus { outline: none; border-color: #1758f5; box-shadow: 0 1px 0 #1758f5; }
@media (max-width: 600px) {
  .contact-dialog { padding: 70px 20px max(28px, env(safe-area-inset-bottom)); width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 16px; }
  .contact-dialog-close { top: 12px; right: 12px; width: 44px; height: 44px; }
  .contact-dialog h2 { font-size: 34px; }
  .contact-dialog-segments { gap: 24px; flex-wrap: wrap; margin-top: 6px; }
  .contact-dialog-segments label { min-height: 44px; }
}

.contact-dialog-form { margin-top: 34px; }