.invite-onboarding{min-height:100vh;background:linear-gradient(145deg,#faf7fd,#f4eefb);padding-top:36px;padding-bottom:36px}.invite-onboarding>.panel{overflow:hidden;border-color:#e5dceb;box-shadow:0 16px 50px #4b286b0a}.invite-onboarding .invite-brand{display:flex;margin:26px 26px 22px;width:fit-content}.invite-onboarding .invite-brand .brand-logo{width:135px;height:auto}.invite-onboarding .invite-brand small{font-size:11px}.invite-steps{display:flex;list-style:none;margin:0;padding:0 26px 22px;gap:14px;border-bottom:1px solid #ece5f2}.invite-steps li{display:flex;flex:1;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#786b84}.invite-steps li>span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#f0e8f6;color:#766181;font-weight:700}.invite-steps [aria-current=step]{color:#64209a;font-weight:700}.invite-steps [aria-current=step]>span{color:#fff;background:#8d2bcd}.invite-onboarding header{padding-bottom:20px}.invite-onboarding h1{line-height:1.5;margin-top:8px}.invite-onboarding h1:focus{outline:none}.invite-recipient{overflow-wrap:anywhere;color:#6e5483}.invite-onboarding .login-form{display:flex;flex-direction:column;gap:16px}.invite-onboarding .invite-fields{display:flex;flex-direction:column;gap:16px;min-width:0;margin:0;padding:0;border:0}.invite-onboarding .invite-fields>.field{margin:0}.invite-onboarding .invite-fields>p{margin:0;line-height:1.8}.invite-onboarding .login-form>p{margin:0;line-height:1.8}.invite-onboarding .check-field{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f7f1fc;border:1px solid #e4d7ef;border-radius:12px}.invite-onboarding .check-field input{flex-shrink:0;margin-top:5px;width:20px;height:20px;accent-color:#8d2bcd}.invite-callout{background:#f7f1fc;border:1px solid #e4d7ef;border-radius:12px;padding:16px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.invite-body{display:flex;flex-direction:column;gap:20px;padding:0 26px 28px}.invite-next h2{font-size:18px;margin:4px 0 12px}.invite-next p{font-size:14px;line-height:1.9;margin:0 0 16px;overflow-wrap:anywhere}.invite-support{max-width:760px;margin:20px auto 0;text-align:center;color:#766880;font-size:12px;line-height:1.8;padding:0 12px}.invite-onboarding #invite-feedback:empty,.invite-onboarding #invite-recovery:empty{display:none}.invite-onboarding #invite-feedback{font-size:14px;line-height:1.8;color:#8b2541;background:#fff3f5;border:1px solid #ecced8;border-radius:10px;padding:14px}.invite-onboarding .btn:focus-visible,.invite-onboarding input:focus-visible{outline:3px solid #9433ce;outline-offset:3px}.invite-onboarding .btn:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.invite-onboarding{padding:16px 10px 28px}.invite-onboarding .invite-brand{margin:22px 18px 20px}.invite-steps{padding:0 18px 20px;gap:8px}.invite-steps li{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.invite-body{padding:0 18px 22px}.invite-onboarding .login-form{gap:16px}.invite-onboarding .check-field{padding:14px;font-size:14px}.invite-support{font-size:11px}.invite-onboarding h1{font-size:23px}}