html{height:100%;width:100%}body{height:100%;width:100%;margin:0}*{font-family:'Source Sans Pro',sans-serif}:root{--black:#000;--white:#fff;--white-transparent:rgba(255,255,255,.6);--grey-100:#f5f5f7;--grey-200:#e0e0e0;--grey-400:#828282;--grey-500:#4f4f4f;--accent-500:#039fce;--warn:#d21307}button{border:none;border-radius:8px;line-height:16px;font-size:13px;letter-spacing:1.25px;font-weight:700;padding:15px;text-transform:uppercase;font-family:'DM Sans',sans-serif;background-color:var(--accent-500);color:var(--white);outline:none}.form-field{display:flex;flex-direction:column;background:var(--grey-100);color:#bdbdbd;padding:6px 20px;border-radius:8px;box-shadow:0 0 0 2px var(--grey-100);font-size:16px}.form-field:focus-within{background:var(--white);box-shadow:0 0 0 2px var(--black)}.form-field:focus-within>input{background:var(--white)}.form-field>input{border:none;outline:none;line-height:21px;background:var(--grey-100);color:var(--grey-500);font-size:16px}.form-field>label{font-size:12px}.form-field-error{color:var(--warn);min-height:28px;font-weight:600px;padding-left:4px}.form-field.error{box-shadow:0 0 0 2px var(--warn);color:var(--warn)}.layout-container{min-height:100%;display:flex;flex-direction:column}.layout-container .header .logo{display:block;height:32px;margin:48px auto;max-width:150px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.layout-container .layout-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto 0}.layout-container .footer{line-height:32px;padding:48px;text-align:center}.layout-container .footer>small{color:var(--grey-400)}.layout-container .footer>small>a{color:var(--grey-400)}