/* Quantory v3 Register page. */
.register-stage { overflow: hidden; }
.register-layout { display: grid; min-height: 0; grid-template-columns: minmax(0, 1.12fr) minmax(440px, .88fr); grid-template-areas: "intro form" "proof form"; grid-template-rows: auto 1fr; align-items: start; column-gap: clamp(70px, 9vw, 145px); padding-top: clamp(48px, 6vw, 86px); padding-bottom: clamp(96px, 10vw, 150px); }
.register-intro { grid-area: intro; align-self: start; padding-bottom: 32px; }
.register-intro h1 { max-width: 850px; margin: 22px 0 0; font-family: var(--q-font-serif); font-size: clamp(3.65rem, 6vw, 6.3rem); font-weight: 400; letter-spacing: -.062em; line-height: .92; }
.register-intro h1 em { color: #496e62; font-weight: 400; }
.register-intro > p:last-child { max-width: 680px; margin: 0; color: var(--q-ink-soft); font-size: clamp(.98rem, 1.25vw, 1.16rem); line-height: 1.7; }
.workflow-proof { align-self: start; grid-area: proof; max-width: 760px; padding: 30px 34px 28px; background: var(--q-navy); color: #edf3ef; box-shadow: var(--q-shadow-panel); }
.workflow-proof__head { display: grid; grid-template-columns: .68fr 1.32fr; gap: 30px; padding-bottom: 24px; border-bottom: 1px solid #31423e; }
.workflow-proof__head p { margin: 3px 0 0; color: #84968f; font-family: var(--q-font-mono); font-size: .54rem; letter-spacing: .08em; text-transform: uppercase; }
.workflow-proof__head h2 { margin: 0; font-family: var(--q-font-serif); font-size: 1.35rem; font-weight: 400; letter-spacing: -.02em; line-height: 1.2; }
.workflow-proof ol { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 24px 0; border-bottom: 1px solid #31423e; list-style: none; }
.workflow-proof li { min-width: 0; padding: 0 13px; border-right: 1px solid #31423e; }
.workflow-proof li:first-child { padding-left: 0; }
.workflow-proof li:last-child { padding-right: 0; border-right: 0; }
.workflow-proof li span { display: block; color: var(--q-brass); font-family: var(--q-font-mono); font-size: .51rem; }
.workflow-proof li strong { display: block; margin-top: 8px; color: #cbd6d1; font-size: .62rem; font-weight: 590; }
.workflow-proof__note { margin: 22px 0 0; color: #90a19b; font-size: .64rem; line-height: 1.6; }
.register-form-panel { position: relative; grid-area: form; align-self: start; padding: clamp(42px, 5vw, 68px) clamp(34px, 4vw, 58px); border: 1px solid var(--q-line); background: var(--q-paper-bright); }
.register-form-panel::before { position: absolute; top: -1px; right: -1px; left: -1px; height: 3px; background: var(--q-brass); content: ""; }
.register-form-panel__heading { padding-bottom: 28px; border-bottom: 1px solid var(--q-line); }
.register-form-panel__heading h2 { margin: 0; font-family: var(--q-font-serif); font-size: clamp(2.25rem, 3.3vw, 3.6rem); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.register-form-panel__heading > p:last-child { margin: 12px 0 0; color: var(--q-ink-soft); font-size: .79rem; }
.register-alert { margin-top: 22px; font-size: .75rem; line-height: 1.55; }
.register-form { display: grid; gap: 23px; margin-top: 29px; }
.register-field { gap: 8px; }
.register-field__label { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.register-field__label span { color: #586762; font-family: var(--q-font-mono); font-size: .51rem; letter-spacing: .07em; text-transform: uppercase; }
.field-note { min-height: 1em; margin: 0; font-size: .64rem; line-height: 1.45; }
.field-note { color: #65736e; }
.register-submit { width: 100%; margin-top: 3px; border: 0; cursor: pointer; }
.register-submit:disabled { cursor: wait; opacity: .68; transform: none; }
.register-submit.is-loading .submit-mark { width: 13px; height: 13px; border: 1px solid rgba(16,26,24,.35); border-top-color: #101a18; border-radius: 50%; font-size: 0; animation: register-spin .7s linear infinite; }
@keyframes register-spin { to { transform: rotate(360deg); } }
.terms-note { margin: -7px 0 0; color: #5a6863; font-size: .64rem; line-height: 1.55; text-align: center; }
.terms-note a { text-underline-offset: 3px; }
.login-prompt { margin: 27px 0 0; padding-top: 25px; border-top: 1px solid var(--q-line); color: var(--q-ink-soft); font-size: .76rem; text-align: center; }
.login-prompt .q-text-link { margin-left: 4px; color: var(--q-ink); }
@media (max-width: 1180px) {
  .register-layout { grid-template-columns: minmax(0, 1fr) minmax(400px, .82fr); column-gap: 65px; }
  .register-intro h1 { font-size: clamp(3.55rem, 5.7vw, 5.35rem); }
  .workflow-proof { padding-inline: 27px; }
  .workflow-proof__head { grid-template-columns: 1fr; gap: 10px; }
  .workflow-proof li { padding-inline: 8px; }
}
@media (max-width: 900px) {
  .register-layout { min-height: 0; grid-template-columns: 1fr; grid-template-areas: "intro" "form" "proof"; grid-template-rows: auto; gap: 0; padding-top: 36px; }
  .register-intro { max-width: 720px; padding-bottom: 28px; }
  .register-intro h1 { font-size: clamp(2.5rem, 6vw, 3.6rem); }
  .register-form-panel { width: min(100%, 620px); justify-self: start; }
  .workflow-proof { width: min(100%, 720px); max-width: none; margin-top: 40px; }
  .workflow-proof__head { grid-template-columns: .68fr 1.32fr; gap: 30px; }
}
@media (max-width: 640px) {
  .register-layout { padding-top: 28px; padding-bottom: 64px; }
  .register-intro h1 { margin-top: 22px; font-size: clamp(2.35rem, 9vw, 3.2rem); }
  .register-intro > p:last-child { font-size: .95rem; }
  .register-form-panel { padding: 38px 24px; }
  .register-form-panel__heading h2 { font-size: 2.65rem; }
  .workflow-proof { padding: 27px 24px; }
  .workflow-proof__head { grid-template-columns: 1fr; gap: 10px; }
  .workflow-proof ol { grid-template-columns: 1fr; padding-block: 12px; }
  .workflow-proof li { display: grid; min-height: 39px; grid-template-columns: 34px 1fr; align-items: center; padding: 0; border-right: 0; border-bottom: 1px solid #263834; }
  .workflow-proof li:last-child { border-bottom: 0; }
  .workflow-proof li strong { margin-top: 0; }
}
@media (max-width: 390px) {
  .register-form-panel { padding-inline: 20px; }
  .register-intro h1 { font-size: 2.35rem; }
}