.reg-demo-banner{background:#f6e4c7;color:#553c20;padding:15px 20px;border-radius:7px;font-size:12px;margin-bottom:26px}.reg-demo-banner strong{letter-spacing:1px;margin-right:6px}.reg-check{display:flex;gap:11px;align-items:flex-start;margin:22px 0;font-size:13px;color:var(--plum)}.reg-check input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--pink)}.reg-specimen{border:1px dashed #ad889d;border-radius:7px;background:var(--rose);padding:20px;text-align:center;color:var(--plum);letter-spacing:1px;margin:20px 0;font-size:13px}.reg-specimen small{display:block;font-size:10px;letter-spacing:0;margin-top:7px}.reg-checks{background:#e7f4ee;color:#28664e;padding:17px;margin-top:20px;border-radius:6px;font-size:13px;line-height:1.9}.reg-checks small{font-size:10px}.registration-steps{flex-wrap:wrap}.registration-steps li{min-width:85px}.application-review-demo{font-size:12px;background:var(--rose);padding:15px;border-radius:5px}@media(max-width:850px){.registration-steps li{flex-basis:20%}}@media(max-width:500px){.registration-steps li{flex-basis:40%}}

.reg-section + .reg-section{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.reg-section h3{font-size:18px;color:var(--plum)}.registration-steps li{flex:1;min-width:115px}@media(max-width:600px){.registration-steps li{flex-basis:40%;min-width:100px}}

.financial-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:26px}.financial-heading h2{margin:0 0 7px}.financial-heading .sub{font-size:13px;margin:0}.financial-heading-icon{width:43px;height:43px;display:grid;place-items:center;background:var(--rose);border-radius:10px;color:var(--pink);flex-shrink:0}.financial-heading-icon .ui-icon{width:23px;height:23px}#registration-form .styled-select{position:relative;width:100%;min-width:0}#registration-form .styled-select-trigger{min-height:57px}#registration-form .styled-select-list{z-index:40}.financial-fields{gap:20px}.financial-step-note{display:flex;gap:10px;align-items:center;margin-top:22px;color:var(--muted);font-size:12px;padding-top:20px;border-top:1px solid var(--line)}.financial-step-note .ui-icon{color:var(--pink);width:17px;height:17px;flex-shrink:0}@media(max-width:650px){.financial-fields{grid-template-columns:1fr}.financial-heading{gap:12px}.financial-heading-icon{width:36px;height:36px}}
.sample-upload { margin-top: 12px; }
.document-upload-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.document-upload-pair .document-upload-button { width: 100%; padding-inline: 8px; }
.sample-drop.dragging .document-upload-button { outline: 2px solid var(--pink); outline-offset: 2px; }
.sample-file { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.sample-file p { margin: 0; color: #28664e; font-weight: bold; }
.sample-file button { padding: 6px 10px; font-size: 12px; }
.sample-upload .wallet-error:empty, .sample-file:empty { display: none; }

.document-type-fields > div { display: flex; flex-direction: column; min-width: 0; }
.document-guide {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fcf9fb;
}
.document-guide > [id$="-upload"] { margin-top: auto; }
.document-guide .sample-file {
  min-height: 30px;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 6px;
}
.document-guide .sample-file:empty { display: flex; }
.document-guide .sample-file p { font-size: 12px; line-height: 1.25; }
.document-guide .sample-file button { padding: 5px 8px; white-space: nowrap; }
.document-guide-views { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; }
.document-guide figure { flex: 1 1 94px; max-width: 130px; margin: 0; text-align: center; }
.document-guide figcaption { margin-top: 5px; color: var(--plum); font-size: 12px; font-weight: bold; }
.document-guide p { margin: 12px 0 0; }
.document-diagram {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  aspect-ratio: 1.62;
  padding: 8px;
  border: 1px solid #d5afc1;
  border-radius: 6px;
  background: #f3e4ec;
  animation: document-guide-in 240ms ease-out both;
}
.document-guide figure:nth-child(2) .document-diagram { animation-delay: 80ms; }
.document-diagram-photo {
  display: grid;
  place-items: center;
  flex: 0 0 32%;
  aspect-ratio: .8;
  border-radius: 3px;
  background: white;
  color: #84536c;
}
.document-diagram-photo svg { width: 16px; height: 16px; }
.document-diagram-lines { flex: 1; display: grid; gap: 4px; }
.document-diagram-lines i { height: 3px; border-radius: 3px; background: #a8718b; }
.document-diagram-lines i:nth-child(2) { width: 80%; }
.document-diagram-lines i:nth-child(3) { width: 60%; }
.document-diagram-back { flex-direction: column; align-items: stretch; }
.document-diagram-stripe { height: 9px; background: #a8718b; border-radius: 2px; }
.document-diagram-passport { border-left: 5px solid #a8718b; }
.document-diagram-paper {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 92px;
  margin-inline: auto;
  aspect-ratio: .8;
  background: white;
}
.document-paper-heading { height: 6px; width: 60%; margin-bottom: 3px; border-radius: 2px; background: #a8718b; }
.document-diagram-paper span { padding: 2px 4px; background: #f3e4ec; text-align: left; color: var(--plum); font-size: 10px; }
@keyframes document-guide-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) { .document-diagram { animation: none; } }
@media (max-width: 760px) { .document-type-fields { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 420px) {
  .document-upload-pair .sample-file { align-items: flex-start; flex-direction: column; justify-content: flex-start; min-height: 50px; }
}
.registration-layout { max-width: 850px; margin-inline: auto; }
.bank-picture-option { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 12px; }
.registration-layout .reg-section:has(+ #registration-error) > .detail:last-child { border-bottom: 0; }
.registration-passwords {
  min-inline-size: 0;
  margin: 22px 0 0;
  padding: 12px 16px 4px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fcf9fb;
}
.registration-passwords legend {
  padding: 0 6px;
  color: var(--plum);
  font-size: 16px;
  font-weight: bold;
}
.registration-passwords > p { margin: 0 0 14px; }
.registration-password-fields > div { min-width: 0; }
@media (max-width: 600px) {
  .registration-password-fields { grid-template-columns: minmax(0, 1fr); }
}