[hidden]{display:none!important}
body main{padding:28px;width:min(430px,100%)}
body .logo{max-width:300px;margin:0 auto 24px}
#pin-account{font-weight:650;color:#202124;margin-bottom:6px;overflow-wrap:anywhere}
#pin-instruction{margin-bottom:18px}
.pin-dots{display:flex;justify-content:center;gap:14px;margin:24px 0}
.pin-dots span{width:17px;height:17px;border:2px solid #d3d4db;border-radius:50%;background:#fff}
.pin-dots span.filled{background:#df0923;border-color:#df0923}
.pin-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pin-keypad button{min-height:64px;margin:0;padding:12px;background:#f8f8fa;color:#202124;border:1px solid #e1e2e8;font-size:27px;font-weight:600;border-radius:12px;touch-action:manipulation}
.pin-keypad button:hover{background:#fff0f2;border-color:#df0923}
.pin-keypad button:active{background:#fbe1e6}
.pin-keypad button[data-pin-clear],.pin-keypad button[data-pin-back]{font-size:13px;color:#6b6f76;background:#fff}
.pin-keypad button[data-pin-back]{font-size:25px}
.pin-keypad button:disabled{opacity:.5;cursor:wait}
.pin-error{color:#a6192b;margin:16px 0 0;min-height:20px;font-size:13px}
.pin-text-button{background:transparent;color:#ba071c;margin-top:4px;font-size:13px;min-height:44px}
.pin-text-button:hover{background:#fff0f2}
#pin-password{margin-top:16px;border-top:1px solid #e6e6e9;padding-top:18px}
#pin-password summary{cursor:pointer;min-height:44px;color:#ba071c;font-size:14px;font-weight:600}
.pin-help{font-size:12px;margin:12px 0 0;line-height:1.6}
.pin-skip{display:block;text-align:center;min-height:44px;padding:14px;margin-top:16px;font-size:13px}
@media(max-width:480px){body{padding:16px}body main{padding:24px 20px}.pin-keypad{gap:10px}.pin-keypad button{min-height:62px}.pin-dots{gap:12px}h1{font-size:24px}}