*{box-sizing:border-box}html{height:100%}body{background-image:linear-gradient(160deg,#1a1f36 0,#2f3d89 100%)}.logo{width:90%;margin-bottom:20px}.align{align-items:center;display:flex;flex-direction:row}.align__item--start{align-self:flex-start}.align__item--end{align-self:flex-end}.site__logo{margin-bottom:2rem}input{border:0;font:inherit}input::placeholder{color:#7e8ba3}.form__field{margin-bottom:1rem}.form input{outline:0;padding:.5rem 1rem}.form input[type="email"],.form input[type="password"]{width:100%}.grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0 auto;max-width:350px;width:100%}h2{font-size:1.75rem;font-weight:100;margin:0 0 1rem}svg{height:auto;max-width:100%;vertical-align:middle}a{color:#7e8ba3}.register{border-radius:10px;box-shadow:0 0 250px #000;text-align:center;padding:4rem 2rem 1rem}.register input{border:1px solid #242c37;border-radius:999px;background-color:transparent;text-align:center}.register input[type="email"],.register input[type="password"]{background-repeat:no-repeat;background-size:1.5rem;background-position:1rem 50%}.register input[type="email"]{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37"><path d="M256.017 273.436l-205.17-170.029h410.904l-205.734 170.029zm-.034 55.462l-205.983-170.654v250.349h412v-249.94l-206.017 170.245z"/></svg>')}.register input[type="password"]{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37"><path d="M195.334 223.333h-50v-62.666c0-61.022 49.645-110.667 110.666-110.667 61.022 0 110.667 49.645 110.667 110.667v62.666h-50v-62.666c0-33.452-27.215-60.667-60.667-60.667-33.451 0-60.666 27.215-60.666 60.667v62.666zm208.666 30v208.667h-296v-208.667h296zm-121 87.667c0-14.912-12.088-27-27-27s-27 12.088-27 27c0 7.811 3.317 14.844 8.619 19.773 4.385 4.075 6.881 9.8 6.881 15.785v22.942h23v-22.941c0-5.989 2.494-11.708 6.881-15.785 5.302-4.93 8.619-11.963 8.619-19.774z"/></svg>')}.register input[type="submit"]{background-image:linear-gradient(160deg,#00ca9e 0,#378f7b 100%);color:#fff;height:34px;margin-top:8rem;width:100%;font-size:12px;text-transform:uppercase;font-weight:600}