.join_join__G6FT7{--primary:#2b6cb0;--primary-dark:#1e4e8c;--secondary:#38b2ac;--accent:#ed8936;--card:#ffffff;--text:#2d3748;--text-light:#718096;--error:#e53e3e;--border-radius:12px;--shadow:0 10px 30px rgba(0,0,0,0.1);--transition:all 0.2s ease}.join_body__uR3BJ{font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background);color:var(--text)}.join_joinGameContainer__2HURw{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.join_animatedBackground__rHtgQ{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.join_animatedShape__t5CTS{position:absolute;opacity:.5;animation:join_float__cHfEw linear infinite}.join_circle__xotuG{background-color:var(--secondary);border-radius:50%}.join_square__D97mt{background-color:var(--primary);border-radius:4px}.join_triangle__fYXQc{width:0!important;height:0!important;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid var(--accent)}.join_diamond__wuYWN{background-color:var(--primary);transform:rotate(45deg)}@keyframes join_float__cHfEw{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}.join_joinCard__YJccs{background-color:var(--card);border-radius:var(--border-radius);box-shadow:var(--shadow);width:90%;max-width:450px;padding:2.5rem;position:relative;z-index:1;animation:join_cardAppear__cwxXc .5s ease-out}@keyframes join_cardAppear__cwxXc{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.join_logoContainer__3iAhi{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem}.join_stileLogo__gsgHn{position:relative;width:40px;height:40px}.join_stilePostMini__tSFp3{position:absolute;width:5px;height:40px;background-color:var(--primary-dark);border-radius:2px}.join_stilePostLeftMini__CeIzX{left:0}.join_stilePostRightMini__AhNqp{right:0}.join_stileStepMini__o4Gsn{position:absolute;width:100%;height:5px;background-color:var(--accent);border-radius:2px;left:0}.join_stileStepMini__o4Gsn:nth-child(3){top:33%}.join_stileStepMini__o4Gsn:nth-child(4){top:66%}.join_logoText__L0UOl{display:flex;flex-direction:column}.join_logoText__L0UOl h1{font-size:1.8rem;font-weight:800;color:var(--primary);letter-spacing:1px;line-height:1}.join_logoText__L0UOl p{font-size:.8rem;color:var(--text-secondary);font-weight:500}.join_joinCard__YJccs{font-size:1.8rem;font-weight:700;color:var(--text)}.join_joinForm__0H1__{display:flex;flex-direction:column;gap:1.5rem}.join_inputGroup__OwS_1{display:flex;flex-direction:column;gap:.5rem}.join_inputGroup__OwS_1 label{font-size:.9rem;font-weight:600;color:var(--text-light)}.join_inputGroup__OwS_1 input{padding:1rem;border:2px solid #e2e8f0;border-radius:var(--border-radius);font-size:1.1rem;transition:var(--transition);background-color:#f8fafc}.join_inputGroup__OwS_1 input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(74,107,255,.2)}.join_codeInputGroup__lk_u3 input{letter-spacing:4px;font-weight:600;text-align:center;font-size:1.3rem}.join_joinButton__7K26r{margin-top:1rem;padding:1rem;border:none;border-radius:var(--border-radius);background-color:var(--primary);color:white;font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem}.join_joinButton__7K26r:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,107,255,.3)}.join_joinButton__7K26r:active:not(:disabled){transform:translateY(0);box-shadow:none}.join_joinButton__7K26r:disabled{opacity:.7;cursor:not-allowed}.join_spinner__LtY80{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:white;animation:join_spin__wWFq0 1s linear infinite}@keyframes join_spin__wWFq0{to{transform:rotate(1turn)}}.join_errorMessage__chNex{color:var(--error);font-size:.9rem;padding:.5rem;border-radius:var(--border-radius);background-color:rgba(239,68,68,.1);text-align:center}.join_instructions__x_MMC{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text-light)}@media (max-width:480px){.join_joinCard__YJccs{padding:1.5rem}.join_logo__HPh83{font-size:2rem}.join_joinCard__YJccs h1{font-size:1.5rem}.join_inputGroup__OwS_1 input,.join_joinButton__7K26r{padding:.8rem}}.join_inputGroup__OwS_1 input{animation:join_inputAppear__Gzj_f .5s ease-out;animation-fill-mode:both}.join_inputGroup__OwS_1:nth-child(2) input{animation-delay:.1s}@keyframes join_inputAppear__Gzj_f{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.join_joinButton__7K26r{animation:join_buttonAppear__z8Xzq .5s ease-out;animation-delay:.2s;animation-fill-mode:both}@keyframes join_buttonAppear__z8Xzq{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}