*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff}.app{max-width:720px;margin:0 auto;padding:16px 20px 40px}.demo{border:1px solid #bbb;border-radius:9px;padding:9px;text-align:center;font-size:13px;font-weight:700;margin-bottom:24px}.brand{color:#666;font-size:14px;margin:12px 0 24px}h1{font-size:28px;line-height:1.15;margin:0 0 18px}h2{font-size:23px;line-height:1.25;margin:20px 0}.muted{color:#5c514c;font-size:16px;line-height:1.5}.small{font-size:14px;color:#555}.field{display:block;width:100%;font-size:17px;padding:14px;border:1px solid #aaa;border-radius:10px;margin:6px 0 16px}.btn{width:100%;border:0;border-radius:10px;background:#202124;color:#fff;font-size:16px;font-weight:700;padding:15px;margin:8px 0;cursor:pointer}.btn:disabled{opacity:.55;cursor:wait}.secondary{background:#fff;color:#222;border:1px solid #aaa}.progress{height:8px;background:#eee;border-radius:8px;overflow:hidden;margin:8px 0 22px}.bar{height:100%;background:#333}.options{display:grid;gap:10px}.opt{display:flex;align-items:center;gap:12px;border:1px solid #bbb;border-radius:10px;padding:14px;font-size:16px;cursor:pointer}.opt input{width:20px;height:20px}.nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.done{text-align:center;padding-top:30px}.check{font-size:52px}.status{border:1px solid #b7c8b7;border-radius:10px;padding:12px;margin:16px 0;background:#f7faf7}.error{border-color:#d6aaaa;background:#fff7f7;color:#7b2020}@media(max-width:520px){h1{font-size:26px}.app{padding-left:18px;padding-right:18px}.nav{grid-template-columns:1fr}}