:root{--connector-red:#ff304d;--connector-cyan:#60e4d2;--connector-ink:#05070a;--connector-panel:#0d1117;--connector-line:rgba(255,255,255,.12)}
.connector-pair-page{min-height:100vh;background:#05070a;color:#f5f7f8;overflow-x:hidden}
.connector-pair-page::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 26%,rgba(255,48,77,.17),transparent 31rem),radial-gradient(circle at 84% 74%,rgba(96,228,210,.08),transparent 29rem),linear-gradient(115deg,transparent 49.8%,rgba(255,255,255,.025) 50%,transparent 50.2%)}
.connector-pair{position:relative;min-height:100vh;display:grid;place-items:center;padding:calc(var(--nav-h,72px) + 54px) max(24px,5vw) 70px}
.connector-pair-hero{width:min(1240px,100%);display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.72fr);gap:clamp(48px,7vw,108px);align-items:center}
.connector-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#aab8bf;font:800 .74rem/1 Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase}.connector-kicker span{width:36px;height:2px;background:var(--connector-red);box-shadow:0 0 18px rgba(255,48,77,.7)}
.connector-pair-copy h1{margin:0;font:900 clamp(4.6rem,8vw,8.1rem)/.78 "Barlow Condensed",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.connector-pair-copy h1 em{color:var(--connector-red);font-style:normal}.connector-pair-copy>p{max-width:680px;margin:32px 0 0;color:#a8b4ba;font:500 clamp(1rem,1.2vw,1.16rem)/1.7 Inter,sans-serif}
.connector-trust-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:42px 0 0;padding:0;border-block:1px solid var(--connector-line);list-style:none}.connector-trust-list li{display:flex;gap:13px;min-height:112px;padding:21px 16px;border-right:1px solid var(--connector-line)}.connector-trust-list li:last-child{border:0}.connector-trust-list b{color:var(--connector-red);font:900 1.2rem/1 "Barlow Condensed",sans-serif}.connector-trust-list span{display:grid;align-content:start;gap:7px}.connector-trust-list strong{font:800 .86rem/1.2 Inter,sans-serif;text-transform:uppercase}.connector-trust-list small{color:#788890;font:500 .77rem/1.5 Inter,sans-serif}
.connector-pair-panel{position:relative;min-height:570px;padding:0 42px 40px;background:linear-gradient(160deg,rgba(18,23,31,.98),rgba(7,10,14,.98));border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04);overflow:hidden}.connector-pair-panel::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--connector-red),#ff6d82 36%,transparent 74%)}.connector-pair-panel::after{content:"";position:absolute;right:-80px;bottom:-80px;width:250px;height:250px;border:1px solid rgba(96,228,210,.13);border-radius:50%;box-shadow:0 0 0 34px rgba(96,228,210,.025),0 0 0 70px rgba(96,228,210,.018);pointer-events:none}
.connector-pair-panel-top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--connector-line);position:relative;z-index:1}.connector-pair-panel-top small{color:#87969e;font:700 .67rem/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}.connector-pair-signal{display:flex;gap:5px}.connector-pair-signal i{width:5px;height:5px;border-radius:50%;background:var(--connector-cyan);box-shadow:0 0 11px rgba(96,228,210,.8)}.connector-pair-signal i:nth-child(2){opacity:.55}.connector-pair-signal i:nth-child(3){opacity:.25}
.connector-pair-state{position:relative;z-index:1;display:flex;min-height:420px;flex-direction:column;align-items:flex-start;justify-content:center}.connector-pair-state[hidden]{display:none!important}.connector-pair-state h2{margin:18px 0 10px;font:900 clamp(2.2rem,3.4vw,3.5rem)/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.02em}.connector-pair-state>p{margin:0;color:#9cabb2;font:500 .92rem/1.65 Inter,sans-serif}.connector-spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--connector-red);border-radius:50%;animation:connector-spin .8s linear infinite}@keyframes connector-spin{to{transform:rotate(360deg)}}
.connector-state-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid currentColor;border-radius:50%;font:900 1.6rem/1 Inter,sans-serif}.connector-state-icon.is-error{color:var(--connector-red)}.connector-state-icon.is-success{color:var(--connector-cyan);box-shadow:0 0 34px rgba(96,228,210,.13)}
.connector-pair-code-label{color:#7f8f97!important;font:800 .65rem/1 Inter,sans-serif!important;letter-spacing:.15em;text-transform:uppercase}.connector-pair-code{margin:12px 0 7px;color:#fff;font:900 clamp(2.9rem,6vw,4.8rem)/1 "Barlow Condensed",sans-serif;letter-spacing:.15em;text-shadow:0 0 26px rgba(255,48,77,.2)}
.connector-pair-user{width:100%;display:flex;align-items:center;gap:13px;margin:20px 0;padding:14px 0;border-block:1px solid var(--connector-line)}.connector-pair-user>span{display:grid;width:43px;height:43px;place-items:center;flex:0 0 43px;border:1px solid rgba(96,228,210,.45);border-radius:50%;color:var(--connector-cyan);font:900 .78rem/1 Inter,sans-serif}.connector-pair-user>span img{width:100%;height:100%;border-radius:50%;object-fit:cover}.connector-pair-user div{display:grid;gap:3px}.connector-pair-user small{color:#7f8f97;font:700 .64rem/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.1em}.connector-pair-user strong{font:800 1rem/1.2 Inter,sans-serif}
.connector-pair-button{width:100%;min-height:52px;margin-top:24px;padding:12px 18px;border:1px solid var(--connector-red);background:var(--connector-red);color:#fff;display:flex;align-items:center;justify-content:space-between;font:900 .8rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.connector-pair-button:hover{background:#ff4962;transform:translateY(-2px)}.connector-pair-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.connector-pair-button:disabled{opacity:.55;cursor:wait;transform:none}.connector-pair-button.is-secondary{background:transparent;border-color:rgba(255,255,255,.25)}.connector-pair-security{margin-top:13px;color:#718089;font:500 .69rem/1.5 Inter,sans-serif}.connector-pair-message{position:relative;z-index:2;margin:0;color:#ff9baa;font:700 .77rem/1.4 Inter,sans-serif}.connector-pair-message:empty{display:none}.connector-download-button{text-decoration:none;box-sizing:border-box}.connector-download-button:hover{color:#fff;text-decoration:none}
@media(max-width:980px){.connector-pair{padding-top:calc(var(--nav-h,72px) + 42px)}.connector-pair-hero{grid-template-columns:1fr;gap:46px}.connector-pair-copy{text-align:center}.connector-kicker{justify-content:center}.connector-pair-copy>p{margin-inline:auto}.connector-trust-list{text-align:left}.connector-pair-panel{width:min(600px,100%);margin:auto;min-height:520px}}
@media(max-width:620px){.connector-pair{padding-inline:14px;padding-bottom:32px}.connector-pair-copy h1{font-size:clamp(3.6rem,17vw,5.5rem)}.connector-trust-list{grid-template-columns:1fr}.connector-trust-list li{min-height:0;border-right:0;border-bottom:1px solid var(--connector-line)}.connector-trust-list li:last-child{border-bottom:0}.connector-pair-panel{padding-inline:23px}.connector-pair-code{font-size:clamp(2.35rem,14vw,4rem);letter-spacing:.1em}.connector-pair-state{min-height:390px}}
@media(prefers-reduced-motion:reduce){.connector-spinner{animation:none}.connector-pair-button{transition:none}}