:root{--White: #fff;--Dark: #001f4e;--Dark-64: rgba(0, 31, 78, .64)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--surface-container-soft, #21242a);font-family:Inter,sans-serif;font-style:normal;line-height:120%}a{text-decoration:none;color:var(--text-icon-strong, #f7f7f7)}.login-container{display:flex;justify-content:center;align-items:center;margin:120px auto 0;width:100%;max-width:1020px;height:600px;flex-shrink:0;color:var(--text-icon-strong, #f7f7f7);text-align:center}.login-container:before{content:"";position:absolute;margin:0 auto;width:100%;max-width:1020px;height:600px;z-index:-1;top:120px;left:0;right:0;background-image:url(/img/grid-dark@2x.png);background-repeat:repeat;background-position:4px 2px;background-size:16px 16px;mask-image:radial-gradient(50% 50% at 50% 50%,#d9d9d9,#73737300 96.5%);mask-repeat:no-repeat;mask-size:contain;mask-position:center;mask-origin:content-box}@media (prefers-color-scheme: light){.login-container:before{background-image:url(/img/grid-light@2x.png)}}.login-form{width:100%;max-width:364px;mask-image:unset;display:flex;flex-direction:column;align-items:center;gap:2.5rem;margin:0 auto;margin-top:2rem}.login-logo{display:block;max-width:100%;height:50px}.login-logo path{fill:var(--text-icon-strong)}.mobile-warning{display:none;margin-top:8px;font-size:14px;color:var(--text-icon-yellow);background-color:var(--surface-yellow-soft);padding:14px 16px;align-items:flex-start;gap:8px;text-align:left;border-radius:8px}.mobile-warning p{font-size:14px;font-weight:400;line-height:120%}.login-legal{padding:0 32px;color:var(--text-icon-subtle, #8e9297);text-align:center;font-size:12px;font-weight:400}.login-legal a{margin:4px;display:inline-flex;height:24px;padding:0 4px;justify-content:center;align-items:center;border-radius:var(--xs, 6px);border:1px solid var(--border-interactive-default, rgba(247, 247, 247, .12));font-size:12px;text-decoration:none;color:var(--text-icon-strong, #f7f7f7)}.login-form h2{color:var(--text-icon-strong, #f7f7f7);text-align:center;font-family:ABCDiatypeSemi-Mono-Light;font-size:34px;font-style:normal;font-weight:300;line-height:116%}.login-form-providers{width:100%;max-width:364px;display:flex;padding:var(--2xl, 32px);flex-direction:column;align-items:center;gap:var(--2xl, 32px);align-self:stretch;border-radius:var(--lg, 16px);outline:1px solid var(--special-popover-shadow-outline, #373c42);background:var(--surface-container, #282b31);box-shadow:0 2px 4px 0 var(--special-shadow-blue90-6, rgba(0, 0, 0, .06)),0 8px 16px 0 var(--special-shadow-blue90-6, rgba(0, 0, 0, .06))}.login-form-header{display:flex;flex-direction:column;align-items:center;gap:var(--xs, 8px)}.login-form-header p{font-weight:400;font-size:14px}.login-form-header a{text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.login-form-buttons{display:flex;width:100%;flex-direction:column;align-items:center;gap:var(--xs, 8px)}.login-container hr{margin:8px 0;width:100%;border:none;border-top:1px solid var(--border-default, rgba(247, 247, 247, .12))}.login-form-loading{display:flex;align-items:center;justify-content:center;height:212px;animation:pulsate 2s ease-out infinite}@keyframes pulsate{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.login-form-buttons button{display:flex;height:40px;padding:0 12px;justify-content:center;align-items:center;gap:4px;align-self:stretch;border-radius:var(--sm, 8px);background:var(--surface-interactive-subtle, rgba(247, 247, 247, .08));color:var(--text-icon-strong, #f7f7f7);font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:16.8px}.login-form-buttons button p{color:inherit;display:flex;padding:0 2px 2px;align-items:center;gap:10px}.login-form button:hover{background:var(--surface-interactive-subtle-hover, rgba(247, 247, 247, .1))}.login-form-buttons button:first-child{background:var(--surface-interactive-strong, #f7f7f7);color:var(--text-icon-inverted, #000);font-weight:600}.login-form-buttons button:first-child:hover{background:var(--surface-interactive-strong-hover, #ebebeb)}svg.github-logo path,svg.discord-logo path,.login-form-header svg path{fill:var(--text-icon-strong, #f7f7f7)}.success-message{color:#52c41a;font-size:14px;margin-top:8px;margin-bottom:8px;text-align:center;width:100%}.waitlist-form{display:flex;flex-direction:column;width:100%;gap:16px}.waitlist-form input{margin-bottom:0}p.subtle{color:var(--text-icon-subtle, rgba(247, 247, 247, .6))}.invite-code{display:flex;flex-direction:column;align-items:flex-start;gap:var(--xs, 8px);align-self:stretch}.invite-code-input{display:flex;height:40px;padding:0 12px 1px;align-items:center;gap:var(--2xs, 4px);align-self:stretch;border-radius:var(--xs, 8px);border:1px solid var(--border-interactive-default, rgba(247, 247, 247, .12));background:var(--surface-interactive-ghost, rgba(247, 247, 247, 0));font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:120%;color:var(--text-icon-strong, #f7f7f7);outline:none}input.invite-code-input:placeholder{color:var(--text-icon-subtle, rgba(247, 247, 247, .6))}input.invite-code-input:hover{border:1px solid var(--border-interactive-default-hover, rgba(247, 247, 247, .16))}input.invite-code-input:focus{border:1px solid var(--border-interactive-default-selected, rgba(247, 247, 247, .64))}input.invite-code-input.invalid{border:1px solid var(--text-icon-red, #f5969d)}.error-message{color:var(--text-icon-red, #f5969d);font-size:14px;text-align:left;width:100%}.invite-code button{width:100%}.waitlist-form{display:flex;flex-direction:column;align-items:flex-start;gap:var(--xs, 8px);align-self:stretch}.waitlist-form input{text-transform:uppercase}.waitlist-form input::placeholder{text-transform:capitalize}.waitlist-footer{display:flex;justify-content:space-between;gap:8px;align-self:stretch}.waitlist-footer a{display:flex;flex:1}.inner-container{display:flex;flex-direction:column;gap:16px;width:100%}@media screen and (max-width: 600px){.login-container{width:100%;height:auto;margin-top:48px;padding:0 16px;align-items:flex-start}.login-container:before{display:none}.login-form,.login-form-providers{width:100%}.mobile-warning-icon-container{min-width:16px;min-height:16px}.mobile-warning{display:flex}}@media screen and (min-width: 601px){.mobile-warning{display:none}}