.auth-page{color:#a0a5a8;background:#ecf0f3;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Montserrat,Inter,sans-serif;font-size:13px;display:flex}.auth-main{background:#ecf0f3;border-radius:12px;width:100%;max-width:1000px;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9}.auth-container{z-index:1;background:#ecf0f3;justify-content:center;align-items:center;width:600px;height:100%;padding:25px;transition:left 1.25s;display:flex;position:absolute;top:0}.auth-container--a{z-index:100;left:0}.auth-container--b{z-index:0;left:calc(100% - 600px)}.auth-container--to-right{left:calc(100% - 600px)}.auth-container--z200{z-index:200}.auth-form{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100%;display:flex}.auth-form__title{color:#181818;letter-spacing:-.5px;font-size:30px;font-weight:700;line-height:2.8}.auth-form__subtitle{color:#a0a5a8;letter-spacing:.2px;margin-bottom:18px;font-size:12px}.auth-form__domain-hint{color:#a0a5a8;margin-bottom:6px;font-size:11px}.auth-input{letter-spacing:.15px;color:#181818;background:#ecf0f3;border:none;border-radius:8px;outline:none;width:100%;max-width:350px;height:44px;margin:5px 0;padding-left:20px;font-family:inherit;font-size:13px;transition:box-shadow .25s;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.auth-input::placeholder{color:#b0b5b9}.auth-input:focus{box-shadow:inset 4px 4px 6px #d1d9e6,inset -4px -4px 6px #f9f9f9}.auth-btn{letter-spacing:1.1px;color:#f9f9f9;cursor:pointer;background:#4b70e2;border:none;border-radius:25px;outline:none;width:180px;height:50px;margin-top:32px;font-size:13px;font-weight:700;transition:box-shadow .25s,transform .25s;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9}.auth-btn:hover{transform:scale(.985);box-shadow:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9}.auth-btn:active{transform:scale(.97);box-shadow:2px 2px 6px #d1d9e6,-2px -2px 6px #f9f9f9}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{z-index:200;background:#ecf0f3;justify-content:center;align-items:center;width:400px;height:100%;padding:50px;transition:left 1.25s;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9}.auth-switch--right{left:calc(100% - 400px)}.auth-switch--gx{animation:1.25s auth-gx}@keyframes auth-gx{0%,10%,to{width:400px}30%,50%{width:500px}}.auth-switch__circle{background:#ecf0f3;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-60%;right:-60%;box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9}.auth-switch__circle--top{width:300px;height:300px;top:-30%;right:60%}.auth-switch:not(.auth-switch--right) .auth-switch__circle{bottom:-60%;left:-60%;right:auto}.auth-switch:not(.auth-switch--right) .auth-switch__circle--top{top:-30%;left:60%;right:auto}.auth-switch__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:400px;padding:50px 55px;transition:opacity .3s,visibility .3s;display:flex;position:absolute}.auth-switch__content--hidden{visibility:hidden;opacity:0;pointer-events:none}.auth-switch__title{color:#181818;font-size:28px;font-weight:700;line-height:2.4}.auth-switch__description{color:#a0a5a8;text-align:center;letter-spacing:.2px;margin-bottom:4px;font-size:13px;line-height:1.6}.auth-switch__btn{letter-spacing:1.1px;color:#f9f9f9;cursor:pointer;background:#4b70e2;border:none;border-radius:25px;outline:none;width:180px;height:50px;margin-top:40px;font-size:13px;font-weight:700;transition:box-shadow .25s,transform .25s;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9}.auth-switch__btn:hover{transform:scale(.985);box-shadow:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9}.auth-message{text-align:center;letter-spacing:.1px;border-radius:8px;width:100%;max-width:350px;margin:10px 0 4px;padding:10px 14px;font-size:12px;font-weight:600}.auth-message--error{color:#c0392b;background:#fde8e8}.auth-message--success{color:#27ae60;background:#e8f5e9}.auth-message--info{color:#4b70e2;background:#4b70e21a}.auth-message--paused{text-align:left;align-items:flex-start;gap:10px;max-width:320px;display:flex}.auth-form__paused-hint{color:#a0a5a8;text-align:center;max-width:300px;margin-top:1rem;font-size:12px;line-height:1.5}.auth-switch__paused-badge{letter-spacing:.06em;text-transform:uppercase;color:#4b70e2;background:#4b70e21f;border-radius:999px;margin-top:12px;padding:8px 18px;font-size:11px;font-weight:700;display:inline-block;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.auth-form__link{color:#181818;cursor:default;opacity:.4;border-bottom:1px solid #a0a5a8;margin-top:12px;font-size:12px;line-height:2}@media (max-width:768px){.auth-main{flex-direction:column;max-width:420px;min-height:auto}.auth-switch{width:100%;height:auto;box-shadow:none;border-bottom:1px solid #d1d9e6;padding:30px 24px;transition:none;position:relative;left:0!important}.auth-switch__circle{display:none}.auth-switch__content{width:100%;padding:0;position:relative}.auth-switch__content--hidden{display:none}.auth-container{width:100%;height:auto;padding:30px 24px;transition:none;position:relative;left:0!important}.auth-container--to-right,.auth-container--to-left{left:0!important}.auth-input{max-width:100%}}@media (prefers-reduced-motion:reduce){.auth-switch,.auth-container,.auth-switch__circle{transition:none!important}}