*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#302c27;font:18px/1.5 Arial,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}main{background:#fffefa;border:1px solid #e5e0d5;border-radius:22px;padding:28px;max-width:450px;width:100%;box-shadow:0 8px 30px #4931220a}main>img{display:block;width:88px;height:88px;object-fit:contain;margin:0 auto 16px}h1{font-size:28px;line-height:1.2;margin:0 0 12px}p{color:#635d54;margin:0 0 22px}label{display:grid;gap:6px;font-weight:600;margin-bottom:16px}input{font:inherit;min-height:54px;border:1px solid #a99d90;border-radius:10px;padding:10px 12px;max-width:100%;width:100%}input:focus-visible,button:focus-visible{outline:3px solid #b96532;outline-offset:3px}.show{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400}.show input{width:24px;min-height:24px;height:24px;accent-color:#713e2e}button{width:100%;min-height:56px;background:#713e2e;color:white;border:0;border-radius:12px;font:600 18px Arial,sans-serif;padding:12px;cursor:pointer}button:disabled{opacity:.6}.hint{font-size:14px;margin:20px 0 0}#error{color:#9b2626;font-weight:600;margin:0 0 12px}#error:empty{display:none}@media(max-width:400px){main{padding:22px}h1{font-size:25px}}