:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2b47;background:#fff}body{margin:0}main{max-width:398px;margin:auto;text-align:center;padding:clamp(55px,17vh,160px) 16px 24px}.lock{font-size:76px;color:#7cb23d;margin-bottom:40px}h1{font-size:22px;margin:0}#dots{display:flex;justify-content:space-between;margin:44px 18px 16px}#dots span{width:16px;height:16px;border-radius:50%;border:1.5px solid #999}#dots span.filled{background:#1d2b47;border-color:#1d2b47}#message{min-height:40px;color:#a33227;font-size:14px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{border:0;background:transparent;min-height:68px;font:inherit;font-size:26px;color:inherit;border-radius:12px;cursor:pointer}.keypad button:focus-visible{outline:3px solid #7cb23d}.keypad button:active{background:#eef3ed}.keypad .small{font-size:14px}