.hero-inner{position:relative;padding-top:8px}@property --icon-glow-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes iconGlow{from{--icon-glow-angle:0deg}to{--icon-glow-angle:360deg}}.hero-chain-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(80,220,160,.35),rgba(0,0,0,.15) 70%);border:2px solid rgba(80,220,160,.35);box-shadow:0 0 36px rgba(80,220,160,.45),inset 0 0 22px rgba(80,220,160,.22);color:#f0fff8;font-size:34px;line-height:1;position:relative}.hero-chain-icon::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from var(--icon-glow-angle,0deg),transparent 0,transparent 25%,rgba(34,197,94,.08) 33%,rgba(34,197,94,.2) 40%,rgba(34,197,94,.5) 46%,#4ade80 49%,#fff 50%,#4ade80 51%,rgba(34,197,94,.5) 54%,rgba(34,197,94,.2) 60%,rgba(34,197,94,.08) 67%,transparent 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;animation:4s linear infinite iconGlow;will-change:--icon-glow-angle;z-index:0}.hero-chain-icon i{filter:drop-shadow(0 0 6px rgba(80, 220, 160, .6));position:relative;z-index:1}@media (max-width:575px){.hero-chain-icon{width:58px;height:58px;font-size:26px;margin-bottom:14px}}