.login-header{flex-direction:column;align-items:center;display:flex}.login-logo{width:100%;height:auto;margin-bottom:3rem;display:block}.form-fields{flex-direction:column;gap:2rem;display:flex}.login-form{flex-direction:column;flex:1;gap:1.5rem;padding:0 2rem 2rem;display:flex}.login-form input[type=text],.login-form input[type=password]{border:1px solid #d1d5db;border-radius:6px;align-self:center;width:60%;padding:.8rem 1rem}.login-form button{cursor:pointer;border:none;border-radius:12px;align-self:center;width:80%;height:2.5rem;margin-top:auto;transition:all .2s}.login-form button:hover{color:#000;transform:scale(1.05)}.login-form input:focus{border-color:#f6ab3b;outline:none}.login-container{background:#f5f7fa;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.show-password{align-self:center;align-items:center;gap:.3rem;width:65%;font-family:Arial,Helvetica,sans-serif;font-size:small;display:flex}.show-password input{width:auto;margin:0;padding:0}.show-password label{cursor:pointer;margin:0}.form-fields-create{flex-direction:column;gap:2rem;display:flex}.create-form{flex-direction:column;flex:1;gap:1.5rem;margin-top:3rem;padding:0 2rem 2rem;display:flex}.create-form input{border:1px solid #d1d5db;border-radius:6px;align-self:center;width:50%;padding:.8rem 1rem}.create-form button{cursor:pointer;border:none;border-radius:12px;align-self:center;width:40%;height:2.5rem;margin-top:auto;transition:all .2s}.create-form button:hover{color:#000;transform:scale(1.05)}.create-form input:focus{border-color:#f6ab3b;outline:none}.alert-header{width:80%}.create-container{background:#f5f7fa;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.card{background:#fff;border-radius:12px;flex-direction:column;width:40rem;height:30rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}