/* gfx.css - shared base for all .gxg components (digi-transform). No external deps. */
.gxg{--n0:#0a1228;--n1:#16224f;--n2:#1b2a5e;--or:#ff7a1a;--or2:#ffa04d;--ink:#0a1228;--mut:#66739a;--ok:#1fbf8a;
  container-type:inline-size;display:block;width:100%;max-width:580px;margin-inline:auto;direction:rtl;text-align:right;
  font-family:Heebo,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.35;color:var(--ink)}
.gxg,.gxg *,.gxg *::before,.gxg *::after{box-sizing:border-box}
.gx-in{font-size:min(15px,calc(100cqw / 35));width:100%}
.gxg svg{display:block;max-width:100%;height:auto;direction:ltr}
.gx-stage{position:relative;overflow:hidden;isolation:isolate;border-radius:1.7em;padding:2em;
  background:radial-gradient(120% 90% at 88% -5%,#2b44a0 0%,transparent 55%),radial-gradient(90% 70% at 0% 105%,rgba(255,122,26,.30) 0%,transparent 62%),linear-gradient(160deg,#1b2a5e 0%,#0a1228 78%);
  box-shadow:0 2.6em 4.5em -1.8em rgba(10,18,40,.6),inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.18)}
.gx-stage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.4px);background-size:1.6em 1.6em;
  -webkit-mask-image:radial-gradient(80% 80% at 50% 45%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 80% at 50% 45%,#000 30%,transparent 100%)}
.gx-stage::after{content:"";position:absolute;width:16em;height:16em;border-radius:50%;left:-5em;bottom:-7em;z-index:-1;
  background:radial-gradient(circle,rgba(255,122,26,.35),transparent 65%);filter:blur(.6em)}
.gx-card{background:linear-gradient(180deg,#fff 0%,#f1f4fd 100%);color:var(--ink);border-radius:1.05em;
  box-shadow:0 1.3em 2.2em -.7em rgba(2,6,23,.55),0 .25em .6em rgba(2,6,23,.18),inset 0 1px 0 #fff,0 0 0 1px rgba(255,255,255,.55)}
.gx-glass{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);
  color:#fff;border-radius:1.05em;box-shadow:0 1em 2em -.8em rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18)}
.gx-chip{display:inline-flex;align-items:center;gap:.4em;padding:.28em .8em;border-radius:99em;font-weight:700;font-size:.82em;line-height:1.3}
.gx-or{background:linear-gradient(135deg,#ff9a45,#ff6a00);color:#fff;box-shadow:0 .5em 1.1em -.3em rgba(255,106,0,.7),inset 0 1px 0 rgba(255,255,255,.4)}
.gx-ex{position:absolute;top:.7em;left:.9em;font-size:.8em;font-weight:700;color:rgba(255,255,255,.78);padding:.15em .7em;border:1px dashed rgba(255,255,255,.4);border-radius:99em;z-index:5}
@keyframes gx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.6em)}}
@keyframes gx-pulse{0%{box-shadow:0 0 0 0 rgba(255,122,26,.55)}100%{box-shadow:0 0 0 .9em rgba(255,122,26,0)}}
@keyframes gx-pop{0%{opacity:0;transform:translateY(.7em) scale(.94)}100%{opacity:1;transform:none}}
@keyframes gx-dash{to{stroke-dashoffset:-24}}
@keyframes gx-flow{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes gx-bob{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-.3em);opacity:1}}
@keyframes gx-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .gxg *,.gxg *::before,.gxg *::after{animation:none!important;transition:none!important}
  .gxg .gx-dot{display:none}
}

html.a11y-motion .gxg *,html.a11y-motion .gxg *::before,html.a11y-motion .gxg *::after{animation:none!important;transition:none!important}html.a11y-motion .gxg .gx-dot{display:none}