/* A luminous connection panel, extending the site's blue/violet gradient. */
.scanner-connect{position:relative;padding:42px 7% 70px;background:#06070b;color:#f3f6ff;isolation:isolate;scroll-margin-top:125px}
.connection-shell{position:relative;max-width:1560px;margin:auto;padding:30px 42px 24px;border:1px solid #586caa80;border-radius:30px;background:radial-gradient(ellipse at 95% 0,#6e4fb537,transparent 50%),radial-gradient(ellipse at 5% 100%,#235ccc30,transparent 52%),linear-gradient(125deg,#111827,#0d1020 60%,#141329);box-shadow:0 20px 80px #0004,inset 0 1px 0 #c8d6ff1c;overflow:hidden}
.connection-shell:before{content:'';position:absolute;inset:0 auto auto 10%;width:60%;height:1px;background:linear-gradient(90deg,transparent,#c9d9ff,transparent);pointer-events:none}
.connection-topline{display:flex;gap:22px;align-items:center;font-size:.75rem;line-height:1.5;letter-spacing:.13em;color:#b5c5e8}
.connection-line{position:relative;flex:1;height:1px;overflow:hidden;background:#7f96c82e}.connection-line:after{content:'';position:absolute;inset:0 auto 0 -25%;width:25%;background:linear-gradient(90deg,transparent,#c2d5ff,transparent)}
.connection-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:35px 0 30px}
.connection-copy h2{font-size:clamp(2.3rem,3.6vw,3.6rem);font-weight:600;line-height:1.08;letter-spacing:-.055em;color:white}.connection-copy h2 em{font:inherit;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}
.connection-copy p{font-size:1rem;line-height:1.65;color:#b5bfd5;margin-top:18px}
.connection-address-card{min-width:0;padding:25px 24px 8px;border:1px solid #9dafdf3b;border-radius:20px;background:#0d1122a6;box-shadow:0 12px 30px #0002}
.connection-label{display:block;font-size:.75rem;letter-spacing:.1em;color:#acbad8;margin-bottom:14px}
.connection-email{display:block;width:fit-content;max-width:100%;font-size:clamp(1.05rem,1.8vw,1.65rem);font-weight:500;line-height:1.5;letter-spacing:-.035em;color:white;overflow-wrap:anywhere;user-select:all}.connection-email:hover{color:#bdd4ff}
.connection-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:19px}
.connection-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;background:var(--spectrum);border:1px solid #b5caff80;border-radius:12px;color:#101a33;font-size:.875rem;font-weight:600;transition:transform .22s,box-shadow .22s;cursor:pointer}
.connection-copy-button svg{width:19px;height:19px;flex-shrink:0}.connection-copy-button:hover{box-shadow:0 5px 28px #8baaff35;transform:translateY(-2px)}.connection-copy-button:disabled{cursor:wait;opacity:.8}
.connection-how{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:10px 0;min-height:44px;color:#cbd8f4;font-size:.875rem;cursor:pointer}.connection-how:hover{color:#fff}.connection-how span{font-size:1.15rem}
.connection-status{min-height:1.5em;margin:8px 0 0!important;font-size:.8125rem;line-height:1.5;color:#b6cdfb}
.scanner-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.scanner-brand{display:block;min-width:0;padding:0;border:1px solid #94add142;border-radius:15px;overflow:hidden;text-align:left;cursor:pointer;background:#131b2f;color:#c8d4ed;transition:transform .3s,border-color .3s,box-shadow .3s}
.scanner-logo{display:flex;justify-content:center;align-items:center;height:89px;padding:17px 24px;background:#f4f7ff;position:relative;overflow:hidden}.scanner-logo img{display:block;width:100%;height:100%;max-width:165px;object-fit:contain}.scanner-logo:after{content:'';position:absolute;top:-30%;left:-80%;width:40%;height:180%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffffad,transparent);pointer-events:none;transition:left .7s}
.scanner-brand-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;font-size:.875rem;line-height:1.4}.scanner-brand-caption>span{font-size:1.1rem;color:#a7c6ff;transition:transform .25s}
.scanner-brand:hover{transform:translateY(-5px);border-color:#a8beff;box-shadow:0 12px 32px #2d51bc29}.scanner-brand:hover .scanner-logo:after{left:150%}.scanner-brand:hover .scanner-brand-caption>span{transform:translate(2px,-2px)}
.connection-footnote{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:21px;font-size:.8125rem;line-height:1.5;color:#94a4c3}.connection-footnote a{padding:5px 0;color:#b8c8e8}.connection-footnote a:hover{color:white}.connection-footnote a span{margin-left:8px}
.connection-dialog{width:calc(100% - 32px);max-width:570px;padding:34px;background:radial-gradient(ellipse at 100% 0,#55478944,transparent 65%),#111627;color:#eef3ff;border:1px solid #637bad80;border-radius:26px;overflow:auto}.connection-dialog::backdrop{background:#030610cc;backdrop-filter:blur(10px)}
.connection-dialog .dialog-close{color:#c9d6f0;right:16px;top:16px}.connection-dialog .dialog-close:hover{background:#ffffff12}
.connection-dialog-brand{display:flex;align-items:center;gap:20px;padding-right:36px}.connection-dialog-brand img{width:88px;height:43px;object-fit:contain;border-radius:5px}.connection-dialog-brand>span{font-size:.75rem;letter-spacing:.06em;color:#bac9e9}
.connection-dialog h2{font-size:clamp(2.1rem,5vw,3rem);line-height:1.1;font-weight:600;letter-spacing:-.05em;margin:30px 0 18px}.connection-dialog h2 em{font:inherit;background:var(--spectrum);background-clip:text;-webkit-background-clip:text;color:transparent}.connection-dialog>p{font-size:1rem;line-height:1.65;color:#b9c5dc}
.connection-dialog-address{background:#090e1f80;border:1px solid #748ab749;border-radius:17px;padding:22px;margin:25px 0}.connection-dialog-address label{display:block;font-size:.875rem;color:#aebede;margin-bottom:10px}.connection-dialog-address input{box-sizing:border-box;display:block;width:100%;font-family:inherit;font-size:clamp(1rem,3vw,1.4rem);letter-spacing:-.03em;color:white;background:transparent;border:0;border-bottom:1px solid #647bad70;border-radius:0;padding:8px 0;margin-bottom:20px;cursor:text}.connection-dialog-address input::selection{background:#bdd0ff;color:#0b1020}
.connection-dialog .connection-help{font-size:.875rem}.connection-support{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#cedfff;border-bottom:1px solid #6e8bc970;padding:14px 0;margin-top:15px;font-size:.875rem}.connection-support:hover{color:white}
.scanner-connect :focus-visible,.connection-dialog :focus-visible{outline:2px solid #bfd2ff;outline-offset:4px}
.motion-enabled .connection-line:after{animation:connection-flow 5s ease-in-out infinite}.motion-enabled .connection-shell:before{animation:connection-glow 5s ease-in-out infinite alternate}
@keyframes connection-flow{0%,15%{left:-25%}85%,100%{left:100%}}@keyframes connection-glow{from{opacity:.35;transform:translateX(-10%)}to{opacity:1;transform:translateX(40%)}}
@media(max-width:1100px){.scanner-connect{padding:30px 6% 55px}.connection-shell{padding:26px}.connection-layout{gap:25px}.connection-address-card{padding:20px 18px 8px}.scanner-logo{padding:17px;height:80px}.connection-actions{gap:7px 15px}.connection-copy h2{font-size:2.7rem}}
@media(max-width:800px){.connection-layout{grid-template-columns:1fr;gap:24px;padding:28px 0}.connection-copy h2{font-size:2.75rem}.connection-copy p br{display:none}.connection-address-card{padding:22px 22px 8px}.connection-email{font-size:1.45rem}.scanner-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-logo{height:85px;padding:18px 25px}.connection-footnote{align-items:flex-start;flex-direction:column;gap:3px}.connection-topline{gap:13px;font-size:.75rem;letter-spacing:.06em}}
@media(max-width:480px){.scanner-connect{padding:24px 5% 40px}.connection-shell{border-radius:23px;padding:22px 18px 16px}.connection-topline>span:last-child{display:none}.connection-copy h2{font-size:2.25rem}.connection-copy p{font-size:1rem}.connection-address-card{padding:18px 15px 7px}.connection-label{font-size:.75rem;letter-spacing:.05em}.connection-email{font-size:1.17rem}.connection-actions{gap:5px;align-items:flex-start;flex-direction:column}.scanner-brands{gap:10px}.scanner-logo{height:74px;padding:17px}.scanner-brand-caption{font-size:.8125rem;padding:10px;gap:5px}.connection-dialog{padding:25px 22px}.connection-dialog-address{padding:18px 15px}.connection-dialog-brand{gap:14px}.connection-dialog-brand img{width:76px}.connection-dialog-brand>span{max-width:120px}.connection-dialog-address input{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.scanner-connect *,.scanner-connect *:before,.scanner-connect *:after{animation:none!important;transition:none!important}.scanner-brand:hover,.connection-copy-button:hover{transform:none}}
@media(forced-colors:active){.connection-copy h2 em,.connection-dialog h2 em{color:CanvasText;background:none}.connection-copy-button{background:ButtonFace;color:ButtonText}.scanner-logo{background:white;forced-color-adjust:none}}