@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap);.invitation{padding:55px 50px 115px 50px;position:fixed;top:0;bottom:0;left:0;right:0;padding-top:20px;z-index:0;overflow-y:auto;background-color:#0c091b}.invitation .grid-x{width:100%}.invitation .invitation-container{min-height:calc(100vh - 170px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.invitation h1,.invitation h2{color:#fff}.invitation h2{margin-top:2rem}.invitation p{color:#aaa0d4;line-height:1.5}.invitation p strong{color:#fff}.invitation .background-image{position:absolute;z-index:-1;top:0;left:0;width:50%;height:100%}.invitation .logo-header svg{width:110px}.invitation .form-container,.invitation .illustration-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.invitation .invitation-content{width:100%;margin:0 70px;max-width:420px}.invitation .invitation-content>*{margin-bottom:1rem}.invitation .actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.invitation form .app-button{margin-top:1.5rem}