.dark.ring-stage-page{--primary:#ef863d;--primary-foreground:#fff;--ring:#ef863d;--accent-pink:#ff357a;--accent-yellow:#ffd54f;perspective:1200px;min-height:100svh;color:var(--foreground);background:radial-gradient(circle at top,#ef863d26,#0000 40%),#111;justify-content:center;align-items:center;padding:1rem;display:flex;overflow:hidden}.ring-stage-stage{width:var(--ring-size);height:var(--ring-size);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s ease-out;display:flex;position:relative}.ring-stage-ring{border:2px solid var(--clr);filter:drop-shadow(0 0 15px var(--clr));opacity:.85;position:absolute;inset:0}.ring-stage-ring-1{--clr:var(--primary);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;animation:8s linear infinite ring-stage-spin}.ring-stage-ring-2{--clr:var(--accent-pink);border-radius:41% 44% 56% 59%/38% 62% 63% 37%;animation:6s linear infinite reverse ring-stage-spin}.ring-stage-ring-3{--clr:var(--accent-yellow);border-radius:40% 60% 55% 45%/45% 42% 58% 55%;animation:14s linear infinite reverse ring-stage-spin}.ring-stage-panel{z-index:5;width:min(var(--panel-width), 100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#12121673;border:1px solid #ffffff14;border-radius:32px;padding:1.5rem .5rem .5rem;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000073}.ring-stage-floating{animation:7s ease-in-out infinite ring-stage-float-panel}.ring-stage-floating:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff1f,#0000);animation:8s linear infinite ring-stage-shine;position:absolute;inset:-40%}.ring-stage-logo{justify-content:center;margin-bottom:.5rem;animation:4s ease-in-out infinite ring-stage-float-logo;display:flex;position:relative}.ring-stage-logo img{height:auto;transition:transform .4s}.ring-stage-logo:hover img{transform:scale(1.08)}.ring-stage-panel [data-slot=card]{box-shadow:none;background:0 0}.ring-stage-panel [data-slot=card-footer]{background:0 0;border-color:#ffffff14}.ring-stage-panel [data-slot=input],.ring-stage-panel [data-slot=select-trigger]{background:0 0;border-color:#ffffff2e;border-radius:999px;height:2.5rem;padding-inline:1rem;transition:all .3s}.ring-stage-panel [data-slot=input][data-icon-start]{padding-left:2.5rem}.ring-stage-panel [data-slot=input][data-icon-end]{padding-right:2.75rem}.ring-stage-panel [data-slot=input]:hover,.ring-stage-panel [data-slot=select-trigger]:hover{background:#ffffff08;border-color:#ffffff59}.ring-stage-panel [data-slot=input]:focus-visible,.ring-stage-panel [data-slot=select-trigger]:focus-visible{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 2px #ef863d33,0 0 20px #ef863d26}.ring-stage-panel [data-slot=button][data-variant=default]{letter-spacing:.04em;background:linear-gradient(135deg, var(--primary), var(--accent-pink));border-radius:999px;height:2.75rem;padding-inline:1.5rem;font-weight:700;transition:transform .35s;box-shadow:0 12px 35px #ef863d66}.ring-stage-panel [data-slot=button][data-variant=default]:hover:not(:disabled){transform:translateY(-3px)scale(1.02)}.ring-stage-panel [data-slot=button][data-variant=outline]{border-radius:999px;height:2.75rem;padding-inline:1.5rem}.ring-stage-rise{animation:.7s cubic-bezier(.2,.8,.2,1) both ring-stage-rise}@keyframes ring-stage-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes ring-stage-spin{to{transform:rotate(360deg)}}@keyframes ring-stage-float-panel{50%{transform:translateY(-10px)}}@keyframes ring-stage-float-logo{50%{transform:translateY(-8px)}}@keyframes ring-stage-shine{0%{transform:translate(-120%)rotate(25deg)}to{transform:translate(120%)rotate(25deg)}}@media (max-width:640px){.ring-stage-stage{width:100%;height:auto}.ring-stage-ring{display:none}}@media (prefers-reduced-motion:reduce){.ring-stage-ring,.ring-stage-floating,.ring-stage-floating:before,.ring-stage-logo,.ring-stage-rise{animation:none}}
