:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#222;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}main{min-height:100svh;display:grid;place-items:center;padding:24px}.card{width:min(100%,608px);padding:50px 45px;border:1px solid #e2e5ea;border-radius:29px;background:white;box-shadow:0 12px 40px rgba(28,39,52,.07);text-align:center;transform:translateY(-35px)}.lock{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;background:#e4f5ff;color:#00aeef;margin:0 auto 33px}h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-1px;margin:0 0 20px}.intro{font-size:21px;line-height:1.6;color:#8b98a9;margin:0 0 46px}.primary{display:flex;align-items:center;justify-content:center;min-height:72px;width:100%;border-radius:999px;background:#00aeef;color:white;font-size:23px;font-weight:700;text-decoration:none;box-shadow:0 3px 9px #00aeef22;touch-action:manipulation}.primary:hover{background:#009edb}.primary:focus-visible,button:focus-visible,.secondary:focus-visible{outline:3px solid #005b8a;outline-offset:5px}.notice,#status{font-size:14px;line-height:1.6;color:#6c7786;overflow-wrap:anywhere}.secondary,button{display:inline-block;font:inherit;font-size:14px;color:#007ba9;background:none;border:0;padding:12px;cursor:pointer;text-decoration:underline}#fallback{margin-top:24px}[hidden]{display:none!important}@media(max-width:640px){.card{padding:36px 24px;border-radius:24px;transform:none}.lock{width:76px;height:76px;margin-bottom:28px}h1{font-size:26px}.intro{font-size:16px;margin-bottom:32px}.primary{min-height:60px;font-size:19px}}@media(max-height:560px){.card{transform:none}main{padding:20px}}