.login.member_wrap { display: flex; justify-content: center; align-items: center; }

.login .form { display: flex; flex-direction: column; gap: 10px; background-color: #ffffff; padding: 30px; width: 450px; border-radius: 10px; border: 1.5px solid #ddd; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

.login ::placeholder { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }

.login .form h2 { text-align: center; }

.login .form button { align-self: flex-end; }

.login .flex-column>label { margin: 10px 0 0; color: #333; }

.login .inputForm { border: 1.5px solid #ddd; border-radius: 5px; height: 50px; display: flex; align-items: center; padding: 0 10px; transition: 0.2s ease-in-out; }

.login .inputForm svg:last-of-type { opacity: .4; cursor: pointer; }
.login .inputForm svg:last-of-type:hover { opacity: .8; }

.login .input { margin-left: 10px; border-radius: 10px; border: none; width: 85%; height: 100%; }

.login .input:focus { outline: none; }

.login .inputForm:focus-within { border: 1.5px solid #2d79f3; }

.login .flex-row { display: flex; flex-direction: row; align-items: center; gap: 10px; justify-content: space-between; }

.login .flex-row>div>label { margin-bottom: 0; font-size: 14px; color: black; font-weight: 400; cursor: pointer; }

.login .span { font-size: 14px; margin-left: 5px; color: #2d79f3; font-weight: 500; cursor: pointer; }
.login .span:hover { color: #0852c0; }
.login .button-submit { margin: 20px 0 0 0; background-color: #4d7acc; border: none; color: white; font-size: 15px; font-weight: 500; border-radius: 5px; height: 50px; width: 100%; cursor: pointer; }
.login .button-submit:hover { color: #fff; background-color: #3463b9; }

.login .p { text-align: center; color: black; font-size: 14px; margin: 5px 0; }

.login .btn { margin-top: 10px; width: 100%; height: 50px; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-weight: 500; gap: 10px; border: 1px solid #ededef; background-color: white; cursor: pointer; transition: 0.2s ease-in-out; }
.login .btn:hover { border: 1px solid #2d79f3; }