*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}body{font-family:Arial,Helvetica,sans-serif;color:#111;display:flex;align-items:center;justify-content:center;min-height:100vh}.screen{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.qr-wrap{text-align:center}.logo{max-width:180px;max-height:54px;margin:0 auto 22px;display:block}.wordmark{font-size:30px;font-weight:800;letter-spacing:3px;margin-bottom:22px}.title{font-size:18px;font-weight:700;margin:0 0 20px}.qr{width:min(72vw,440px);height:auto;display:block;margin:0 auto;background:#fff}.hint{font-size:13px;color:#666;margin-top:18px}@media(max-width:520px){.qr{width:min(86vw,420px)}.screen{padding:14px}.wordmark{font-size:25px}}