.connection-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:24px;background:rgba(13,36,44,.58);backdrop-filter:blur(9px)}
.connection-overlay[hidden]{display:none}
.connection-card{width:min(100%,450px);padding:38px;border-radius:24px;background:#fff;box-shadow:0 28px 80px #092b3840;text-align:center;color:#183540}
.connection-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 21px;border-radius:20px;background:#fff1e8;color:#c66a34;font-size:23px}
.connection-icon svg{width:28px;height:28px}
.connection-kicker{margin:0 0 8px;color:#71868c;font-size:10px;font-weight:800;letter-spacing:.13em}
.connection-card h2{margin:0;font-size:25px;letter-spacing:-.035em}.connection-card>p:not(.connection-kicker){margin:12px 0 20px;color:#647a80;line-height:1.6}
.connection-indicator{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#f2f6f6;color:#61757a;font-size:12px;font-weight:650}
.connection-indicator i{width:8px;height:8px;border-radius:50%;background:#e68a54;animation:connection-pulse 1.2s infinite}
@keyframes connection-pulse{50%{opacity:.35;box-shadow:0 0 0 5px #e68a5430}}
@media(max-width:480px){.connection-card{padding:30px 22px;border-radius:20px}.connection-card h2{font-size:22px}}