/* Confirmation uses the same card component and design tokens as the agreement page. */
.confirm-layout { width: 1276px; max-width: 100%; margin: 0 auto; padding: 100px 0; }
.confirm-layout, .confirm-layout * { box-sizing: border-box; }
.confirm-title { margin: 0; padding: 0 0 60px; color: #223793; font-size: 54px; font-family: 'NEXONLv1Gothic',sans-serif; font-weight: normal; text-align: center; }
.confirm-page.content_box01 { width: 1280px; max-width: 100%; margin: 0 auto; padding: 48px 40px; text-align: left; }
.confirm-page .agreement-card { margin: 0; }
.confirm-page-list-page { padding: 48px 150px 54px; }
.confirm-fields { display: grid; gap: 24px; padding-top: 26px; }
.confirm-field label { display: block; margin-bottom: 10px; color: var(--ui-text, #202638); font-size: 16px; font-weight: 800; }
.confirm-field input { display: block; width: 100%; min-width: 0; height: var(--ui-field-height, 46px); margin: 0; padding: 0 14px; border: 1px solid var(--ui-field-border, #ccd3e0); border-radius: var(--ui-field-radius, 8px); background: #fff; color: var(--ui-text, #202638); font-family: inherit; font-size: 16px; }
.confirm-field input:focus-visible { outline: 3px solid var(--ui-button-focus, #b6c7ff); outline-offset: 2px; }
.confirm-field input::placeholder { color: #747d90; }
.confirm-help { margin: 9px 0 0; color: var(--ui-muted, #647086); font-size: 14px; line-height: 1.6; }
.confirm-actions { display: flex; gap: 12px; margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--ui-box-border, #dce2ef); }
.confirm-actions .ui-button { flex: 1; min-width: 0; }
.confirm-layout-mobile { width: 640px; padding: 93px 0; }
.confirm-layout-mobile .confirm-title { font-size: 48px; }
.confirm-layout-mobile .confirm-page { display: block;
  width: 550px;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 20px 46px; }
.confirm-layout-mobile .agreement-card { padding: 46px 24px 26px; }
.confirm-layout-mobile .agreement-head p, .confirm-layout-mobile .confirm-help { font-size: 18px; }
.confirm-layout-mobile .confirm-field label, .confirm-layout-mobile .confirm-field input { font-size: 20px; }
.confirm-layout-mobile .confirm-field input { height: 54px; }
@media (max-width: 539px) {
  .confirm-layout-mobile .confirm-page { width: calc(100% - 32px); padding: 24px 12px; }
  .confirm-layout-mobile .agreement-card { padding-right: 18px; padding-left: 18px; }
}