.registration-invite{display:flex;align-items:center;gap:18px;padding:20px 22px;margin:0 0 28px;border:1px solid #ffffff24;border-radius:16px;background:linear-gradient(115deg,#262828,#1b1d1d);color:var(--text);animation:registration-invite-in .2s ease-out}
.registration-invite-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#ffffff08;color:#e4e5e2}
.registration-invite-icon svg{width:24px;height:24px}
.registration-invite-copy{flex:1;min-width:0}.registration-invite-copy h2{font-size:20px;line-height:1.25;letter-spacing:-.35px;margin:0 0 6px}.registration-invite-copy p{max-width:560px;font-size:14px;line-height:1.5;color:#b8bdbb;margin:0}
.registration-invite-actions{display:flex;gap:8px;flex-shrink:0}.registration-invite-actions .button{min-height:42px;font-size:14px;white-space:nowrap;padding:10px 14px}.registration-invite-actions .primary{background:#e5e6e3;color:#1a1c1b;border-color:#e5e6e3}.registration-invite-actions .secondary{background:transparent;border-color:#ffffff26;color:#c8cdca}
@keyframes registration-invite-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:900px){.registration-invite{flex-wrap:wrap}.registration-invite-actions{margin-left:60px}}
@media(max-width:620px){.registration-invite{gap:12px;padding:18px;margin-bottom:22px}.registration-invite-icon{display:none}.registration-invite-copy{flex-basis:100%}.registration-invite-copy h2{font-size:19px}.registration-invite-actions{margin-left:0;width:100%;flex-shrink:1}.registration-invite-actions .button{min-height:44px;white-space:normal}.registration-invite-actions .primary{flex:1}}
@media(prefers-reduced-motion:reduce){.registration-invite{animation:none}}:root[data-motion=reduced] .registration-invite{animation:none}