.inquiry-page { padding: 28px 20px 40px; }
.inquiry-card { width: min(860px, 100%); margin: 0 auto; overflow: hidden; color: #f3f8fc; border: 1px solid #28516b; border-radius: 12px; background: #082035; box-shadow: 0 24px 80px rgba(0, 0, 0, .3); }
.inquiry-card [hidden] { display: none !important; }
.inquiry-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 28px 20px; border-bottom: 1px solid #28516b; }
.inquiry-brand { margin: 0 0 7px; color: #73dce9; font-size: 11px; font-weight: 700; letter-spacing: .15em; }
.inquiry-title { margin: 0; max-width: none; font-size: 30px; font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.inquiry-close { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; color: #dbe9f2; background: #0b2b43; border: 1px solid #365b72; border-radius: 7px; font: inherit; font-size: 26px; text-decoration: none; cursor: pointer; }
.inquiry-close:hover { background: #143b54; }
.inquiry-fields { margin: 0; padding: 24px 28px 28px; border: 0; min-width: 0; }
.inquiry-identity { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.inquiry-field { display: flex; flex-direction: column; min-width: 0; gap: 8px; }
.inquiry-field label { display: block; color: #edf5fb; font-size: 14px; font-weight: 600; line-height: 1.5; }
.inquiry-required { color: #b7cbd8; font-size: 12px; font-weight: 400; }
.inquiry-card input:not([type="hidden"]), .inquiry-card select, .inquiry-card textarea { width: 100%; min-width: 0; padding: 11px 12px; color: #f3f8fc; border: 1px solid #42677e; border-radius: 6px; background: #051a2b; font: inherit; font-size: 16px; line-height: 1.5; }
.inquiry-card select { min-height: 48px; padding-right: 30px; }
.inquiry-card textarea { min-height: 78px; resize: vertical; }
.inquiry-card :is(input, select, textarea, button, a):focus-visible { outline: 2px solid #63e8f0; outline-offset: 3px; }
.inquiry-service, .inquiry-existing { margin-top: 20px; }
.inquiry-section-label { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin: 30px 0 22px; padding-top: 24px; border-top: 1px solid #28516b; }
.inquiry-section-label h2 { margin: 0; font-size: 18px; font-weight: 600; }
.inquiry-section-label p { margin: 0; color: #b7cbd8; font-size: 13px; }
.inquiry-question + .inquiry-question { margin-top: 22px; }
.inquiry-number { color: #63e8f0; }
.inquiry-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 28px; border-top: 1px solid #28516b; background: #071c2e; }
.inquiry-recipient { margin: 0; color: #b7cbd8; font-size: 12px; line-height: 1.6; }
.inquiry-recipient a { color: #e2edf5; font-size: 14px; text-decoration: none; }
.inquiry-send { min-height: 48px; padding: 11px 24px; color: #002032; background: linear-gradient(100deg, #05d9df, #00bdf3); border: 0; border-radius: 6px; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.inquiry-send:hover { filter: brightness(1.08); }
.inquiry-send:disabled { opacity: .65; cursor: default; }
.inquiry-privacy { flex-basis: 100%; margin: 0; color: #b7cbd8; font-size: 12px; }
.inquiry-status { margin: 0; padding: 18px 28px; color: #d9fff0; border-top: 1px solid #28516b; }
.inquiry-status:empty { display: none; }
.inquiry-status[data-error="true"] { color: #ffd3cb; }
.inquiry-status a { color: inherit; }
.inquiry-dialog { width: min(860px, calc(100% - 32px)); max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); margin: auto; padding: 0; color: inherit; border: 0; border-radius: 12px; background: transparent; }
.inquiry-dialog::backdrop { background: rgba(0, 10, 20, .82); }
.inquiry-dialog .inquiry-card { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; }
.inquiry-dialog form { display: flex; flex-direction: column; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.inquiry-dialog .inquiry-header { flex-shrink: 0; }
html.inquiry-open { overflow: hidden; }
@media (max-width: 620px) {
  .inquiry-page { padding: 20px 12px 30px; }
  .inquiry-header { padding: 20px; }
  .inquiry-title { font-size: 26px; }
  .inquiry-fields { padding: 20px; }
  .inquiry-identity { grid-template-columns: 1fr; gap: 16px; }
  .inquiry-footer { padding: 20px; }
  .inquiry-send { width: 100%; }
  .inquiry-status { padding: 16px 20px; }
  .inquiry-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
  .inquiry-dialog .inquiry-card { max-height: calc(100dvh - 16px); }
}