:root{--color-primary: #3390ec;--color-primary-shade: #2b7cd9;--color-text: #000;--color-text-secondary: #707579;--color-placeholders: #9e9e9e;--color-borders-input: #dadce0;--color-background: #fff;--color-error: #e53935;--color-text-green: #4fae4e;--border-radius-default: .75rem}html,body,#app{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}.Auth{position:relative;width:100%;max-width:100%;height:100vh;background:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.step-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.step-panel.active{opacity:1;pointer-events:auto}.custom-scroll{overflow-y:auto;height:100%}.auth-form{width:100%;max-width:25.5rem;margin:0 auto;padding:6rem 1rem 1rem;text-align:center}@media(min-width:600px)and (min-height:450px){.auth-form{padding:6.8125rem 1.5rem 1.5rem}}#logo{display:block;width:7.5rem;height:7.5rem;margin:0 auto 1.75rem;animation:logo-appear .6s cubic-bezier(.34,1.56,.64,1) both}@media(min-width:600px)and (min-height:450px){#logo{width:10rem;height:10rem;margin-bottom:2.5rem}}@keyframes logo-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}#monkey{position:relative;display:block;width:7.5rem;height:7.5rem;margin:0 auto 1.75rem}#monkey .AnimatedSticker{position:absolute;top:0;left:0;width:100%;height:100%}#monkey .AnimatedSticker.hidden{display:none}#monkey .AnimatedSticker svg{width:100%!important;height:100%!important}@media(min-width:600px)and (min-height:450px){#monkey{width:10rem;height:10rem;margin-bottom:2.5rem}}.auth-form h1{font-size:2rem;font-weight:500;line-height:1.5;color:var(--color-text);margin:0 0 .25rem}.auth-form .note{margin-bottom:3rem;font-size:1rem;line-height:1.35;color:var(--color-text-secondary)}@media(max-width:599px){.auth-form h1{font-size:1.25rem;line-height:1}.auth-form .note{margin-bottom:2.5rem;font-size:.875rem}}.input-group{position:relative;margin-bottom:1.125rem}.input-group label{pointer-events:none;cursor:text;position:absolute;top:.6875rem;left:1rem;transform-origin:left center;padding:0 .3125rem;font-size:1rem;color:var(--color-placeholders);background-color:var(--color-background);white-space:nowrap;transition:transform .15s ease-out,color .15s ease-out}.input-group.touched label,.input-group.error label,.form-control:focus+label,.form-control.focus+label{transform:scale(.75) translateY(-2rem)}.input-group.touched label{color:var(--color-text-secondary)}.input-group.error label{color:var(--color-error)!important}.form-control{display:block;width:100%;height:3rem;padding:.6875rem 1.1875rem;border:1px solid var(--color-borders-input);border-radius:var(--border-radius-default);font-size:1rem;color:var(--color-text);background:var(--color-background);outline:none;-webkit-appearance:none;transition:border-color .15s ease;box-sizing:border-box}.form-control:hover{border-color:var(--color-primary)}.form-control:hover+label{color:var(--color-primary)}.form-control:focus,.form-control.focus{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);caret-color:var(--color-primary)}.form-control:focus+label,.form-control.focus+label{color:var(--color-primary)}.error .form-control{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.CountryCodeInput{position:relative}.CountryCodeInput>.input-group{cursor:pointer;z-index:2}.CountryCodeInput>.input-group .form-control{cursor:pointer}.CountryCodeInput .css-icon-down{position:absolute;top:1rem;right:1rem;width:.75rem;height:.75rem;border:2px solid var(--color-text-secondary);border-top:0;border-left:0;transform:scaleY(1) rotate(45deg);transition:transform .2s ease,border-color .2s ease,top .2s ease;cursor:pointer}.CountryCodeInput .css-icon-down.open{top:1.3125rem;transform:scaleY(-1) rotate(45deg);border-color:var(--color-primary)}.CountryCodeInput .bubble{position:absolute;z-index:10;top:100%;left:0;right:0;margin-top:.25rem;max-height:23.5rem;overflow-y:auto;background:var(--color-background);border:1px solid #e4e4e4;border-radius:var(--border-radius-default);box-shadow:0 2px 16px #00000014}.CountryCodeInput .MenuItem button{display:flex;align-items:center;width:100%;padding:.625rem 1rem;border:none;background:none;cursor:pointer;font-size:.9375rem;color:var(--color-text);text-align:left;transition:background .15s}.CountryCodeInput .MenuItem button:hover{background:#f4f4f5}.CountryCodeInput .MenuItem.selected button{background:#e3f0fd}.CountryCodeInput .country-flag{margin-right:1rem;font-size:1.5rem;width:2rem;text-align:center}.CountryCodeInput .country-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.CountryCodeInput .country-code{margin-left:auto;opacity:.5}.CountryCodeInput .no-results button{justify-content:center;color:var(--color-text-secondary)}.Button.default.primary{display:flex;align-items:center;justify-content:center;width:100%;height:3.375rem;border:none;border-radius:var(--border-radius-default);background:var(--color-primary);color:#fff;font-size:.9375rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}.Button.default.primary:hover:not(:disabled){background:var(--color-primary-shade)}.Button.default.primary:disabled{opacity:.65;cursor:not-allowed}.auth-button{margin-top:2.5rem}.spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner.dark{border-color:#3390ec33;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.auth-form h1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;word-break:break-word}.auth-number-edit{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;opacity:.75;transition:opacity .15s}.auth-number-edit:hover{opacity:1}.input-group.password-input .form-control{padding-right:3.375rem}.input-group.password-input .toggle-password{cursor:pointer;position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-text-secondary);opacity:.7;border:none;background:none}.input-group.password-input .toggle-password:hover{opacity:1}.done-form{padding-top:8rem}.shield-icon{margin:0 auto 1.5rem;animation:shield-appear .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes shield-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.check-path{stroke-dasharray:40;stroke-dashoffset:40;animation:check-draw .5s .4s ease forwards}@keyframes check-draw{to{stroke-dashoffset:0}}.done-title{color:#2e7d32!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:.5rem!important}.done-note{color:var(--color-text-secondary)!important;margin-bottom:2rem!important;font-size:.9375rem!important}.done-info{background:#f0f9f0;border-radius:var(--border-radius-default);padding:1rem 1.25rem;margin-bottom:2rem;text-align:left}.done-info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:#2e7d32}.done-info-row:not(:last-child){border-bottom:1px solid #e0f0e0}.dropdown-enter-active{animation:dropdown-in .15s ease}.dropdown-leave-active{animation:dropdown-in .15s ease reverse}@keyframes dropdown-in{0%{opacity:0;transform:scaleY(.95);transform-origin:top}to{opacity:1;transform:scaleY(1)}}.error-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--color-error);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-default);font-size:.875rem;box-shadow:0 4px 16px #00000026;z-index:9999;cursor:pointer;max-width:90%;text-align:center}.confirming-form{padding-top:10rem!important;display:flex;flex-direction:column;align-items:center}.confirm-logo{width:7.5rem;height:7.5rem;margin-bottom:4rem;animation:logo-appear .6s cubic-bezier(.34,1.56,.64,1) both}@media(min-width:600px)and (min-height:450px){.confirm-logo{width:8.5rem;height:8.5rem}}.confirm-text{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);max-width:22rem;text-align:center}.confirm-text strong{color:var(--color-primary);font-weight:600}.confirm-dots{display:flex;gap:.5rem;margin-top:2rem}.confirm-dots .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-primary);animation:dot-pulse 1.4s ease-in-out infinite both}.confirm-dots .dot2{animation-delay:.16s}.confirm-dots .dot3{animation-delay:.32s}@keyframes dot-pulse{0%,80%,to{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(1rem)}
