:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111017;color:#f8f5ff}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(400px,calc(100% - 32px));padding:28px;background:#201b2a;border:1px solid #494052;border-radius:24px}.brand{color:#c8acff;letter-spacing:.2em;font-size:12px;font-weight:800}h1{font-size:34px;margin-bottom:12px}p{line-height:1.6;color:#c9c2d3}#username{display:block;margin:24px 0;font-size:26px;color:#d4b7ff;overflow-wrap:anywhere}button{width:100%;padding:14px;border:0;border-radius:12px;font:inherit;font-weight:700;background:#cab0fa;color:#1b1228;cursor:pointer}button:disabled{opacity:.4;cursor:default}.secondary{color:#ded0ff}#feedback{min-height:48px;font-size:14px}

.primary-link{display:block;padding:14px;text-align:center;background:#cab0fa;color:#1b1228;border-radius:12px;font-weight:700;text-decoration:none;margin:24px 0 12px}.primary-link[hidden]{display:none}#copy{margin-top:12px}