body{margin:0;padding:0}*{box-sizing:border-box}@media screen and (min-width:600px){.mobile{display:none}}@media screen and (max-width:550px){.pc{display:none}.mobile{display:block}}.dropdown-menu{position:relative}.css-icon-down{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #707579}.menu.compact{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.menu-item.compact{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f4f4f5}.menu-item.compact:last-child{border-bottom:none}.menu-item.compact:hover{background-color:#f4f4f5}.menu-item.compact.selected{background-color:#e8f4fe}.country-flag{margin-right:.5rem;font-size:1.25rem}.country-name{flex:1 1;text-align:left;color:#000}.country-code{color:#707579}.checkbox{display:flex;align-items:center;cursor:pointer;margin:1rem 0}.checkbox input{display:none}.checkbox-main{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.user-avatar{width:20px;height:20px;background:#3390ec;border-radius:50%}.checkbox .label{color:#000;font-size:.875rem}.button{padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.button.primary{background:#3390ec;color:#fff}.button.primary:hover{background:#2a7fd8}.button.secondary{background:transparent;color:#3390ec;border:1px solid #3390ec}.button.secondary:hover{background:rgba(51,144,236,.1)}.country-input{display:flex!important;align-items:center;justify-content:flex-start;cursor:pointer}.countryFlag{color:var(--muted);font-size:12px;margin-left:4px}.ripple-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:inherit}.auth-form.qr{max-width:400px}.qr-outer{display:flex;justify-content:center;margin-bottom:2rem}.qr-inner{position:relative}.qr-container{position:relative;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.animated-sticker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-form.qr h1{margin-bottom:1.5rem}.auth-form.qr ol{text-align:left;margin-bottom:2rem;padding-left:1.5rem}.auth-form.qr li{margin-bottom:.75rem;color:#000;line-height:1.4}.auth-form.qr b{color:#3390ec}.custom-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.opacity-transition{transition:opacity .3s ease}.opacity-transition.slow{transition-duration:.5s}.opacity-transition.open.shown{opacity:1}.country-flag-img{width:24px;height:24px;margin-right:8px;border-radius:4px;object-fit:cover}.note1{font-size:1rem}.custom-fail-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.fail-dialog{background:#fff;padding:24px 32px;border-radius:8px;text-align:center;min-width:280px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.fail-icon{font-size:40px;margin-bottom:16px}.fail-msg{font-size:16px;margin-bottom:24px}.fail-btn{padding:8px 16px;font-size:14px;border:none;border-radius:4px;background-color:#ff4d4f;color:#fff;cursor:pointer;transition:background-color .2s}.fail-btn:hover{background-color:#d9363e}.input-group{position:relative;margin-bottom:1rem}.input-group.touched .form-control{line-height:1.25rem;color:var(--color-text);border-width:1px;border-radius:12px;transition:border-color .15s ease}.input-group.touched .form-control:focus{border-color:#3390ec;outline:none}.input-group label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text);font-size:1rem;pointer-events:none;transition:all .2s ease;background:#fff;padding:0 .25rem}.form-control{width:100%;padding:1rem;border:1px solid #dadce0;border-radius:8px;font-size:1rem;background:#fff;box-sizing:border-box}.form-control:focus+label,.input-group.touched label{top:0;font-size:.75rem}.input-group.touched:hover label{color:#3390ec}.telegram-auth{width:100%;height:76vh;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.auth-form{background:#fff;border-radius:12px;max-width:360px;width:100%;text-align:center}.logo-container{margin-bottom:1rem}#logo{width:7.5rem;height:7.5rem;background:url(static/telegram-logo.1b2bb5b1.svg) 50% no-repeat;border-radius:50%;margin:0 auto}.auth-form h1{color:#000;font-size:1.5rem;margin-bottom:.5rem;font-weight:500}.note{color:#707579;font-size:.875rem;margin-bottom:1.5rem;line-height:1.4}.note1{font-size:.8rem;color:#707579;margin-bottom:.5rem}.form{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;height:210px;width:350px}