.invite-handoff { max-width: 520px; margin: 20px auto; padding: 20px; border: 1px solid #00c85166; border-radius: 18px; background: #101d16; color: #f5f5f5; text-align: left; }
.invite-handoff strong { display: block; font-size: 15px; }
.invite-handoff code { display: block; margin-top: 8px; font-size: 24px; font-weight: 800; letter-spacing: .06em; overflow-wrap: anywhere; }
.invite-handoff p { color: #d0d8d3; font-size: 14px; line-height: 1.5; margin: 10px 0 16px; }
.invite-handoff > div { display: flex; flex-wrap: wrap; gap: 10px; }
.invite-handoff button, .invite-handoff a { flex: 1 1 170px; display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: 10px 14px; border: 1px solid #ffffff40; border-radius: 12px; background: #ffffff0d; color: #fff; font: inherit; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; text-align: center; }
.invite-handoff a { background: #00c851; color: #06210f; border-color: transparent; }
.invite-handoff :is(a, button):focus-visible { outline: 3px solid #69f0ae; outline-offset: 3px; }
.invite-handoff [role="status"] { display: block; margin-top: 10px; font-size: 13px; color: #d0d8d3; }
.invite-handoff [role="status"]:empty { display: none; }