.connect-main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:46px 0 80px}.connect-heading{text-align:left;max-width:760px;margin:10px 0 28px}.connect-heading h1{font-size:clamp(34px,5.5vw,52px);line-height:1.04;letter-spacing:-.05em;margin:0;color:var(--text)}.connect-heading p,.login-card p,.connect-card p{color:var(--muted);font-size:12px;line-height:1.6}.connect-heading .section-tag{margin-bottom:12px}.login-card{max-width:540px;margin:45px auto 0;text-align:center;border-radius:var(--radius-xl)}.login-card .card-inner{padding:34px 28px}.login-card h2{margin:0;font-size:21px;letter-spacing:-.03em}.login-card #connect-tg-login{display:flex;justify-content:center;min-height:44px;margin-top:22px}.connect-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.connect-card{border-radius:var(--radius-xl)}.connect-card .card-inner{padding:24px}.connect-card h2{margin:0;font-size:19px;letter-spacing:-.03em}.card-label{display:block;color:var(--purple);font-size:9px;text-transform:uppercase;letter-spacing:.075em;font-weight:800;margin-bottom:7px}.app-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 12px}.app-option{min-height:47px;border:1px solid var(--line);background:var(--surface-muted);color:var(--text-soft);border-radius:14px;padding:0 13px;font-weight:720;font-size:11px;cursor:pointer}.app-option.active{border-color:#bda8df;background:var(--surface-purple);color:var(--purple-dark);box-shadow:inset 0 0 0 1px rgba(117,80,200,.04)}.btn-wide{width:100%;margin-top:9px}.devices-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.device-counter{display:grid;place-items:center;min-width:41px;height:41px;padding:0 12px;border-radius:13px;background:var(--purple-soft);color:var(--purple-dark);font-weight:800}.device-list{display:grid;gap:8px;margin-top:18px}.connect-device{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-muted)}.connect-device small{display:block;color:var(--muted);font-size:9.5px;margin-top:4px}.remove-device,.device-ban{min-height:35px;border:0;border-radius:10px;padding:0 11px;cursor:pointer;font-size:9.5px;font-weight:700}.remove-device{background:var(--red-soft);color:var(--red)}.device-ban{background:var(--purple-soft);color:var(--purple-dark)}.device-ban.unban{background:var(--green-soft);color:var(--green)}.empty-state{padding:20px;text-align:center;color:var(--muted);font-size:10.5px;border:1px dashed var(--line-strong);border-radius:15px}.connect-help{display:flex;justify-content:center;gap:10px;margin-top:20px}.connect-help a{min-height:40px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--purple-dark);box-shadow:var(--shadow-small);font-size:10px;font-weight:700}.modal{position:fixed;inset:0;z-index:2100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-overlay{position:absolute;inset:0;background:rgba(37,29,45,.32);backdrop-filter:blur(10px)}.modal-card{position:relative;width:min(390px,100%);text-align:center;border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff;box-shadow:0 28px 80px rgba(37,29,45,.2)}.modal-card h3{margin:0;font-size:20px}.modal-card p{color:var(--muted);font-size:11px}.modal-card img{width:230px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:17px;padding:10px;margin:18px auto;display:block}.modal-close{position:absolute;right:13px;top:11px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted);color:var(--muted);font-size:20px;cursor:pointer}.connect-device.banned{border-color:#f1cfd5;background:#fff8f9}.device-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.device-badge{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.device-badge.banned{background:var(--red-soft);color:var(--red)}
@media(max-width:760px){.connect-main{width:calc(100% - 28px);padding-top:32px;padding-bottom:90px}.connect-heading{text-align:center;margin-inline:auto}.connect-grid{grid-template-columns:1fr}.connect-help{flex-direction:column;align-items:stretch}.connect-help a{justify-content:center}.connect-device{align-items:flex-start;flex-direction:column}.device-actions{justify-content:flex-start}.modal{align-items:end;padding:10px}.modal-card{border-radius:24px 24px 15px 15px}}
/* Reset landing payment-modal geometry for the QR modal used on this page. */
.modal{width:auto;max-height:none;border-radius:0}
.modal .modal-overlay{display:block;z-index:auto;padding:0;opacity:1;visibility:visible;transform:none}