:root{font-family:system-ui,-apple-system,sans-serif;color:#192137;background:#f1f3fa}*{box-sizing:border-box}body{margin:0;padding:40px 18px;min-height:100vh;background:radial-gradient(ellipse at top right,#e5e0ff,transparent 60%),#f4f5fa}main{max-width:760px;margin:auto;background:white;border:1px solid #e3e4ef;border-radius:26px;padding:32px;box-shadow:0 24px 80px #38326b12}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:24px}.brand{direction:ltr;font-size:22px;font-weight:900;letter-spacing:2px}.brand b{color:#6944db}.tag{font-size:12px;background:#f0ebff;color:#6944db;padding:7px 12px;border-radius:20px}h1{font-size:30px;line-height:1.4;margin:28px 0 8px}p,li{color:#657087;font-size:14px;line-height:1.9}form{max-width:420px;margin-top:24px}label{display:block;font-size:13px;margin-bottom:18px}input{width:100%;padding:13px;margin-top:7px;border:1px solid #dfe2ec;border-radius:10px;font:inherit}button{background:#6843d8;color:white;border:0;border-radius:11px;padding:13px 20px;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f0edfa;color:#5e40bc}.danger{color:#a3384a;background:#fff1f3}.heading{display:flex;justify-content:space-between;align-items:center}.status{display:flex;gap:12px;align-items:center;padding:18px;border-radius:14px;background:#f5f5fa;margin:20px 0}#dot{width:10px;height:10px;border-radius:50%;background:#f5b342}#dot.connected{background:#27aa78}#account{margin-inline-start:auto;font-size:12px}.qrbox{text-align:center;border:1px dashed #d9d6e8;border-radius:18px;padding:22px;min-height:140px}#qr{width:260px;max-width:100%;height:auto;image-rendering:pixelated}.actions{display:flex;gap:12px;flex-wrap:wrap}.note{font-size:12px}#message{color:#a3384a}footer{border-top:1px solid #eee;margin-top:24px;padding-top:20px;font-size:11px;color:#8c91a2}[hidden]{display:none!important}@media(max-width:500px){body{padding:12px}main{padding:22px}h1{font-size:25px}.actions button{width:100%}.heading{align-items:flex-start}}