:root{font-family:Inter,system-ui,sans-serif;color:#172036;background:#edf3f8}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,560px);background:#fff;border-radius:20px;padding:34px;box-shadow:0 12px 35px #1c35501c}h1{margin:0;font-size:2.2rem}h2{margin-top:28px}.lead,.hint{color:#5d6b7b}.choices{display:grid;gap:22px;margin-top:28px}.join label{display:block;font-weight:600;margin-bottom:8px}.join div{display:flex;gap:8px}input{min-width:0;width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}button{border:0;border-radius:9px;background:#1163d8;color:#fff;padding:12px 17px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary{margin-top:22px;background:#dbe5f0;color:#253449}.status{margin-top:24px;color:#536272}.status span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#f0a621;margin-right:8px}.status .online{background:#24a26c}.qr{width:220px;max-width:100%;image-rendering:auto}.filebox,.offer{margin-top:22px;padding:18px;background:#f3f7fb;border-radius:12px}.download{display:block;margin-top:20px;font-weight:700;color:#0757c5}.progress{height:9px;background:#e5edf5;border-radius:99px;margin-top:22px;overflow:hidden}.progress div{height:100%;background:#1163d8;transition:width .15s}.error{margin-top:18px;padding:12px;background:#fff0f0;color:#a51d26;border-radius:9px}a{color:#0757c5;overflow-wrap:anywhere}@media(max-width:480px){.card{padding:24px}.join div{flex-direction:column}}