*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#e0e0e0;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden}#root{min-height:100vh;min-height:100dvh}.join-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px)}.join-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:32px 24px;background:#16213e;border-radius:16px;box-shadow:0 8px 32px #0006}.join-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:12px;border-radius:50%;background:#00d4ff1a}.join-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.join-subtitle{margin:2px 0 24px;font-size:.875rem;color:#89a}.join-fields{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.8rem;font-weight:500;color:#89a;text-transform:uppercase;letter-spacing:.04em}.field input{width:100%;padding:12px 14px;border:1px solid #2a3a5e;border-radius:10px;background:#0f3460;color:#fff;font-size:1rem;outline:none;transition:border-color .2s;-webkit-appearance:none}.field input::placeholder{color:#567}.field input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26}.join-error{width:100%;margin-bottom:12px;padding:10px 14px;border-radius:8px;background:#ff50501f;color:#ff6b6b;font-size:.85rem;text-align:center}.join-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:12px;background:#00d4ff;color:#1a1a2e;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;-webkit-tap-highlight-color:transparent;min-height:48px}.join-btn:hover:not(:disabled){background:#00b8d9}.join-btn:active:not(:disabled){transform:scale(.98)}.join-btn:disabled{opacity:.45;cursor:not-allowed}.join-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(0,212,255,.25);border-top-color:#00d4ff;border-radius:50%;animation:spin .7s linear infinite}.join-spinner.large{width:36px;height:36px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:480px){.join-card{padding:40px 36px}.join-logo{width:80px;height:80px}.join-title{font-size:1.75rem}}