.hp-frame{background:#fff;border:1px solid #e6ebe8;border-radius:20px;padding:30px 32px;animation:.4s cubic-bezier(.2,.7,.3,1) hp-pop;position:relative;overflow:visible;box-shadow:0 1px 2px #0e2a3d0a,0 24px 60px #0e2a3d1a}.hp-frame:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(680px 240px at 88% -10%,#0e9b7212,#0000 70%);position:absolute;inset:0}@keyframes hp-pop{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:none}}.hp-ring-val{stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.2s cubic-bezier(.3,.8,.3,1);transform:rotate(-90deg)}.hp-bar-fill{border-radius:4px;width:0;height:100%;transition:width 1s cubic-bezier(.3,.8,.3,1);display:block}.hp-run .hp-bar-fill{width:var(--w)}.hp-lcard{opacity:0;background:#fff;border:1px solid #e3e8e5;border-radius:14px;padding:13px 16px;position:absolute;left:0;right:0;transform:translateY(14px);box-shadow:0 6px 18px #0e2a3d12}.hp-run .hp-lcard{animation:.55s forwards hp-lay}.hp-run .hp-l1{animation-delay:50ms}.hp-run .hp-l2{animation-delay:.35s}.hp-run .hp-l3{animation-delay:.7s}@keyframes hp-lay{to{opacity:1;transform:none}}.hp-split-flow:after{content:"";background:linear-gradient(90deg,#0000,#0e9b72,#0000);position:absolute;inset:0;transform:translate(-110%)}.hp-run .hp-split-flow:after{animation:2.8s ease-in-out infinite hp-flow}@keyframes hp-flow{0%{transform:translate(-110%)}60%{transform:translate(110%)}to{transform:translate(110%)}}.hp-fcard:hover{border-color:#cfe0d9;transform:translateY(-2px);box-shadow:0 12px 28px #0e2a3d17}@media (prefers-reduced-motion:reduce){.hp-frame{animation:none}.hp-lcard{opacity:1;transform:none}.hp-run .hp-lcard{animation:none}.hp-bar-fill{width:var(--w);transition:none}.hp-ring-val{transition:none}.hp-run .hp-split-flow:after{opacity:.35;animation:none;transform:none}.hp-fcard:hover{transform:none}}@media (max-width:900px){.hp-frame{padding:22px 18px}}