:root{--rx-night:#13151e;--rx-deep:#1a2238;--rx-forest:#1d3a3c;--rx-moon:#9fb8ff;--rx-moon-soft:#9fb8ff2e;--rx-success:#5ee0a0}.rx-hero{color:#fff;background:radial-gradient(circle at 82% 22%, #dce6ff59 0, #dce6ff14 3%, transparent 9%), radial-gradient(ellipse at 15% 120%, var(--rx-forest) 0, transparent 60%), linear-gradient(135deg, var(--rx-night) 0%, var(--rx-deep) 60%, #22305a 100%);border:1px solid #9fb8ff26;border-radius:14px;margin-bottom:16px;padding:20px 24px;animation:.42s ease-out both rx-fade-up;position:relative;overflow:hidden}.rx-hero:after{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff9,#0000),radial-gradient(1px 1px at 45% 15%,#ffffff73,#0000),radial-gradient(1px 1px at 65% 40%,#ffffff80,#0000),radial-gradient(1px 1px at 90% 70%,#ffffff59,#0000),radial-gradient(1px 1px at 35% 75%,#ffffff4d,#0000);animation:6s ease-in-out infinite alternate rx-twinkle;position:absolute;inset:0}.rx-hero-logo{border-radius:12px;flex-shrink:0;width:56px;height:56px;box-shadow:0 0 0 1px #ffffff26,0 8px 24px #00000073}.rx-hero-title{letter-spacing:.01em;font-size:1.35rem;font-weight:700;line-height:1.2}.rx-hero-sub{color:#e1e8ffbf;font-size:.875rem}.rx-chip{color:#e6ecff;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;display:inline-flex}.rx-chip-dot{background:var(--rx-success);width:7px;height:7px;box-shadow:0 0 8px var(--rx-success);border-radius:50%}.rx-card{transition:transform .18s,box-shadow .18s,border-color .18s;animation:.36s ease-out both rx-fade-up}.rx-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -12px #6e8cff8c;border-color:#9fb8ff73!important}.rx-card img{transition:transform .22s}.rx-card:hover img{transform:scale(1.06)rotate(-2deg)}.rx-pick{position:relative;overflow:hidden;background:linear-gradient(160deg,#22305a8c,#13151e33)!important}.rx-pick:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9fb8ff1f,#0000);width:60%;height:120%;transition:transform .7s;position:absolute;inset:-40% auto auto -30%;transform:rotate(18deg)translate(-120%)}.rx-pick:hover:before{transform:rotate(18deg)translate(320%)}.rx-stagger{animation-delay:calc(var(--rx-i,0) * 35ms)}.rx-done{color:var(--rx-success);animation:.38s cubic-bezier(.34,1.56,.64,1) both rx-pop}.rx-restart-bar{z-index:20;color:#fff;background:linear-gradient(90deg,#22305a,#1d3a3c);border:1px solid #9fb8ff4d;border-radius:12px;padding:10px 14px;animation:.3s ease-out both rx-slide-up;position:sticky;bottom:12px;box-shadow:0 12px 30px -10px #0009}.rx-result-row{animation:.26s ease-out both rx-fade-up}@keyframes rx-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rx-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes rx-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes rx-twinkle{0%{opacity:.35}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.rx-hero,.rx-hero:after,.rx-card,.rx-card img,.rx-pick:before,.rx-done,.rx-restart-bar,.rx-result-row{transition:none!important;animation:none!important}.rx-card:hover,.rx-card:hover img{transform:none}}.rx-hero.rx-hero--reseller{background:linear-gradient(135deg, var(--mantine-color-blue-9) 0%, var(--mantine-color-blue-7) 100%);border-color:#ffffff1f}.rx-hero.rx-hero--reseller:before,.rx-hero.rx-hero--reseller:after{display:none}