*{box-sizing:border-box}body{margin:0;background:#f1f4f8;color:#172438;font:16px/1.6 "Segoe UI",Arial,sans-serif;min-height:100dvh;display:grid;place-items:center;padding:24px}.recovery{width:100%;max-width:480px;background:#fff;border:1px solid #dce3ec;border-top:4px solid #0f62fe;padding:36px;box-shadow:0 12px 36px #1724380b}.brand{font-weight:750;font-size:24px;text-decoration:none;letter-spacing:-1px;color:#172438}.brand span{color:#0f62fe}h1{font-size:25px;line-height:1.25;margin:28px 0 16px}p{margin:16px 0}a{color:#064bc1;text-underline-offset:3px}form{display:grid;gap:18px;margin:24px 0}label{font-size:14px;font-weight:600;display:grid;gap:8px}input{min-width:0;width:100%;border:1px solid #91a2b8;border-radius:3px;padding:12px;font:inherit;font-size:16px}button,.button{border:0;border-radius:3px;background:#0f62fe;color:#fff;min-height:46px;padding:12px 16px;font:600 15px/1.5 "Segoe UI",Arial,sans-serif;cursor:pointer;text-decoration:none;text-align:center;display:block}button:hover,.button:hover{background:#0043ce}:focus-visible{outline:3px solid #82b3ff;outline-offset:3px}.notice{background:#eef5ff;border-left:3px solid #0f62fe;padding:12px 16px;font-size:14px}.error{background:#fff1f1;border-color:#b42318;color:#8e1c15}.help{font-size:13px;color:#596a80;margin-top:28px}[hidden]{display:none!important}@media(max-width:480px){body{padding:16px;align-items:start}.recovery{padding:24px 20px;margin-top:20px}h1{font-size:23px}}