.register-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;height:100dvh;width:100%;padding:2em}.register-container>form{display:flex;flex-direction:column}:root{font-family:Roboto,Inter,system-ui;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}*{box-sizing:border-box}*{--color-primary: #007bff;--color-primary-shade: #065ab4;--color-text-on-primary: #fff}.form-field{display:flex;flex-direction:column;gap:2px}.form-field>.label{font-size:16px;font-weight:300;font-family:Manrope;color:#777}.form-field>input[type=text],.form-field>input[type=email],.form-field>input[type=number],.form-field>input[type=password]{width:100%;padding:12px 8px 8px;margin-bottom:12px;font-size:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:4px;background-color:#efefef;border:none;border-bottom:4px solid #ccc;outline:none}.form-field>input[type=text]:focus,.form-field>input[type=email]:focus,.form-field>input[type=number]:focus,.form-field>input[type=password]:focus{border-bottom:4px solid var(--color-primary)}.button{background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;outline:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;width:100%;font-weight:700;transition:background-color .3s;border-bottom:4px solid var(--color-primary-shade);margin-bottom:4px;transition:border .7s ease,margin .7s ease}.button:hover{border-bottom-width:8px;margin-bottom:0}