.JoinRoom_mainContainer__LGXFh{min-height:100vh;background:#FFFAF7;padding:0 20px}@media (min-width:1025px){.JoinRoom_mainContainer__LGXFh{padding-top:100px}}.JoinRoom_contentWrapper__KpKf_{max-width:800px;margin:0 auto;padding:60px 0 80px}.JoinRoom_breadcrumb__nITVC{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:40px;font-size:.9rem}.JoinRoom_breadcrumbLink__X2xpE{color:#4A5568;text-decoration:none;font-weight:600;transition:color .3s ease}.JoinRoom_breadcrumbLink__X2xpE:hover{color:#4ECDC4}.JoinRoom_breadcrumbSeparator__UK_n6{color:#A0AEC0}.JoinRoom_breadcrumbCurrent__gP3WE{color:#2D3748;font-weight:700}.JoinRoom_heroSection__kCdFU{text-align:center;margin-bottom:50px}.JoinRoom_heroIcon__HyH4F{display:inline-flex;width:100px;height:100px;background:#4ECDC4;border:3px solid #2d3748;align-items:center;justify-content:center;margin-bottom:25px;box-shadow:5px 5px 0 #2D3748}.JoinRoom_heroIcon__HyH4F svg{color:#FFFAF7}.JoinRoom_mainTitle__NDyR6{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;color:#2D3748;text-transform:uppercase;margin-bottom:15px;letter-spacing:-.5px}.JoinRoom_subtitle__xT_Bb{font-size:1.15rem;color:#4A5568;max-width:600px;margin:0 auto 40px;line-height:1.6}.JoinRoom_pixelSeparator__cXm_j{display:flex;justify-content:center;gap:8px;margin:40px 0;height:8px}.JoinRoom_pixel__juNTI{width:8px;height:8px;background:linear-gradient(135deg,#4ECDC4,#E53E3E);animation:JoinRoom_pixelPulse__DpR8j 2s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}@keyframes JoinRoom_pixelPulse__DpR8j{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.JoinRoom_formCard__9Iw91{background:#FFFAF7;border:3px solid #2d3748;padding:50px 40px;box-shadow:6px 6px 0 #2D3748;margin-bottom:50px}.JoinRoom_inputSection__92URm{margin-bottom:30px}.JoinRoom_label__MTgfY{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800;color:#2D3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.JoinRoom_label__MTgfY svg{color:#4ECDC4}.JoinRoom_inputWrapper__WW5bG{display:flex;gap:12px;align-items:stretch}.JoinRoom_codeInput__fJWFc{flex:1;background:#F7FAFC;border:3px solid #2d3748;padding:18px 20px;font-size:2rem;font-weight:900;text-align:center;letter-spacing:4px;text-transform:uppercase;font-family:Courier New,monospace;color:#2D3748;transition:all .2s ease;box-shadow:3px 3px 0 #2D3748}.JoinRoom_codeInput__fJWFc:focus{outline:none;border-color:#4ECDC4;background:#FFFFFF;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #2D3748}.JoinRoom_codeInput__fJWFc::placeholder{color:#CBD5E0;opacity:.6}.JoinRoom_cameraButton__XMAFW{background:#2D3748;border:3px solid #2d3748;color:#FFFAF7;padding:0 20px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px 0 #2D3748;display:flex;align-items:center;justify-content:center;min-width:70px}.JoinRoom_cameraButton__XMAFW:hover{background:#4ECDC4;border-color:#4ECDC4;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #2D3748}.JoinRoom_cameraButton__XMAFW:active{transform:translate(1px,1px);box-shadow:2px 2px 0 #2D3748}.JoinRoom_inputHint__Ls_1z{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#718096;margin-top:10px;justify-content:center}.JoinRoom_inputHint__Ls_1z svg{color:#4ECDC4}.JoinRoom_cameraSection__kSfob{background:#F7FAFC;border:2px solid #2d3748;padding:25px;margin-bottom:25px}.JoinRoom_cameraLabel__ESeFQ{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#2D3748;margin-bottom:15px;text-transform:uppercase;font-size:.9rem}.JoinRoom_cameraLabel__ESeFQ svg{color:#4ECDC4}.JoinRoom_cameraPreview__ND7PH{position:relative;width:100%;height:300px;background:#000;margin-bottom:12px;overflow:hidden;border:3px solid #2d3748}.JoinRoom_video__rGTr_{width:100%;height:100%;object-fit:cover}.JoinRoom_scanFrame__wI54y{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:3px solid #4ecdc4;box-shadow:0 0 0 2000px rgba(0,0,0,.5),inset 0 0 20px rgba(78,205,196,.3);animation:JoinRoom_scanPulse__c_vpv 2s infinite}.JoinRoom_scanCorner__fdRo1{position:absolute;width:20px;height:20px;border:4px solid #4ecdc4}.JoinRoom_scanCorner__fdRo1:first-child{top:-3px;left:-3px;border-right:none;border-bottom:none}.JoinRoom_scanCorner__fdRo1:nth-child(2){top:-3px;right:-3px;border-left:none;border-bottom:none}.JoinRoom_scanCorner__fdRo1:nth-child(3){bottom:-3px;left:-3px;border-right:none;border-top:none}.JoinRoom_scanCorner__fdRo1:nth-child(4){bottom:-3px;right:-3px;border-left:none;border-top:none}@keyframes JoinRoom_scanPulse__c_vpv{0%,to{border-color:#4ECDC4;box-shadow:0 0 0 2000px rgba(0,0,0,.5),inset 0 0 20px rgba(78,205,196,.3)}50%{border-color:#38B2AC;box-shadow:0 0 0 2000px rgba(0,0,0,.6),inset 0 0 30px rgba(78,205,196,.5)}}.JoinRoom_cameraHint__kVAdr{font-size:.85rem;color:#718096;text-align:center}.JoinRoom_errorMessage__495RJ{display:flex;align-items:center;justify-content:center;gap:10px;background:#FED7D7;border:2px solid #e53e3e;color:#C53030;padding:15px;margin-bottom:25px;font-weight:700;text-align:center;box-shadow:3px 3px 0 #E53E3E}.JoinRoom_errorMessage__495RJ svg{flex-shrink:0}.JoinRoom_submitButton__0thJi{width:100%;background:#4ECDC4;border:3px solid #2d3748;color:#2D3748;padding:18px 32px;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;box-shadow:4px 4px 0 #2D3748;display:flex;align-items:center;justify-content:center;gap:12px}.JoinRoom_submitButton__0thJi:hover:not(:disabled){background:#38B2AC;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #2D3748}.JoinRoom_submitButton__0thJi:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 #2D3748}.JoinRoom_submitButton__0thJi:disabled{background:#CBD5E0;color:#A0AEC0;cursor:not-allowed;box-shadow:4px 4px 0 #718096}.JoinRoom_loadingText__DH6bY{animation:JoinRoom_pulse__OCEW7 1.5s infinite}@keyframes JoinRoom_pulse__OCEW7{0%,to{opacity:1}50%{opacity:.5}}.JoinRoom_featuresSection__GBWrm{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.JoinRoom_featureCard__2MAmd{background:#F7FAFC;border:2px solid #2d3748;padding:30px 20px;text-align:center;transition:all .2s ease}.JoinRoom_featureCard__2MAmd:hover{transform:translateY(-3px);box-shadow:3px 3px 0 #2D3748;background:#4ECDC4}.JoinRoom_featureCard__2MAmd svg{color:#4ECDC4;margin-bottom:15px;transition:color .2s ease}.JoinRoom_featureCard__2MAmd:hover svg{color:#FFFAF7}.JoinRoom_featureCard__2MAmd h3{font-size:1.1rem;font-weight:800;color:#2D3748;margin-bottom:10px;text-transform:uppercase;transition:color .2s ease}.JoinRoom_featureCard__2MAmd:hover h3{color:#FFFAF7}.JoinRoom_featureCard__2MAmd p{font-size:.9rem;color:#4A5568;line-height:1.5;margin:0;transition:color .2s ease}.JoinRoom_featureCard__2MAmd:hover p{color:#FFFAF7}.JoinRoom_howToSection__u__sd{margin-bottom:60px}.JoinRoom_sectionTitle__NiJnb{font-size:2rem;font-weight:900;color:#2D3748;text-align:center;margin-bottom:40px;text-transform:uppercase;position:relative;padding-bottom:15px}.JoinRoom_sectionTitle__NiJnb:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4ECDC4,#E53E3E)}.JoinRoom_stepsList__ISgWc{display:grid;gap:25px}.JoinRoom_step__008bQ{display:flex;gap:20px;align-items:flex-start;background:#F7FAFC;border:2px solid #2d3748;padding:25px;transition:all .2s ease}.JoinRoom_step__008bQ:hover{transform:translateX(5px);box-shadow:3px 3px 0 #2D3748}.JoinRoom_stepNumber__SWbBB{flex-shrink:0;width:50px;height:50px;background:#4ECDC4;border:3px solid #2d3748;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:900;color:#2D3748;box-shadow:3px 3px 0 #2D3748}.JoinRoom_stepContent__0eFmg h3{font-size:1.2rem;font-weight:800;color:#2D3748;margin-bottom:8px;text-transform:uppercase}.JoinRoom_stepContent__0eFmg p{font-size:.95rem;color:#4A5568;line-height:1.6;margin:0}.JoinRoom_footer__wjUTo{text-align:center;padding:40px 20px;border-top:3px solid #2d3748;margin-top:60px;position:relative}.JoinRoom_footer__wjUTo:before{content:"";position:absolute;top:-3px;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#4ECDC4,#E53E3E,#4ECDC4,transparent)}.JoinRoom_poweredBy__XiLnG{font-size:.9rem;color:#4A5568;font-weight:600;margin-bottom:10px}.JoinRoom_copyright__vpnlW{font-size:.85rem;color:#A0AEC0}@media (max-width:768px){.JoinRoom_contentWrapper__KpKf_{padding:40px 0 60px}.JoinRoom_mainTitle__NDyR6{font-size:2rem}.JoinRoom_subtitle__xT_Bb{font-size:1rem}.JoinRoom_formCard__9Iw91{padding:35px 25px}.JoinRoom_codeInput__fJWFc{font-size:1.5rem;padding:15px}.JoinRoom_featuresSection__GBWrm{grid-template-columns:1fr}.JoinRoom_step__008bQ{flex-direction:column;text-align:center}.JoinRoom_stepNumber__SWbBB{margin:0 auto}}@media (max-width:480px){.JoinRoom_mainContainer__LGXFh{padding:0 15px}.JoinRoom_contentWrapper__KpKf_{padding:30px 0 50px}.JoinRoom_heroIcon__HyH4F{width:80px;height:80px}.JoinRoom_heroIcon__HyH4F svg{width:48px;height:48px}.JoinRoom_mainTitle__NDyR6{font-size:1.8rem}.JoinRoom_formCard__9Iw91{padding:25px 20px}.JoinRoom_codeInput__fJWFc{font-size:1.3rem;letter-spacing:2px}.JoinRoom_cameraButton__XMAFW{min-width:60px;padding:0 15px}.JoinRoom_cameraPreview__ND7PH{height:250px}.JoinRoom_scanFrame__wI54y{width:150px;height:150px}}