.pin-auth-screen{min-height:calc(100vh - 32px);display:flex;align-items:center;justify-content:center;padding:20px 12px}
.pin-card{width:100%;max-width:420px;padding:26px;border-radius:24px;background:#121c2b;color:#f4f7fb;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 56px rgba(0,0,0,.24);text-align:center}
.pin-card h1{margin:0;font-size:30px;line-height:1.15;color:#ffab69}
.pin-card p{margin:12px 0 20px;line-height:1.4;font-size:15px;color:#acbdd0}
.pin-login label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;color:#b9c9da}
.pin-entry{position:relative;margin-bottom:16px}
.pin-input{box-sizing:border-box;width:100%;height:56px;background:#0b111b;color:#fff;border:1px solid #52657d;border-radius:12px;font-size:26px;text-align:center;letter-spacing:10px}
.pin-slots{display:none;pointer-events:none}
.pin-slots span{display:flex;align-items:center;justify-content:center;flex:1;height:56px;border:1px solid #52657d;border-radius:12px;background:#0b111b;color:#ffab69;font-size:30px}
.pin-slots span+span{margin-left:10px}
.pin-login--ready .pin-slots{display:flex}
.pin-login--ready .pin-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.01;caret-color:transparent}
.pin-entry:focus-within .pin-slots span{border-color:#ffab69}
.pin-keypad{display:none;flex-wrap:wrap;margin:-4px}
.pin-login--ready .pin-keypad{display:flex}
.pin-keypad button{box-sizing:border-box;width:calc(33.333% - 8px);margin:4px;min-height:56px;padding:8px;border-radius:12px;border:1px solid #3d5069;background:#1b2b40;color:#f5f8fc;font:inherit;font-size:27px;cursor:pointer}
.pin-keypad .pin-key-action{font-size:13px;color:#bbcbde}
.pin-keypad button:active{background:#35516e}
.pin-card .pin-submit{box-sizing:border-box;display:block;width:100%;margin-top:16px;min-height:48px;padding:13px;border-radius:12px;border:0;background:#ff8429;color:#101825;text-align:center;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
.pin-submit:disabled{opacity:.55;cursor:wait}
.pin-keypad button:focus-visible,.pin-submit:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pin-error{padding:10px 12px;margin-bottom:14px;border-radius:10px;background:#54252c;color:#ffdcdf;font-size:14px}
@media(max-height:650px){.pin-auth-screen{padding:12px}.pin-card{padding:18px;max-width:380px}.pin-card h1{font-size:25px}.pin-card p{margin:8px 0 12px}.pin-slots span,.pin-input{height:44px}.pin-keypad button{min-height:44px;font-size:23px}.pin-entry{margin-bottom:10px}.pin-card .pin-submit{margin-top:10px;min-height:42px;padding:10px}}