*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{align-items:center;background-color:#ecf0f3;color:#a0a5a8;display:flex;font-family:Montserrat,sans-serif;font-size:12px;height:100vh;justify-content:center;width:100%}.main{border-radius:12px;box-shadow:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9;height:600px;min-height:600px;min-width:1000px;overflow:hidden;position:relative;width:1000px}.container,.main{background-color:#ecf0f3;padding:25px}.container{left:calc(100% - 600px);position:absolute;top:0;transition:1.25s;width:600px;z-index:100}.container,.form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.form{width:100%}.form__input{background-color:#ecf0f3;border:none;border-radius:8px;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9;font-family:Montserrat,sans-serif;font-size:13px;height:40px;letter-spacing:.15px;margin:4px 0;outline:none;padding-left:25px;transition:.25s ease;width:350px}.form__input:focus{box-shadow:inset 4px 4px 4px #d1d9e6,inset -4px -4px 4px #f9f9f9}.title{color:#181818;font-size:34px;font-weight:700;line-height:3}.description{letter-spacing:.25px;line-height:1.6}.button,.description{font-size:14px;text-align:center}.button{background-color:#4b70e2;border:none;border-radius:25px;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9;color:#f9f9f9;font-weight:700;height:50px;letter-spacing:1.15px;line-height:50px;margin-top:50px;outline:none;text-decoration:none;width:100%}.switch{align-items:center;box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;padding:50px;top:0;width:400px;z-index:200}.switch,.switch .switch__circle{background-color:#ecf0f3;position:absolute;transition:1.25s}.switch .switch__circle{border-radius:50%;bottom:-60%;box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9;height:500px;left:-60%;width:500px}.switch .switch__circle.switch__circle--t{height:300px;left:60%;top:-30%;width:300px}.switch .switch__container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px 55px;position:absolute;transition:1.25s;width:400px}.switch .switch__container .button{cursor:pointer}.switch .switch__container .button:hover{box-shadow:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9;transform:scale(.985);transition:.25s}.switch .switch__container .button:active,.switch .switch__container .button:focus{box-shadow:2px 2px 6px #d1d9e6,-2px -2px 6px #f9f9f9;transform:scale(.97);transition:.25s}