.onboarding-page{min-height:100vh;position:relative;overflow:hidden}.onboarding-shell{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.onboarding-body{background:var(--darkmodesection);border:1px solid var(--darkbordercolor);--onboarding-body-padding:1.5rem;--onboarding-body-radius:16px;--onboarding-corner-inset:.5rem;width:100%;min-width:250px;max-width:640px;color:var(--darkmodetext);border-radius:16px;padding:1.5rem}.onboarding-body-with-back{position:relative}.onboarding-back-pill{top:var(--onboarding-corner-inset);left:var(--onboarding-corner-inset);z-index:1;border:1px solid var(--maincolor);background:color-mix(in srgb, var(--maincolor) 38%, transparent);color:var(--maincolor);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex;position:absolute}.onboarding-back-pill:hover{background:color-mix(in srgb, var(--maincolor) 48%, transparent)}.onboarding-progress{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.onboarding-dot{background:#555;border-radius:50%;width:8px;height:8px}.onboarding-dot.is-active{background:var(--maincolor)}.onboarding-title{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.onboarding-subtitle{color:#b3b3b3;text-align:center;margin-bottom:1.5rem;font-size:1rem}.onboarding-field{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.onboarding-label{font-size:1rem;font-weight:600}.onboarding-input-wrap{border:2px solid var(--darkbordercolor);border-radius:8px;align-items:center;padding:.75rem;display:flex}.onboarding-input-wrap.is-error{border-color:#f44336}.onboarding-prefix{margin-right:.25rem;font-size:1.125rem;font-weight:700}.onboarding-input,.onboarding-input-with-prefix{border:2px solid var(--darkbordercolor);width:100%;color:var(--darkmodetext);background:0 0;border-radius:8px;padding:.75rem;font-family:inherit;font-size:1.125rem}.onboarding-input-with-prefix{border:none;padding:0}.onboarding-input::placeholder,.onboarding-input-with-prefix::placeholder{color:#ffffff73}.onboarding-input.is-error{border-color:#f44336}.onboarding-input:focus,.onboarding-input-with-prefix:focus,.onboarding-search-input:focus{box-shadow:none;outline:none}.onboarding-input-wrap:focus-within,.onboarding-input:focus-within,.onboarding-search-input:focus{border-color:var(--maincolor)}.onboarding-error{color:#f44336;font-size:.875rem;font-weight:600}.onboarding-primary{background:var(--maincolor);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:44px;margin-top:.5rem;font-family:inherit;font-size:1rem;font-weight:700}.onboarding-primary:disabled{cursor:not-allowed;background:#444}.onboarding-secondary{border:2px solid var(--darkbordercolor);width:100%;height:44px;color:var(--darkmodetext);cursor:pointer;background:0 0;border-radius:8px;font-family:inherit;font-size:1rem;font-weight:700}.onboarding-outline{border:2px solid var(--maincolor);width:100%;height:44px;color:var(--maincolor);cursor:pointer;background:0 0;border-radius:8px;margin-top:.75rem;font-family:inherit;font-size:1rem;font-weight:700}.onboarding-link{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.onboarding-search-wrap{margin-bottom:1rem;position:relative}.onboarding-search-input{border:2px solid var(--darkbordercolor);width:100%;color:var(--darkmodetext);background:0 0;border-radius:8px;padding:.75rem;font-family:inherit;font-size:1rem}.onboarding-search-input::placeholder{color:#ffffff73}.onboarding-section-title{text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.onboarding-team-list,.onboarding-popular-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.onboarding-popular-list{margin-left:calc(-1 * var(--onboarding-body-padding));margin-right:calc(-1 * var(--onboarding-body-padding));padding-bottom:.25rem;padding-left:var(--onboarding-body-padding);padding-right:var(--onboarding-body-padding);-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto}.onboarding-team-item,.onboarding-popular-item{border:1px solid var(--darkbordercolor);color:var(--darkmodetext);cursor:pointer;text-align:left;background:#ffffff0a;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;font-family:inherit;display:flex}.onboarding-popular-item{flex-direction:column;flex-shrink:0;min-width:80px}.onboarding-team-item.is-selected,.onboarding-popular-item.is-selected{background:var(--maincolor);color:#fff;border-color:var(--maincolor)}.onboarding-team-logo,.onboarding-popular-logo{object-fit:contain;width:40px;height:40px}.onboarding-popular-logo{width:50px;height:50px}.onboarding-team-logo-placeholder,.onboarding-popular-logo-placeholder{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.onboarding-popular-logo-placeholder{width:50px;height:50px}.onboarding-team-name{font-size:1rem;font-weight:700}.onboarding-team-meta{opacity:.85;font-size:.875rem}.onboarding-popular-abbr{font-size:.75rem;font-weight:700}.onboarding-hint{text-align:center;color:#b3b3b3;margin-bottom:1rem;font-size:.875rem}.onboarding-button-group{flex-direction:column;gap:.75rem;display:flex}.onboarding-gradient-bg{isolation:isolate;background:linear-gradient(40deg, var(--maincolor), #001152);position:fixed;inset:0;overflow:hidden}.onboarding-gradient-bg svg{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.onboarding-gradient-container{filter:url(#onboarding-goo)blur(40px);backface-visibility:hidden;will-change:filter;width:120%;height:120%;position:absolute;inset:-10%;transform:translate(0,0)}.onboarding-gradient-g1,.onboarding-gradient-g2,.onboarding-gradient-g3,.onboarding-gradient-g4,.onboarding-gradient-g5,.onboarding-gradient-interactive{mix-blend-mode:hard-light;backface-visibility:hidden;will-change:transform;width:80%;height:80%;position:absolute;top:10%;left:10%;transform:translate(0,0)}.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-container{-webkit-filter:blur(40px);will-change:auto}.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-g1,.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-g2,.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-g3,.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-g4,.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-g5,.onboarding-gradient-bg.is-webkit-fallback .onboarding-gradient-interactive{mix-blend-mode:screen}.onboarding-gradient-g1{transform-origin:50%;background:radial-gradient(circle,#1271ffcc 0,#1271ff00 50%);animation:30s infinite onboardingMoveVertical}.onboarding-gradient-g2{transform-origin:calc(50% - 400px);background:radial-gradient(circle,#dd4affcc 0,#dd4aff00 50%);animation:20s infinite reverse onboardingMoveInCircle}.onboarding-gradient-g3{transform-origin:calc(50% + 400px);background:radial-gradient(circle,#64dcffcc 0,#64dcff00 50%);animation:40s linear infinite onboardingMoveInCircle;top:calc(10% + 200px);left:calc(10% - 500px)}.onboarding-gradient-g4{transform-origin:calc(50% - 200px);opacity:.7;background:radial-gradient(circle,#c83232cc 0,#c8323200 50%);animation:40s infinite onboardingMoveHorizontal}.onboarding-gradient-g5{transform-origin:calc(50% - 800px) calc(50% + 200px);background:radial-gradient(circle,#b4b432cc 0,#b4b43200 50%);width:160%;height:160%;animation:20s infinite onboardingMoveInCircle;top:-30%;left:-30%}.onboarding-gradient-interactive{opacity:.7;background:radial-gradient(circle,#8c64ffcc 0,#8c64ff00 50%);width:100%;height:100%;top:-50%;left:-50%}@keyframes onboardingMoveInCircle{0%{transform:translate(0,0)rotate(0)}50%{transform:translate(0,0)rotate(180deg)}to{transform:translate(0,0)rotate(360deg)}}@keyframes onboardingMoveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes onboardingMoveHorizontal{0%{transform:translate(-50%,-10%)}50%{transform:translate(50%,10%)}to{transform:translate(-50%,-10%)}}@media (prefers-reduced-motion:reduce){.onboarding-gradient-g1,.onboarding-gradient-g2,.onboarding-gradient-g3,.onboarding-gradient-g4,.onboarding-gradient-g5,.onboarding-gradient-interactive{animation:none!important}}