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":"f29ac56d-47e6-7bc8-904e-09894d5a54eb","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["66cdbd83-99a3-1020-91b1-11220b01c406","686a3218-2584-9ccc-1dba-a7fb6557d4ed"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"66cdbd83-99a3-1020-91b1-11220b01c406","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/* 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":{"search":{"exclude":true},"embed":{"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/* 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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"686a3218-2584-9ccc-1dba-a7fb6557d4ed","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["4c1dab43-cedf-0222-5b30-f8247a4f320c"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4c1dab43-cedf-0222-5b30-f8247a4f320c","type":"Block","tag":"section","classes":["d6eb21cf-2acc-aac2-4242-d2595e670163"],"children":["0e52353a-48cb-171f-9e75-5184a0ec8fc7"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0e52353a-48cb-171f-9e75-5184a0ec8fc7","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","78e98f52-598a-88f4-8811-667512c9f1ce"],"children":["cbf06cb7-4740-af96-36a5-45bba7beaf1a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cbf06cb7-4740-af96-36a5-45bba7beaf1a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["10f03eb7-5eef-40e1-430a-c22e080f506f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"10f03eb7-5eef-40e1-430a-c22e080f506f","type":"Block","tag":"div","classes":["5965abcf-bb0e-ae49-d86f-caa2ff3cb8d0"],"children":["18e2c19b-1a2f-1d98-23cf-f9ed36718153"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"18e2c19b-1a2f-1d98-23cf-f9ed36718153","type":"Block","tag":"div","classes":["f1fa157f-6079-a755-ce52-65663a000a2b"],"children":["a015c71a-da72-9cf4-9fb0-62324ee5c252","76d956de-f00e-44a9-2495-87f52f05ec3f","9f4f1c08-e20c-7281-b342-55b383e7c686","fcc69c0c-e273-d2d0-bffb-d2260a2f98a1","70769304-4258-f7a5-1d48-c6635f8a40d8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a015c71a-da72-9cf4-9fb0-62324ee5c252","type":"Block","tag":"div","classes":["88b5d7e5-214a-16d7-1604-a324ebe79b77"],"children":["7ae40bf2-1359-bf8f-2d32-3921e2a7b89b","6981d84e-1dde-b200-eda6-2af12e005777"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7ae40bf2-1359-bf8f-2d32-3921e2a7b89b","type":"Block","tag":"div","classes":["4cc4bbd4-3273-c38c-898c-4174484a0113"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6981d84e-1dde-b200-eda6-2af12e005777","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27140","19f7cd95-ddd1-94f6-0698-963dd1e35994"],"children":["3ae00154-cd7e-23f9-f05f-b5d94153b42d"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ae00154-cd7e-23f9-f05f-b5d94153b42d","text":true,"v":"Forgot Password"},{"_id":"76d956de-f00e-44a9-2495-87f52f05ec3f","type":"Block","tag":"div","classes":["82f52eb3-cddc-8fa9-e9ce-2d7d9c7665a1"],"children":["ddab6625-c2c2-887b-d30b-1e3c9b65240f","f7638897-8200-152d-5bb0-1ad786f709a0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ddab6625-c2c2-887b-d30b-1e3c9b65240f","type":"Image","tag":"img","classes":["5130c742-0fe9-d7b1-c4fe-7c0f73cd3a5c"],"children":[],"data":{"img":{"id":"6690d67ecc2c536e3577a6e1"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f7638897-8200-152d-5bb0-1ad786f709a0","type":"Block","tag":"div","classes":["4cc4bbd4-3273-c38c-898c-4174484a0113"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f4f1c08-e20c-7281-b342-55b383e7c686","type":"Block","tag":"div","classes":["a58a5bf1-1d1e-45c3-6034-21197cf2fe6c"],"children":["b1b14889-b952-accf-30d8-037226d46a10"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b1b14889-b952-accf-30d8-037226d46a10","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132","9ba9876b-5f4c-8e22-aacc-9115fc88b23a"],"children":["154dfbbc-dcd5-76e1-dce5-3d3903c655c5"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"154dfbbc-dcd5-76e1-dce5-3d3903c655c5","text":true,"v":"We'll send You an Email to Reset Your Password."},{"_id":"fcc69c0c-e273-d2d0-bffb-d2260a2f98a1","type":"FormWrapper","tag":"div","classes":["2411aa56-ba33-a8f3-1ced-1cf4e1b21332"],"children":["b3c302d3-f15d-6ef4-9c7a-1ea0949a0f01","fd209f1f-3352-c57d-d221-b7c1e18d643d","f4497e8d-10be-2a3f-fdf0-56f2052865a1"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b3c302d3-f15d-6ef4-9c7a-1ea0949a0f01","type":"FormForm","tag":"form","classes":["c08bc0c2-dc27-6888-baaa-074aff1ec546"],"children":["38bcc685-09fa-422d-2b4d-556142498e04","699ae143-1361-bb0b-0635-162641f58bdf"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Email Form"},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"check-email","data-redirect":"check-email","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-form","value":"forgot-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"38bcc685-09fa-422d-2b4d-556142498e04","type":"FormTextInput","tag":"input","classes":["ccef1f7b-ca66-4d6c-05de-d6d6e4b4f5da"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"id":"email","name":"email","maxlength":256,"data-name":"Email","placeholder":"Your Email","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"699ae143-1361-bb0b-0635-162641f58bdf","type":"FormButton","tag":"input","classes":["b5d4973a-0578-3276-b100-3d6cf636f447"],"children":[],"data":{"form":{"type":"button"},"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fd209f1f-3352-c57d-d221-b7c1e18d643d","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6f1d9826-2711-3caa-8bb2-092cec647dc0"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"6f1d9826-2711-3caa-8bb2-092cec647dc0","type":"Block","tag":"div","classes":[],"children":["eb31f16d-be29-bf83-d4c9-34cefb50a058"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eb31f16d-be29-bf83-d4c9-34cefb50a058","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"f4497e8d-10be-2a3f-fdf0-56f2052865a1","type":"FormErrorMessage","tag":"div","classes":[],"children":["cdb00aca-e7de-a697-a872-3ad08244a63d"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"cdb00aca-e7de-a697-a872-3ad08244a63d","type":"Block","tag":"div","classes":[],"children":["78f6013d-bb19-e11c-501c-0c82a6c0d8e6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"78f6013d-bb19-e11c-501c-0c82a6c0d8e6","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"70769304-4258-f7a5-1d48-c6635f8a40d8","type":"Link","tag":"a","classes":["d814d02e-d328-6ae8-4ca4-de2f2126720e"],"children":["5b1f5ae5-0024-19a2-beb5-075d050ab0cc"],"data":{"button":false,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5b1f5ae5-0024-19a2-beb5-075d050ab0cc","text":true,"v":"BACK TO LOGIN"}],"styles":[{"_id":"5965abcf-bb0e-ae49-d86f-caa2ff3cb8d0","fake":false,"type":"class","name":"password_wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 50px; grid-row-gap: 50px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"78e98f52-598a-88f4-8811-667512c9f1ce","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"f1fa157f-6079-a755-ce52-65663a000a2b","fake":false,"type":"class","name":"password_card","namespace":"","comb":"","styleLess":"display: flex; width: 426px; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 35px; grid-row-gap: 35px; border-top-style: solid; border-top-width: 1px; border-top-color: #79e754; border-right-style: solid; border-right-width: 1px; border-right-color: #79e754; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #79e754; border-left-style: solid; border-left-width: 1px; border-left-color: #79e754; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(0, 0.00%, 3.33%, 1.00);","variants":{"tiny":{"styleLess":"width: 300px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"d6eb21cf-2acc-aac2-4242-d2595e670163","fake":false,"type":"class","name":"section_password","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #0e130f; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","78e98f52-598a-88f4-8811-667512c9f1ce"],"origin":null,"selector":null},{"_id":"19f7cd95-ddd1-94f6-0698-963dd1e35994","fake":false,"type":"class","name":"text-color-green","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a58a5bf1-1d1e-45c3-6034-21197cf2fe6c","fake":false,"type":"class","name":"password_text-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 99%; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 10px; grid-row-gap: 10px; text-align: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["19f7cd95-ddd1-94f6-0698-963dd1e35994"],"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":"82f52eb3-cddc-8fa9-e9ce-2d7d9c7665a1","fake":false,"type":"class","name":"password_image-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"4cc4bbd4-3273-c38c-898c-4174484a0113","fake":false,"type":"class","name":"password_green-gradient","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; background-color: hsla(104.89795918367346, 75.38%, 61.76%, 0.20); filter: blur(20px);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"d814d02e-d328-6ae8-4ca4-de2f2126720e","fake":false,"type":"class","name":"Link","namespace":"","comb":"","styleLess":"color: hsla(224.85714285714286, 0.00%, 100.00%, 1.00); font-size: 0.75rem; font-weight: 500; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"9ba9876b-5f4c-8e22-aacc-9115fc88b23a","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":["150bb05b-21a5-1ab2-18ad-08f99d2dd3e7"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"88b5d7e5-214a-16d7-1604-a324ebe79b77","fake":false,"type":"class","name":"password_title-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; text-align: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2411aa56-ba33-a8f3-1ced-1cf4e1b21332","fake":false,"type":"class","name":"password_form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":["fb39cddb-b872-240a-276e-f4cf71e859b2"],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["9ba9876b-5f4c-8e22-aacc-9115fc88b23a"],"origin":null,"selector":null},{"_id":"5130c742-0fe9-d7b1-c4fe-7c0f73cd3a5c","fake":false,"type":"class","name":"password-image","namespace":"","comb":"","styleLess":"width: 65px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"b5d4973a-0578-3276-b100-3d6cf636f447","fake":false,"type":"class","name":"password_button","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: #79e754; border-right-style: solid; border-right-width: 1px; border-right-color: #79e754; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #79e754; border-left-style: solid; border-left-width: 1px; border-left-color: #79e754; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #79e754; box-shadow: 0 2px 45px 5px hsla(104.89795918367346, 75.38%, 61.76%, 0.30); transition-property: all; transition-duration: 400ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 600; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: #080808; color: #79e754;"}},"children":["9a20b649-be0c-360e-2840-381ffb759dd6"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"c08bc0c2-dc27-6888-baaa-074aff1ec546","fake":false,"type":"class","name":"password_form","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"ccef1f7b-ca66-4d6c-05de-d6d6e4b4f5da","fake":false,"type":"class","name":"password_text-field","namespace":"","comb":"","styleLess":"margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 20.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 20.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 20.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 20.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 0.00%, 0.00); background-image: @img_6690d91f1166f419577d0c67; background-position: 3% 50%; background-size: 22px 22px; background-repeat: no-repeat; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 0.75);"},"main_active":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"},"main_focus":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"},"main_focus-visible":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"}},"children":["06b1484e-9d99-240f-83bf-9a56c8f62114"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","siteId":"6690d39fcfbf732e3c361a75","width":800,"isHD":false,"height":800,"fileName":"6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","createdOn":"2024-07-12T07:08:46.312Z","origFileName":"lock-svgrepo-com.svg","fileHash":"9eaa5a953844e9288e7f92691d69245d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","_id":"6690d67ecc2c536e3577a6e1","updatedOn":"2024-07-12T07:08:46.312Z","fileSize":884,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","siteId":"6690d39fcfbf732e3c361a75","width":800,"isHD":false,"height":800,"fileName":"6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","createdOn":"2024-07-12T07:19:59.146Z","origFileName":"mail-line-svgrepo-com.svg","fileHash":"edbd5404fd590afd52860e261f19f23f","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","_id":"6690d91f1166f419577d0c67","updatedOn":"2024-07-12T07:19:59.146Z","fileSize":772,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f29ac56d-47e6-7bc8-904e-09894d5a54eb","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["66cdbd83-99a3-1020-91b1-11220b01c406","686a3218-2584-9ccc-1dba-a7fb6557d4ed"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"66cdbd83-99a3-1020-91b1-11220b01c406","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/* 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":{"search":{"exclude":true},"embed":{"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/* 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,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"686a3218-2584-9ccc-1dba-a7fb6557d4ed","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["4c1dab43-cedf-0222-5b30-f8247a4f320c"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"4c1dab43-cedf-0222-5b30-f8247a4f320c","type":"Block","tag":"section","classes":["d6eb21cf-2acc-aac2-4242-d2595e670163"],"children":["0e52353a-48cb-171f-9e75-5184a0ec8fc7"],"data":{"text":false,"tag":"section","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"0e52353a-48cb-171f-9e75-5184a0ec8fc7","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","78e98f52-598a-88f4-8811-667512c9f1ce"],"children":["cbf06cb7-4740-af96-36a5-45bba7beaf1a"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cbf06cb7-4740-af96-36a5-45bba7beaf1a","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["10f03eb7-5eef-40e1-430a-c22e080f506f"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"10f03eb7-5eef-40e1-430a-c22e080f506f","type":"Block","tag":"div","classes":["5965abcf-bb0e-ae49-d86f-caa2ff3cb8d0"],"children":["18e2c19b-1a2f-1d98-23cf-f9ed36718153"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"18e2c19b-1a2f-1d98-23cf-f9ed36718153","type":"Block","tag":"div","classes":["f1fa157f-6079-a755-ce52-65663a000a2b"],"children":["a015c71a-da72-9cf4-9fb0-62324ee5c252","76d956de-f00e-44a9-2495-87f52f05ec3f","9f4f1c08-e20c-7281-b342-55b383e7c686","fcc69c0c-e273-d2d0-bffb-d2260a2f98a1","70769304-4258-f7a5-1d48-c6635f8a40d8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a015c71a-da72-9cf4-9fb0-62324ee5c252","type":"Block","tag":"div","classes":["88b5d7e5-214a-16d7-1604-a324ebe79b77"],"children":["7ae40bf2-1359-bf8f-2d32-3921e2a7b89b","6981d84e-1dde-b200-eda6-2af12e005777"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7ae40bf2-1359-bf8f-2d32-3921e2a7b89b","type":"Block","tag":"div","classes":["4cc4bbd4-3273-c38c-898c-4174484a0113"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6981d84e-1dde-b200-eda6-2af12e005777","type":"Heading","tag":"h1","classes":["07815991-952a-8d98-0e00-e4c25af27140","19f7cd95-ddd1-94f6-0698-963dd1e35994"],"children":["3ae00154-cd7e-23f9-f05f-b5d94153b42d"],"data":{"tag":"h1","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3ae00154-cd7e-23f9-f05f-b5d94153b42d","text":true,"v":"Forgot Password"},{"_id":"76d956de-f00e-44a9-2495-87f52f05ec3f","type":"Block","tag":"div","classes":["82f52eb3-cddc-8fa9-e9ce-2d7d9c7665a1"],"children":["ddab6625-c2c2-887b-d30b-1e3c9b65240f","f7638897-8200-152d-5bb0-1ad786f709a0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"ddab6625-c2c2-887b-d30b-1e3c9b65240f","type":"Image","tag":"img","classes":["5130c742-0fe9-d7b1-c4fe-7c0f73cd3a5c"],"children":[],"data":{"img":{"id":"6690d67ecc2c536e3577a6e1"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","loading":"lazy","id":""},"sizes":[],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f7638897-8200-152d-5bb0-1ad786f709a0","type":"Block","tag":"div","classes":["4cc4bbd4-3273-c38c-898c-4174484a0113"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9f4f1c08-e20c-7281-b342-55b383e7c686","type":"Block","tag":"div","classes":["a58a5bf1-1d1e-45c3-6034-21197cf2fe6c"],"children":["b1b14889-b952-accf-30d8-037226d46a10"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b1b14889-b952-accf-30d8-037226d46a10","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27132","9ba9876b-5f4c-8e22-aacc-9115fc88b23a"],"children":["154dfbbc-dcd5-76e1-dce5-3d3903c655c5"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"154dfbbc-dcd5-76e1-dce5-3d3903c655c5","text":true,"v":"We'll send You an Email to Reset Your Password."},{"_id":"fcc69c0c-e273-d2d0-bffb-d2260a2f98a1","type":"FormWrapper","tag":"div","classes":["2411aa56-ba33-a8f3-1ced-1cf4e1b21332"],"children":["b3c302d3-f15d-6ef4-9c7a-1ea0949a0f01","fd209f1f-3352-c57d-d221-b7c1e18d643d","f4497e8d-10be-2a3f-fdf0-56f2052865a1"],"data":{"search":{"exclude":true},"form":{"type":"wrapper"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"b3c302d3-f15d-6ef4-9c7a-1ea0949a0f01","type":"FormForm","tag":"form","classes":["c08bc0c2-dc27-6888-baaa-074aff1ec546"],"children":["38bcc685-09fa-422d-2b4d-556142498e04","699ae143-1361-bb0b-0635-162641f58bdf"],"data":{"Source":{"tag":"Default form","val":{}},"form":{"type":"form","name":"Email Form"},"attr":{"id":"email-form","name":"email-form","data-name":"Email Form","redirect":"check-email","data-redirect":"check-email","action":"","method":"get"},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[{"name":"data-ms-form","value":"forgot-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"38bcc685-09fa-422d-2b4d-556142498e04","type":"FormTextInput","tag":"input","classes":["ccef1f7b-ca66-4d6c-05de-d6d6e4b4f5da"],"children":[],"data":{"form":{"name":"Email","type":"input","passwordPage":false},"attr":{"id":"email","name":"email","maxlength":256,"data-name":"Email","placeholder":"Your Email","disabled":false,"type":"email","required":true,"autofocus":false},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"699ae143-1361-bb0b-0635-162641f58bdf","type":"FormButton","tag":"input","classes":["b5d4973a-0578-3276-b100-3d6cf636f447"],"children":[],"data":{"form":{"type":"button"},"attr":{"type":"submit","value":"Submit","data-wait":"Please wait...","id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"fd209f1f-3352-c57d-d221-b7c1e18d643d","type":"FormSuccessMessage","tag":"div","classes":[],"children":["6f1d9826-2711-3caa-8bb2-092cec647dc0"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"6f1d9826-2711-3caa-8bb2-092cec647dc0","type":"Block","tag":"div","classes":[],"children":["eb31f16d-be29-bf83-d4c9-34cefb50a058"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"eb31f16d-be29-bf83-d4c9-34cefb50a058","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"f4497e8d-10be-2a3f-fdf0-56f2052865a1","type":"FormErrorMessage","tag":"div","classes":[],"children":["cdb00aca-e7de-a697-a872-3ad08244a63d"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"cdb00aca-e7de-a697-a872-3ad08244a63d","type":"Block","tag":"div","classes":[],"children":["78f6013d-bb19-e11c-501c-0c82a6c0d8e6"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"78f6013d-bb19-e11c-501c-0c82a6c0d8e6","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"70769304-4258-f7a5-1d48-c6635f8a40d8","type":"Link","tag":"a","classes":["d814d02e-d328-6ae8-4ca4-de2f2126720e"],"children":["5b1f5ae5-0024-19a2-beb5-075d050ab0cc"],"data":{"button":false,"block":"","link":{"mode":"external","url":"#"},"eventIds":[],"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"5b1f5ae5-0024-19a2-beb5-075d050ab0cc","text":true,"v":"BACK TO LOGIN"}],"styles":[{"_id":"5965abcf-bb0e-ae49-d86f-caa2ff3cb8d0","fake":false,"type":"class","name":"password_wrap","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: center; grid-column-gap: 50px; grid-row-gap: 50px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"78e98f52-598a-88f4-8811-667512c9f1ce","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"f1fa157f-6079-a755-ce52-65663a000a2b","fake":false,"type":"class","name":"password_card","namespace":"","comb":"","styleLess":"display: flex; width: 426px; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; grid-column-gap: 35px; grid-row-gap: 35px; border-top-style: solid; border-top-width: 1px; border-top-color: #79e754; border-right-style: solid; border-right-width: 1px; border-right-color: #79e754; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #79e754; border-left-style: solid; border-left-width: 1px; border-left-color: #79e754; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(0, 0.00%, 3.33%, 1.00);","variants":{"tiny":{"styleLess":"width: 300px; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"d6eb21cf-2acc-aac2-4242-d2595e670163","fake":false,"type":"class","name":"section_password","namespace":"","comb":"","styleLess":"position: relative; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; background-color: #0e130f; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","78e98f52-598a-88f4-8811-667512c9f1ce"],"origin":null,"selector":null},{"_id":"19f7cd95-ddd1-94f6-0698-963dd1e35994","fake":false,"type":"class","name":"text-color-green","namespace":"","comb":"&","styleLess":"","variants":{"small":{"styleLess":"font-size: 1.5rem;"}},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"a58a5bf1-1d1e-45c3-6034-21197cf2fe6c","fake":false,"type":"class","name":"password_text-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 99%; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 10px; grid-row-gap: 10px; text-align: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27140","fake":false,"type":"class","name":"text-size-large","namespace":"","comb":"","styleLess":"font-size: 2rem;","variants":{"small":{"styleLess":"font-size: 1.25rem;"}},"children":["19f7cd95-ddd1-94f6-0698-963dd1e35994"],"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":"82f52eb3-cddc-8fa9-e9ce-2d7d9c7665a1","fake":false,"type":"class","name":"password_image-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"4cc4bbd4-3273-c38c-898c-4174484a0113","fake":false,"type":"class","name":"password_green-gradient","namespace":"","comb":"","styleLess":"position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: -1; background-color: hsla(104.89795918367346, 75.38%, 61.76%, 0.20); filter: blur(20px);","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"d814d02e-d328-6ae8-4ca4-de2f2126720e","fake":false,"type":"class","name":"Link","namespace":"","comb":"","styleLess":"color: hsla(224.85714285714286, 0.00%, 100.00%, 1.00); font-size: 0.75rem; font-weight: 500; letter-spacing: 1px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"9ba9876b-5f4c-8e22-aacc-9115fc88b23a","fake":false,"type":"class","name":"text-weight-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":["150bb05b-21a5-1ab2-18ad-08f99d2dd3e7"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"88b5d7e5-214a-16d7-1604-a324ebe79b77","fake":false,"type":"class","name":"password_title-wrap","namespace":"","comb":"","styleLess":"position: relative; z-index: 0; text-align: center;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2411aa56-ba33-a8f3-1ced-1cf4e1b21332","fake":false,"type":"class","name":"password_form-block","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 0px;","variants":{},"children":["fb39cddb-b872-240a-276e-f4cf71e859b2"],"createdBy":"663c8c0671d19184563bda6a","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":"07815991-952a-8d98-0e00-e4c25af27132","fake":false,"type":"class","name":"text-size-small","namespace":"","comb":"","styleLess":"font-size: 0.875rem;","variants":{},"children":["9ba9876b-5f4c-8e22-aacc-9115fc88b23a"],"origin":null,"selector":null},{"_id":"5130c742-0fe9-d7b1-c4fe-7c0f73cd3a5c","fake":false,"type":"class","name":"password-image","namespace":"","comb":"","styleLess":"width: 65px;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"b5d4973a-0578-3276-b100-3d6cf636f447","fake":false,"type":"class","name":"password_button","namespace":"","comb":"","styleLess":"width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: #79e754; border-right-style: solid; border-right-width: 1px; border-right-color: #79e754; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #79e754; border-left-style: solid; border-left-width: 1px; border-left-color: #79e754; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #79e754; box-shadow: 0 2px 45px 5px hsla(104.89795918367346, 75.38%, 61.76%, 0.30); transition-property: all; transition-duration: 400ms; transition-timing-function: ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 600; text-align: center;","variants":{"main_hover":{"styleLess":"background-color: #080808; color: #79e754;"}},"children":["9a20b649-be0c-360e-2840-381ffb759dd6"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"c08bc0c2-dc27-6888-baaa-074aff1ec546","fake":false,"type":"class","name":"password_form","namespace":"","comb":"","styleLess":"position: relative;","variants":{},"children":[],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null},{"_id":"ccef1f7b-ca66-4d6c-05de-d6d6e4b4f5da","fake":false,"type":"class","name":"password_text-field","namespace":"","comb":"","styleLess":"margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 20.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 20.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 20.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 20.00%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(0, 0.00%, 0.00%, 0.00); background-image: @img_6690d91f1166f419577d0c67; background-position: 3% 50%; background-size: 22px 22px; background-repeat: no-repeat; color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 100.00%, 0.75);"},"main_active":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"},"main_focus":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"},"main_focus-visible":{"styleLess":"border-top-color: #79e754; border-right-color: #79e754; border-bottom-color: #79e754; border-left-color: #79e754;"}},"children":["06b1484e-9d99-240f-83bf-9a56c8f62114"],"createdBy":"663c8c0671d19184563bda6a","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","siteId":"6690d39fcfbf732e3c361a75","width":800,"isHD":false,"height":800,"fileName":"6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","createdOn":"2024-07-12T07:08:46.312Z","origFileName":"lock-svgrepo-com.svg","fileHash":"9eaa5a953844e9288e7f92691d69245d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d67ecc2c536e3577a6e1_lock-svgrepo-com.svg","_id":"6690d67ecc2c536e3577a6e1","updatedOn":"2024-07-12T07:08:46.312Z","fileSize":884,"localizedSettings":{}},{"cdnUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","siteId":"6690d39fcfbf732e3c361a75","width":800,"isHD":false,"height":800,"fileName":"6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","createdOn":"2024-07-12T07:19:59.146Z","origFileName":"mail-line-svgrepo-com.svg","fileHash":"edbd5404fd590afd52860e261f19f23f","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","thumbUrl":"https://cdn.prod.website-files.com/6690d39fcfbf732e3c361a75/6690d91f1166f419577d0c67_mail-line-svgrepo-com.svg","_id":"6690d91f1166f419577d0c67","updatedOn":"2024-07-12T07:19:59.146Z","fileSize":772,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
This password reset flow guides users through three steps: entering their email, checking their inbox for a reset link, and creating a new password. The design features a sleek green and black color scheme, with clear calls-to-action for an intuitive user experience.
Key Features:
- Three-step password reset process
- User-friendly interface with clear instructions
- Responsive design suitable for various devices
- Includes success and error messages for user feedback
- Customizable form fields and buttons
Design Elements:
- Sleek green and black color scheme
- Modern typography with large headings
- Flexible layout with centered alignment
- Use of shadows and gradients for depth
- Clear call-to-action buttons
Potential Use Cases:
- Web applications requiring user authentication
- E-commerce platforms needing secure password management
- SaaS products with user accounts
- Membership sites with user login functionality
- Corporate websites with employee access
Conclusion: The Three-Steps Green Password Reset component is a versatile and visually appealing solution for any website that requires a secure and straightforward password recovery process.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.