/* [rcp_unlock] — the serial form: a solid navy input, gold button. One row
   on desktop (serial · make · button), stacked on phones. The pages drop it
   into boxes of either tone (dark hero, white card), so the input and button
   carry their own colours and the small text inherits the container's.
   Class-based so several forms can share a page. */
.rcp-unlock { font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-align: left; color: inherit; box-sizing: border-box; }
.rcp-unlock *, .rcp-unlock *::before, .rcp-unlock *::after { box-sizing: border-box; }
.rcp-unlock-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rcp-unlock-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(150px, .9fr) auto; gap: 10px; }
.rcp-unlock-pinned .rcp-unlock-row { grid-template-columns: minmax(0, 1fr) auto; }
.rcp-unlock input, .rcp-unlock select {
  width: 100% !important; height: 54px !important; padding: 0 16px !important; margin: 0 !important; font-size: 16px !important; font-weight: 600 !important;
  font-family: inherit !important; color: #fff !important; background: #0b1220 !important; border: 1px solid rgba(148,163,184,.45) !important;
  border-radius: 13px !important; outline: none !important; line-height: 1.3 !important; transition: border-color .15s, box-shadow .15s;
}
.rcp-unlock input::placeholder { color: rgba(255,255,255,.5) !important; opacity: 1; font-weight: 500; }
.rcp-unlock input:focus, .rcp-unlock select:focus { border-color: #f6c20e !important; box-shadow: 0 0 0 4px rgba(246,194,14,.14) !important; }
.rcp-unlock .rcp-unlock-serial { font-variant-numeric: tabular-nums; letter-spacing: .03em; text-transform: uppercase; }
.rcp-unlock select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 15px !important; }
.rcp-unlock select option { background: #0d1525; color: #fff; }
.rcp-unlock-go {
  height: 54px !important; padding: 0 26px !important; margin: 0 !important; border: 0 !important; border-radius: 13px !important; cursor: pointer !important;
  background: #f6c20e !important; color: #15120a !important; font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important; font-weight: 900 !important; font-size: 15px !important;
  letter-spacing: .02em; white-space: nowrap; box-shadow: 0 12px 30px rgba(246,194,14,.25); transition: transform .15s, background .15s;
}
.rcp-unlock-go:hover { background: #ffd23b !important; transform: translateY(-1px); }
.rcp-unlock-go:disabled { opacity: .65; cursor: default !important; transform: none; }
.rcp-unlock-extra:not(:empty) { margin-top: 12px; display: grid; gap: 10px; }
.rcp-unlock-extra-intro { margin: 0 !important; font-size: 13.5px !important; font-weight: 700; color: #f6c20e !important; }
.rcp-unlock-extra label { display: block; font-size: 13px; font-weight: 700; color: inherit; opacity: .85; margin-bottom: 6px; }
.rcp-unlock-photo { padding: 16px; border: 1px dashed rgba(246,194,14,.5); border-radius: 14px; background: rgba(246,194,14,.07); text-align: center; }
.rcp-unlock-photo-title { font-weight: 800; font-size: 15px; margin-bottom: 4px; }
.rcp-unlock-photo-hint { font-size: 13px !important; color: inherit !important; opacity: .8; margin: 0 0 12px !important; line-height: 1.5 !important; }
.rcp-unlock-photo-btn { display: inline-block; padding: 11px 18px !important; border: 1px solid #f6c20e !important; border-radius: 12px !important; background: transparent !important; color: #f6c20e !important; font-weight: 800 !important; font-size: 14px !important; cursor: pointer; font-family: inherit !important; }
.rcp-unlock-photo-preview { display: block; max-width: 100%; max-height: 220px; margin: 14px auto 0; border-radius: 10px; }
.rcp-unlock-photo-preview[hidden] { display: none; }
.rcp-unlock-msg { margin-top: 12px; padding: 11px 14px; border-radius: 12px; background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.35); color: #fca5a5; font-size: 14px; line-height: 1.45; }
.rcp-unlock-msg[hidden] { display: none; }
.rcp-unlock-note { margin: 12px 0 0 !important; font-size: 13px !important; color: inherit !important; opacity: .8; line-height: 1.5 !important; }
.rcp-unlock-note b { font-weight: 800; }
.rcp-unlock-note a { color: #f6c20e !important; font-weight: 700; text-decoration: none; }
@media (max-width: 720px) {
  .rcp-unlock-row, .rcp-unlock-pinned .rcp-unlock-row { grid-template-columns: 1fr; }
  .rcp-unlock-go { width: 100%; }
}