.hpx-eb{width:fit-content;padding-bottom:9px;position:relative}.hpx-eb:after{content:"";background:linear-gradient(90deg,#c500fd,#6e6afe 55%,#01efff);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.hpx-gt{background:linear-gradient(90deg,#c500fd,#933dfe 35%,#6e6afe 60%,#43a4fe 85%,#01efff);color:#0000;-webkit-background-clip:text;background-clip:text}.hpx-ring{border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#c500fd,#6e6afe 50%,#01efff);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}
@keyframes about-lift{0%{opacity:0;transform:translateY(18px)rotate(0)scale(.97);box-shadow:0 0 #6e6afe00}to{opacity:1;transform:translateY(0)rotate(-2deg)scale(1);box-shadow:0 30px 70px -12px #6e6afe99}}.about-note{transform:rotate(-2deg);box-shadow:0 30px 70px -12px #6e6afe99}@media (prefers-reduced-motion:no-preference){.about-note{animation:.9s cubic-bezier(.2,.7,.2,1) .35s both about-lift}}.about-dot{transition:background-color .5s,box-shadow .5s;transition-delay:var(--d,0s);background:#d9dce6;border-color:#f6f7fa}[data-in] .about-dot{background:var(--warm-bg);border-color:var(--warm);box-shadow:var(--glow,none)}.about-line{transform-origin:0;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);transform:scaleX(0)}.about-line-v{transform-origin:top;transition:transform 1.6s cubic-bezier(.2,.7,.2,1);transform:scaleY(0)}[data-in] .about-line,[data-in] .about-line-v{transform:none}@media (prefers-reduced-motion:reduce){.about-dot,.about-line,.about-line-v{transition:none}}
