.ut-circle-mark{aspect-ratio:1;width:min(100%,440px);margin-inline:auto;position:relative}.ut-circle-mark:before{content:"";border:1px solid color-mix(in srgb, var(--color-gold-400) 24%, transparent);background:radial-gradient(closest-side, color-mix(in srgb, var(--color-gold-400) 26%, transparent), color-mix(in srgb, var(--color-indigo-600) 22%, transparent) 60%, transparent);border-radius:50%;position:absolute;inset:0}.ut-circle-mark:after{content:"";border:1px dashed color-mix(in srgb, var(--color-gold-400) 16%, transparent);border-radius:50%;position:absolute;inset:12%}.ut-circle-core{place-items:center;display:grid;position:absolute;inset:0}.ut-circle-core>*{width:72%;height:72%}.ut-circle-lights{animation:90s linear infinite ut-circle-turn;position:absolute;inset:0}.ut-circle-lights span{background:var(--light);width:16px;height:16px;box-shadow:0 0 18px var(--light);transform:rotate(var(--at)) translateY(calc(var(--r) * -1));border-radius:50%;margin:-8px;position:absolute;top:50%;left:50%}.ut-circle-mark{--r:min(44vw, 200px)}@keyframes ut-circle-turn{to{transform:rotate(360deg)}}.ut-circle-hills{width:100%;height:170px;-webkit-mask-image:linear-gradient(var(--color-cream) 62%, transparent);-webkit-mask-image:linear-gradient(var(--color-cream) 62%, transparent);mask-image:linear-gradient(var(--color-cream) 62%, transparent);display:block}.ut-circle-steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px 0;margin:0;padding:0;list-style:none;display:grid}.ut-circle-step{flex-direction:column;gap:12px;padding-right:22px;display:flex}.ut-circle-star{align-items:center;display:flex}.ut-circle-star svg{flex:none;width:44px;height:44px}.ut-circle-star:after{content:"";background:linear-gradient(90deg, var(--color-gold-400), color-mix(in srgb, var(--color-gold-400) 15%, transparent));flex:1;height:1px}.ut-circle-scene{height:130px;position:relative;overflow:hidden}.ut-circle-scene>svg{width:100%;height:100%;position:absolute;inset:0}.ut-circle-apply{background:linear-gradient(180deg, var(--color-plum-500) 0%, var(--color-indigo-600) 62%, color-mix(in srgb, var(--color-peach) 55%, var(--color-indigo-600)) 100%)}@media (prefers-reduced-motion:reduce){.ut-circle-lights{animation:none}}html[data-motion=reduce] .ut-circle-lights{animation:none}