*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#e6eff1,transparent 60%),#f6f7f7;color:#203e51;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100svh;display:grid;place-items:center}main{width:min(410px,100% - 36px);text-align:center;padding:30px 35px 26px;border:1px solid #fff;border-radius:30px;background:#ffffffb8;box-shadow:0 18px 70px #173b5010}.brand{width:140px;height:64px;object-fit:contain;margin-bottom:25px}.intro>p{font-size:12px;color:#81929c;margin:0 0 10px}.intro h1{font-size:28px;font-weight:600;letter-spacing:-.7px;margin:0 0 10px}.intro>span{display:block;font-size:13px;color:#7a8e9b;line-height:1.6;min-height:21px}.dots{display:flex;gap:14px;justify-content:center;margin:29px 0 14px}.dots i{height:10px;width:10px;border:1.5px solid #aac0ca;border-radius:50%;background:transparent}.dots i.filled{background:#315d73;border-color:#315d73}#message{font-size:12px;line-height:1.5;color:#a36048;min-height:36px;margin:0 0 13px}#keys{display:grid;grid-template-columns:repeat(3,68px);justify-content:center;gap:13px 23px}button{display:grid;place-items:center;padding:0;line-height:1;text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none;width:68px;height:68px;border:1px solid #dce7ec;border-radius:50%;background:#f1f5f6;color:#294e62;font:400 26px/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}button:active{background:#dce8ee;transform:scale(.96)}button:disabled{opacity:.4;cursor:default}#erase{background:transparent;border-color:transparent;display:grid;place-items:center}#erase svg{width:25px;height:25px}.back{display:inline-block;margin-top:24px;color:#80929d;font-size:12px;text-decoration:none}body.locked .dots{visibility:hidden}body.locked #message{color:#536f80;font-size:16px;font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:3px solid #a27c59;outline-offset:4px}@media(max-width:480px){main{padding:25px 16px;border:0;background:transparent;box-shadow:none}.brand{margin-bottom:27px}#keys{gap:14px 25px}body{background:linear-gradient(160deg,#edf3f4,#fbfcfc)}}@media(max-height:720px){main{padding-top:12px;padding-bottom:15px}.brand{height:48px;margin-bottom:12px}.dots{margin-top:20px}#keys{gap:10px 23px}button{height:59px;width:59px}#keys{grid-template-columns:repeat(3,59px)}.back{margin-top:18px}}

.intro[hidden]{display:none!important}
/* Full-page PIN entry, no enclosing card. */
body{background:#fff}
main{background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:480px){body{background:#fff}}