.login{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:url(/images/image11.png) no-repeat 50%/cover;background-color:#fff}.logo,.wrapper{text-align:center}.wrapper{width:550px;height:90%;background-color:rgba(255,255,255,.9);border-radius:8px;padding:40px;box-shadow:0 0 20px rgba(0,0,0,.2);position:relative;margin:5%}form{display:flex;flex-direction:column}h2{font-size:2rem;margin-bottom:10px}p{margin-bottom:20px}.input-field{position:relative;margin:20px 0}.input-field label{position:absolute;top:50%;left:0;transform:translateY(-50%);color:black;font-size:16px;pointer-events:none;transition:.2s}.input-field input{width:100%;height:40px;background:transparent;border:none;border-bottom:2px solid #ccc;outline:none;font-size:16px}.error-message{color:red;margin-top:10px;font-size:14px;text-align:center}.input-field input:focus~label,.input-field input:valid~label{top:-10px;font-size:14px;color:black}.forget{display:flex;align-items:center;justify-content:space-between;margin:25px 0;font-size:14px}.forget input{accent-color:#c82338}.forget p{margin-left:8px;margin-bottom:0}.wrapper a{color:#c82338;text-decoration:none}.wrapper a:hover{text-decoration:underline}.button-log{background-color:#c82338;color:#fff;font-weight:700;padding:12px 0;border:none;border-radius:4px;margin-top:10px;transition:.3s}.button-log:hover{background-color:#fff;color:#c82338;border:2px solid #c82338}.register{margin-top:30px;font-size:14px;color:#333}.Link{color:#c82338;text-decoration:none;font-weight:700}.error{color:red;font-size:12px;margin-top:2px;display:block}.remember{display:flex}