@font-face{font-family:FluxOffline;src:url('/fonts/vazirmatn/vazirmatn-arabic-400-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
body[data-flux-offline]{margin:0;background:#071420}
.flux-connection{position:fixed;inset:0;z-index:100000;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 18%,#164752 0%,#0b2431 38%,#071420 75%);color:#f5fafc;font-family:FluxOffline,system-ui,sans-serif;text-align:center;-webkit-tap-highlight-color:transparent}
.flux-connection *{box-sizing:border-box}
.flux-connection-card{position:relative;width:100%;max-width:390px;margin:auto}
.flux-connection-brand{display:inline-block;width:150px;height:150px;object-fit:cover;border-radius:36px;box-shadow:0 16px 80px #18cdb123;border:1px solid #a7ffe021}
.flux-connection-state{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 12px;color:#6be6c2;font-size:12px;letter-spacing:2px;font-family:system-ui,sans-serif}
.flux-connection-dot{width:6px;height:6px;border-radius:50%;background:#6be6c2;box-shadow:0 0 14px #6be6c288}
.flux-connection h1{font-size:28px;line-height:1.5;margin:12px 0;font-weight:700;letter-spacing:-.5px}
.flux-connection p{color:#b6cdd7;font-size:16px;line-height:1.9;margin:0}
.flux-connection button{width:100%;min-height:54px;border:0;border-radius:16px;background:#23d9a2;color:#071420;font:700 16px/1.5 FluxOffline,system-ui,sans-serif;margin-top:28px;cursor:pointer;box-shadow:0 8px 28px #23d9a218;transition:background .15s,transform .15s}
.flux-connection button:hover{background:#51e8bb}
.flux-connection button:active{transform:scale(.98)}
.flux-connection button:focus-visible{outline:3px solid #b2ffec;outline-offset:5px}
.flux-connection button:disabled{cursor:wait;opacity:.7}
.flux-connection .flux-connection-hint{margin-top:22px;font-size:13px;line-height:1.9;color:#8caab8}
.flux-connection .flux-connection-status{min-height:54px;margin-top:12px;font-size:13px;color:#b6cdd7}
.flux-connection-foot{font:10px/1.5 system-ui,sans-serif;letter-spacing:3px;color:#597884;margin-top:32px}
@media(max-height:650px){.flux-connection-brand{width:105px;height:105px;border-radius:26px}.flux-connection-state{margin-top:18px}.flux-connection-foot{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.flux-connection button{transition:none}}
@media(display-mode:standalone){html{overscroll-behavior-y:none}.fx-android{display:none}}