.invitation-shell{max-width:720px}
.invitation-shell .eyebrow{margin-bottom:12px}
.invitation-shell h1{margin-top:0}
.invitation-shell form{margin-top:26px}
.invitation-shell .optional{display:inline-block;margin-left:6px}
.invitation-shell #email-hint{margin-top:-8px}
.invitation-steps{display:flex;flex-wrap:wrap;gap:12px 20px;padding:0;list-style:none;margin:26px 0}
.invitation-steps li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}
.invitation-steps span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--tea-soft);border:1px solid var(--line);font-weight:700}
.invitation-shell #request-submit{width:100%;min-height:48px;margin:8px 0}
.invitation-shell #request-progress{min-height:1.5em;margin:8px 0}
.invitation-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.invitation-error{padding:12px 16px;border:1px solid #a33a30;border-radius:10px;color:#81291f;background:#fff0e9}
.invitation-received{padding:24px;border:1px solid #a4b59c;border-radius:14px;background:#ecf1d8;margin:28px 0}
.invitation-received h2{font-size:1.4rem;margin-top:0}
.invitation-received .invitation-pending{font-weight:700;color:var(--ink)}
.invitation-help{border-top:1px solid var(--line);padding-top:12px;margin-top:20px;font-size:14px}
.invitation-help p{margin:12px 0}
.invitation-shell [hidden]{display:none!important}
@media(max-width:520px){.invitation-steps{display:grid;gap:10px}.invitation-received{padding:18px}}