/* A quiet interlude in the same world as the sign-in screen. */
.connection-transfer{inset:0;z-index:46;isolation:isolate;overflow:auto;padding:100px 24px 44px;background:#11130f;color:#eddfb7;box-sizing:border-box}
.connection-transfer.hidden{display:none}
.connection-transfer:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#11130ff5,#11130fa8 55%,#11130fe8),url('/ui/assets/auth/gateway.webp') center 43%/cover no-repeat;opacity:.8;pointer-events:none}
.connection-transfer>.transfer-brand{position:absolute;top:28px;left:50%;transform:translateX(-50%);display:block;width:220px;height:auto;opacity:.85}
.connection-transfer>.transfer-content{display:flex;flex-direction:column;align-items:center;gap:0;width:min(100%,400px);margin:auto;text-align:center}
.transfer-seal{position:relative;display:grid;place-items:center;width:132px;height:132px;margin:0 0 28px;border:1px solid #9b7b3b40;border-radius:50%;box-shadow:0 0 58px #ad81300d,inset 0 0 0 13px #191b1166}
.transfer-seal:before{content:'';position:absolute;inset:10px;border:1px solid #9b7b3b30;border-radius:50%}
.transfer-seal:after{content:'';position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#d6af61;border-right-color:#b68c3c55;border-radius:50%;animation:transfer-orbit 3.2s linear infinite}
.transfer-seal img{width:80px;height:86px;object-fit:contain;filter:drop-shadow(0 5px 8px #0007)}
.connection-transfer .transfer-content h2{margin:0 0 13px;color:#eddfb7;font:normal 31px/1.2 Georgia,serif;letter-spacing:-.4px;text-wrap:balance}
.connection-transfer .transfer-detail{margin:0;max-width:34ch;color:#b9ae91;font:13px/1.7 Arial,sans-serif;text-wrap:balance}
.connection-transfer .transfer-place{display:flex;align-items:center;gap:8px;margin:26px 0 0;padding-top:18px;border-top:1px solid #9b7b3b40;color:#d4bc87;font:12px/1.5 Arial,sans-serif}
.transfer-place img{width:24px;height:26px;object-fit:contain}
.connection-transfer .transfer-place[hidden],.connection-transfer .transfer-recovery[hidden]{display:none}
.transfer-recovery{margin-top:25px;padding-top:20px;border-top:1px solid #9b7b3b40}
.connection-transfer .transfer-recovery p{margin:0 auto 14px;max-width:32ch;color:#b9ae91;font:12px/1.65 Arial,sans-serif}
.transfer-recovery button{min-height:44px;padding:9px 22px;border:1px solid #9c783e;border-radius:3px;background:#523619;color:#ead2a2;font:600 13px/1.5 Arial,sans-serif}
.transfer-recovery button:focus-visible{outline:2px solid #e6bd6c;outline-offset:4px}
@keyframes transfer-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){.connection-transfer{padding:105px 24px 35px}.connection-transfer>.transfer-brand{width:195px;top:24px}.transfer-seal{width:112px;height:112px;margin-bottom:24px}.transfer-seal img{width:69px;height:74px}.connection-transfer .transfer-content h2{font-size:27px}.connection-transfer .transfer-detail{font-size:13px}}
@media(max-height:500px) and (orientation:landscape){.connection-transfer{padding:70px 20px 18px}.connection-transfer>.transfer-brand{width:140px;top:10px}.transfer-seal{width:78px;height:78px;margin-bottom:14px}.transfer-seal img{width:48px;height:52px}.connection-transfer .transfer-content h2{font-size:24px;margin-bottom:8px}.connection-transfer .transfer-place{margin-top:12px;padding-top:10px}.transfer-recovery{margin-top:10px;padding-top:10px}}
@media(prefers-reduced-motion:reduce){.transfer-seal:after{animation:none;border-right-color:#b68c3c55}}