:root{--bg-1: #141412;--bg-2: #1a1a17;--bg-3: #1e1e1a;--bg-4: #242420;--bg-5: #2a2a25;--text-bright: #e8e4d9;--text-primary: #c8c4b8;--text-secondary: #8a8778;--text-muted: #6b6a5e;--text-dim: #5c5a50;--text-faint: #3d3b34;--border-0: rgba(255,255,255,.06);--border-hair: rgba(255,255,255,.04);--blue: #5b9bd5;--blue-faint: rgba(91,155,213,.08);--blue-border: rgba(91,155,213,.2);--green: #5cb85c;--green-faint: rgba(92,184,92,.08);--green-border: rgba(92,184,92,.2);--amber: #c8a64e;--amber-faint: rgba(200,166,78,.08);--amber-border: rgba(200,166,78,.2);--red: #d9534f;--teal: #5aafa5;--teal-faint: rgba(90,175,165,.08);--teal-border: rgba(90,175,165,.2);--font-mono: "JetBrains Mono", monospace;--font-ui: "IBM Plex Sans", -apple-system, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-1);color:var(--text-primary);font-family:var(--font-ui);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px}.signup-card{background:var(--bg-2);border:1px solid var(--border-0);border-radius:3px;width:400px;overflow:hidden;padding:24px 14px 14px}h2{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:16px;text-align:center}.info-note{background:var(--green-faint);border:1px solid var(--green-border);border-radius:3px;padding:10px 12px;margin-bottom:18px;font-family:var(--font-ui);font-size:11px;line-height:1.5;color:var(--text-secondary)}.input-group{margin-bottom:14px}.input-group label{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:8.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.input-group input{width:100%;padding:10px 12px;background:var(--bg-4);border:1px solid var(--border-0);border-radius:3px;color:var(--text-bright);font-family:var(--font-mono);font-size:12px;font-weight:400;outline:none;transition:border-color .15s}.input-group input:focus{border-color:var(--blue-border)}.input-group input::placeholder{color:var(--text-faint)}.faction-types{display:flex;flex-direction:column;gap:8px}.faction-option{padding:10px 12px;background:var(--bg-3);border:1px solid var(--border-0);border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s;position:relative}.faction-option.available:hover{background:var(--bg-4);border-color:#ffffff1a}.faction-option.selected{background:var(--green-faint);border-color:var(--green-border)}.faction-option.disabled{opacity:.35;cursor:not-allowed}.faction-title{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin-bottom:3px}.faction-option.selected .faction-title{color:var(--green)}.faction-option.disabled .faction-title{color:var(--text-dim)}.faction-desc{font-family:var(--font-ui);font-size:11px;color:var(--text-muted);line-height:1.4}.alpha-badge{position:absolute;top:8px;right:8px;background:var(--teal-faint, rgba(90,175,165,.08));border:1px solid var(--teal-border, rgba(90,175,165,.2));color:var(--teal);padding:2px 8px;border-radius:2px;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.alpha-code-group{margin-top:-4px;margin-bottom:14px;padding:10px 12px;background:var(--bg-3);border:1px solid var(--border-0);border-top:none;border-radius:0 0 3px 3px}.alpha-code-group label{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:8.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.alpha-code-group input{width:100%;padding:8px 10px;background:var(--bg-4);border:1px solid var(--border-0);border-radius:3px;color:var(--text-bright);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;outline:none;transition:border-color .15s}.alpha-code-group input:focus{border-color:var(--teal-border, rgba(90,175,165,.2))}.alpha-code-group input::placeholder{color:var(--text-faint);text-transform:none;letter-spacing:normal}.alpha-code-hint{font-family:var(--font-mono);font-size:8.5px;font-weight:500;margin-top:6px;letter-spacing:.02em;min-height:14px}.alpha-code-hint--error{color:var(--red)}.alpha-code-hint--valid{color:var(--green)}.coming-soon{position:absolute;top:8px;right:8px;background:var(--amber-faint);border:1px solid var(--amber-border);color:var(--amber);padding:2px 8px;border-radius:2px;font-family:var(--font-mono);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.btn-join{width:100%;padding:10px;background:var(--green-faint);border:1px solid var(--green-border);border-radius:3px;color:var(--green);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s;margin-top:6px}.btn-join:hover{background:#5cb85c24;border-color:#5cb85c59}.btn-join:disabled{background:var(--bg-4);border-color:var(--border-0);color:var(--text-dim);cursor:not-allowed}.login-link{text-align:center;margin-top:14px;font-family:var(--font-mono);font-size:8.5px;font-weight:500;color:var(--text-dim);letter-spacing:.02em}.login-link a{color:var(--teal);text-decoration:none;transition:color .15s}.login-link a:hover{color:var(--text-bright)}.error{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--red);margin-top:10px;text-align:center;letter-spacing:.02em}.confirm-box{text-align:center;padding:20px 0;display:none}.confirm-box .confirm-icon{font-size:2rem;margin-bottom:14px}.confirm-box .confirm-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-bottom:10px}.confirm-box .confirm-desc{font-family:var(--font-ui);font-size:11px;color:var(--text-secondary);line-height:1.6}.confirm-box .confirm-email{color:var(--text-bright);font-family:var(--font-mono);font-weight:600}.confirm-box .confirm-note{font-family:var(--font-mono);font-size:8.5px;color:var(--text-dim);margin-top:14px;letter-spacing:.02em}@media(max-width:480px){.signup-card{width:100%;margin:0 12px;border-radius:0}}