/* APTAVIA 2.0 · the Front door · signup. GENERATED by scripts/dev/w11/build-signup.mjs from the mock-up build's own CSS order; never hand-edit. */
/* ==== signup/_src/signup.css ==== */
/* APTAVIA 2.0 · walk · Create account — the card's own pieces (the porch is login/_src/door.css). Tokens only. */
.fd .su-social { display: grid; gap: 10px; }
.fd .fk-note.su-ribbon svg { fill: none; stroke: currentColor; }
.fd .fk-note.su-ribbon b { color: var(--fk-ink); }
.fd .fk-note.su-ribbon[hidden], .fd .su-withheld[hidden] { display: none; }
.fd .su-taken { margin: 6px 0 0; font: 550 14px/1.5 var(--fk-font); color: var(--fk-body); }
.fd .su-taken[hidden] { display: none; }
.fd .su-consent { align-items: flex-start; font: 500 14px/1.45 var(--fk-font); color: var(--fk-body); }
.fd .su-consent input { margin-top: 1px; }
.fd .su-consent .fd-link { font-weight: 650; }
.fd .su-withheld { margin: 0; }
.fd .su-withheld .fd-link { font-weight: 650; }
.fd .fd-face[data-face="form"] > form { gap: 14px; }
/* wide enough at the porch for two fields a row (the live order: name, email, password, referral) */
.fd[data-fd-page="signup"] { --fd-card-w: 520px; }
.fd .su-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 14px; align-items: start; }
.fd .su-grid .fk-field { min-width: 0; }
@media (max-width: 1180px) { .fd[data-fd-page="signup"] { --fd-card-w: 460px; } .fd .su-grid { grid-template-columns: 1fr; } }
@media (max-width: 860px) { .fd[data-fd-page="signup"] { --fd-card-w: 100%; } }
/* tight enough that "Create account" stands on the first screen at 1440 × 900 */
.fd .fd-face[data-face="form"] { gap: 12px; }
.fd[data-fd-page="signup"] .fk-card.fd-card { padding-top: 24px; }
.fd .fd-face[data-face="form"] > form { gap: 12px; }
.fd .fd-face[data-face="form"] .fd-check { min-height: 44px; padding-block: 4px; }
.fd .fd-face[data-face="form"] .su-consent { font-size: 13.5px; }
.fd .fd-face[data-face="form"] .fk-or { margin: 0; }
/* the phone band shows this page's signature: the brass plate (her name) and the letterbox, with the dark window beside */
.fd[data-fd-page="signup"] { --fd-band-y: 292px; }
/* round-6 fix: the security check and the terms on one row (the live order, left to right) at the porch's width */
.fd .su-gate { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 14px; align-items: center; }
.fd .su-gate .fd-check { min-height: 44px; }
.fd .su-gate .su-consent { min-height: 44px; align-items: center; }
.fd .su-gate .su-consent input { margin-top: 0; }
@media (max-width: 1180px) { .fd .su-gate { grid-template-columns: minmax(0, 1fr); } }
/* the rose words under the button: a little tighter than a page note */
.fd .su-form > .fk-note[data-tone="warn"] { padding: 10px 12px; font-size: 14px; line-height: 1.45; }
.fd .su-form > .su-taken { margin: 0; }


/* ==== app addition · the live Turnstile box takes the gate's first row ==== */
.fd .su-gate .su-ts { grid-column: 1 / -1; }
.fd .su-gate .su-ts:empty { display: none; }

/* ==== app addition · round 42: on a phone the Create account button stays in the form (the pinned bar covered the Password field) ==== */
@media (max-width: 767px) {
  .fd .fd-face[data-face="form"] .sp-actbar.fd-actbar[data-sp-actbar-pinned] { position: static; left: auto; right: auto; bottom: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
}
html[data-sp-actbar-on] .fd .fd-face[data-face="form"] { padding-bottom: 0; }