@property --hpcb-angle{syntax:'<angle>';inherits:false;initial-value:0deg;}
.hpcb{display:block;text-align:var(--hpcb-align,center);direction:var(--hpcb-dir,rtl);margin:var(--hpcb-mt,20px) 0 var(--hpcb-mb,6px);line-height:1.6;}
.hpcb *,.hpcb *::before,.hpcb *::after{box-sizing:border-box;}
.hpcb .hpcb-pill{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:var(--hpcb-gap,8px);max-width:100%;padding:var(--hpcb-py,9px) var(--hpcb-px,18px);border-radius:var(--hpcb-radius,100px);font-size:var(--hpcb-fs-label,12px);font-weight:var(--hpcb-w-label,400);font-family:var(--hpcb-font-label,inherit);color:var(--hpcb-c-label,#a3a3a0);background:var(--hpcb-c-bg,rgba(255,255,255,.03));}
/* کادر */
.hpcb .hpcb-pill::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--hpcb-bw,1px);z-index:-1;pointer-events:none;
  background:var(--hpcb-c-ring,rgba(255,255,255,.14));
  background:conic-gradient(from var(--hpcb-angle),var(--hpcb-c-ring,rgba(255,255,255,.14)) 0 55%,var(--hpcb-c-hl,#a0f00b) 78%,var(--hpcb-c-hl2,#eaffb0) 88%,var(--hpcb-c-ring,rgba(255,255,255,.14)) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.hpcb.hpcb-ring-solid .hpcb-pill::before{background:var(--hpcb-c-ring,rgba(255,255,255,.14));}
/* سایه / درخشش */
.hpcb .hpcb-pill::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-2;pointer-events:none;box-shadow:var(--hpcb-sh-x,0px) var(--hpcb-sh-y,0px) var(--hpcb-sh-blur,22px) var(--hpcb-sh-spread,-6px) var(--hpcb-c-shadow,rgba(160,240,11,.55));}
/* ستاره */
.hpcb .hpcb-spark{flex:none;display:block;width:var(--hpcb-star-size,14px);height:var(--hpcb-star-size,14px);color:var(--hpcb-c-star,#a0f00b);}
.hpcb.hpcb-nostar .hpcb-spark{display:none;}
/* اسم */
.hpcb .hpcb-name{position:relative;font-size:var(--hpcb-fs-name,12px);font-weight:var(--hpcb-w-name,700);font-family:var(--hpcb-font-name,inherit);color:var(--hpcb-c-name,#a0f00b);text-decoration:none;box-shadow:none;border:0;}
.hpcb a.hpcb-name:hover,.hpcb a.hpcb-name:focus{color:var(--hpcb-c-name,#a0f00b);text-decoration:none;}
.hpcb.hpcb-u a.hpcb-name::after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:1px;background:var(--hpcb-c-name,#a0f00b);transform:scaleX(0);transform-origin:right;transition:transform .35s ease;}
.hpcb.hpcb-u a.hpcb-name:hover::after{transform:scaleX(1);}
/* انیمیشن‌ها */
.hpcb.hpcb-a-spin .hpcb-pill::before{animation:hpcbSpin var(--hpcb-t-spin,4s) linear infinite;}
.hpcb.hpcb-a-glow .hpcb-pill::after{animation:hpcbGlow var(--hpcb-t-glow,3s) ease-in-out infinite;}
.hpcb.hpcb-a-float .hpcb-pill{animation:hpcbFloat var(--hpcb-t-float,4.5s) ease-in-out infinite;}
.hpcb.hpcb-a-twinkle .hpcb-spark{animation:hpcbTwinkle var(--hpcb-t-twinkle,2.6s) ease-in-out infinite;}
.hpcb.hpcb-a-shine .hpcb-name{background:linear-gradient(100deg,var(--hpcb-c-name,#a0f00b) 0%,var(--hpcb-c-name,#a0f00b) 38%,var(--hpcb-c-shine,#fff) 50%,var(--hpcb-c-name,#a0f00b) 62%,var(--hpcb-c-name,#a0f00b) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hpcbShine var(--hpcb-t-shine,3.2s) ease-in-out infinite;}
@keyframes hpcbSpin{to{--hpcb-angle:360deg;}}
@keyframes hpcbShine{0%{background-position:100% 0;}60%,100%{background-position:-60% 0;}}
@keyframes hpcbGlow{0%,100%{opacity:.35;}50%{opacity:1;}}
@keyframes hpcbTwinkle{0%,100%{transform:scale(1) rotate(0);opacity:.85;}50%{transform:scale(1.35) rotate(72deg);opacity:1;}}
@keyframes hpcbFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(calc(var(--hpcb-float-px,2px) * -1));}}
@media (prefers-reduced-motion:reduce){.hpcb .hpcb-pill,.hpcb .hpcb-pill::before,.hpcb .hpcb-pill::after,.hpcb .hpcb-spark,.hpcb .hpcb-name{animation:none!important;}}