.onboarding-backdrop{z-index:100;box-sizing:border-box;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.onboarding-shell{--onboarding-orange:#e8550d;overscroll-behavior:contain;box-sizing:border-box;color:#fff;width:min(640px,100%);max-height:100%;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", var(--font-display), sans-serif;background:#000;border:1px solid #262628;border-radius:24px;flex-direction:column;gap:24px;padding:32px;display:flex;overflow:hidden auto;box-shadow:0 24px 80px #00000080}.onboarding-shell button,.onboarding-shell input{font:inherit}.onboarding-header{flex:0 0 44px;justify-content:space-between;align-items:center;width:100%;height:44px;display:flex}.onboarding-logo{-o-object-fit:contain;object-fit:contain;width:88px;height:32px}.onboarding-close{color:#7b7b7d;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;transition:color .18s,transform .18s;display:grid}.onboarding-close:hover{color:#fff;transform:rotate(4deg)}.onboarding-close svg{stroke-width:1.4px;width:28px;height:28px}.onboarding-main{flex:none;width:100%;display:flex}.onboarding-stage{flex-direction:column;align-items:center;gap:28px;width:100%;min-width:0;display:flex;position:relative}.onboarding-title-block{text-align:center}.onboarding-title-block h1{color:#fff;letter-spacing:-.01em;margin:0;font-size:36px;font-weight:700;line-height:1.12}.onboarding-success-copy h1 span{color:var(--onboarding-orange)}.onboarding-title-block>p{color:#7b7b7d;margin:8px 0 0;font-size:16px;font-weight:400;line-height:1.5}.onboarding-primary{background:var(--onboarding-orange);color:#fff;cursor:pointer;border:0;border-radius:34px;justify-content:center;align-items:center;min-height:48px;padding:12px 32px;font-size:15px;font-weight:700;line-height:1;transition:background-color .18s,transform .18s,opacity .18s;display:inline-flex}.onboarding-primary:hover:not(:disabled){background:#f26520;transform:translateY(-1px)}.onboarding-primary:active:not(:disabled){transform:translateY(0)}.onboarding-primary:disabled{cursor:not-allowed;opacity:.45}.onboarding-confirmation-visual{flex:0 0 144px;width:196px;height:144px;position:relative;transform:rotate(14deg)scale(.85)}.confirmation-card{background:#0f0f0f;border:2px solid #2a2a2a;border-radius:12px;width:120px;position:absolute}.confirmation-card-left{opacity:.5;height:126px;top:0;left:8px;transform:rotate(-15deg)}.confirmation-card-right{opacity:.5;height:134px;top:22px;left:72px;transform:rotate(15deg)}.confirmation-card-front{background:#0f0f0fbf;border-color:#191919;border-radius:16px;place-items:center;height:144px;display:grid;top:25px;left:50px}.confirmation-icon{border:2px solid var(--onboarding-orange);width:50px;height:50px;color:var(--onboarding-orange);border-radius:50%;place-items:center;display:grid;transform:rotate(-14deg)}.confirmation-icon svg{stroke-width:1.7px;width:26px;height:26px}.onboarding-waitlist-content{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.onboarding-email-form{flex-direction:column;gap:16px;width:100%;display:flex}.onboarding-email-input{box-sizing:border-box;border:2px solid var(--onboarding-orange);color:#7b7b7d;background:#0f0f0f;border-radius:20px;align-items:center;width:100%;height:56px;padding:0 20px;display:flex}.onboarding-email-input svg{flex:none;width:20px;height:20px}.onboarding-email-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 0 0 14px;font-size:16px}.onboarding-email-input input::placeholder{color:#7b7b7d}.onboarding-email-form .onboarding-primary{width:100%}.onboarding-form-error{color:#ff786f;overflow-wrap:anywhere;margin:-8px 4px -5px;font-size:12px}.onboarding-success-content{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.onboarding-success-copy{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.onboarding-waitlist-badge{color:#c2c2c2;border:1px solid #2a2a2a;border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.onboarding-badge-check{box-sizing:border-box;border:2px solid var(--onboarding-orange);width:16px;height:16px;color:var(--onboarding-orange);border-radius:50%;flex:0 0 16px;place-items:center;display:grid}.onboarding-badge-check svg{stroke-width:3px;width:10px;height:10px}.onboarding-back-to-yuno{width:100%}@media (max-width:640px){.onboarding-backdrop{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.onboarding-shell{border-radius:20px;gap:20px;padding:20px}.onboarding-header{flex-basis:36px;height:36px}.onboarding-logo{width:68px;height:24px}.onboarding-close{width:36px;height:36px}.onboarding-close svg{width:24px;height:24px}.onboarding-stage,.onboarding-success-content{gap:36px}.onboarding-title-block h1{font-size:30px}.onboarding-title-block>p{font-size:14px}.onboarding-confirmation-visual{flex-basis:122px;width:174px;height:122px;transform:rotate(14deg)scale(.78)}.onboarding-email-input{border-width:1px;border-radius:16px;height:52px;padding:0 16px}.onboarding-email-input input{padding-left:12px}}@media (prefers-reduced-motion:reduce){.onboarding-shell *,.onboarding-shell :before,.onboarding-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}