:root{font-family:system-ui,sans-serif;color:#e9ecf4;background:#101721;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#25394f,transparent 65%)}main{width:min(460px,calc(100% - 32px));margin:32px 0;padding:36px;background:#182331;border:1px solid #37485b;border-radius:20px;box-shadow:0 24px 80px #0005}h1{margin:12px 0}p{color:#aebdd0;line-height:1.6}.eyebrow{color:#d4bb83;font-size:11px;letter-spacing:2px}label{display:block;font-size:14px;margin:20px 0}input{width:100%;padding:13px;margin-top:8px;border:1px solid #526174;border-radius:8px;background:#111b28;color:white;font:inherit}input:focus{outline:2px solid #d4bb83}button{width:100%;padding:14px;border:0;border-radius:8px;background:#d4bb83;color:#1a2230;font-weight:700;cursor:pointer}button:disabled{opacity:.5}details{margin-top:26px;border-top:1px solid #37485b;padding-top:20px}summary{cursor:pointer;color:#d4bb83}output{display:block;overflow-wrap:anywhere;background:#0d1724;padding:16px;letter-spacing:2px}#status{color:#ffbdaf}

#qr{display:block;max-width:100%;height:auto;margin:20px auto;border-radius:12px;background:white}h2{font-size:20px}#step{color:#d4bb83} [hidden]{display:none!important}