@property --n{syntax:'<integer>';initial-value:0;inherits:true}
.hs{position:relative;width:560px;height:500px;margin:0 auto;font-family:'Maven Pro','Noto Sans Devanagari','Noto Sans Arabic',system-ui,sans-serif;color:#1B1D2B;direction:ltr;text-align:left}
.hs *{box-sizing:border-box}
.hs-orb{position:absolute;left:50%;top:170px;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;border:1.5px dashed #BFCBE0;animation:hsrot 70s linear infinite}
.hs-orb2{width:290px;height:290px;margin:-145px 0 0 -145px;animation-direction:reverse;animation-duration:50s;border-color:#D3DCEC}
@keyframes hsrot{to{transform:rotate(360deg)}}
.hs-blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.5;animation:hsb 18s ease-in-out infinite alternate}
@keyframes hsb{to{transform:translate(40px,-30px) scale(1.2)}}
.hs-amb{position:absolute;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid #DDE2EE;box-shadow:0 10px 24px rgba(27,29,43,.10);display:flex;align-items:center;justify-content:center;animation:hsbob 6s ease-in-out infinite}
@keyframes hsbob{50%{transform:translateY(-12px) rotate(4deg)}}
.hs-ring{position:absolute;right:0;top:0;width:40px;height:40px}
.hs-sn{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;animation:kscene 40s cubic-bezier(.3,.7,.2,1) infinite both}
@keyframes kscene{0%{opacity:0;transform:translateX(50px) scale(.97)}1.5%{opacity:1;transform:none}11.55%{opacity:1;transform:none}12.5%{opacity:0;transform:translateX(-50px) scale(.97)}100%{opacity:0}}
.hs-sw{position:absolute;left:6px;top:44px;width:548px;height:286px}
.hs-cp{position:absolute;left:0;right:0;top:338px;display:flex;flex-direction:column;gap:5px}
.hs-ct{font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1.2}
.hs-cs{font-size:15px;color:#4A4F68;line-height:1.45}
.hs-e{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;white-space:nowrap}
.hs-e i{width:9px;height:9px;border-radius:50%;background:#C3CBDC;display:inline-block;flex:none}
.hs-pt{position:absolute;left:0;top:0;width:548px;height:286px;overflow:visible;pointer-events:none}
.hs-cn{display:inline-block;counter-reset:cc var(--n);font-variant-numeric:tabular-nums}
.hs-cn::after{content:var(--pre) counter(cc) var(--suf)}
.hs-burst{position:absolute;width:0;height:0;z-index:3}
.hs-burst i{position:absolute;width:8px;height:8px;margin:-4px;opacity:0;animation:kburst 40s ease-out infinite both}
@keyframes kburst{0%{opacity:0;transform:translate(0,0) scale(.3)}.6%{opacity:1}3.75%{opacity:0;transform:translate(var(--bx),var(--by)) scale(1) rotate(180deg)}100%{opacity:0}}
[class*="a-"]{animation-duration:40s;animation-iteration-count:infinite;animation-fill-mode:both}
.a-in{animation-name:kin;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.a-pop{animation-name:kpop}
.a-type{animation-name:ktype;animation-timing-function:steps(30,end)}
.a-grow{animation-name:kgrow;transform-origin:bottom;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.a-fill{animation-name:kfill;transform-origin:left}
.a-draw{animation-name:kdraw}
.a-sl{animation-name:ksl}
.a-sr{animation-name:ksr}
.a-strike{animation-name:kstrike;transform-origin:left}
.a-knob{animation-name:kknob}
.a-cnt{animation-name:kcnt}
.a-ring{animation-name:kring}
.a-mvA{animation-name:kmvA}
.a-mvB{animation-name:kmvB}
.a-mvC{animation-name:kmvC}
.a-mvK{animation-name:kmvK}
@keyframes kin{0%{opacity:0;transform:translateY(14px)}1.9%{opacity:1;transform:none}11.85%{opacity:1;transform:none}12.3%{opacity:0}100%{opacity:0}}
@keyframes kpop{0%{opacity:0;transform:scale(.4)}1.5%{opacity:1;transform:scale(1.16)}2.4%{opacity:1;transform:scale(1)}11.85%{opacity:1;transform:scale(1)}12.3%{opacity:0;transform:scale(.4)}100%{opacity:0}}
@keyframes ktype{0%{clip-path:inset(0 100% 0 0)}2.55%{clip-path:inset(0 0 0 0)}11.85%{clip-path:inset(0 0 0 0)}12.3%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes kgrow{0%{transform:scaleY(0)}3.75%{transform:scaleY(1)}11.85%{transform:scaleY(1)}12.3%{transform:scaleY(0)}100%{transform:scaleY(0)}}
@keyframes kfill{0%{transform:scaleX(0)}6%{transform:scaleX(1)}11.85%{transform:scaleX(1)}12.3%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes kstrike{0%{transform:scaleX(0)}1.5%{transform:scaleX(1)}11.85%{transform:scaleX(1)}12.3%{transform:scaleX(0)}100%{transform:scaleX(0)}}
@keyframes kdraw{0%{stroke-dashoffset:1}4.1%{stroke-dashoffset:0}11.85%{stroke-dashoffset:0}12.3%{stroke-dashoffset:1}100%{stroke-dashoffset:1}}
@keyframes ksl{0%{opacity:0;transform:translateX(-46px)}2.25%{opacity:1;transform:none}11.85%{opacity:1;transform:none}12.3%{opacity:0}100%{opacity:0}}
@keyframes ksr{0%{opacity:0;transform:translateX(46px)}2.25%{opacity:1;transform:none}11.85%{opacity:1;transform:none}12.3%{opacity:0}100%{opacity:0}}
@keyframes kknob{0%{translate:0 0}1.5%{translate:0 0}3%{translate:18px 0}11.85%{translate:18px 0}12.3%{translate:0 0}100%{translate:0 0}}
@keyframes kcnt{0%{--n:0}4.5%{--n:var(--to)}11.85%{--n:var(--to)}12.3%{--n:0}100%{--n:0}}
@keyframes kring{0%{opacity:.9;transform:scale(.4)}4.5%{opacity:0;transform:scale(2.4)}100%{opacity:0}}
@keyframes lbob{50%{translate:0 -7px}}
@keyframes kmvA{0%{opacity:0;offset-distance:0%}.4%{opacity:1;offset-distance:0%}3%{opacity:1;offset-distance:100%}3.6%{opacity:0;offset-distance:100%}100%{opacity:0}}
@keyframes kmvB{0%{opacity:0;offset-distance:0%}.4%{opacity:1;offset-distance:0%}6%{opacity:1;offset-distance:100%}6.6%{opacity:0;offset-distance:100%}100%{opacity:0}}
@keyframes kmvC{0%{opacity:0;offset-distance:0%}.4%{opacity:1;offset-distance:0%}9%{opacity:1;offset-distance:100%}9.6%{opacity:0;offset-distance:100%}100%{opacity:0}}
@keyframes kmvK{0%{opacity:0;offset-distance:0%}.4%{opacity:1;offset-distance:0%}4.5%{opacity:1;offset-distance:100%}11.85%{opacity:1;offset-distance:100%}12.3%{opacity:0;offset-distance:100%}100%{opacity:0}}
.hs-stp{position:absolute;left:0;right:0;bottom:2px;display:flex;gap:8px}
.hs-si{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.hs-sn2{font-size:12px;font-weight:500;color:#8A90A8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:hsact 40s linear infinite}
@keyframes hsact{0%{color:#1B1D2B}12.3%{color:#1B1D2B}12.5%{color:#8A90A8}100%{color:#8A90A8}}
.hs-sb{height:3px;background:#DDE2EE;position:relative;overflow:hidden}
.hs-sb i{position:absolute;left:0;top:0;right:0;bottom:0;background:var(--a,#1E4E8C);transform:scaleX(0);transform-origin:left;animation:hssl 40s linear infinite}
@keyframes hssl{0%{transform:scaleX(0)}12.5%{transform:scaleX(1)}99%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes hstimer{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hs:hover *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hs-orb,.hs-blob,.hs-amb{animation:none}}
.hs-cp[dir=rtl]{text-align:right}
@media(min-width:1011px) and (max-width:1100px){.hs{zoom:.76}}
@media(min-width:1101px) and (max-width:1200px){.hs{zoom:.88}}
@media(max-width:620px){.hs{zoom:.86}}
@media(max-width:520px){.hs{zoom:.7}}
@media(max-width:420px){.hs{zoom:.6}}
.sf{width:100%;max-width:560px;margin:0 auto}
.sf .hs{margin:0 auto}