/* Four equally spaced portraits, with a reserved logo center. */
.brand-stage .connection-globe .globe-ring{inset:27px!important;border:1px solid #8259dc30!important;animation:mobile-orbit 28s linear infinite!important}
.brand-stage .connection-globe .globe-ring:nth-child(2){inset:27px!important;border:0!important;animation:mobile-orbit-quarter 28s linear infinite!important}
.brand-stage .connection-globe .globe-ring:nth-child(3){display:none!important}
.brand-stage .connection-globe .globe-ring:before,.brand-stage .connection-globe .globe-ring:after{width:40px!important;height:40px!important;box-sizing:border-box;border:3px solid white!important;left:50%!important;right:auto!important;top:-20px!important;bottom:auto!important;margin-left:-20px!important;box-shadow:0 4px 12px #50308425,0 0 0 3px #8155cf12!important;animation:mobile-face 28s linear infinite!important}
.brand-stage .connection-globe .globe-ring:after{top:auto!important;bottom:-20px!important}
.brand-stage .connection-globe .globe-ring:nth-child(2):before,.brand-stage .connection-globe .globe-ring:nth-child(2):after{animation:mobile-face-quarter 28s linear infinite!important}
.brand-stage .connection-globe .globe-core{inset:auto!important;left:50%!important;top:50%!important;width:48px!important;height:48px!important;margin:-24px 0 0 -24px!important;animation:none!important;display:grid;place-items:center;transform:none!important}
.brand-stage .connection-globe .globe-core img{width:44px!important;height:44px!important;animation:none!important}
.hero .card{position:relative!important;isolation:isolate}
.hero .card:before{position:absolute!important;display:block!important;top:0!important;left:24px!important;right:24px!important;height:3px!important;width:auto!important;margin:0!important;border-radius:99px!important;background:linear-gradient(100deg,#6b37ef,#1b9fff,#d82ebc,#6b37ef)!important;background-size:250% 100%!important;animation:signup-border-flow 6s linear infinite!important;pointer-events:none}
.signup-help{display:block;color:#737e93;font-size:11px;line-height:1.55;margin-top:6px;font-weight:400}
.input-wrap:has(#signup-username){display:flex;align-items:center}
.username-prefix{position:absolute;left:14px;color:#8b62d8;font-weight:600;pointer-events:none}
#signup-username{padding-left:34px;padding-right:14px}
.username-feedback{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:12px}
#username-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b46ce}
.username-feedback .username-status{position:static!important;max-width:65%;font-size:11px;line-height:1.4;text-align:right}
.card input:focus-visible,.card select:focus-visible{outline:2px solid #8c65e966;outline-offset:2px}
@keyframes signup-border-flow{to{background-position:250% 0}}
@media(max-width:800px){
 .brand-stage .connection-globe .globe-ring,.brand-stage .connection-globe .globe-ring:nth-child(2){inset:23px!important}
 .brand-stage .connection-globe .globe-ring:before,.brand-stage .connection-globe .globe-ring:after{width:30px!important;height:30px!important;top:-15px!important;margin-left:-15px!important}
 .brand-stage .connection-globe .globe-ring:after{top:auto!important;bottom:-15px!important}
 .brand-stage .connection-globe .globe-core{width:38px!important;height:38px!important;margin:-19px 0 0 -19px!important}
 .brand-stage .connection-globe .globe-core img{width:34px!important;height:34px!important}
 .hero .card:before{left:18px!important;right:18px!important}
}
@media(prefers-reduced-motion:reduce){
 .hero .card:before,.brand-stage .connection-globe .globe-ring,.brand-stage .connection-globe .globe-ring:before,.brand-stage .connection-globe .globe-ring:after{animation:none!important}
 .brand-stage .connection-globe .globe-ring:nth-child(2){transform:rotate(90deg)!important}
 .brand-stage .connection-globe .globe-ring:nth-child(2):before,.brand-stage .connection-globe .globe-ring:nth-child(2):after{transform:rotate(-90deg)!important}
}