@media (max-width:560px){html:has(.recipientGateShell){scroll-behavior:auto;scroll-padding-block:12px 96px}.recipientGateShell{min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));place-items:start center;scroll-padding-block:12px 96px}.recipientGateShell .recipientGateCard{border-radius:14px;min-width:0;overflow:visible}.recipientGateShell .recipientGateHeader{gap:10px;padding:14px 16px}.recipientGateShell .recipientGateBody{min-width:0;padding:22px 16px 26px}.recipientGateShell .recipientGateBody h1{margin-block:7px 10px;font-size:clamp(29px,9.5vw,38px)}.recipientGateShell .recipientGateFooter{padding:13px 16px}.recipientGateShell .gateForm{gap:14px;margin-top:22px}.recipientGateShell .gateForm input:not([type=checkbox]),.recipientGateShell .gateForm select{min-height:48px;font-size:16px}.recipientGateShell .gateForm input,.recipientGateShell .gateForm select,.recipientGateShell .gateForm button,.recipientGateShell .agreementText,.recipientGateShell .signatureCanvas{scroll-margin-block:16px 96px}.recipientGateShell .codeInput{letter-spacing:.22em;padding-inline:8px;font-size:26px!important}.recipientGateShell .agreementHeading{align-items:flex-start;gap:8px;padding:11px 12px}.recipientGateShell .agreementHeading span{text-align:right;max-width:12ch}.recipientGateShell .agreementText{max-height:min(190px,30dvh);padding:14px;line-height:1.6}.recipientGateShell .agreementScrollEvidence{padding:9px 12px 11px}.recipientGateShell .signatureMark{gap:8px}.recipientGateShell .signatureModeTabs{gap:6px}.recipientGateShell .signatureModeTabs button{min-height:44px;padding:7px 8px}.recipientGateShell .signatureFaceRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.recipientGateShell .faceCard{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2px;min-height:54px;padding:7px 4px 5px;display:grid}.recipientGateShell .faceCard .faceSample{font-size:20px}.recipientGateShell .signatureCanvasControls{flex-wrap:wrap;gap:6px 10px}.recipientGateShell .signatureCanvasControls small{flex-basis:100%}}@media (max-width:560px) and (max-height:520px){html:has(.recipientGateShell){scroll-padding-bottom:128px}.recipientGateShell{padding-top:max(4px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));scroll-padding-bottom:128px}.recipientGateShell .recipientGateHeader{padding-block:10px}.recipientGateShell .recipientGateBody{padding-block:16px 20px}.recipientGateShell .recipientGateBody h1{font-size:clamp(27px,8.5vw,34px)}.recipientGateShell .recipientPromise{font-size:14px;line-height:1.45}.recipientGateShell .gateForm{gap:11px;margin-top:16px}.recipientGateShell .gateForm input,.recipientGateShell .gateForm select,.recipientGateShell .gateForm button,.recipientGateShell .agreementText,.recipientGateShell .signatureCanvas{scroll-margin-bottom:128px}.recipientGateShell .agreementText{max-height:min(132px,27dvh)}.recipientGateShell .recipientGateFooter{padding-block:10px}}