*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,sans-serif;background:#101923;color:#fff}body{display:flex;align-items:center;justify-content:center}main{max-width:860px;text-align:center;padding:32px}.brand{width:400px;max-width:80vw;height:auto}h1{font-size:36px}p{font-size:20px;line-height:1.5;color:#d7e3ef}#pin{font:700 80px/1.4 monospace;letter-spacing:12px;color:#fff}#qr{display:table;margin:24px auto;background:#fff;padding:20px}#qr:empty{display:none}#error{color:#ffd188}iframe{position:fixed;inset:0;width:100%;height:100%;border:0}[hidden]{display:none!important}