#invitation-form [type=submit]{transition:transform .12s ease,background-color .2s ease;min-height:52px;min-width:180px;justify-content:center}
#invitation-form [type=submit]:active:not(:disabled){transform:translateY(2px)}
#invitation-form[data-busy=true] [type=submit]{transform:none;opacity:1;cursor:progress}
#invitation-form[data-busy=true] [type=submit]::before{content:"";width:16px;height:16px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:visa-spin .8s linear infinite}
#invitation-form[data-saved=true] [type=submit]{background:#171432;color:white;opacity:1;cursor:default;transform:none;box-shadow:none}
#form-result{scroll-margin-top:110px;white-space:pre-line}
#form-result.success{padding:28px 30px;margin-top:24px;background:#eef2fa;color:#171432;border:1px solid #c4cfe5;border-left:5px solid #526bb2;border-radius:4px}
#form-result.success h3{font-size:24px;line-height:1.4;margin:0 0 12px;color:#171432}
#form-result.success p{font-size:16px;line-height:1.8;margin:0;color:#171432}
#form-result:focus-visible{outline:2px solid #526bb2;outline-offset:4px}
@keyframes visa-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){#invitation-form [type=submit]{width:100%}#form-result.success{padding:22px 20px}#form-result.success h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){#invitation-form [type=submit]{transition:none}#invitation-form[data-busy=true] [type=submit]::before{animation:none}}