*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1a1a1a;background:#0e1015;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{flex-direction:column;align-items:center;min-height:100vh;display:flex}.page__header{background:#0e1015;width:100%;padding:16px 20px}.page__brand{color:#fff;letter-spacing:.06em;font-size:14px;font-weight:700;text-decoration:none}.page__brand:hover{text-decoration:underline}.page__content{background:#fff;border-radius:16px 16px 0 0;flex:1;width:100%;max-width:480px;padding:24px 20px 48px}h1{margin:0 0 4px;font-size:20px}.muted{color:#6b7280;margin:0 0 16px;font-size:14px}.error{color:#b91c1c;font-size:14px}.photo{background:#f3f4f6;border-radius:12px;width:100%;margin-bottom:16px;display:block}.details{margin:0 0 24px}.details dt{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-top:12px;font-size:12px}.details dd{margin:2px 0 0;font-size:15px}.confirm-form{flex-direction:column;gap:12px;display:flex}.field{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.field input{font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:16px;font-weight:400}.field-error{color:#b91c1c;font-size:12px;font-weight:400}.signature-wrap{flex-direction:column;gap:6px;display:flex}.signature-label{color:#374151;font-size:13px;font-weight:600}.signature-pad{touch-action:none;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;height:clamp(160px,34vh,340px)}.rotate-hint{color:#1d4ed8;margin:0 0 8px;font-size:13px;display:none}@media (orientation:portrait){.rotate-hint{display:block}}@media (orientation:landscape){.page__header{padding:6px 16px}.page__content--sign{border-radius:0;max-width:none;padding:8px 16px 12px}.page__content--sign .confirm{grid-template:"sig photo""sig field""sig err""sig submit"1fr/1fr 200px;align-items:start;gap:8px 14px;display:grid}.page__content--sign .confirm__info,.page__content--sign .confirm__sign,.page__content--sign .confirm-form{display:contents}.page__content--sign .confirm__info>h1,.page__content--sign .confirm__info>p,.page__content--sign .confirm__info>.details,.page__content--sign .rotate-hint{display:none}.page__content--sign .confirm__info>.photo{object-fit:cover;border-radius:8px;grid-area:photo;width:100%;height:64px;margin:0}.page__content--sign .confirm-form>.field{grid-area:field}.page__content--sign .signature-wrap{grid-area:sig}.page__content--sign .confirm-form>.error{grid-area:err;margin:0}.page__content--sign .confirm-form>.submit{grid-area:submit;align-self:start}.page__content--sign .signature-pad{height:max(140px,100vh - 110px)}}.signature-clear{color:#1d4ed8;background:0 0;border:none;align-self:flex-end;padding:4px;font-size:13px}.submit{color:#fff;background:#1d4ed8;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:600}.submit:disabled{opacity:.5}.confirmed{text-align:center;padding:48px 0}.camera{flex-direction:column;gap:10px;display:flex}.camera__video{aspect-ratio:3/4;object-fit:cover;background:#111827;border-radius:12px;width:100%}.camera__video--hidden{display:none}.camera__start,.camera__shutter,.camera__retake,.camera__retry{border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600}.camera__shutter{color:#fff;background:#1d4ed8}.camera__start,.camera__retake,.camera__retry{color:#111827;background:#e5e7eb}.camera__start:disabled{opacity:.5}.camera--blocked{gap:12px}.verify{flex-direction:column;gap:12px;display:flex}.verify-actions{flex-direction:column;gap:8px;display:flex}