.grad-achieve{--ga-star-color:#d8edff;--ga-star-glow:rgba(140, 204, 255, .72);--ga-sky-glow:rgba(100, 145, 185, .16);--ga-constellation-color:#f5dfb2;position:relative;width:min(100%,680px);margin:96px auto 48px;padding:38px 20px 44px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 42%,var(--ga-sky-glow),transparent 62%);isolation:isolate}.ga-meta{color:color-mix(in srgb,currentColor 58%,transparent);font-size:.62rem;letter-spacing:.24em}.ga-stage{position:relative;width:min(100%,360px);height:250px;margin:12px auto 0}.ga-sky,.ga-stars,.ga-constellation{position:absolute;inset:0}.ga-sky{overflow:hidden;border-radius:50%}.ga-sky::before{position:absolute;left:50%;top:50%;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,var(--ga-star-glow),transparent 68%);content:'';opacity:0;transform:translate(-50%,-50%)scale(.55)}.ga-stars{z-index:1}.ga-star{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:var(--ga-star-color,#d8edff);box-shadow:0 0 9px var(--ga-star-glow,rgba(140,204,255,.72));opacity:var(--ga-opacity,.72);transform:translate(calc(-50% + var(--ga-to-x)),calc(-50% + var(--ga-to-y)))}.ga-constellation{z-index:2;width:100%;height:100%;overflow:visible;color:var(--ga-constellation-color);opacity:.48}.ga-constellation path{fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 5}.ga-constellation circle{fill:currentColor;filter:drop-shadow(0 0 3px currentColor)}.ga-copy{position:relative;z-index:3}.ga-final{max-width:25em;margin:0 auto;color:color-mix(in srgb,currentColor 82%,transparent);font-family:Georgia,times new roman,serif;font-size:clamp(1rem,2.8vw,1.22rem);line-height:1.9;opacity:.72}.grad-achieve.ga-play .ga-star{animation:ga-star-gather var(--ga-duration)cubic-bezier(.22,.72,.22,1)var(--ga-delay)both}.grad-achieve.ga-play .ga-constellation{animation:ga-constellation-reveal 2s ease-out 2.5s forwards}.grad-achieve.ga-play .ga-sky::before{animation:ga-central-glow .7s ease-out 3.8s forwards}.grad-achieve.ga-play .ga-final{animation:ga-final-reveal 1.3s ease-out 4.5s forwards}.grad-achieve.ga-static .ga-star{opacity:var(--ga-opacity,.72);transform:translate(calc(-50% + var(--ga-to-x)),calc(-50% + var(--ga-to-y)))}.grad-achieve.ga-static .ga-constellation,.grad-achieve.ga-static .ga-final{opacity:1}@keyframes ga-star-gather{0%{opacity:0;transform:translate(calc(-50% + var(--ga-from-x)),calc(-50% + var(--ga-from-y)))scale(.45)}58%{opacity:1}100%{opacity:var(--ga-opacity);transform:translate(calc(-50% + var(--ga-to-x)),calc(-50% + var(--ga-to-y)))scale(1)}}@keyframes ga-constellation-reveal{from{opacity:.48}to{opacity:1}}@keyframes ga-central-glow{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}45%{opacity:.55;transform:translate(-50%,-50%)scale(1)}100%{opacity:.18;transform:translate(-50%,-50%)scale(1.25)}}@keyframes ga-final-reveal{from{opacity:.72}to{opacity:1}}.dark .grad-achieve{--ga-star-color:#e3f2ff;--ga-star-glow:rgba(154, 210, 255, .82);--ga-sky-glow:rgba(110, 155, 205, .2);--ga-constellation-color:#ffe7b6}.dark .ga-final{color:color-mix(in srgb,currentColor 90%,transparent)}@media(max-width:500px){.grad-achieve{margin-top:64px}.ga-stage{height:220px;transform:scale(.88);transform-origin:center top;margin-bottom:-26px}.ga-final{font-size:1rem;line-height:1.8}}@media(prefers-reduced-motion:reduce){.grad-achieve *,.grad-achieve *::before,.grad-achieve *::after{animation:none!important;transition:none!important}.grad-achieve .ga-star{opacity:var(--ga-opacity,.72);transform:translate(calc(-50% + var(--ga-to-x)),calc(-50% + var(--ga-to-y)))}.grad-achieve .ga-constellation,.grad-achieve .ga-final{opacity:1}}