.join{color:#f5f2ea;background:#090909;flex-direction:column;align-items:center;min-height:100svh;display:flex}.join-warn{text-align:center;color:#cfcbc2;background:#1b1b1b;border-bottom:1px solid #2a2a2a;width:100%;margin:0;padding:8px 16px;font-size:12.5px}.join-form{flex-direction:column;gap:20px;width:min(430px,100%);padding:clamp(30px,8vh,60px) 22px 40px;display:flex}.join-brand{text-align:center;margin-bottom:6px;font-size:26px;font-weight:900}.join-field{flex-direction:column;gap:8px;display:flex}.join-field>span{color:#aaa6a0;font-size:14px}.join-field input{font:inherit;color:#f5f2ea;background:#141414;border:1px solid #333;width:100%;min-height:60px;padding:14px 16px}.join-field input:focus-visible{outline-offset:2px;border-color:#e3ff37;outline:3px solid #e3ff37}.join-field input[name=code]{letter-spacing:10px;text-align:center;text-transform:uppercase;padding-inline:8px;font-size:40px;font-weight:900}.join-go{font:inherit;cursor:pointer;color:#0d0f08;background:#e3ff37;border:0;min-height:60px;padding:16px;font-size:20px;font-weight:900}.join-go:hover{background:#f0ff7a}.join-go:focus-visible{outline-offset:3px;outline:3px solid #f5f2ea}.join-note{color:#e9e6dd;background:#24351d;border:1px solid #8da95a;padding:12px;font-size:13.5px;line-height:1.8;display:block}.join-note[hidden]{display:none}