.rl-screen{color:#fff;background:#000;justify-content:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.rl-bg{object-fit:cover;object-position:center top;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rl-shade{background:linear-gradient(#0000 35%,#0000008c 55%,#000000bf);position:absolute;inset:0}.rl-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(88vw,380px);margin-top:46dvh;display:flex;position:relative}.rl-title{text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 12px #000c;font-size:clamp(26px,7.5vw,34px);font-weight:800;line-height:1.15}.rl-sub{color:#ffffffd9;margin-top:10px;font-size:15px}.rl-bar{background:#000;border:2px solid #ffffffd9;border-radius:999px;width:100%;height:16px;margin-top:28px;overflow:hidden;box-shadow:0 0 14px #a855f780}.rl-bar>div{background:linear-gradient(90deg,#7c1fd6,#b14cff 80%,#e9c8ff);border-radius:999px;height:100%;transition:width .15s linear;box-shadow:0 0 12px #b14cffe6}.rl-steps{width:90%;margin-top:26px;padding:0;list-style:none}.rl-steps li{color:#ffffffb3;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 4px;font-size:15px;display:flex}.rl-steps li:last-child{border-bottom:0}.rl-steps li[data-state=active],.rl-steps li[data-state=done]{color:#fff}.rl-steps i{border:2px solid #fffc;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.rl-steps li[data-state=done] i{background:#a33bff;border-color:#e2b8ff;box-shadow:0 0 10px #a33bff}.rl-steps li[data-state=done] i:after{content:"✓";font-size:13px;font-style:normal;font-weight:800}.rl-steps li[data-state=active] i{border-color:#0000 #b14cff #b14cff;animation:.8s linear infinite rl-spin}.rl-ring{background:radial-gradient(circle,#000 62%,transparent 63%),conic-gradient(#b14cff var(--p),#ffffffbf 0);border-radius:50%;place-items:center;width:150px;height:150px;margin-top:34px;display:grid;box-shadow:0 0 28px #b14cffb3}.rl-crown{color:#fff;filter:drop-shadow(0 0 6px #fff);width:56px;height:56px}@keyframes rl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rl-steps li[data-state=active] i{animation:none}}
