https://vyou-app-beta.webflow.io/

1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Wed Nov 29 2023 18:49:33 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="vyou-app-beta.webflow.io" data-wf-page="65677bdd32294c923b22268f" data-wf-site="65677bdd32294c923b222690" data-wf-status="1" lang="en"><head><meta charset="utf-8"/><link href="https://assets-global.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Login</title><meta content="Login" property="og:title"/><meta content="Login" name="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets-global.website-files.com/65677bdd32294c923b222690/css/vyou-app-beta.webflow.6e07464bc.min.css" rel="stylesheet" type="text/css"/>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://cdn.prod.website-files.com/65677bdd32294c923b222690/65677bdd32294c923b2227ae_64d3b1f96ba41c22963a7786_vyou-ico.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65677bdd32294c923b222690/65677bdd32294c923b2227b1_64d3b1fccafe76e6a3b5cd4a_vyou-fav.png" rel="apple-touch-icon"/><!-- Memberstack webflow package -->

2<script data-memberstack-app="app_clldlfchq00b80s5871j78p74" src="https://static.memberstack.com/scripts/v1/memberstack.js" type="text/javascript"></script>

2<script>
3function printData(data) {
4    console.log("Dados para os rótulos:");
5    console.log(data);
6}
7
8const memberstackID = window.$memberstackDom;
9memberstackID.getCurrentMember().then((member) => {
10    if (member.data) {
11        let m_id = member.data["id"];
12        let plan = member.data["planConnections"][0]["planId"]; // Correção aqui
13        let data = m_id + plan;
14        
15        // Chama a função printData com a variável 'data'
16        printData(data);
17    }
18});
19</script>

19</head><body><div class="page-wrapper login"><a href="#" class="button-close hide w-inline-block"><img src="https://cdn.prod.website-files.com/65677bdd32294c923b222690/65677bdd32294c923b222769_close.svg" loading="lazy" alt="" class="image-11"/></a><div class="section-login margin-vertical margin-130"><div class="w-layout-grid grid"><div id="w-node-_68e60f75-e99a-535d-4ba5-2d4b2c2258c1-3b22268f" class="container-defaulttitle"><img src="https://cdn.prod.website-files.com/65677bdd32294c923b222690/65677bdd32294c923b222764_img_register.svg" loading="lazy" alt="" class="img_register"/><h3 class="heading-style-h3 text-align-center margin-top margin-24 text-color-darkblue">Welcome</h3><div class="text-size-regular text-color-darkgrey align-center max-width-small">Please enter your email below. <br/>Then we&#x27;ll email you a code to login securely.</div><div class="container-445 margin-top margin-40"><div id="form-block_login" class="form-block_login w-form"><form ms-code-submit-form="" method="get" data-ms-form="passwordless-login" name="email-form" data-name="Email Form" id="email-form" class="form" data-wf-page-id="65677bdd32294c923b22268f" data-wf-element-id="bc3e88e5-64ee-8a3a-f1d8-b0ff2f20b05f"><div class="form_input email-wrapper margin-bottom margin-16"><img alt="" loading="lazy" src="https://cdn.prod.website-files.com/65677bdd32294c923b222690/65677bdd32294c923b22277b_email.svg" class="ico_email"/><input class="form_input password w-input" maxlength="256" name="Email-address" data-name="Email address" placeholder="Email" type="email" id="email-address" data-ms-member="email" required=""/></div><div data-ms-passwordless="step-2" class="field-wrapper passwordless padding-16 margin-bottom margin-24"><label for="code-2" class="field-label">We&#x27;ve just sent a 6 digit code. Check your inbox and paste the code here.</label><input class="form_input passwordless w-input" maxlength="256" name="code" data-name="code" placeholder="123456" type="text" id="code-2" data-ms-member="token"/></div><input type="submit" data-wait="Please wait..." data-ms-passwordless-button="Confirm &amp; Log In" class="button is-form-submit large disabled submit-enabled w-button" value="Confirm and Log In"/><div class="container-login margin-top margin-16 hide"><div class="text-size-small text-color-darkblue">First time here?</div><a href="#" class="link login">Create an account</a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div><div class="global-styles w-embed"><style>
20
21/* Make text look crisper and more legible in all browsers */
22body {
23  -webkit-font-smoothing: antialiased;
24  -moz-osx-font-smoothing: grayscale;
25  font-smoothing: antialiased;
26  text-rendering: optimizeLegibility;
27}
28
29/* Focus state style for keyboard navigation for the focusable elements */
30*[tabindex]:focus-visible,
31  input[type="file"]:focus-visible {
32   outline: 0.125rem solid #4d65ff;
33   outline-offset: 0.125rem;
34}
35
36/* Get rid of top margin on first element in any rich text element */
37.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
38  margin-top: 0 !important;
39}
40
41/* Get rid of bottom margin on last element in any rich text element */
42.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
43	margin-bottom: 0 !important;
44}
45
46/* Prevent all click and hover interaction with an element */
47.pointer-events-off {
48	pointer-events: none;
49}
50
51/* Enables all click and hover interaction with an element */
52.pointer-events-on {
53  pointer-events: auto;
54}
55
56/* Create a class of .div-square which maintains a 1:1 dimension of a div */
57.div-square::after {
58	content: "";
59	display: block;
60	padding-bottom: 100%;
61}
62
63/* Make sure containers never lose their center alignment */
64.container-medium,.container-small, .container-large {
65	margin-right: auto !important;
66  margin-left: auto !important;
67}
68
69/* 
70Make the following elements inherit typography styles from the parent and not have hardcoded values. 
71Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
72Uncomment this CSS to use it in the project. Leave this message for future hand-off.
73*/
74/*
75a,
76.w-input,
77.w-select,
78.w-tab-link,
79.w-nav-link,
80.w-dropdown-btn,
81.w-dropdown-toggle,
82.w-dropdown-link {
83  color: inherit;
84  text-decoration: inherit;
85  font-size: inherit;
86}
87*/
88
89/* Apply "..." after 3 lines of text */
90.text-style-3lines {

91	display: -webkit-box;
92	overflow: hidden;
93	-webkit-line-clamp: 3;
94	-webkit-box-orient: vertical;
95}
96
97/* Apply "..." after 2 lines of text */
98.text-style-2lines {
99	display: -webkit-box;
100	overflow: hidden;
101	-webkit-line-clamp: 2;
102	-webkit-box-orient: vertical;
103}
104
105/* Adds inline flex display */
106.display-inlineflex {
107  display: inline-flex;
108}
109
110/* These classes are never overwritten */
111.hide {
112  display: none !important;
113}
114
115@media screen and (max-width: 991px) {
116    .hide, .hide-tablet {
117        display: none !important;
118    }
119}
120  @media screen and (max-width: 767px) {
121    .hide-mobile-landscape{
122      display: none !important;
123    }
124}
125  @media screen and (max-width: 479px) {
126    .hide-mobile{
127      display: none !important;
128    }
129}
130 
131.margin-0 {
132  margin: 0rem !important;
133}
134  
135.padding-0 {
136  padding: 0rem !important;
137}
138
139.spacing-clean {
140padding: 0rem !important;
141margin: 0rem !important;
142}
143
144.margin-top {
145  margin-right: 0rem !important;
146  margin-bottom: 0rem !important;
147  margin-left: 0rem !important;
148}
149
150.padding-top {
151  padding-right: 0rem !important;
152  padding-bottom: 0rem !important;
153  padding-left: 0rem !important;
154}
155  
156.margin-right {
157  margin-top: 0rem !important;
158  margin-bottom: 0rem !important;
159  margin-left: 0rem !important;
160}
161
162.padding-right {
163  padding-top: 0rem !important;
164  padding-bottom: 0rem !important;
165  padding-left: 0rem !important;
166}
167
168.margin-bottom {
169  margin-top: 0rem !important;
170  margin-right: 0rem !important;
171  margin-left: 0rem !important;
172}
173
174.padding-bottom {
175  padding-top: 0rem !important;
176  padding-right: 0rem !important;
177  padding-left: 0rem !important;
178}
179
180.margin-left {
181  margin-top: 0rem !important;
182  margin-right: 0rem !important;
183  margin-bottom: 0rem !important;
184}
185  
186.padding-left {
187  padding-top: 0rem !important;
188  padding-right: 0rem !important;
189  padding-bottom: 0rem !important;
190}
191  
192.margin-horizontal {
193  margin-top: 0rem !important;
194  margin-bottom: 0rem !important;
195}
196
197.padding-horizontal {
198  padding-top: 0rem !important;
199  padding-bottom: 0rem !important;
200}
201
202.margin-vertical {
203  margin-right: 0rem !important;
204  margin-left: 0rem !important;
205}
206  
207.padding-vertical {
208  padding-right: 0rem !important;
209  padding-left: 0rem !important;
210}
211
212</style>
213
214<style>
215
216/* All paragraph elements inside Hubspot form */
217.hs-form>p {
218 margin-top:1rem;
219 margin-bottom:1rem;
220 }
221 
222 /* Set margin right 0 for input wrapper */
223 .hs-form .input {
224 margin-right: 0 !important;
225 }
226
227/* Max width of fieldset element inside form */
228.hs-form>fieldset {
229 max-width: 100% !important;
230 }
231
232/* Form Input */
233.hs-input {
234 width: 100% !important;
235 }
236
237/* Radio Inputs */
238.hs-input[type=radio] {
239 width: auto !important;
240 margin-right: 0.5rem;
241 min-height: auto !important;
242}
243
244/* Checkbox Labels */
245.hs-form-checkbox>label {
246font-weight: 400 !important;
247}
248
249/* Error messages label margin */
250.hs-error-msgs>label {
251 margin-bottom: 0px !important;
252 }
253
254
255/*Custom Checkbox*/
256.hs-input[type=checkbox] {
257  width: 1rem !important;
258  height: 1rem !important;
259  margin-right: 0.5rem !important;
260  min-height: auto !important;
261}
262
263.hs-input[type=checkbox]:focus {
264  box-shadow: 0 0 3px 1px #bdfd2e;
265}
266
267.hs-input[type=checkbox]:checked {
268 accent-color: #111;
269 outline: 2px solid #111;
270}
271
272.hs-form-booleancheckbox-display>span {
273 margin-left: 0 !important;
274 }
275
276</style></div></div>

276<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65677bdd32294c923b222690" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

276<script src="https://assets-global.website-files.com/65677bdd32294c923b222690/js/webflow.264db426b.js" type="text/javascript"></script>

276
277<!-- 💙 MEMBERSCRIPT #22 v0.1 💙 DISABLE SUBMIT BUTTON UNTIL REQUIRED FIELDS ARE COMPLETE -->

278<script>
279window.onload = function() {
280  const forms = document.querySelectorAll('form[ms-code-submit-form]');
281
282  forms.forEach(form => {
283    const submitButton = form.querySelector('input[type="submit"]');
284    const requiredFields = form.querySelectorAll('input[required]');
285
286    form.addEventListener('input', function() {
287      const allFilled = Array.from(requiredFields).every(field => field.value.trim() !== '');
288
289      if (allFilled) {
290        submitButton.classList.add('submit-enabled');
291      } else {
292        submitButton.classList.remove('submit-enabled');
293      }
294    });
295  });
296};
297</script>

297</body></html>