Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["c38d7ee4-760e-e41f-ab15-716b709e47bc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"c38d7ee4-760e-e41f-ab15-716b709e47bc","type":"Block","tag":"div","classes":["ec8dc60f-b517-a7d6-783c-5054cdbfe803"],"children":["c21c084f-0c98-b198-ebbf-ad51e6101111","52735b17-1a51-5171-f3fa-afc7d6536c00","e93908a7-51ab-ba31-c89e-e98225e31d5d","e83525f8-9076-f722-af92-579578e1c0ea","974a8156-c5a1-e6a7-1a9b-9dd049dfd7cd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c21c084f-0c98-b198-ebbf-ad51e6101111","type":"Heading","tag":"h3","classes":["5d63ed21-4fc0-9e8b-5e96-348adc8f777d","b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3","c54a68cc-e981-895c-3af2-fdae7738df82","8698de02-3b7b-15dd-c520-e5a83ce1dfba","7a99edd4-ce40-5f52-037a-cf0e00d2a692"],"children":["c21c084f-0c98-b198-ebbf-ad51e6101112"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"c21c084f-0c98-b198-ebbf-ad51e6101112","text":true,"v":"Sign Up"},{"_id":"52735b17-1a51-5171-f3fa-afc7d6536c00","type":"Block","tag":"div","classes":["598a159d-78ee-97c9-c2f0-878b158dfedb","41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7"],"children":["52735b17-1a51-5171-f3fa-afc7d6536c01"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"52735b17-1a51-5171-f3fa-afc7d6536c01","text":true,"v":"Let's get started with your 30 days free trial"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d5d","type":"FormWrapper","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d5e","e93908a7-51ab-ba31-c89e-e98225e31d66","e93908a7-51ab-ba31-c89e-e98225e31d69"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d5e","type":"FormForm","tag":"form","classes":["7ec85309-4267-2f7a-0d51-81320c78d2e8","23bcc5b3-3518-0c3a-cca5-d6a1d1d30264","f720b5ec-7654-ec56-2f86-07ac8926b1df"],"children":["437e2583-7234-3acc-5b3d-59f2b8a0814f","63f2df8f-115f-1e3f-0da4-9bba0d4f0bc7"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"437e2583-7234-3acc-5b3d-59f2b8a0814f","type":"Link","tag":"a","classes":["02abca3c-3350-7130-8146-1c8d65a6efa0"],"children":["708b14d4-09ab-8c24-f62d-bda808a089cd","e7ee19b4-f645-21a5-664d-8b6c88e67177"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"708b14d4-09ab-8c24-f62d-bda808a089cd","type":"Image","tag":"img","classes":["869f39f7-404d-14d8-3c7b-db261fea28a0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"65f80ba20512fe3373d07a87"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e7ee19b4-f645-21a5-664d-8b6c88e67177","type":"Block","tag":"div","classes":["7dc2d133-82ff-0fe4-460d-c1a3b04d0f06","9d5cfca5-eaf3-0b36-d71b-b6579d536c1f","099f5cab-fe8d-4c9a-6cd7-ec7644e26e83"],"children":["e7ee19b4-f645-21a5-664d-8b6c88e67178"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e7ee19b4-f645-21a5-664d-8b6c88e67178","text":true,"v":"Sign up with Google"},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc7","type":"Link","tag":"a","classes":["02abca3c-3350-7130-8146-1c8d65a6efa0","ffbec5ff-9f75-4ebb-a5d8-e9280c58388c"],"children":["63f2df8f-115f-1e3f-0da4-9bba0d4f0bc8","63f2df8f-115f-1e3f-0da4-9bba0d4f0bc9"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc8","type":"Image","tag":"img","classes":["869f39f7-404d-14d8-3c7b-db261fea28a0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"65f80e2d00f9327154beb45d"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc9","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","cd316480-9aa7-fcf1-5f22-cda76c57e1db","efffe4ae-20d4-4dec-2627-21c9d39a1a4a"],"children":["63f2df8f-115f-1e3f-0da4-9bba0d4f0bca"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bca","text":true,"v":"Sign up with Email"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d66","type":"FormSuccessMessage","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d67"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d67","type":"Block","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d68"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d68","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d69","type":"FormErrorMessage","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d6a"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d6a","type":"Block","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d6b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d6b","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"e83525f8-9076-f722-af92-579578e1c0ea","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","0df240a2-1dbc-5543-a10b-3b39109a5a73","0638a762-2c71-b792-8b00-25feef382a30","0c6769a2-eca2-a123-b98c-67b221c82b3d","be9bc269-16a5-37a4-2ea4-bcb114efb709"],"children":["e83525f8-9076-f722-af92-579578e1c0eb","73db2f2a-07c8-aa64-08e5-e1edfd835de8"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e83525f8-9076-f722-af92-579578e1c0eb","text":true,"v":"Already have an account? "},{"_id":"73db2f2a-07c8-aa64-08e5-e1edfd835de8","type":"Link","tag":"a","classes":["e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1"],"children":["9642600d-ac2a-61b8-45e7-2020ccea3794"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"9642600d-ac2a-61b8-45e7-2020ccea3794","text":true,"v":"Log In"},{"_id":"974a8156-c5a1-e6a7-1a9b-9dd049dfd7cd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132","8152fb8d-ab08-678e-a6c0-a1639e9a7218","f9d1b943-8360-0e65-73cc-b94309b5c3e1","94449218-00b3-f6ec-b495-b6961e367ae1","9fefa75a-c403-688a-b3f3-0e12c68807b1","807dc7d5-90c4-53f6-9d82-62bb6b61b900","a262a774-b26d-58ad-3316-69e34cbc4574"],"children":["974a8156-c5a1-e6a7-1a9b-9dd049dfd7ce","6af2b65e-2fa7-26fb-7e0a-fb2e42d1a123"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"974a8156-c5a1-e6a7-1a9b-9dd049dfd7ce","text":true,"v":"By signing up to create an account I accept Compaany's "},{"_id":"6af2b65e-2fa7-26fb-7e0a-fb2e42d1a123","type":"Link","tag":"a","classes":["e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1"],"children":["e37a6cf1-87ff-cc22-545d-f97760ed4a98"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"e37a6cf1-87ff-cc22-545d-f97760ed4a98","text":true,"v":"Terms of Use and Privacy Policy"}],"styles":[{"_id":"5d63ed21-4fc0-9e8b-5e96-348adc8f777d","fake":false,"type":"class","name":"text-color-slategrey","namespace":"","comb":"","styleLess":"color: #344563;","variants":{},"children":["0c6c9c6a-0a99-f106-3065-f7694d7985d4","b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; align-items: center; background-color: #f6f9fb; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{"tiny":{"styleLess":"padding-right: 10px; padding-left: 10px;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"c54a68cc-e981-895c-3af2-fdae7738df82","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["8698de02-3b7b-15dd-c520-e5a83ce1dfba"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0c6769a2-eca2-a123-b98c-67b221c82b3d","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["bfcf402c-9cce-832e-50b4-4014ef053fc5","7e28ab48-5a2a-cdc7-1066-825cb539c9fd","be9bc269-16a5-37a4-2ea4-bcb114efb709"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #05a6f0; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: #2d62ff;"}},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"598a159d-78ee-97c9-c2f0-878b158dfedb","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"","styleLess":"color: #5e6c84;","variants":{},"children":["3e448d08-0334-b48e-d7f1-b6b4cf7ce37e","41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"f720b5ec-7654-ec56-2f86-07ac8926b1df","fake":false,"type":"class","name":"margin-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"a262a774-b26d-58ad-3316-69e34cbc4574","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"f9d1b943-8360-0e65-73cc-b94309b5c3e1","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["94449218-00b3-f6ec-b495-b6961e367ae1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0df240a2-1dbc-5543-a10b-3b39109a5a73","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"&","styleLess":"","variants":{},"children":["0638a762-2c71-b792-8b00-25feef382a30"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"7dc2d133-82ff-0fe4-460d-c1a3b04d0f06","fake":false,"type":"class","name":"text-color-darkgrey","namespace":"","comb":"","styleLess":"color: #081735;","variants":{},"children":["9d5cfca5-eaf3-0b36-d71b-b6579d536c1f"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"23bcc5b3-3518-0c3a-cca5-d6a1d1d30264","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f720b5ec-7654-ec56-2f86-07ac8926b1df"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3","fake":false,"type":"class","name":"heading-style-h3","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c54a68cc-e981-895c-3af2-fdae7738df82"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"efffe4ae-20d4-4dec-2627-21c9d39a1a4a","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"ffbec5ff-9f75-4ebb-a5d8-e9280c58388c","fake":false,"type":"class","name":"is-slate-grey","namespace":"","comb":"&","styleLess":"border-top-color: #344563; border-right-color: #344563; border-bottom-color: #344563; border-left-color: #344563; background-color: #344563;","variants":{"main_hover":{"styleLess":"border-top-color: #5e6c84; border-right-color: #5e6c84; border-bottom-color: #5e6c84; border-left-color: #5e6c84; background-color: #5e6c84;"}},"children":["37077df5-3734-7161-d556-bf281a09dca5"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"9d5cfca5-eaf3-0b36-d71b-b6579d536c1f","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"&","styleLess":"","variants":{},"children":["099f5cab-fe8d-4c9a-6cd7-ec7644e26e83","cdfcf87f-eabc-26f3-eda6-5655ad861414"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"94449218-00b3-f6ec-b495-b6961e367ae1","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["8e3469fe-cd56-e5c0-3e2f-e7545d8e1368","a1a9df4a-4c3e-c25f-f0ea-d42708630ac5","9fefa75a-c403-688a-b3f3-0e12c68807b1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["8152fb8d-ab08-678e-a6c0-a1639e9a7218"],"origin":null,"selector":null},{"_id":"ec8dc60f-b517-a7d6-783c-5054cdbfe803","fake":false,"type":"class","name":"signup_wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 480px; padding-top: 2.5rem; padding-right: 3.75rem; padding-bottom: 2.5rem; padding-left: 3.75rem; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 20px 0 hsla(217.89473684210526, 16.81%, 44.31%, 0.25);","variants":{"tiny":{"styleLess":"padding-right: 2rem; padding-left: 2rem;"}},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["08c3ae63-cb4c-f836-1c76-399da7729c1c","cd316480-9aa7-fcf1-5f22-cda76c57e1db","0df240a2-1dbc-5543-a10b-3b39109a5a73"],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"869f39f7-404d-14d8-3c7b-db261fea28a0","fake":false,"type":"class","name":"signup_icon","namespace":"","comb":"","styleLess":"width: 1.125rem; height: 1.125rem;","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"7ec85309-4267-2f7a-0d51-81320c78d2e8","fake":false,"type":"class","name":"signup_button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["b00e9404-a044-78b0-535a-d49bb320af10","23bcc5b3-3518-0c3a-cca5-d6a1d1d30264"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"8698de02-3b7b-15dd-c520-e5a83ce1dfba","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"&","styleLess":"","variants":{},"children":["2c673079-d267-63e7-7ddd-0aa1ead53692","7a99edd4-ce40-5f52-037a-cf0e00d2a692"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"be9bc269-16a5-37a4-2ea4-bcb114efb709","fake":false,"type":"class","name":"margin-0.75rem","namespace":"","comb":"&","styleLess":"margin-top: 0.75rem;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"099f5cab-fe8d-4c9a-6cd7-ec7644e26e83","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"807dc7d5-90c4-53f6-9d82-62bb6b61b900","fake":false,"type":"class","name":"padding-horizontal","namespace":"","comb":"&","styleLess":"","variants":{},"children":["a262a774-b26d-58ad-3316-69e34cbc4574"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cd316480-9aa7-fcf1-5f22-cda76c57e1db","fake":false,"type":"class","name":"text-color-alternate","namespace":"","comb":"&","styleLess":"","variants":{},"children":["efffe4ae-20d4-4dec-2627-21c9d39a1a4a","b8686be0-975d-d0f7-4f37-f91f010fce67","cd46563b-c190-24ab-4d36-4d8bf39c1b95"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8152fb8d-ab08-678e-a6c0-a1639e9a7218","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"&","styleLess":"","variants":{},"children":["4d7edc70-ef81-00e9-009a-34d731f56715","f9d1b943-8360-0e65-73cc-b94309b5c3e1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"02abca3c-3350-7130-8146-1c8d65a6efa0","fake":false,"type":"class","name":"signup_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5rem; padding-bottom: 0.5rem; justify-content: center; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: #ccc; border-right-style: solid; border-right-width: 1px; border-right-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; border-left-style: solid; border-left-width: 1px; border-left-color: #ccc; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(217.89473684210526, 16.81%, 44.31%, 0.20);"}},"children":["ffbec5ff-9f75-4ebb-a5d8-e9280c58388c","cb4cdcdb-cabe-23a0-9f3a-f4b6986af28c"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0638a762-2c71-b792-8b00-25feef382a30","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["0c6769a2-eca2-a123-b98c-67b221c82b3d"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"9fefa75a-c403-688a-b3f3-0e12c68807b1","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["807dc7d5-90c4-53f6-9d82-62bb6b61b900"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"7a99edd4-ce40-5f52-037a-cf0e00d2a692","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","siteId":"65f807f944b827c628127977","width":800,"isHD":false,"height":800,"fileName":"65f80ba20512fe3373d07a87_google-icon.svg","createdOn":"2024-03-18T09:38:42.523Z","origFileName":"google-icon.svg","fileHash":"48d6785e717859f8bb0b49d5927748de","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","thumbUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","_id":"65f80ba20512fe3373d07a87","updatedOn":"2024-03-18T09:38:42.523Z","fileSize":2155,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","siteId":"65f807f944b827c628127977","width":800,"isHD":false,"height":800,"fileName":"65f80e2d00f9327154beb45d_mail-icon.svg","createdOn":"2024-03-18T09:49:33.248Z","origFileName":"mail-icon.svg","fileHash":"7f5b3b2186c1a3e2475eb6958b209b18","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","thumbUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","_id":"65f80e2d00f9327154beb45d","updatedOn":"2024-03-18T09:49:33.248Z","fileSize":887,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff78","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","3f1e8c66-dc14-e31c-04fc-9dd7679fff7a"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"51db2be9-9066-cfc3-3dc9-9c77d9fff4ed","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* Adds inline flex display */\n.display-inlineflex {\n display: inline-flex;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"3f1e8c66-dc14-e31c-04fc-9dd7679fff7a","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["5f0c3656-aa3e-adcc-2a5b-db9e00837905"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"main"}},{"_id":"5f0c3656-aa3e-adcc-2a5b-db9e00837905","type":"Block","tag":"section","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["c38d7ee4-760e-e41f-ab15-716b709e47bc"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"c38d7ee4-760e-e41f-ab15-716b709e47bc","type":"Block","tag":"div","classes":["ec8dc60f-b517-a7d6-783c-5054cdbfe803"],"children":["c21c084f-0c98-b198-ebbf-ad51e6101111","52735b17-1a51-5171-f3fa-afc7d6536c00","e93908a7-51ab-ba31-c89e-e98225e31d5d","e83525f8-9076-f722-af92-579578e1c0ea","974a8156-c5a1-e6a7-1a9b-9dd049dfd7cd"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c21c084f-0c98-b198-ebbf-ad51e6101111","type":"Heading","tag":"h3","classes":["5d63ed21-4fc0-9e8b-5e96-348adc8f777d","b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3","c54a68cc-e981-895c-3af2-fdae7738df82","8698de02-3b7b-15dd-c520-e5a83ce1dfba","7a99edd4-ce40-5f52-037a-cf0e00d2a692"],"children":["c21c084f-0c98-b198-ebbf-ad51e6101112"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h3"}},{"_id":"c21c084f-0c98-b198-ebbf-ad51e6101112","text":true,"v":"Sign Up"},{"_id":"52735b17-1a51-5171-f3fa-afc7d6536c00","type":"Block","tag":"div","classes":["598a159d-78ee-97c9-c2f0-878b158dfedb","41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7"],"children":["52735b17-1a51-5171-f3fa-afc7d6536c01"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"52735b17-1a51-5171-f3fa-afc7d6536c01","text":true,"v":"Let's get started with your 30 days free trial"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d5d","type":"FormWrapper","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d5e","e93908a7-51ab-ba31-c89e-e98225e31d66","e93908a7-51ab-ba31-c89e-e98225e31d69"],"data":{"form":{"type":"wrapper"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d5e","type":"FormForm","tag":"form","classes":["7ec85309-4267-2f7a-0d51-81320c78d2e8","23bcc5b3-3518-0c3a-cca5-d6a1d1d30264","f720b5ec-7654-ec56-2f86-07ac8926b1df"],"children":["437e2583-7234-3acc-5b3d-59f2b8a0814f","63f2df8f-115f-1e3f-0da4-9bba0d4f0bc7"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"signup"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"437e2583-7234-3acc-5b3d-59f2b8a0814f","type":"Link","tag":"a","classes":["02abca3c-3350-7130-8146-1c8d65a6efa0"],"children":["708b14d4-09ab-8c24-f62d-bda808a089cd","e7ee19b4-f645-21a5-664d-8b6c88e67177"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"google"}],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"708b14d4-09ab-8c24-f62d-bda808a089cd","type":"Image","tag":"img","classes":["869f39f7-404d-14d8-3c7b-db261fea28a0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"65f80ba20512fe3373d07a87"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e7ee19b4-f645-21a5-664d-8b6c88e67177","type":"Block","tag":"div","classes":["7dc2d133-82ff-0fe4-460d-c1a3b04d0f06","9d5cfca5-eaf3-0b36-d71b-b6579d536c1f","099f5cab-fe8d-4c9a-6cd7-ec7644e26e83"],"children":["e7ee19b4-f645-21a5-664d-8b6c88e67178"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e7ee19b4-f645-21a5-664d-8b6c88e67178","text":true,"v":"Sign up with Google"},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc7","type":"Link","tag":"a","classes":["02abca3c-3350-7130-8146-1c8d65a6efa0","ffbec5ff-9f75-4ebb-a5d8-e9280c58388c"],"children":["63f2df8f-115f-1e3f-0da4-9bba0d4f0bc8","63f2df8f-115f-1e3f-0da4-9bba0d4f0bc9"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc8","type":"Image","tag":"img","classes":["869f39f7-404d-14d8-3c7b-db261fea28a0"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","loading":"lazy","width":"auto","height":"auto","alt":"__wf_reserved_inherit","id":""},"img":{"id":"65f80e2d00f9327154beb45d"},"srcsetDisabled":false,"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bc9","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","cd316480-9aa7-fcf1-5f22-cda76c57e1db","efffe4ae-20d4-4dec-2627-21c9d39a1a4a"],"children":["63f2df8f-115f-1e3f-0da4-9bba0d4f0bca"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"63f2df8f-115f-1e3f-0da4-9bba0d4f0bca","text":true,"v":"Sign up with Email"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d66","type":"FormSuccessMessage","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d67"],"data":{"form":{"type":"msg-done"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d67","type":"Block","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d68"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d68","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d69","type":"FormErrorMessage","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d6a"],"data":{"form":{"type":"msg-fail"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d6a","type":"Block","tag":"div","classes":[],"children":["e93908a7-51ab-ba31-c89e-e98225e31d6b"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e93908a7-51ab-ba31-c89e-e98225e31d6b","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"e83525f8-9076-f722-af92-579578e1c0ea","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27122","0df240a2-1dbc-5543-a10b-3b39109a5a73","0638a762-2c71-b792-8b00-25feef382a30","0c6769a2-eca2-a123-b98c-67b221c82b3d","be9bc269-16a5-37a4-2ea4-bcb114efb709"],"children":["e83525f8-9076-f722-af92-579578e1c0eb","73db2f2a-07c8-aa64-08e5-e1edfd835de8"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e83525f8-9076-f722-af92-579578e1c0eb","text":true,"v":"Already have an account? "},{"_id":"73db2f2a-07c8-aa64-08e5-e1edfd835de8","type":"Link","tag":"a","classes":["e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1"],"children":["9642600d-ac2a-61b8-45e7-2020ccea3794"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"9642600d-ac2a-61b8-45e7-2020ccea3794","text":true,"v":"Log In"},{"_id":"974a8156-c5a1-e6a7-1a9b-9dd049dfd7cd","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132","8152fb8d-ab08-678e-a6c0-a1639e9a7218","f9d1b943-8360-0e65-73cc-b94309b5c3e1","94449218-00b3-f6ec-b495-b6961e367ae1","9fefa75a-c403-688a-b3f3-0e12c68807b1","807dc7d5-90c4-53f6-9d82-62bb6b61b900","a262a774-b26d-58ad-3316-69e34cbc4574"],"children":["974a8156-c5a1-e6a7-1a9b-9dd049dfd7ce","6af2b65e-2fa7-26fb-7e0a-fb2e42d1a123"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"974a8156-c5a1-e6a7-1a9b-9dd049dfd7ce","text":true,"v":"By signing up to create an account I accept Compaany's "},{"_id":"6af2b65e-2fa7-26fb-7e0a-fb2e42d1a123","type":"Link","tag":"a","classes":["e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1"],"children":["e37a6cf1-87ff-cc22-545d-f97760ed4a98"],"data":{"search":{"exclude":false},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"e37a6cf1-87ff-cc22-545d-f97760ed4a98","text":true,"v":"Terms of Use and Privacy Policy"}],"styles":[{"_id":"5d63ed21-4fc0-9e8b-5e96-348adc8f777d","fake":false,"type":"class","name":"text-color-slategrey","namespace":"","comb":"","styleLess":"color: #344563;","variants":{},"children":["0c6c9c6a-0a99-f106-3065-f7694d7985d4","b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; align-items: center; background-color: #f6f9fb; transition-property: opacity; transition-duration: 200ms; transition-timing-function: ease;","variants":{"tiny":{"styleLess":"padding-right: 10px; padding-left: 10px;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null},{"_id":"c54a68cc-e981-895c-3af2-fdae7738df82","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["8698de02-3b7b-15dd-c520-e5a83ce1dfba"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0c6769a2-eca2-a123-b98c-67b221c82b3d","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["bfcf402c-9cce-832e-50b4-4014ef053fc5","7e28ab48-5a2a-cdc7-1066-825cb539c9fd","be9bc269-16a5-37a4-2ea4-bcb114efb709"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"e38b2c2f-fc5c-eaa4-b0ca-5e474f9140b1","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"transition-property: all; transition-duration: 300ms; transition-timing-function: ease; color: #05a6f0; text-decoration: none;","variants":{"main_hover":{"styleLess":"color: #2d62ff;"}},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"598a159d-78ee-97c9-c2f0-878b158dfedb","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"","styleLess":"color: #5e6c84;","variants":{},"children":["3e448d08-0334-b48e-d7f1-b6b4cf7ce37e","41f84e53-66ea-a5ca-2f11-7ddebbd1f3e7"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"f720b5ec-7654-ec56-2f86-07ac8926b1df","fake":false,"type":"class","name":"margin-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"a262a774-b26d-58ad-3316-69e34cbc4574","fake":false,"type":"class","name":"padding-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"f9d1b943-8360-0e65-73cc-b94309b5c3e1","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["94449218-00b3-f6ec-b495-b6961e367ae1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0df240a2-1dbc-5543-a10b-3b39109a5a73","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"&","styleLess":"","variants":{},"children":["0638a762-2c71-b792-8b00-25feef382a30"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"7dc2d133-82ff-0fe4-460d-c1a3b04d0f06","fake":false,"type":"class","name":"text-color-darkgrey","namespace":"","comb":"","styleLess":"color: #081735;","variants":{},"children":["9d5cfca5-eaf3-0b36-d71b-b6579d536c1f"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"23bcc5b3-3518-0c3a-cca5-d6a1d1d30264","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["f720b5ec-7654-ec56-2f86-07ac8926b1df"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"b8a0c72e-ddef-6d2b-6af5-4fc2effc70e3","fake":false,"type":"class","name":"heading-style-h3","namespace":"","comb":"&","styleLess":"","variants":{},"children":["c54a68cc-e981-895c-3af2-fdae7738df82"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"efffe4ae-20d4-4dec-2627-21c9d39a1a4a","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"ffbec5ff-9f75-4ebb-a5d8-e9280c58388c","fake":false,"type":"class","name":"is-slate-grey","namespace":"","comb":"&","styleLess":"border-top-color: #344563; border-right-color: #344563; border-bottom-color: #344563; border-left-color: #344563; background-color: #344563;","variants":{"main_hover":{"styleLess":"border-top-color: #5e6c84; border-right-color: #5e6c84; border-bottom-color: #5e6c84; border-left-color: #5e6c84; background-color: #5e6c84;"}},"children":["37077df5-3734-7161-d556-bf281a09dca5"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"9d5cfca5-eaf3-0b36-d71b-b6579d536c1f","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"&","styleLess":"","variants":{},"children":["099f5cab-fe8d-4c9a-6cd7-ec7644e26e83","cdfcf87f-eabc-26f3-eda6-5655ad861414"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"94449218-00b3-f6ec-b495-b6961e367ae1","fake":false,"type":"class","name":"margin-top","namespace":"","comb":"&","styleLess":"","variants":{},"children":["8e3469fe-cd56-e5c0-3e2f-e7545d8e1368","a1a9df4a-4c3e-c25f-f0ea-d42708630ac5","9fefa75a-c403-688a-b3f3-0e12c68807b1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["8152fb8d-ab08-678e-a6c0-a1639e9a7218"],"origin":null,"selector":null},{"_id":"ec8dc60f-b517-a7d6-783c-5054cdbfe803","fake":false,"type":"class","name":"signup_wrap","namespace":"","comb":"","styleLess":"width: 100%; max-width: 480px; padding-top: 2.5rem; padding-right: 3.75rem; padding-bottom: 2.5rem; padding-left: 3.75rem; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: stretch; border-top-left-radius: 1rem; border-top-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: hsla(0, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 20px 0 hsla(217.89473684210526, 16.81%, 44.31%, 0.25);","variants":{"tiny":{"styleLess":"padding-right: 2rem; padding-left: 2rem;"}},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27122","fake":false,"type":"class","name":"text-size-regular","namespace":"","comb":"","styleLess":"font-size: 1rem;","variants":{},"children":["08c3ae63-cb4c-f836-1c76-399da7729c1c","cd316480-9aa7-fcf1-5f22-cda76c57e1db","0df240a2-1dbc-5543-a10b-3b39109a5a73"],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"869f39f7-404d-14d8-3c7b-db261fea28a0","fake":false,"type":"class","name":"signup_icon","namespace":"","comb":"","styleLess":"width: 1.125rem; height: 1.125rem;","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"7ec85309-4267-2f7a-0d51-81320c78d2e8","fake":false,"type":"class","name":"signup_button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1rem; grid-row-gap: 1rem;","variants":{},"children":["b00e9404-a044-78b0-535a-d49bb320af10","23bcc5b3-3518-0c3a-cca5-d6a1d1d30264"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"8698de02-3b7b-15dd-c520-e5a83ce1dfba","fake":false,"type":"class","name":"margin-bottom","namespace":"","comb":"&","styleLess":"","variants":{},"children":["2c673079-d267-63e7-7ddd-0aa1ead53692","7a99edd4-ce40-5f52-037a-cf0e00d2a692"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"be9bc269-16a5-37a4-2ea4-bcb114efb709","fake":false,"type":"class","name":"margin-0.75rem","namespace":"","comb":"&","styleLess":"margin-top: 0.75rem;","variants":{},"children":[],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"099f5cab-fe8d-4c9a-6cd7-ec7644e26e83","fake":false,"type":"class","name":"text-weight-semibold","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"807dc7d5-90c4-53f6-9d82-62bb6b61b900","fake":false,"type":"class","name":"padding-horizontal","namespace":"","comb":"&","styleLess":"","variants":{},"children":["a262a774-b26d-58ad-3316-69e34cbc4574"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"cd316480-9aa7-fcf1-5f22-cda76c57e1db","fake":false,"type":"class","name":"text-color-alternate","namespace":"","comb":"&","styleLess":"","variants":{},"children":["efffe4ae-20d4-4dec-2627-21c9d39a1a4a","b8686be0-975d-d0f7-4f37-f91f010fce67","cd46563b-c190-24ab-4d36-4d8bf39c1b95"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8152fb8d-ab08-678e-a6c0-a1639e9a7218","fake":false,"type":"class","name":"text-color-lightgrey","namespace":"","comb":"&","styleLess":"","variants":{},"children":["4d7edc70-ef81-00e9-009a-34d731f56715","f9d1b943-8360-0e65-73cc-b94309b5c3e1"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"02abca3c-3350-7130-8146-1c8d65a6efa0","fake":false,"type":"class","name":"signup_button","namespace":"","comb":"","styleLess":"display: flex; padding-top: 0.5rem; padding-bottom: 0.5rem; justify-content: center; align-items: center; grid-column-gap: 1rem; grid-row-gap: 1rem; border-top-style: solid; border-top-width: 1px; border-top-color: #ccc; border-right-style: solid; border-right-width: 1px; border-right-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ccc; border-left-style: solid; border-left-width: 1px; border-left-color: #ccc; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; transition-property: all; transition-duration: 300ms; transition-timing-function: ease; text-decoration: none;","variants":{"main_hover":{"styleLess":"background-color: hsla(217.89473684210526, 16.81%, 44.31%, 0.20);"}},"children":["ffbec5ff-9f75-4ebb-a5d8-e9280c58388c","cb4cdcdb-cabe-23a0-9f3a-f4b6986af28c"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"0638a762-2c71-b792-8b00-25feef382a30","fake":false,"type":"class","name":"text-align-center","namespace":"","comb":"&","styleLess":"","variants":{},"children":["0c6769a2-eca2-a123-b98c-67b221c82b3d"],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null},{"_id":"9fefa75a-c403-688a-b3f3-0e12c68807b1","fake":false,"type":"class","name":"margin-custom1","namespace":"","comb":"&","styleLess":"","variants":{},"children":["807dc7d5-90c4-53f6-9d82-62bb6b61b900"],"createdBy":"649d49f23f440aade32b82f4","origin":null,"selector":null},{"_id":"7a99edd4-ce40-5f52-037a-cf0e00d2a692","fake":false,"type":"class","name":"margin-small","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"656d8c86d482863004f1cc8c","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","siteId":"65f807f944b827c628127977","width":800,"isHD":false,"height":800,"fileName":"65f80ba20512fe3373d07a87_google-icon.svg","createdOn":"2024-03-18T09:38:42.523Z","origFileName":"google-icon.svg","fileHash":"48d6785e717859f8bb0b49d5927748de","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","thumbUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80ba20512fe3373d07a87_google-icon.svg","_id":"65f80ba20512fe3373d07a87","updatedOn":"2024-03-18T09:38:42.523Z","fileSize":2155,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","siteId":"65f807f944b827c628127977","width":800,"isHD":false,"height":800,"fileName":"65f80e2d00f9327154beb45d_mail-icon.svg","createdOn":"2024-03-18T09:49:33.248Z","origFileName":"mail-icon.svg","fileHash":"7f5b3b2186c1a3e2475eb6958b209b18","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","thumbUrl":"https://cdn.prod.website-files.com/65f807f944b827c628127977/65f80e2d00f9327154beb45d_mail-icon.svg","_id":"65f80e2d00f9327154beb45d","updatedOn":"2024-03-18T09:49:33.248Z","fileSize":887,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":1,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
This component provides a user-friendly modal for seamless account creation and login through email, enhancing the authentication process with intuitive forms.
Key Features:
- Intuitive email fields for easy sign-up and login
- Responsive design suitable for various devices
- Includes options for social sign-up via Google
- Success and error messages for user feedback
- Customizable styles and layout
Design Elements:
- Minimalistic layout with a clean aesthetic
- Soft color palette featuring light grey and dark grey tones
- Centered alignment for a balanced appearance
- Use of icons for visual appeal and clarity
Potential Use Cases:
- Startups looking to streamline user registration
- E-commerce platforms needing quick account creation
- SaaS applications requiring user authentication
- Blogs or content platforms wanting to build a subscriber base
- Event management sites for attendee sign-ups
Conclusion: The Sign up with Email modal is a versatile and visually appealing component that simplifies user registration and enhances the overall user experience.