@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
.join-module__WSsfRG__container{color:#fff;background:#1a1a2e;flex-direction:column;min-height:100vh;font-family:"Press Start 2P",monospace;display:flex;position:relative}.join-module__WSsfRG__bgPattern{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 32px,#4a4a6a14 32px 33px),repeating-linear-gradient(90deg,#0000,#0000 32px,#4a4a6a14 32px 33px);position:absolute;inset:0}.join-module__WSsfRG__main{z-index:1;flex-direction:column;flex:1;align-items:center;padding:32px 24px;display:flex;position:relative}.join-module__WSsfRG__backLink{color:#88a;border:2px solid #0000;align-self:flex-start;margin-bottom:32px;padding:8px 12px;font-size:8px;text-decoration:none}.join-module__WSsfRG__backLink:hover{color:gold;border-color:gold}.join-module__WSsfRG__card{background:#2d2d44;border:4px solid gold;width:100%;max-width:400px;box-shadow:inset -4px -4px #1a1a2e,inset 4px 4px #4a4a6a,8px 8px #0a0a15}.join-module__WSsfRG__cardHeader{text-align:center;background:#252540;border-bottom:3px solid #4a4a6a;padding:24px}.join-module__WSsfRG__title{color:gold;text-shadow:2px 2px #0a0a15;margin:0;font-family:"Press Start 2P",monospace;font-size:16px}.join-module__WSsfRG__subtitle{color:#88a;margin:12px 0 0;font-size:8px;line-height:1.6}.join-module__WSsfRG__form{flex-direction:column;gap:20px;padding:24px;display:flex}.join-module__WSsfRG__field{flex-direction:column;gap:8px;display:flex}.join-module__WSsfRG__label{color:#aac;text-transform:uppercase;letter-spacing:1px;font-size:8px}.join-module__WSsfRG__input{color:#fff;letter-spacing:1px;background:#1a1a2e;border:3px solid #4a4a6a;padding:12px 16px;font-family:"Press Start 2P",monospace;font-size:10px;box-shadow:inset 2px 2px #0a0a15,inset -2px -2px #2a2a4a}.join-module__WSsfRG__input:focus{border-color:gold;outline:none}.join-module__WSsfRG__input::placeholder{color:#4a4a6a}.join-module__WSsfRG__hint{color:#6a6a8a;margin:0;font-size:7px;line-height:1.6}.join-module__WSsfRG__colorPicker{flex-wrap:wrap;gap:8px;display:flex}.join-module__WSsfRG__colorOption{cursor:pointer;border:3px solid #2d2d44;width:32px;height:32px;box-shadow:2px 2px #0a0a15}.join-module__WSsfRG__colorOption:hover{border-color:#fff}.join-module__WSsfRG__colorSelected{box-shadow:0 0 0 2px gold,3px 3px #0a0a15;border-color:gold!important}.join-module__WSsfRG__colorPreview{color:#88a;align-items:center;gap:8px;font-size:8px;display:flex}.join-module__WSsfRG__colorSwatch{border:2px solid #4a4a6a;width:16px;height:16px}.join-module__WSsfRG__error{color:#fca5a5;background:#3a1a1a;border:3px solid #f87171;padding:12px;font-size:8px;line-height:1.6}.join-module__WSsfRG__submitBtn{color:#1a1a2e;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#4ade80;border:4px solid #86efac;padding:16px 24px;font-family:"Press Start 2P",monospace;font-size:10px;box-shadow:inset -3px -3px #22c55e,inset 3px 3px #bbf7d0,4px 4px #0a0a15}.join-module__WSsfRG__submitBtn:hover:not(:disabled){background:#86efac}.join-module__WSsfRG__submitBtn:active:not(:disabled){box-shadow:inset 3px 3px #22c55e,inset -3px -3px #bbf7d0,2px 2px #0a0a15}.join-module__WSsfRG__submitBtn:disabled{opacity:.5;cursor:not-allowed}.join-module__WSsfRG__info{background:#2d2d44;border:3px solid #4a4a6a;width:100%;max-width:400px;margin-top:32px;padding:20px;box-shadow:inset -2px -2px #1a1a2e,inset 2px 2px #5a5a7a,4px 4px #0a0a15}.join-module__WSsfRG__info h3{color:gold;margin:0 0 16px;font-size:9px}.join-module__WSsfRG__info ol{color:#88a;margin:0;padding-left:24px;font-size:7px;line-height:2.2}.join-module__WSsfRG__info a{color:#4ade80}.join-module__WSsfRG__info a:hover{color:#86efac}