.registration-pass{isolation:isolate;background:radial-gradient(at 80% 0,#76207f55,#0000 60%),linear-gradient(145deg,#27212c,#17171c 65%);position:relative;overflow:hidden;box-shadow:0 20px 80px #0005,inset 0 1px #ffffff18}.registration-pass:before{content:"";z-index:-1;opacity:.15;background-image:radial-gradient(#d0a8cb 1px,#0000 1px);background-size:18px 18px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.registration-orb{aspect-ratio:1;background:linear-gradient(#f3024e 0 45%,#151419 45% 55%,#f5eef2 55% 100%);border:5px solid #151419;border-radius:50%;width:112px;animation:5s ease-in-out 2 registration-float;position:relative;transform:rotate(-12deg);box-shadow:0 0 0 1px #f5eef233,0 0 55px #f3024e33}.registration-orb:after{content:"";background:#f5eef2;border:7px solid #151419;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #d0a8cb}.registration-stage{animation:.3s ease-out both registration-arrive}.registration-spark{top:22%;left:calc(8% + var(--spark-index) * 7.5%);width:8px;height:14px;animation:1.4s ease-out both registration-celebrate;animation-delay:calc(var(--spark-index) * 30ms);pointer-events:none;background:#f3024e;border-radius:2px;position:absolute}.registration-spark:nth-child(3n){background:#c9a2e8}.registration-spark:nth-child(3n+1){background:#f5eef2}@keyframes registration-float{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-8px)rotate(-5deg)}}@keyframes registration-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes registration-celebrate{0%{opacity:0;transform:translateY(-25px)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(250px)rotate(210deg)}}@media (prefers-reduced-motion:reduce){.registration-orb,.registration-stage,.registration-spark{animation:none}.registration-spark{display:none}.registration-progress{transition:none}}