@scope (.sec06) {
:scope{display:block;position:relative;overflow:hidden;}

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Red+Hat+Mono:wght@500;600;700&family=Noto+Sans:wght@500;600&family=Noto+Sans+SC:wght@500;600&display=swap');

.iqf-rail{
  --r-black:#050506; --r-line:#1c1c24;
  --r-violet:#8b6cf5; --r-violet-hi:#a78bfa;
  --r-chrome:#e6e6ec; --r-grey:#7c7c88;
  position:relative; width:100%; background:var(--r-black); overflow:hidden; isolation:isolate;
}
.iqf-rail::before{
  content:""; position:absolute; inset:0; z-index:0; opacity:.55;
  background:none;
}
.iqf-rail__stage{ position:relative; z-index:1; height:190px; display:flex; align-items:center; }

.iqf-rail__band{
  position:absolute; left:-6%; width:112%; display:flex; align-items:center; height:60px;
  border-block:1px solid #1a1624;
  background:
    linear-gradient(180deg, rgba(0,0,0,.93) 0%, rgba(0,0,0,.82) 100%),
    url("../../uploads/pasted-1783592668292-0.png") repeat 0 0 / 420px auto,
    #000000;
  box-shadow:0 0 44px rgba(0,0,0,.6); overflow:hidden;
}
.iqf-rail__band--a{ top:36px; transform:rotate(-2.2deg); z-index:2; }
.iqf-rail__band--b{ bottom:36px; transform:rotate(2.2deg); z-index:3; }

.iqf-rail__track{ display:flex; flex:none; align-items:center; white-space:nowrap; will-change:transform; }
.iqf-rail__band--a .iqf-rail__track{ animation:r-run-l 80.5s linear infinite; }
.iqf-rail__band--b .iqf-rail__track{ animation:r-run-r 89.7s linear infinite; }
@keyframes r-run-l{ from{transform:translateX(0)}   to{transform:translateX(-50%)} }
@keyframes r-run-r{ from{transform:translateX(-50%)} to{transform:translateX(0)} }

.iqf-nug{ display:inline-flex; align-items:center; gap:12px; padding:0 30px; }
.iqf-nug__id{ display:inline-flex; align-items:center; gap:8px; flex:none; }
.iqf-nug__flag{ width:23px; height:15px; overflow:hidden; flex:none;
  box-shadow:0 1px 2px rgba(0,0,0,.5); }
.iqf-nug__flag svg{ display:block; width:100%; height:100%; }
.iqf-nug__globe{ width:18px; height:18px; color:var(--r-grey); display:block; flex:none; }
.iqf-nug__globe svg{ display:block; width:100%; height:100%; }
.iqf-nug__lang{ font-family:'Host Grotesk',sans-serif; font-size:12px; font-weight:500;
  letter-spacing:.28em; text-transform:uppercase; flex:none; color:#ffffff;
  text-shadow:0 0 10px rgba(255,255,255,.18); }
.iqf-rail__band--a .iqf-nug__lang{ color:#ffffff; }
.iqf-rail__band--b .iqf-nug__lang{ color:#ffffff; }

.iqf-nug__txt{ font-size:13px; font-weight:400; letter-spacing:.005em; white-space:nowrap; line-height:1; }
.iqf-rail__band--a .iqf-nug__txt{ color:var(--r-chrome); }
.iqf-rail__band--b .iqf-nug__txt{ color:#d7d7de; }
.fc-latin{ font-family:'Host Grotesk',sans-serif; }
.fc-zh{ font-family:'Noto Sans SC',sans-serif; }
.fc-ru{ font-family:'Noto Sans',sans-serif; }

.iqf-sep{ color:#40404a; font-size:12px; padding:0 4px; }
.iqf-rail__band--a .iqf-sep{ color:#40404a; }

.iqf-rail__node{
  position:absolute; left:50%; top:50%; z-index:6; width:74px; height:74px;
  transform:translate(-50%,-50%); border-radius:50%; display:grid; place-items:center;
  background:radial-gradient(circle at 40% 36%, rgba(58,62,72,.55), rgba(7,8,11,.95) 72%);
  border:1.1px solid rgba(63,220,132,.7);
  box-shadow:0 0 0 2px rgba(63,220,132,.08), 0 0 11px 1px rgba(63,220,132,.32),
             0 0 24px 3px rgba(63,220,132,.14), inset 0 0 14px rgba(70,84,78,.3);
}
.iqf-globe{ width:62px; height:62px; display:block; filter:drop-shadow(0 0 2px rgba(63,220,132,.35)); }
.iqf-globe path{ fill:none; vector-effect:non-scaling-stroke; }
.iqf-globe .lonF path{ stroke:#dcdce4; stroke-width:0.55; }
.iqf-globe .latF path{ stroke:#c2c2cc; stroke-width:0.55; opacity:.85; }
.iqf-globe .lonB path{ stroke:#5f5f6a; stroke-width:0.5; opacity:.4; }
.iqf-globe .latB path{ stroke:#55555f; stroke-width:0.5; opacity:.32; }

.iqf-rail__mask{ position:absolute; top:0; bottom:0; width:15%; z-index:4; pointer-events:none; }
.iqf-rail__mask--l{ left:0;  background:linear-gradient(90deg,var(--r-black),transparent); }
.iqf-rail__mask--r{ right:0; background:linear-gradient(270deg,var(--r-black),transparent); }

@media (max-width:640px){
  .iqf-rail__stage{ height:164px; }
  .iqf-rail__band{ height:52px; }
  .iqf-rail__band--a{ top:28px; transform:rotate(-3deg); }
  .iqf-rail__band--b{ bottom:28px; transform:rotate(3deg); }
  .iqf-nug__txt{ font-size:11px; } .iqf-nug{ padding:0 22px; gap:10px; } .iqf-rail__node{ width:60px; height:60px; } .iqf-globe{ width:50px; height:50px; }
}
@media (prefers-reduced-motion:reduce){ .iqf-rail__track{ animation:none; } }

}