:root{--input-error-color:#EC221F;--form-group-label-color:#1E1E1E;--form-group-input-bg-color:#F1F4F9;--form-button-color:#C145FF}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#FFFFFF;display:flex;justify-content:center;align-items:center;height:100vh;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:normal;font-style:normal}.login-form{width:480px;margin:0 auto;padding:20px;background-color:#FFFFFF;border-radius:5px;text-align:center}.login-form :where(h1,p){margin:0}.login-form .login-form-header{margin-bottom:20px}.login-form .login-form-header h1{font-size:2rem;font-weight:700;line-height:38.73px;margin-bottom:1rem}.login-form .login-form-header p{font-size:18px;font-weight:600;line-height:21.78px}.login-form form .form-group{display:flex;flex-flow:column wrap;align-items:flex-start;gap:0.5rem}.login-form form .form-group:not(:last-of-type){margin-bottom:1rem}.login-form form .form-group label{color:var(--form-group-label-color);font-size:18px;font-weight:600;line-height:21.78px;letter-spacing:-0.06428570300340652px}.login-form form .form-group input{border:1px solid #D8D8D8;background:var(--form-group-input-bg-color);padding:1rem;border-radius:8px;width:100%;font-size:18px;font-weight:600;line-height:21.78px;letter-spacing:-0.06428570300340652px;text-align:left}.login-form form .form-group input.invalid{border-color:var(--input-error-color)}.login-form form .form-group input:focus{outline:none;border-color:#898989}.login-form form .form-group input::placeholder{color:#B3B3B3;font-size:18px;font-weight:600;line-height:21.78px;letter-spacing:-0.06428570300340652px;text-align:left}.login-form .login-form-button{cursor:pointer;display:block;padding:10px;border-radius:8px;color:#F5F5F5;background-color:var(--form-button-color);border:unset;font-size:24px;font-weight:700;line-height:29.05px;width:50%;margin:1rem auto 0}.login-form .p-error{color:var(--input-error-color);font-size:14px;font-weight:500;line-height:16.94px;letter-spacing:-0.06428570300340652px;text-align:left}