/* v1.37: landscape PIN panel lives entirely inside the member display. */
.content{position:relative}
.modalbg.pin-overlay{position:absolute;inset:0;padding:0;background:#080e16;overflow:hidden;z-index:8;border-radius:13px}
.pin-modal{width:100%;height:100%;max-height:none;margin:0;padding:clamp(10px,1.5cqw,26px);border:1px solid #b69850;border-radius:13px;background:radial-gradient(ellipse at 15% 25%,#30281755,transparent 65%),linear-gradient(125deg,#111c28,#080e16);box-shadow:none;overflow:hidden}
.pin-form{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(15px,2.5cqw,44px);min-height:0}
.pin-info{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(5px,.65cqw,11px)}
.pin-modal h2{margin:0;color:#ffe3a0;font-size:clamp(21px,2cqw,36px);line-height:1.1}
.pin-modal p{margin:0;font-size:clamp(13px,1.12cqw,20px);line-height:1.3;color:#dce5ed}
.pin-modal #profilePinInput{width:100%;min-height:0;height:clamp(38px,4cqw,70px);flex:none;text-align:center;font-size:clamp(24px,2.4cqw,42px);letter-spacing:.45em;padding:5px 5px 5px .45em;margin:0;background:#050a10;border:1px solid #bda064;border-radius:9px;caret-color:#ffe3a0}
.pin-modal #profilePinInput::placeholder{color:#8d9bad;opacity:1}
.pin-modal #profilePinInput:focus{outline:2px solid #ffe3a0;outline-offset:2px}
.pin-modal .pin-error{min-height:2.4em;color:#ffc4b6;font-size:clamp(12px,.96cqw,17px);line-height:1.2}
.pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(5px,.65cqw,11px);min-height:0;min-width:0}
.pin-keypad button{min-width:0;min-height:0;padding:0;border:1px solid #536173;border-radius:10px;background:linear-gradient(#202e3d,#14202e);color:#fff;font-size:clamp(23px,2.4cqw,43px);font-weight:700;box-shadow:inset 0 1px #ffffff0d;touch-action:manipulation}
.pin-keypad button:hover{border-color:#ffe1a0;background:#37402f}
.pin-keypad button:active{background:#5b4825;border-color:#ffe1a0}
.pin-keypad button:nth-child(10),.pin-keypad button:nth-child(12){font-size:clamp(14px,1.25cqw,22px);color:#e5d1a2;background:#121c28}
.pin-modal .pin-demo-hint{font-size:clamp(11px,.88cqw,16px);color:#cdbc91}
.pin-modal .actions{display:flex;gap:clamp(6px,.7cqw,12px);margin:0;flex:none}
.pin-modal .actions button{flex:1;min-width:0;min-height:clamp(36px,3.4cqw,60px);padding:5px;font-size:clamp(13px,1.18cqw,21px);border-radius:9px;touch-action:manipulation}
.pin-modal button:disabled{opacity:.45;cursor:default}
@container(max-width:1000px){.pin-info{gap:4px}.pin-modal{padding:10px}.pin-form{gap:14px}.pin-modal h2{font-size:21px}.pin-modal .pin-error{min-height:2.4em;font-size:11px}.pin-modal p{font-size:12px}}