{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Оставляем для вас ниже готовый код, который поможет создать форму входа для вашего сайта на HTML, CSS и JavaScript","type":"unstyled","key":"5h1jr"},{"data":{"image":{"id":"651ef1ca7d3f52515a45f82a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cq65d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bfgk3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"header-three","key":"8hrda"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"header-three","key":"eomjt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eo29l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"93isr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"71a7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"2bkgf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"15nhg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"illustration\"$ ","type":"unstyled","key":"3e31i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

LOGIN

","type":"unstyled","key":"b56tp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8op5n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"dk34c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"REGISTER","type":"unstyled","key":"bmmb7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"FORGOT PASSWORD","type":"unstyled","key":"7mhps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"2l7hj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"ctd0f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"d5ios"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"3t3gi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"b7ib6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"br9mi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"522f6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS","type":"header-three","key":"e5h7c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":":root {","type":"unstyled","key":"bhaan"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--background: #1a1a2e;","type":"unstyled","key":"b08fa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--color: #ffffff;","type":"unstyled","key":"1v7gk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"--primary-color: #0f3460;","type":"unstyled","key":"bah3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"60on7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"* {","type":"unstyled","key":"c0rlc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-sizing: border-box;","type":"unstyled","key":"2a5hb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"eqfvs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html {","type":"unstyled","key":"banno"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"scroll-behavior: smooth;","type":"unstyled","key":"7q7e8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"6r4d5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"body {","type":"unstyled","key":"deran"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 0;","type":"unstyled","key":"77n15"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-sizing: border-box;","type":"unstyled","key":"8ln6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-family: \"poppins\";","type":"unstyled","key":"6kfbh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: var(--background);","type":"unstyled","key":"48at9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: var(--color);","type":"unstyled","key":"bj937"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"letter-spacing: 1px;","type":"unstyled","key":"2272l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: background 0.2s ease;","type":"unstyled","key":"56ak9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transition: background 0.2s ease;","type":"unstyled","key":"7qpre"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transition: background 0.2s ease;","type":"unstyled","key":"60ba3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transition: background 0.2s ease;","type":"unstyled","key":"age4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transition: background 0.2s ease;","type":"unstyled","key":"ft5k8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"7fclu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"a {","type":"unstyled","key":"5ua5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-decoration: none;","type":"unstyled","key":"3aphk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: var(--color);","type":"unstyled","key":"8k5jr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"74cl3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"h1 {","type":"unstyled","key":"3bfuj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 2.5rem;","type":"unstyled","key":"cvu8v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"26iof"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".container {","type":"unstyled","key":"7bbi9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"3jlee"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"justify-content: center;","type":"unstyled","key":"cjaf3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"align-items: center;","type":"unstyled","key":"esjfu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 100vh;","type":"unstyled","key":"ejbl7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"6sc8m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".login-container {","type":"unstyled","key":"25dmj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: relative;","type":"unstyled","key":"71ph0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 22.2rem;","type":"unstyled","key":"b7a3t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2gp8r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".form-container {","type":"unstyled","key":"et65m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: 1px solid hsla(0, 0%, 65%, 0.158);","type":"unstyled","key":"dj3fs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 0 36px 1px rgba(0, 0, 0, 0.2);","type":"unstyled","key":"flhur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 10px;","type":"unstyled","key":"4i3q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"backdrop-filter: blur(20px);","type":"unstyled","key":"v3fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: 99;","type":"unstyled","key":"3eb80"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 2rem;","type":"unstyled","key":"bboov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-border-radius: 10px;","type":"unstyled","key":"37jib"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-border-radius: 10px;","type":"unstyled","key":"16u33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-border-radius: 10px;","type":"unstyled","key":"7666g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-border-radius: 10px;","type":"unstyled","key":"eh1ld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"1s4nj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".login-container form input {","type":"unstyled","key":"7juq3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: block;","type":"unstyled","key":"cc8lh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 14.5px;","type":"unstyled","key":"172kf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"hrf7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 2rem 0;","type":"unstyled","key":"6iois"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: var(--color);","type":"unstyled","key":"6t9va"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"outline: none;","type":"unstyled","key":"5fv0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: #9191911f;","type":"unstyled","key":"elcf1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"1040n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 5px;","type":"unstyled","key":"dshks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-weight: 500;","type":"unstyled","key":"6vnoj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"letter-spacing: 0.8px;","type":"unstyled","key":"8a1ta"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 15px;","type":"unstyled","key":"e5qn2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"backdrop-filter: blur(15px);","type":"unstyled","key":"9et4p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-border-radius: 5px;","type":"unstyled","key":"77io"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-border-radius: 5px;","type":"unstyled","key":"69en5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-border-radius: 5px;","type":"unstyled","key":"4rp0c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-border-radius: 5px;","type":"unstyled","key":"e1a91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"950pa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".login-container form input:focus {","type":"unstyled","key":"2usqc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.2);","type":"unstyled","key":"2eipj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"animation: wobble 0.3s ease-in;","type":"unstyled","key":"53q0e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-animation: wobble 0.3s ease-in;","type":"unstyled","key":"8pt69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"f9dng"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".login-container form button {","type":"unstyled","key":"9qjf3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: var(--primary-color);","type":"unstyled","key":"635pk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: var(--color);","type":"unstyled","key":"bfih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: block;","type":"unstyled","key":"fqrib"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: 13px;","type":"unstyled","key":"ajfre"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 5px;","type":"unstyled","key":"7htm2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"outline: none;","type":"unstyled","key":"4nqud"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: 18px;","type":"unstyled","key":"4ipnf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"letter-spacing: 1.5px;","type":"unstyled","key":"aoh37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-weight: bold;","type":"unstyled","key":"1ra7p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 100%;","type":"unstyled","key":"4bbe9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"8mcpb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin-bottom: 2rem;","type":"unstyled","key":"8bh2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: all 0.1s ease-in-out;","type":"unstyled","key":"7pbke"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: none;","type":"unstyled","key":"eidt2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-border-radius: 5px;","type":"unstyled","key":"cmehc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-border-radius: 5px;","type":"unstyled","key":"3i9fq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-border-radius: 5px;","type":"unstyled","key":"4qb0t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-border-radius: 5px;","type":"unstyled","key":"4nhou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transition: all 0.1s ease-in-out;","type":"unstyled","key":"eihcb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transition: all 0.1s ease-in-out;","type":"unstyled","key":"404eb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transition: all 0.1s ease-in-out;","type":"unstyled","key":"1g621"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transition: all 0.1s ease-in-out;","type":"unstyled","key":"dvtot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"5alop"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".login-container form button:hover {","type":"unstyled","key":"c2sl4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);","type":"unstyled","key":"a6bo4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: scale(1.02);","type":"unstyled","key":"2s6io"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: scale(1.02);","type":"unstyled","key":"8joni"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: scale(1.02);","type":"unstyled","key":"41uil"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: scale(1.02);","type":"unstyled","key":"32eur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: scale(1.02);","type":"unstyled","key":"ege8d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"8v0l6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".circle {","type":"unstyled","key":"bpnjj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 8rem;","type":"unstyled","key":"9fgsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"height: 8rem;","type":"unstyled","key":"2hj16"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: var(--primary-color);","type":"unstyled","key":"9biii"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border-radius: 50%;","type":"unstyled","key":"8im3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-border-radius: 50%;","type":"unstyled","key":"9lbcl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-border-radius: 50%;","type":"unstyled","key":"evfol"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-border-radius: 50%;","type":"unstyled","key":"cvem9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-border-radius: 50%;","type":"unstyled","key":"4i27m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"bbf0g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"8r03s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".illustration {","type":"unstyled","key":"dl58p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"4upo6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: -14%;","type":"unstyled","key":"7kbgj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"right: -2px;","type":"unstyled","key":"3r36m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 90%;","type":"unstyled","key":"ehm57"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"a50f0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".circle-one {","type":"unstyled","key":"8hki9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"top: 0;","type":"unstyled","key":"ag4lt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"unstyled","key":"c7r7b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: -1;","type":"unstyled","key":"cec3j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: translate(-45%, -45%);","type":"unstyled","key":"fal5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: translate(-45%, -45%);","type":"unstyled","key":"5mkoq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: translate(-45%, -45%);","type":"unstyled","key":"bij5m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: translate(-45%, -45%);","type":"unstyled","key":"70ghn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: translate(-45%, -45%);","type":"unstyled","key":"2771d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9erih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".circle-two {","type":"unstyled","key":"d0bs6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bottom: 0;","type":"unstyled","key":"ev5fj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"right: 0;","type":"unstyled","key":"4nulc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"z-index: -1;","type":"unstyled","key":"ae4ru"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: translate(45%, 45%);","type":"unstyled","key":"bteci"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: translate(45%, 45%);","type":"unstyled","key":"cji41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: translate(45%, 45%);","type":"unstyled","key":"r8uc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: translate(45%, 45%);","type":"unstyled","key":"h1eb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: translate(45%, 45%);","type":"unstyled","key":"ajle3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"ddomi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".register-forget {","type":"unstyled","key":"4prnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: 1rem 0;","type":"unstyled","key":"b66h0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"display: flex;","type":"unstyled","key":"7bjhp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"justify-content: space-between;","type":"unstyled","key":"ap5bu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"9svae"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".opacity {","type":"unstyled","key":"ers93"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"opacity: 0.6;","type":"unstyled","key":"sm1c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"77hbd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".theme-btn-container {","type":"unstyled","key":"ctepr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"position: absolute;","type":"unstyled","key":"ceiea"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"left: 0;","type":"unstyled","key":"746gs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"bottom: 2rem;","type":"unstyled","key":"3e1a9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"4511e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".theme-btn {","type":"unstyled","key":"6o4hi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"cursor: pointer;","type":"unstyled","key":"75hp0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transition: all 0.3s ease-in;","type":"unstyled","key":"45tc2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"7fsjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":".theme-btn:hover {","type":"unstyled","key":"72quo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"width: 40px !important;","type":"unstyled","key":"8o8pj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"2qkst"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@keyframes wobble {","type":"unstyled","key":"ciogg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"0% {","type":"unstyled","key":"29fqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: scale(1.025);","type":"unstyled","key":"3gafj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: scale(1.025);","type":"unstyled","key":"8cifv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: scale(1.025);","type":"unstyled","key":"d9pko"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: scale(1.025);","type":"unstyled","key":"dma1p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: scale(1.025);","type":"unstyled","key":"77eo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"vjbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"25% {","type":"unstyled","key":"bvdh7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: scale(1);","type":"unstyled","key":"c4rgi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: scale(1);","type":"unstyled","key":"739oa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: scale(1);","type":"unstyled","key":"av6n6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: scale(1);","type":"unstyled","key":"aamds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: scale(1);","type":"unstyled","key":"bnc8h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"3sl02"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"75% {","type":"unstyled","key":"auqe8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: scale(1.025);","type":"unstyled","key":"ej4ra"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: scale(1.025);","type":"unstyled","key":"9j2f5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: scale(1.025);","type":"unstyled","key":"ufsu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: scale(1.025);","type":"unstyled","key":"9j9i8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: scale(1.025);","type":"unstyled","key":"4bqj7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"8evpc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"100% {","type":"unstyled","key":"cf1a6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"transform: scale(1);","type":"unstyled","key":"eol2v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-webkit-transform: scale(1);","type":"unstyled","key":"6vn8u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-moz-transform: scale(1);","type":"unstyled","key":"7lr17"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-ms-transform: scale(1);","type":"unstyled","key":"f0s9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"-o-transform: scale(1);","type":"unstyled","key":"4iei3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"c7rc6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"beqi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"JavaScript","type":"header-three","key":"vkv8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const themes = [","type":"unstyled","key":"589so"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"2ehjb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#1A1A2E\",","type":"unstyled","key":"ekafj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#FFFFFF\",","type":"unstyled","key":"e367k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#0F3460\"","type":"unstyled","key":"etf3t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"42bdq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"3gk2f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#461220\",","type":"unstyled","key":"eb7lb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#FFFFFF\",","type":"unstyled","key":"cmg2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#E94560\"","type":"unstyled","key":"4htqc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"f1064"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"fnrnu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#192A51\",","type":"unstyled","key":"b4nr9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#FFFFFF\",","type":"unstyled","key":"6bgr2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#967AA1\"","type":"unstyled","key":"db55k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"6daus"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"64tif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#F7B267\",","type":"unstyled","key":"hvmg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#000000\",","type":"unstyled","key":"fhdp1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#F4845F\"","type":"unstyled","key":"93u1e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"d18cb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"937d9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#F25F5C\",","type":"unstyled","key":"acbnh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#000000\",","type":"unstyled","key":"873j5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#642B36\"","type":"unstyled","key":"2ujga"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"},","type":"unstyled","key":"13jcn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"{","type":"unstyled","key":"adgo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background: \"#231F20\",","type":"unstyled","key":"obje"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \"#FFF\",","type":"unstyled","key":"3s7ds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"primaryColor: \"#BB4430\"","type":"unstyled","key":"9nd4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"}","type":"unstyled","key":"45t89"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"];","type":"unstyled","key":"e2gn8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const setTheme = (theme) => {","type":"unstyled","key":"85q6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const root = document.querySelector(\":root\");","type":"unstyled","key":"4bu64"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"root.style.setProperty(\"--background\", theme.background);","type":"unstyled","key":"6jd77"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"root.style.setProperty(\"--color\", theme.color);","type":"unstyled","key":"dprdv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"root.style.setProperty(\"--primary-color\", theme.primaryColor);","type":"unstyled","key":"aruv6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"root.style.setProperty(\"--glass-color\", theme.glassColor);","type":"unstyled","key":"cs8pf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"};","type":"unstyled","key":"cmgkj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const displayThemeButtons = () => {","type":"unstyled","key":"2m2t2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const btnContainer = document.querySelector(\".theme-btn-container\");","type":"unstyled","key":"bo8ma"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"themes.forEach((theme) => {","type":"unstyled","key":"dahpq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"const div = document.createElement(\"div\");","type":"unstyled","key":"cnqqv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"div.className = \"theme-btn\";","type":"unstyled","key":"mmpa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"div.style.cssText = `background: ${theme.background}; width: 25px; height: 25px`;","type":"unstyled","key":"cbhp6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"btnContainer.appendChild(div);","type":"unstyled","key":"1341b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"div.addEventListener(\"click\", () => setTheme(theme));","type":"unstyled","key":"2ij5n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"});","type":"unstyled","key":"10hoe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"};","type":"unstyled","key":"1i2kg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"displayThemeButtons();","type":"unstyled","key":"eu96v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"yfRV7pXZZwxtYSRLzRQl"}],"entityMap":{}},"mentions":[]}